@charset "utf-8";

.main_sns_btns{width:140px; height:34px; position:relative; margin:0 auto;}
.main_sns_btns li{float:left; width:31px; margin-left:5px;}
.main_sns_btns li:first-child{margin-left:0;}

.main_block{background:#000000; text-align:center; padding-bottom:2%;}
.cclass{background:#000000; text-align:center; padding-bottom:2%;height: 723px;}
/*.cclass{background:#000000; text-align:center; padding-bottom:2%;}*/
#btn-navi{height:20px; width:40px; background:#000000; position:absolute; display:block; right:15px; top:10px; z-index:9; cursor:pointer; outline:none; border:none;}
#btn-navi img{position:absolute; top:0; left:0;}
#btn-navi img.btn_close{display:none;}

/*.p_text{font-size: 12px; line-height: 22px; color: #FFFFFF; width: 90%; left: 5%; text-align: left;}*/
.p_text{font-size: 12px; line-height: 22px; color: #000000; width: 90%; left: 5%; text-align: left;top: 578px;}
.cclass .caption{font-size: 10px; color: #FFFFFF; text-align: right; margin-bottom: 14px; padding-top: 109%; width: 90%; margin-left: 5%; position: relative;}

.top_navi_sp{width:100%; position:absolute; background:#000000; height:auto; top:0; left:0; z-index:8; display:none; padding-top:40px;}
.top_navi_sp li{width:100%; height:30px; padding:11px 0 30px; position:relative; background:url(../img/navi_line.png) no-repeat bottom; background-size:100% auto; cursor:pointer;}


.buyblock{width:285px; height:215px; position:relative; display:block;}
.sp_buyblock{width:80%; height:auto; position:absolute;}
.buyblock01{position:absolute; left:283px; top:0px;}
.buyblock02{position:absolute; left:435px; bottom:45px;}

.sp_buyblock{width:53%; height:auto; position:absolute;}
.sp_buyblock01{left:40%; top:5%;}
.sp_buyblock02{left:5%; bottom:2%;}
.buyblock p{color:#FFFFFF;}
.buyblock .buytitle{font-size:24px; line-height:34px; margin-bottom:10px;}
.buyblock .buytext{font-size:12px; line-height:22px; margin-bottom:15px;}


/*.buy_btn{margin:5% auto; width:90%; position:relative; display:block;}*/
.buy_btn{margin:5% auto; margin-top: unset; width:90%; position:relative; display:block;top: 650px;}

.series_block{background:url(../img/bg_a.png) repeat-y; background-size:100% auto; text-align:center; padding-bottom:5%;} 
.series_block h2{margin-top:0;}
.series_block p{font-size:12px; color:#FFFFFF; width:85%; text-align:center; margin:0 auto;}
.series_block01{padding-top: 20px;}
.series_block01 .series_btn_outter{position:absolute; bottom:0; width:33.3%; text-align:center; right:0;}
.series_block01 .series_btn{width:90%;}
.series_block01 .series_btn_02{position: absolute; top:59px; width: 28%; left: 10px;}
.series_block02 .series_btn_outter{position:absolute; bottom:8%; width:100%; text-align:center; right:0;}
.series_block02 .series_btn{width:33.3%; float:left; position:relative; display:block;}
.series_block02 .series_btn a{width:90%; position:relative; display:block;}
.series_block02 .series_btn01{margin-top:18%;}
.series_block02 .series_btn02{margin:11% auto 0;}
.series_block02 .series_btn03{margin-top:18%;}

.series_block02 .series_btn01 a{margin-left:12%;}
.series_block02 .series_btn02 a{margin:0 auto;}

.series_block .block_honbun{width:95%; margin:2% auto; height:auto; position:relative; display:block; color:#FFFFFF; font-size:12px; line-height:24px; text-align:left;}

.series_block .about_ul{width:100%; position:relative; height:auto; margin:0 auto; clear:both; display:table-row;}

.series_block .about_ul li{width:48%; height:340px; padding:0 1%; position:relative; float:left; margin-right:0;}
.series_block .about_ul li p{color:#ea5404; font-size:12px; line-height:24px; text-align:left; position:relative;}
.series_block .about_ul li .about_title{position:relative; text-align:center; width:100%; height:auto; margin-bottom:3%;}
.series_block .about_ul li .about_title img{position:inherit;}
.about_banner{color:#ea5404; font-size:14px;}
.about_banner img{margin-bottom:5px;}



.store_block{background:#e6e6e6;}
.store_block h2{margin-top:0;}
.store_block p{font-size:12px; color:#333333; width:85%; text-align:center; margin:0 auto;}
.store_block p span{font-size:9px;}

.btn_store_list{margin:0 auto; width:90%;}

.huki_store_btn01{width:28%; top:42%; left:3%;}
.huki_store_btn02{width:34%; top:66%; left:33%;}