@charset "UTF-8";

/* base ******************************************************************** */

* { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html {}
body { background: url(img/top/body_bg_1.png) center top repeat-y #000; margin: 0px; color:#333333; font-size: medium;line-height: 1.3; font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
.serif{font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

a:link      { color: #333333; text-decoration: underline; cursor: pointer; }
a:visited   { color: #333333; text-decoration: underline; cursor: pointer; }
a:hover     { color: #333333; text-decoration: none; cursor: pointer; }
a:active    { color: #333333; text-decoration: none; cursor: pointer; }

img  { border-style: none; vertical-align: top; }
input { vertical-align: middle; padding:5px;}
select { vertical-align: middle; padding:5px; border:solid 1px #888 }
.dispSP{display: none;}
.clear{ clear: both;}
.menuName{
	text-indent:-9999px;
	line-height: 0;
}
.center{
	text-align:center;
}
.iem{margin:0;border:0;padding:0;font-size:0;line-height:1;}
.img100p{
	width: 100%;
}
.box_end{display: block; width: 100%;}
.price{color:#f00; text-align: right;}
.price_off10{color:#f00; text-align: right; font-weight: bold;}
.price_default{ text-align: right; font-weight: bold;}
.nif_premium{ display: none; }
ul,li{ list-style-type:none;}
.inlineSP{display: none;}

/* ISP header */
.niftyHeader{ background:#000;}
.niftyHeader table{ width:960px ; margin:0 auto;}


/* nav ******************************************************************** */

/* top ******************************************************************** */
.wrapper{position: relative; width: 900px; margin: 0 auto;}
.top_header_sp{display: none;}
.top_header_pc{background: url(img/top/logo_pc.png) top center no-repeat; position: relative; }
.top_header_pc .inner{width: 960px; margin: 0 auto; background: url(img/top/logo_pc.png) top center no-repeat; position: relative;}
.top_header_pc .top_start_pc{padding: 0 0 240px 3%; position: relative;}
.top_header_pc .top_start_pc .spc{width: 100%; height: 150px;}
.top_header_pc .top_nav_pc{width: 908px; margin: 0 auto; display: table; }
.top_header_pc .top_nav_pc a{display: table-cell; position: relative;}
.top_header_pc .top_nav_pc a img{width: 100%;}
.wrapper img{width: 100%;}
.top_nav{display: table;}
.top_nav a{display: table-cell;}
.contents_nav{display: table; position: fixed; width: 640px; margin:0 auto; bottom:0; z-index: 99; display: none;}
.contents_nav a{display: table-cell;}
.site_start{position: relative; padding: 70% 0 26%; background: url(img/top/logo.png) center top no-repeat; background-size: 100%;}
.site_start a{display: block; width: 50%; margin:0 auto;}
.contents_list{position: relative;}
.contents_list .nav{position: relative; width: 100%; overflow: hidden; display: table;}
.contents_list .nav .nav_item{ display: table-cell; position: relative;}
.contents_list .nav .nav_item img{width: 100%;}
.contents_list .contents{position: relative; background: url(img/top/menu_list_bg.png) center top repeat-y; background-size: 100%; padding: 0 3%;}
.contents_list .contents .contents_item{overflow: auto;}
.contents_list .contents .new{}
.contents_list .contents .new .new_inner{ }
.contents_list .contents .new .new_inner .new_sub_title{display: block; width: 50%; margin: 0 auto;}
.contents_list .contents .new .new_inner a{ display: block;}
.contents_list .contents .new .new_inner .free_pc{}
.contents_list .contents .new .new_inner .free_pc .free1{display: block; width: 100%; padding:13% 0; background: url(img/top/free_2_pc.png) top center no-repeat; background-size: 100%; text-indent: -9999px;}
.contents_list .contents .new .new_inner .free_pc .free1:hover{background-position: bottom center;}
.contents_list .contents .new .new_inner .free_pc .free2{display: block; width: 100%; padding:13% 0; background: url(img/top/free_1_pc.png) top center no-repeat; background-size: 100%; text-indent: -9999px;}
.contents_list .contents .new .new_inner .free_pc .free2:hover{background-position: bottom center;}
.contents_list .contents .new .new_inner .free_sp{display: none;}
.contents_list .contents .new .item{position: relative; padding-bottom:1%;}
.contents_list .contents .new .item .menu_bg{background: url(img/top/genre_menu_bg.png) center top repeat-y; background-size: 100%; position: relative; padding: 0 5%;}
.contents_list .contents .new .item .menu_bg_inner{width: 100%; overflow: hidden;}
.contents_list .contents .new .item .item_inner{width: 100%; overflow: hidden;}
.contents_list .contents .new .item .category{width:16%; float: left;}
.contents_list .contents .new .item .menu_info{width:82%; float: right;}
.contents_list .contents .new .item .menu_info a{font-weight: bold; font-size: 2em; line-height: 1.5em;}
.contents_list .contents .new .item .menu_info .price{}
.contents_list .contents .sp{display: none;}
.contents_list .contents .sp .sp_form{background: url(img/top/sp_form_bg.png); width: 94%; margin: 0 auto; padding: 2% 0 0;}
.contents_list .contents .sp .sp_form .text{text-align: center; color:#3a250a; font-weight: bold; padding: 1% 0; font-size: 1.5em;}
.contents_list .contents .sp .sp_form .entry_item{text-align: center;}
.contents_list .contents .sp .sp_form .submit_btn{width: 60%; margin: 0 auto; padding: 3% 0;}
.contents_list .contents .sp .sp_form select{appearance:none; border:1px solid #000; background: #fff; padding: 1%; width: 20%;}
.contents_list .contents .review{display: none; font-size: 0.9em;}
.contents_list .contents .review .item{position: relative; padding-bottom:1%;}
.contents_list .contents .review .item .review_item_bg{background: url(img/top/review_item_bg.png) center top repeat-y; background-size:100%; padding:1% 5%;}
.contents_list .contents .review .item .review_item_bg .text_wrap{width: 100%; overflow: hidden; color: #fff; padding: 2% 0 0; font-size: 1.3em;}
.contents_list .contents .review .item .review_item_bg .text_wrap .card{width: 18%; float: left;}
.contents_list .contents .review .item .review_item_bg .text_wrap .text{width: 80%; float: right; font-size: 1.3em;}
.contents_list .contents .review .item .review_item_bg .text_wrap .text .comment{ padding-bottom:3%;}
.contents_list .contents .review .item .review_item_bg .text_wrap .text .menu a{color:#0cfd00;}
.menu_list{position: relative;}
.menu_list .nav{position: relative; width: 100%; overflow: hidden; display: table;}
.menu_list .nav .nav_item{display: table-cell; }
.menu_list .contents{background: url(img/top/genre_list_bg.png) center top repeat-y; background-size:100%; padding:0 5%;}
.menu_list .contents .contents_item{overflow: auto;}
.menu_list .contents .item{ padding-bottom:1%;}
.menu_list .contents .item .menu_bg{background: url(img/top/genre_menu_bg.png) center top repeat-y; background-size: 100%; padding: 0 5%; position: relative;}
.menu_list .contents .item .menu_bg .menu_bg_inner{width: 100%; overflow: hidden;}
.menu_list .contents .item .menu_bg .menu_bg_inner .category{float: left; width: 15%;}
.menu_list .contents .item .menu_bg .menu_bg_inner .menu_info{float: right; width: 84%;}
.menu_list .contents .item .menu_bg .menu_bg_inner .menu_info a{font-weight: bold; font-size: 1.6em; line-height: 1.5em;}
.rec_menu_list{}
.rec_menu_list .contents{background: url(img/top/rec_bg.png) center top repeat-y; background-size: 100%; padding: 0 8%;}
.rec_menu_list .contents .inner{}
.rec_menu_list .contents .inner .title{display: block; padding: 2% 0;}
.rec_menu_list .contents .inner .menu_name a{color:#fff; font-size: 1.7em; font-weight: bold; text-shadow:0 0 5px #1bb668,0 0 5px #1bb668,0 0 5px #1bb668,0 0 5px #1bb668;}
.rec_menu_list .price_default{color:#fff;}



/* footer ******************************************************************** */
/* rule box */
.ruleBox { width:100%; position:relative; zoom:1; color:#fff; margin:5% auto; text-align:center; font-weight: 500; background: #000;}
.ruleBox img{width: auto;}
.ruleBox .boxWrap{padding:5%;}
.ruleBox a{ color:#ff0;}
.ruleBoxTop{padding-top:15px; position:relative; zoom:1; }
.ruleBoxBtm{ padding-bottom:15px; position:relative; zoom:1; }
.ruleBox .wrapper{ padding:0 40px; text-align:center}
.ruleBox table{ width:100%; }
.ruleBox .sp{ display:none; }
.ruleBox .title{ font-weight:bold; margin:0 0 10px; }

/* footer */
.footer{font-weight: 500;}
.footer{ color:#fff;font-size: small; text-align: center; padding: 0 0px; margin:0 auto; position:relative; zoom:1; background-color:#000;}
.footer a{ color: #fff;}
.subInfo{ padding-top: 20px; line-height: 1.7em;}
.footer .menu{ border-bottom: 1px solid #fff; padding:20px 0;}
.footer .menu a:link    { color:#fff; text-decoration: underline; cursor: pointer; }
.footer .menu a:visited { color:#fff; text-decoration: underline; cursor: pointer; }
.footer .menu a:hover   { color:#fff; text-decoration: none; cursor: pointer; }
.footer .menu a:active  { color:#fff; text-decoration: none; cursor: pointer; }
.footer .menu > *{ display: inline-block; margin: 0 2% 2% 0;}
.footer_link{ margin-top: 3%;}
.footer_link_head{ margin-bottom: 1%;}

.rakutenFooter{background: #fff;}