.wrapper {max-width: 1024px;}
.header-page {margin-top: 15px; text-align: center;}
.header-page h1 {font-family: "CenturyGothic"; font-size: 2.3em; font-weight: 400; letter-spacing: 0.1em; color: #95f6ff;}
.header-page h3 {margin-top: 10px; font-family: "Futura"; font-size: 1.5em; font-weight: 500; letter-spacing: 0.2em; color: #fbffe0;}
.header-page h3 .product {color: #cc640f;}
.block-list {max-width: 800px; margin: 30px auto 0 auto; padding: 0 8px;}
.block-list .topic {font-family: "CenturyGothic"; font-size: 1.8em; font-weight: 500; letter-spacing: 0.1em; color: #972a03;}
.block-list .block-pager {margin-top: 10px;}
.block-list .block-pager .page-list > li {float: left; list-style: none;}
.block-list .block-pager .page-list > li .current-page {margin: auto 8px; font-size: 1.2em; text-decoration: underline;}
.block-list .block-pager .page-list > li a {font-size: 1.2em;}
.block-list .block-pager .page-list > li a.page-number {margin: auto 8px;}
.block-list .nav-item-list .item-list > li {margin: 10px auto; padding-left: 25px; background: url(../png/arrow-6.png) no-repeat; list-style: none;}
.block-list .nav-item-list .item-list > li a {font-size: 1.2em;}

@media only screen and (min-width: 768px) {
    .header-page h1 {font-size: 3.5em;}
    .header-page h3 {font-size: 1.7em;}
.block-list .nav-item-list .item-list > li a {font-size: 1.5em;}
}

@media only screen and (min-width: 1024px) {
    
}