@charset "utf8";

/* ▼common ********************************************************************/
body{ background: #FFF; width:100%}
	/* ▽tag */
	img											{ width:100%; }
	/* ▽parts */
	.category					{ width:20%; }
	/* ▽ISP header */
	.niftyHeader{width:auto;}
	.niftyHeader img,
	.niftyHeader table{	width:80%;	height:auto;	background-size:contain;	margin:0 auto;}
	.commonMenuBox{	width:100%;	height:auto;	background-size:contain;	margin:0 auto;}
	.commonMenuBox .menuTitle{	font-size:1.5em;}.category{	width:20%;	vertical-align: top;}
	.commonMenuBoxTop{	width:auto;	background-size:contain;	padding:0;}
	.commonMenuBoxBtm{	width:auto;	background-size:contain;	padding:0;}
	.commonMenuBoxInner{	padding:8% 7%;}
	.commonMenuBox .menuTitle{	font-size:1.5em;}
	.commonCaption .caption{	background-size: contain;	width:auto;	padding:0;}
	.commonCaption .captionInner{	padding:6% 12% 9%;}
	.commonCaption .captionBtm{	background-size: contain;}
	.commonCaption .captionTop{	background-size: contain;}
	.gooHeader img {width: auto;}
/*▼entry*/
.subMenuBox{
	width:auto;
	background-size:contain;
}
.subMenuBox2{
	width:auto;
	background-size:contain;
}
.subMenuBoxTop{
	background-size:contain;
	padding:0;
}
.subMenuBoxBtm{
	background-size:contain;
	padding-bottom:13%;
}

.subMenuBox2Top{
	background-size:contain;
	padding:0;
}
.subMenuBox2Btm{
	background-size:contain;
	padding:0 0 6% 0;
}
.subMenuBox2Inner{
	padding:57% 15% 0;
}
.subMenu{
	width:auto;
	margin:0 auto;
}
.subMenu ul li{
	padding-right:0;
}
.subMenu ul li img{
	width:auto;
}
.formBox{
	width:auto;
	background-size:contain;
	height:auto;
}
.formBoxTop{
	width:auto;
	background-size:contain;
	padding:0 0 0 0;
}
.formBoxBtm{
	width:100%;
	background-size:contain;
	margin:0 auto;
	padding-bottom:10%;
}
.myFormBox,
.targetFormBox{
	width:auto;
	margin: 0 auto 1em;
}

.myFormBox .formBox2Top,
.targetFormBox .formBox2Top{
	width:auto;
	background-size:contain;
	padding:0% 3% 0;
	margin:0 5%;
}
.myFormBox .formBox2Btm,
.targetFormBox .formBox2Btm{
	width:auto;
	/*background-size:contain;*/
	background: none;
	padding:0%;
}
.myFormBox .formBox2Inner{
	padding:0;
}
.targetFormBox .formBox2Inner{
	padding:0;
}
.formBox2Btm td{
	vertical-align:top;
}

.formBox td{ padding:0; display:block;}
.formBox td.td01 { font-size:small;}

.formBoxInner{
	width:auto;
	margin:0 auto;
	padding:4% 13% 0;
}
.btnSpace{
	width:auto;
	margin:0;
	padding:4% 0;
}
.btnLeft,
.btnRight{
	float:none;
	width: auto;
}
.policy{
	width:auto;
	padding:3% 0;
}
.policyInner{
	padding:0 2%;
}
/* ▼wrap ********************************************************************/


	/* ▽wraps */
	.container				{ width:auto; background: none;}
	.main									{ width:auto; }
	.bodyBg1,.bodyBg2,.bodyBg3,.bodyBg4 { width:100%; min-width:100%;  }
	.bodyBg2{background:none}
	.bodyBg3{background: none;}
	.bodyBg4{background: none;}


/* ▼header ********************************************************************/

	/* ▽header */
	.header						{ width:auto; background-size:contain;}
	.headerInner	{ width:auto; background:url(img/top/bg_header_sp.jpg) top center no-repeat;  background-size:100%; }
	/* ▽header oku */
	.headerOku						{ width:auto; background-size:contain; }
	.headerOkuInner	{ width:auto; background-size:contain; }
	/* ▽top Flash */
	.flashBox{ background-size:contain; height:auto; width:auto; padding-top:35%; }
	.flashBox img{ display:none; }

	.headerOkuInner {width:100%;margin:0 auto;}
	.headerOkuWrap { width:100%; margin:0 auto; height: auto; padding-top:20%;}
	.headerOkuWrap img { display:none;}
	.headerOku .headerOkuInner .nav { padding-bottom:0;}


	/* ▽top nav */
	.navWrapper{width:auto; margin-bottom:0px }
	.navWrapper h5{text-align:center;}
	.nav									{ width:auto; margin-bottom:0; float:none; background: none;}
	.navInner				{ padding-top:0; }
	.navInner ul	{ width:100%; height:auto; padding:0; }
	.navInner ul li{ width:33%; margin:0; padding:0;}
	/* ▽top link free */
	.linkFree				{ padding:0; font-size:1em; text-align:left;  width: 98%; margin:0 auto; }
	.linkFree .boxBg{padding:0 3%; font-size:1em;background-size: contain;}
	.allFree{text-align:left; color:#FF0}
	/* ▽oku header */
	/* ▽page nav */
	/* ▽pankuzu */
	.pankuzu 				{ padding:0.2em;}


/* ▼box ********************************************************************/

	/* ▽common */
	.menuTitle a{ font-size: large; }
	.menuListBoxInner{ width:auto; padding:16% 2% 8%;}
	.menuListBoxBtm{ width:auto; padding:0 0 3% 0; }
	.menuBox02{ float:none; padding:0; margin:0; width:auto; background-size:contain; }
	.cg_renai .menuBox02 .menuBox02Btm .menuBox02Inner{ width:auto; padding:5%; }
	.menuBox02Btm .category{ width:18%; }
	.menuBox02Top{ background-size:contain; }
	.menuBox02Btm{ background-size:contain; }
	/* ▽commonMenuBox */
	/* ▽spMenuBox */
	.sp{}
	.sp .spInner{background-size: contain;}
	.sp .spInner .spText1{padding-bottom:13%;}
	.sp .spImg{display:none;}
	.sp .boxWrap{background-size: contain;}
	.sp .spInner{width:80%;padding:0;margin:0 auto;}
	.sp .spInner .caption{padding:0;}
	.sp .spInner .price{padding:0;}
	.sp .spInner .spText2 {padding-bottom:10px}


	/* ▽freeMenuBox */
	.free{background-size: 120%;width:auto;padding:19% 9% 4%; margin:0;min-height:0;}
	.free .spc{display:none}
	.free .menuName img{}


	/* ▽newMenuBox */
	.newMenuBox .boxWrap {background-size: 100% auto;}

	/* ▽pickupMenuBox */
	.recMenuBox .boxWrap { background-size: contain;}
	.recMenuBox .boxWrap .boxInner { width:80%; margin:0 auto;padding:0;}
	.recMenuBox .category{width:15%;}
	.recMenuBox .menu{width:80%;}
	.recMenuBox .menuWrap{width:auto;margin:0 0 0.5em;}
	.recMenuBox .menuWrap .menuInner{width:auto;background-size: contain;}

	/* ▽menuList renai */

	.renaiMenuBox { width:100%;}
	.renaiMenuBox .boxWrap { background-size: 100% auto;}
	.renaiMenuBox .boxWrap .boxInner { width:100%; margin:0 auto; padding-left:0}
	.renaiMenuBox .menuWrap { width:80%; float: none; margin:0 auto; padding: 0 0 2%;}
	.renaiMenuBox .menuWrap .menuInner { background-size: 100% auto;}


	/* ▽menuList jinsei */
	.jinseiMenuBox { width:100%;margin-bottom: 1em;}
	.jinseiMenuBox .boxWrap { background-size: 100% auto;}
	.jinseiMenuBox .boxWrap .boxInner { width:100%; margin:0 auto; padding-left:0}
	.jinseiMenuBox .menuWrap { width:80%; float: none; margin:0 auto; padding: 0 0 2%;}
	.jinseiMenuBox .menuWrap .menuInner { background-size: 100% auto;}

	/* ▽menuList deai */
	.deaiMenuBox { width:100%;}
	.deaiMenuBox .boxWrap { background-size: 100% auto;}
	.deaiMenuBox .boxWrap .boxInner { width:100%; margin:0 auto; padding-left:0}
	.deaiMenuBox .menuWrap { width:80%; float: none; margin:0 auto; padding: 0 0 2%;}
	.deaiMenuBox .menuWrap .menuInner { background-size: 100% auto;}


	/* ▽profileBox */
	.profileBox									{ background: url(img/profile/profileBox_bg.jpg) top center repeat-y; background-size:contain; width:100%; margin:0 auto; position:relative; zoom:1; }
	.profileBoxBtm						{ background: url(img/profile/profileBox_btm.jpg) bottom center no-repeat; background-size:contain; width:100%; margin:0 auto; position:relative; zoom:1; }
	.profileBoxTop						{ background: url(img/profile/profileBox_top_sp.jpg) top center no-repeat; background-size:contain; position:relative; zoom:1; }
	.profileBoxInner				{ padding:0; width:80%; margin:0 auto; position:relative; zoom:1; }
	.profileTxtBox 					{ width:90%; margin:0 auto; padding:15% 0 8% 0; }
	.profileTxtBox img		{ width:100%; }
	.profileTxtBox span	{ color:#f00; font-weight:bold; }
	.profileTxtBox img		{ margin:0; width:100%; }
	.profileTxtBox .sp		{ display:inline; }
	.profileBox .profileHead img,.profileBox .profileFoot img{ display:none; }
	.profileTitle							{ width:100%; margin:0 auto; }
	.profileCaption					{ width:100%; text-align:center; margin:0; color:#fff; background-color:#283217; }
	/* ▽aboutBox */
	.aboutBox											{ background: url(img/profile/about_bg.jpg) top center repeat-y; width:100%; background-size:contain; margin:0 auto; position:relative; zoom:1; }
	.aboutBoxBtm								{ background: url(img/profile/about_btm.jpg) bottom center no-repeat; background-size:contain; position:relative; zoom:1; }
	.aboutBoxTop								{ background: url(img/profile/about_top.jpg) top center no-repeat; background-size:contain; position:relative; zoom:1; }
	.aboutBoxInner						{ padding:20% 0 10% 0; position:relative; zoom:1; }
	.aboutBoxInner h5			{ width:82%; margin:0 auto; text-align:center; font-size:larger; color:#ff0;}
	.aboutCaption							{ width:82%; margin:0 auto 15px auto; text-align:center; font-size:small; color:#fff; line-height:1.3em; }
	.aboutBox .aboutHead img,.aboutBox .aboutFoot img{ display:none; }
	.aboutPartsBox							{ width:80%; margin:0 auto; overflow:hidden; position: relative; zoom:1;}
	.aboutPartsWrap						{ width:100%; margin:2px; float:left;  position: relative; zoom:1; }
	.aboutPartsInner					{ width:100%; background: url(img/profile/aboutPartsBg.gif) top center repeat-y; background-size:contain; }
	.aboutPartsInner .txtBox{ padding:10px 26px; }
	.aboutPartsInner .txtBox span { color:#f00; font-weight:bold; }
	.aboutPartsWrap .head{}
	.aboutPartsWrap .foot{}
/* ▼result ********************************************************************/
	.resultCaption{width:auto; background-size:contain;margin:0 auto;}
	.resultCaptionTop{width:auto; background-size:contain;}
	.resultCaptionBtm{width:auto; background-size:contain;}
	.resultCaptionImg{width:50%;}
	.resultCaptionInner{padding:5% 5% 5% 30%}
	.resultCaption2 .resultCaptionInner{padding:5% 30% 5% 5%}
	.resultBox,.resultBoxTop,.resultBoxBtm,.subTitle,.subTitleTop,.subTitleBtm,.subBox,.subBoxTop,.subBoxBtm,.subBoxInner,.sessionBox,.sessionBoxTop,.sessionBoxBtm,.spMenu2 .commonMenuBoxTop,.spMenuBox .subMenuBox,.spMenuBox .resultBox,.spMenuBox .subMenuBoxTop,.spMenuBox .subMenuBoxBtm,.spMenuBox .resultBoxTop,.spMenuBox .resultBoxBtm{width:auto; margin:0 auto; background-size:contain;}
	.set03 .set03Nc{padding:0;}
	.set03 .set03Nc img{width:100%;}
	.subBox{margin:0 auto 1em;}
	.subBoxInner{text-align:center;padding:5%;}
	.subBoxInner div{text-align:left; padding:5%;}
	.set01 img,.set02 img,.set03 img,.set05 img{float:none;padding:0; width:60%; margin:0 auto;}
	.set01 .nc,.set02 .nc{padding:0 0 15%;width:auto; height:auto;}
	.set01 .nc div,.set02 .nc div{padding:0 2%;}
	.set04{background: none; height:auto;}
	.set04 table{width:auto;}
	.set04 table td{color:#000; font-size:2em;height:auto;}
	.resultBoxInner{padding:13% 5% 13%;}
	.subTitle td{padding:5%;}
	.sessionBoxInner{padding:40% 10% 5%;position:relative;}
	.sessionBoxInner img{width:45%;height:10%;}
	.spMenu2 .commonMenuBoxInner{padding:5%;}
	.spMenu2 .commonMenuBoxTop{padding-top:5%;}
	.spMenuBox .subMenuBoxInner{padding:5%;}
	.spMenuBox .subMenu{width:90%;}
	.spMenuBox .resultBoxBtm{padding:0;}
	.spMenuBox .resultBoxInner{padding:5%;}
/* ▼base ********************************************************************/
	.baseBox{width:auto; background-size:contain;}
	.baseBoxInner{padding:16% 0 9%;}
	.userInfo{width:auto; background-size:contain;}
	.userInfoTop{width:auto; background-size:contain;}
	.userInfoBtm{width:auto; background-size:contain;}
	.userInfoInner{padding:5% 10%;}
	.baseAInner{width:87%; margin:0 auto; background-size:contain;}
	.baseA{width:auto; background-size:contain;}
	.baseAInner2{width:auto; background-size:contain;width:80%; margin:0 auto; overflow:visible;}
	.baseAImg{width:auto; background-size:contain; float:none; margin:0;}
	.baseATxt{width:auto; background-size:contain; float:none; margin:0;}
	.baseB{width:87%; margin:0 auto 1em; background-size:contain;}
	.baseBInner{width:auto; background-size:contain;width:80%; margin:0 auto; overflow:visible;}
	.baseBImg{width:auto; background-size:contain; float:none; margin:0;}
	.baseBTxt{width:auto; background-size:contain; float:none; margin:0;}
	.baseC{width:87%; margin:0 auto; background-size:contain;}
	.baseCInner{width:auto; background-size:contain;width:80%; margin:0 auto; overflow:visible;}
	.baseCImg{width:auto; background-size:contain; float:none; margin:0;}
	.baseCTxt{width:auto; background-size:contain; float:none; margin:0;}
	.baseD{width:82%; margin:0 auto; background-size:contain;}
	.baseDTop{width:auto; background-size:contain;}
	.baseDBtm{width:auto; background-size:contain;}
	.baseDInner{width:auto; background-size:contain;padding:5% 5% 80%;}
	.baseDInner2{width:auto; background-size:contain;width:80%; margin:0 auto; overflow:visible;}
	.baseDImg{width:91%; background-size:contain; float:none; margin:0;}
	.baseDTxt{width:auto; background-size:contain; float:none; margin:0;}
	.myBaseBox{width:auto; background-size:contain;}
	.myBaseBox .baseBoxTop{width:auto; background-size:contain;}
	.myBaseBox .baseBoxBtm{width:auto; background-size:contain;}
	.myBaseBox .baseAImg{float:none; margin:0 0 15px 0; padding:0;}
	.myBaseBox .baseATxt{float:none; margin:0;padding:0;}
	.myBaseBox .baseBImg{float:none; margin:0;padding:0;}
	.myBaseBox .baseBTxt{float:none; margin:0;padding:0;}
	.myBaseBox .baseCImg{float:none; margin:0;padding:0;}
	.myBaseBox .baseCTxt{float:none; margin:0;padding:0;}
	.targetBaseBox{width:auto; background-size:contain;}
	.targetBaseBox .baseBoxTop{width:auto; background-size:contain;}
	.targetBaseBox .baseBoxBtm{width:auto; background-size:contain;}
	.targetBaseBox .baseBoxInner{padding-top:5%;}
	.targetBaseBox .baseAImg{float:none; margin:0 0 15px 0 auto;padding:0;width:auto;}
	.targetBaseBox .baseATxt{float:none; margin:0 auto;padding:0;width:auto;}
	.targetBaseBox .baseBImg{float:none; margin:0 auto;padding:0;}
	.targetBaseBox .baseBTxt{float:none; margin:0 auto;padding:0;}
	.targetBaseBox .baseC{margin:0 auto;}
	.targetBaseBox .baseCImg{float:none; margin:0 auto;padding:0;}
	.targetBaseBox .baseCTxt{float:none; margin:0 auto;padding:0;}
	.targetBaseBox .baseAElm{right:88%;}
	.targetBaseBox .baseBElm{left:88%;}
	.targetBaseBox .baseBElm{right:88%;}

	.baseAElm{width:20%; top:0; left:88%;}
	.baseBElm{width:20%; top:0; right:88%;}
	.baseCElm{width:20%; top:0; left:88%;}

/* ▼point ********************************************************************/
.point{width:100%; padding:0 0 3%;}
.point .boxWrap{background-size: contain;width:auto;padding:0;}
.point .pointImg{float:none;width:auto;padding:0; margin:0 10% 1%;}
.point .pointImg img{margin:0; width:60%;}
.pointTitle{float:none; width:auto; padding:0 10%;}


/* ▼footer ********************************************************************/

	/* ▽rule box */
	.ruleBox	{ margin-top:0; font-size:0.8em; width:auto; word-break: break-all; }
	.ruleBox img{ width:auto; }
	.ruleBox .wrapper{padding:0 15px; text-align:left}
	.ruleBox strong{ display:block; text-align:left;}
	.ruleBox .title{ }
	.ruleBox .boxTop{display:none;}
	.ruleBox .boxBtm{display:none;}
	.ruleBox .boxWrap{padding:5%;text-align:left;}

	/* ▽footer */
	.footer					{ width:auto; padding:5% 0; }
	.footer img	{ width:auto; }
	.footer_link{ margin-top: 5%;}

	.brSP{display:inline}
	.inlineSP{display:inline}
	.hiddenSP{display:none}
	.dispSP{display:inline}
	.cpBnr{padding:1em 0;}