@charset "shift_jis";

/* common ******************************************************************** */

* { margin: 0px; padding: 0px; }

html { }
body { margin: 0px; color:#fff; font-family: MS PGOTHIC,Osaka; font-size: medium;line-height: 1.7em;  position: relative; zoom:1; background-color: #16141d;}

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

img  { border-style: none; vertical-align: top; width: 100%; }
input { vertical-align: middle; padding:5px;}
select { vertical-align: middle; padding:5px; border:solid 1px #888 }
.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;}

.prz{position:relative;zoom:1;}
.FFF{color:#FFFFFF}

.redTxt{ color:#9A0302; line-height:1.2em;}

ul,li{ list-style-type:none;}

/* tag */
* { margin: 0px; padding: 0px; }
html {}
.body {margin: 0px;color:#000;font-family: MS PGOTHIC,Osaka; font-size: medium;line-height: 1.7em; background:#fff; position: relative;zoom:1; background-image:url(img/top/bodyBg0.jpg);}
.img  { border-style: none; vertical-align: top; }
.input { vertical-align: middle; padding:5px; }
input.name{ border:solid 1px #888}
.select{ vertical-align: middle; padding:5px; }

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

/* etc */
.clear{ clear: both;}
.center{ text-align:center; }
.m00{margin: 0 !important;}

/* parts */
.linkFreeWrap{text-align: center; line-height: 1.5; font-size: 1em;}
.linkFree{font-weight: bold; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; text-decoration: none !important;}
.underLine{text-decoration: underline;}
.linkFree:hover .underLine{text-decoration: none;}
.yellow{color: #ff6;}
.pink{color: #ffccff;}

.btnBg{background: none; width: auto; height: auto; display: inline;}
.btnBg img{display: initial;}

/* ISP header */
.niftyHeader{ background-color:#000; width: auto;}
.niftyHeader table {width: 65%; height: auto; background-size: contain; margin: 0 auto; }
.niftyHeader img{width: initial;}

/* wrap ******************************************************************** */
/* wraps */
.bodyBg1{width: 100%; background: url(img/top/body_bg_sp.png) top center repeat-y; -webkit-background-size: contain; background-size: contain;}
.bodyBg2{width: 100%; background: none;}
.bodyBg3{width: 100%; background: none;}
.bodyBg4{width: 100%; background: none;}
/* .bodyBg5{width: 100%; background: none; padding: 0 7%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} */
.bodyBg5{width: 100%; background: none; padding: 0 0 50px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.headerInner{ background: url(img/top/header_bg_sp.png) top center no-repeat; -webkit-background-size: 100%; background-size: 100%; padding: 15% 0; }
.flashBox{position: relative; width: 960px; margin: 0 auto; display: none;}
.flashBox img {width: 900px; margin: 0 auto; height: 310px; display: none; }


/* nav ******************************************************************** */
.nav{overflow: hidden; width: 100%; margin: 0;}
.navItem{float: left; width: 25%; }
.navItem a:hover{opacity: 0.8;}

.navBg01{background: none; display: inline; height: auto;}
.navBg01 img{display: inline;}
.navBg02{background: none; display: inline; height: auto;}
.navBg02 img{display: inline;}
.navBg03{background: none; display: inline; height: auto;}
.navBg03 img{display: inline;}
.navBg04{background: none; display: inline; height: auto;}
.navBg04 img{display: inline;}


/* menuBox ******************************************************************** */
.pickupMenuBox{width: 100%; color: #000;}
.pickupMenuBoxWrap{background: url(img/top/pickupMenuBox_bg.png) top center repeat-y; padding: 0 30px; -webkit-background-size: 100%; background-size: 100%;}

.menuTitleBox{overflow: hidden; margin-bottom: 10px;}
.category{float: left; width: 15%;}
.category_large{width: 20%;}
.menuTitleBoxInner{float: left; width: 80%; margin-left: 10px;}
/* .menuTitle{font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-size: 2.2em;} */
.menuTitle a{color: #100260; line-height: 1.5; padding-bottom: 2px; font-weight: bold; text-decoration: none; border-bottom: 2px solid #100260; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-size: 1.3em; text-shadow:2px 2px 0px #fff,-2px 2px 0px #fff,2px -2px 0px #fff,-2px -2px 0px #fff;}
.menuTitle a:hover{border: none;}
.menuDescription{ line-height: 1.3; font-size: 0.9em; margin-top: 10px; }
.priceBox{overflow: hidden; padding-bottom: 10px;}
.tag{float: left; width:100%;}
.tag img{padding-right: 3%; width: 30%;}
.price{float: right; font-weight: bold; font-size: 0.9em;}
.specialMenuBox .price_off10{width:auto;}

.osusumeMenuBox{width: 100%; margin: 0 auto;}
.osusumeMenuBoxWrap{box-sizing: border-box; background: url(img/top/osusumeMenuBox_bg.png) 0 0 repeat-y; padding: 0 7%; -webkit-background-size: 100%; background-size: 100%;}
.osusumeMenuItem{background: url(img/top/osusumeMenuItem_bg.png) 0 0 repeat; position: relative; margin-bottom: 10px; padding: 10px 0;}
.osusumeMenuItem_fukidashi{position: absolute; top: 0; left: 0; width: 25%;}
.osusumeMenuItemInr{overflow: hidden; padding-left: 5%;}
.menuTitleBox_osusume{float: left; width: 75%; margin-left: 10px;}
.menuTitle_osusume{font-size: 1.8em; font-weight: bold;}
.menuTitle_osusume a{font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-size: 0.8em; color: #5e0000; line-height: 1.3;}
.price_osusume{color: #5e0000; text-align: right; font-weight: bold;}

.specialMenuBox{ width: 100%; margin: 0 auto; }
.specialMenuBoxTop{display: none;}
.specialMenuBoxTop_sp{display: block;}
.specialMenuBoxWrap{background: url(img/top/specialMenuBox_bg.png) 0 0 repeat-y; padding: 2% 7%; position: relative; -webkit-background-size: 100%; background-size: 100%;}
.specialMenuBoxWrapInr{position: relative; z-index: 1;}
.menuTitleBox_special{overflow: hidden;}
.menuTitle_special{width: 80%; float: left; margin-left: 10px; font-size: 1.5em; line-height: 1.3; color: #5e0000; font-weight: bold; font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}
.menuDescription_special{color: #000; font-size: 0.9em; line-height: 1.3; margin-top: 10px; width: 100%;}
.specialMenuBoxImg{display: none;}
.price_special{color: #5e0000; text-align: right; font-weight: bold; width: 100%;}

.freeMenuBox{width: 100%; margin: 0 auto;}
.freeMenuBoxWrap{background: url(img/top/freeMenuBox_bg.png) 0 0 repeat-y; overflow: hidden; padding: 0 1%; -webkit-background-size: 100%; background-size: 100%;}
.freeMenuBoxInr{width: 100%; float: none;}
.freeMenuBoxInrWrap{background: url(img/top/freeMenuBoxInr_bg.png) 0 0 repeat-y; -webkit-background-size: 100%; background-size: 100%; padding: 0 10%; font-size: 0.9em; line-height: 1.3;}
.freeMenuBoxInrWrapTxt{text-align: center; color: #000; padding: 0;}

.menuBoxKate{width: 100%; margin: 0 auto;}
.menuBoxKateTop{text-align: center;}
.menuBoxKateLink{overflow: hidden; margin-top: 10px;}
.menuBoxKateLinkItem{float: left; width: 32%; margin-right: 2%;}
.menuBoxKateLinkItem a:hover{ opacity: 0.8; }
.menuBoxInner{ width: 92%; margin: 0 auto 10px; color: #000; }
.menuBoxInner_small{width: 100%; overflow: hidden; margin-bottom: 0; }
.menuBox_large{width: 100%; margin: 0 auto;}
.menuTitleBox_large{overflow: hidden;}
.menuBoxWrap_large{background: url(img/top/menuBox_bg.png) 0 0 repeat-y; padding: 10px 5%; -webkit-background-size: 100%; background-size: 100%;}
.menuTitle_large{margin-left: 10px; float: left; width: 80%;}
.menuTitle_large a{font-size: 1.6em; color: #C09; font-weight: bold; line-height: 1.3;}
.menuDescription_large{color: #000; font-size: 0.9em; line-height: 1.3; margin: 10px 0;}
.menuBox_small{width: 92%; float: none; margin: 0 auto;}
.menuBoxWrap_small{background: url(img/top/menuBox2_bg.png) 0 0 repeat-y; padding: 0 7%; -webkit-background-size: 100%; background-size: 100%;}
.menuTitleBox_small{ overflow: hidden; }
.menuTitle_small{ margin-left: 10px; float: left; width: 70%; }
.menuTitle_small a{ font-size: 1.1em; color: #C09; font-weight: bold; line-height: 1.3; width: 65%; }
.menuDescription_small{color: #000; font-size: 0.9em; line-height: 1.3; margin: 10px 0;}

.renaiMenuBoxWrap{background: url(img/top/renaiMenuBox_bg.png) 0 0 repeat-y; -webkit-background-size: 100%; background-size: 100%; padding-bottom: 10px;}
.deaiMenuBoxWrap{background: url(img/top/deaiMenuBox_bg.png) 0 0 repeat-y; -webkit-background-size: 100%; background-size: 100%; padding-bottom: 10px;}
.jinseiMenuBoxWrap{background: url(img/top/jinseiMenuBox_bg.png) 0 0 repeat-y; -webkit-background-size: 100%; background-size: 100%;}

/* entryBox ******************************************************************** */
.entryBox{width: 100%; margin: 0 auto 20px;}
.entryBoxWrap{background: url(img/top/entryBox_bg.png) 0 0 repeat-y; -webkit-background-size: 100%; background-size: 100%;}
.entryFormInner {width: 42%; margin: 0 auto 10px; padding: 0; }
.entryFormInner2{width: 70%;}
.entryFormInner td {padding: 0; display: block; line-height: 2em;}
.entryFormInner .td01 { font-size: small; }
.entryFormInner2 .td01 { width: 171px; }
.entryBox2{background: url(img/top/entryBox2_bg.png) top center repeat-y; padding-bottom: 10px; width: 80%; margin: 0 auto 10px; -webkit-background-size: 100%; background-size: 100%;}
.entryBox2Inner{background: url(img/top/hitodama.png) 0 0 no-repeat; -webkit-background-size: contain; background-size: contain; padding-left: 10%;}
.entryBox2Title{text-align: center;}
.entryBoxTxt{width: 70%; margin: 0 auto;}
.meinichi_caution{text-align: left; font-size:0.8em;}

/* revewBox ******************************************************************** */
.revewBox{width: 100%; margin: 0 auto; overflow: hidden;}
.revewBoxWrap{margin-top: 10px;}
.revewBoxItem{ padding: 0 3%; }
.silhouette{ float: left; width: 20%; }
.hukidashiBox{width: 74%; float: left; position: relative; margin: 0 0 10px 5%;}
.hukidashiBoxArrow{display: none;}
.hukidashiBoxWrap1{ width: 100%; box-sizing: border-box; background: url(img/top/fukidashiBox_bg1.png) 0 0 repeat-y; overflow: hidden; padding: 0 20px 10px;}
.hukidashiBoxTitle{float: none; width: 100%;}
.hukidashiBoxDescription{float: none; width: 100%; color: #666; font-size: 0.8em; line-height: 1.3; margin-top: 10px;}
.hukidashiBoxWrap2{ width: 100%; box-sizing: border-box; background: url(img/top/fukidashiBox_bg2.png) 0 0 repeat-y; /* overflow: hidden; */ display: table; padding: 10px 5% 5px;}
.fukidashiBoxCategory{/* float: left; */ display: block; vertical-align: middle;}
.fukidashiBoxLink{/* float: left; margin-left: 20px; */ display: block; vertical-align: middle; padding: 0 4%;}
.fukidashiBoxLink a{ color: #600; font-weight: bold; font-size: 0.8em; line-height: 1.4; }


/* linkBtnBox ******************************************************************** */
.linkBtnBox{display: table; width: 100%; margin: 10px auto;}
.linkBtnBoxItem{display: table-cell; vertical-align: middle;}
.linkBtnBoxItem a img:hover { opacity: 0.9; }
.linkBtnBoxItemWrap{text-align: center; padding: 0 7%; background: url(img/top/linkBtnBoxItem_bg.png) 0 0 repeat-y; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; -webkit-background-size: 100%; background-size: 100%;}
.linkBtnBoxItemWrap a{font-size: 0.8em; color: #f00; line-height: 1.3; }


/* other ******************************************************************** */
.headerDescription{text-align: center;}
.commonDescription{font-weight: bold; text-align: center;}
.linkTxtBox{text-align: center; margin: 20px 0 10px;}
.linkTxtBox a{font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-weight: bold; font-size: 1em;}
.linkTxtBoxWrap{background: url(img/top/linkTxtBox_bg.png) top center repeat-y; -webkit-background-size: 100%; background-size: 100%; padding: 0 4%;}
.submitBtn{text-align: center; width: 70%; margin: 10px auto 0;}
.submitBtn2{margin-top: 10px; text-align: left;}
.submitBtn2 img{width: 100%;}
.submitBtn a:hover,.submitBtn2 a:hover{opacity: 0.8;}
.inlineSP {display: none; }
.hiddenSP {display: inline; }
.pt20per{padding-top: 20%;}

.ruleBox img,.footer img{width: auto;}