@charset "utf-8";

/*	common
------------------------------------------------------------ */

body{
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}

h3, h4{
	line-height: 160%;
	color: #714A13;
	font-family: FP-HiraKakuStdN-W5;
	font-weight: normal;
}

p, ul, dl{
	line-height: 160%;
	color: #5A300D;
	font-family: FP-HiraKakuProN-W3;
	font-size: 100%;
}


.img-center{
	text-align: center;
}

.img-right{
	padding: 0 0 5px 10px;
	float: right;
}

.img-left{
	padding: 5px 10px 5px 0;
	float: left;
}

.clear-right{
	clear: right;
}

.clear-left{
	clear: left;
}

.clear{
	clear: both;
}

.txt-right{
	text-align: right;
}

.small{
	font-size: 65%;
}

.big{
	font-size: 120%;
}

.bold{
	font-weight: bold;
}

div.dotline{
	padding: 0;
	margin: 10px 20px 20px 20px;
	border-bottom: 1px dotted #ccc;
}

div.line{
	padding: 0;
	margin: 10px 20px 20px 20px;
	border-bottom: 1px solid #ccc;
}

a:hover img.opac{
	filter : alpha(opacity = 70);
	-moz-opacity : 0.70;
	opacity : 0.70;
}

.opac a:hover img{
	filter : alpha(opacity = 70);
	-moz-opacity : 0.70;
	opacity : 0.70;
}





/*　リンク　*/
a{
	text-decoration: none;
}
a:link{
	color: #303030;
	text-decoration: underline;
}
a:visited{
	color: #303030;
	text-decoration: underline;
}
a:hover{
	color: #666666;

}
a:active{
	color: #666666;
	text-decoration: underline;

}
	
a img{
	border: none;
}


/*	main
------------------------------------------------------------ */

div#main{
	width: 100%;
	margin: 0 auto;
}


/* --- SP ---------- */
@media screen and (max-width: 740px) {

	.pc_contents{
		display: none;
	}

	p{
		margin: 10px 0.5em 5px 0.5em;
		padding: 0;
	}

  /* --- chapter01 ---------- */
	div#chapter01{
		width: 100%;
		background: #FFF8F0;
		margin: 0;
		padding: 0;
	}

	div#chapter01 h1{
		margin:0;
		line-height:0;
	}

	div#chapter01 h2{
		margin:0 0 -3px 0;
	}

	div.chapter01_body{
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
	}

	div.logo{
		max-width: 420px;
		position: relative;
		top: 85px;
		left: 5%;
		z-index: 300;
		margin-top:-85px;
	}

	div.chapter01_title{
		max-width: 1200px;
		width: 100%;
	}

  /* --- tokuten_area ---------- */
	div#tokuten_area{
		width: 100%;
		background: #c50000;
		margin: 0;
		padding: 10px 0;
	}

	div.tokuten_area_body{
		max-width:980px;
		width:98%;
		margin:0 auto;
	}

	div.tokuten{
		max-width:960px;
		width:100%;
		margin:0 auto;
	}

  /* --- chapter02 ---------- */

	div#chapter02{
		width: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
	}

	div.chapter02_body{
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		background: url(../img_sp/chapter02_bk.jpg) 0 0 repeat-x;
	}

	div.chapter02_wrap{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
		text-align:center;
	}

	div.chapter02_title{
		max-width: 960px;
		width: 100%;
		margin:0 auto;
	}

	div.chapter02_body h3{
		font-size: 110%;
		margin-bottom: 5px;
	}

	div.chapter02_body ul.chapter02{
		font-size: 110%;
		font-weight: bold;
		list-style: none;
		margin-left: 0;
		padding-left: 0;
		color: #fa6785;
		font-family: FP-HiraMinProN-W6;
	}

	div.chapter02_point{
		max-width:780px;
		width:100%;
		margin:0 auto -2px auto;
		padding: 10px 0 0 0;
		line-height: 0;
	}

  /* --- chapter03_subtitle ---------- */
	div#chapter03_subtitle{
		width:100%;
		background:#fa6785;
		text-align:center;
	}

	div#chapter03_subtitle h3{
		color:#fff;
		font-size: 150%;
		padding:30px;
		margin:0;
	}


  /* --- chapter03 ---------- */

	div#chapter03{
		width: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
	}

	div.chapter03_arrow{
		max-width:780px;
		width:98%;
		margin:0 auto;
	}

	div.chapter03_body{
		max-width: 740px;
		width: 100%;
		margin: 0 auto;
	}

	div#chapter03 div.chapter03_body div.chapter02_title{
		padding-top:5px;
	}

	div.chapter03_body h3{
		color:#fa6785;
		font-size: 150%;
		margin: 25px 0 0 0;
		text-align:center;
	}

	div.chapter03_price{
		max-width:980px;
		width:100%;
		margin: 0 auto;
	}

	div.chapter03_price_left{
		max-width: 450px;
		width: 90%;
		display:block;
		margin: 10px auto;
	}

	div.chapter03_price_right{
		max-width: 450px;
		width: 90%;
		display:block;
		margin: 0 auto;
	}

	div.chapter03_image{
		max-width: 780px;
		width: 100%;
		margin: 15px auto 0 auto;
		line-height: 0;
	}

  /* --- conversionarea ---------- */
	div#conversionarea{
		width:100%;
		background: #d90458;
	}

	div.conversionarea_body{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
		padding: 10px 0;
	}

	div.conversionarea_body h3{
		text-align: center;
		font-weight:bold;
		margin:0;
		padding-bottom:8px;
		color: #fff;
	}

	div.conversionarea_tel{
		max-width: 580px;
		width: 98%;
		margin:0 auto;
	}

	div.conversionarea_web{
		max-width: 470px;
		width: 86%;
		margin:0 auto;
		padding-top: 5px;
	}

  /* --- chapter04 ---------- */

	div#chapter04{
		width: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
	}

	div.chapter04_body{
		max-width: 1600px;
		width: 100%;
		margin: 0 auto;
		background: url(../img/chapter04_bk.jpg) center 0 no-repeat;
	}

	div.chapter04_wrap{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}

	div#chapter04 h2{
		margin-bottom: 10px;
	}

	div.chapter04_point{
		max-width: 980px;
		width: 98%;
		border: 1px solid #fa6785;
		padding-bottom:10px;
		margin: 0 auto;
	}

	div.chapter04_point1{
		max-width:740px;
		width:98%;
		margin:0 auto;
	}

	div.chapter04_point1 h3{
		margin-bottom: 0;
	}

	div.chapter04_point p{
		max-width:920px;
		width:97%;
		margin:0 auto;
	}

	div.chapter04_arrow{
		max-width: 980px;
		width:98%;
		margin:0 auto;
	}

	div.chapter04_tokuten{
		max-width:740px;
		width:100%;
		margin:0 auto;
	}

	div.chapter04_plan{
		max-width: 980px;
		width: 96%;
		margin: 0 auto 50px auto;
		border: 2px solid #ff528d;
		text-align: center;
	}

	div.chapter04_plan h3{
		width: 100%;
		background: #ff528d;
		font-size: 150%;
		color: #fff;
		padding: 10px 0;
		margin:0;
		text-align: center;
	}

	div.chapter04_plan_left{
		width: 100%;
		display:block;
	}

	div.chapter04_plan_left h4{
		font-size: 130%;
		color: #ff528d;
		margin: 20px 0 0 8px;
	}

	div.chapter04_plan_right{
		max-width: 350px;
		width: 100%;
		display:block;
		margin:0 auto;

	}

  /* --- chapter05 ---------- */

	div#chapter05{
		width: 100%;
		margin: 0;
		padding: 0;
		background: #eee;
	}

	div#chapter05 h2{
		margin:0;
	}

	div.chapter05_body{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}

	div#chapter05 div.chapter05_body div.chapter04_arrow{
		padding-bottom: 30px;
	}


  /* --- chapter06 ---------- */

	div#chapter06{
		width: 100%;
		margin: 0;
		padding: 0;
	}

	div#chapter06 h2{
		margin-top: 0;
	}

	div.chapter06_body span.bold{
		font-weight:bold;
	}

	div.chapter06_body{
		max-width: 1600px;
		width: 100%;
		margin: 0 auto;
		background: url(../img_sp/chapter06_bk.gif) center 0 repeat-y;
	}

	div.chapter06_price{
		max-width: 730px;
		width: 100%;
		padding:20px 0 10px 0;
		margin: 0 auto;
	}

	div.chapter06_body .women_hakama{
		max-width: 740px;
		width: 94%;
		margin: 0 auto;
	}

  /* --- chapter07 ---------- */

	div#chapter07{
		width: 100%;
		margin: 0;
		background: #dbe1f7;
	}

	div#chapter07 h2{
		margin:0;
	}

	div.chapter07_body{
		max-width: 1300px;
		width: 100%;
		margin: 0 auto;
	}

	div.chapter07_wrap{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}

	div.chapter07_textarea{
		max-width: 980px;
		width: 96%;
		background: url(../img/chapter04_point_bk.png) repeat;
		padding: 15px 0;
		margin:0 auto;
	}

	p.chapter07_big{
		font-size:110%;
		font-weight:bold;
		font-family: FP-HiraMinProN-W6;
	}

	div.chapter07_price{
		max-width: 740px;
		width: 97%;
		margin: 0 auto;
		padding: 30px 0;
	}

	div.chapter07_price h3{
		margin: 0;
	}

  /* --- chapter08 ---------- */
	div#chapter08{
		width: 100%;
		margin: 0;
		background: #fbe1e2;
	}

	div.chapter08_body{
		max-width: 740px;
		width: 100%;
		background: url(../img_sp/chapter08_bk.png) repeat-y;
		margin: 0 auto;
		padding-bottom: 50px;
	}

	div.chapter08_wrap{
		width: 100%;
		margin: 0 auto;
	}

	div#chapter08 h2{
		margin-top :0;
	} 

	div#chapter08 div.chapter08_body div.chapter08_wrap div.chapter02_title{
		padding-top: 10px;
	}

	div.chapter08_shop{
		max-width:350px;
		width:80%;
		margin:0 auto;
		padding-top:30px;
	}

	div#chapter08 h3{
		padding-top: 20px;
		color: #fa6785;
		margin-left:8px;
		margin-bottom:8px;
	}

	div.chapter08_title{
		max-width: 740px;
		width: 100%;
		margin:0 auto 10px auto;
	} 

}



/* --- PC ---------- */
@media screen and (min-width: 741px) {

	.sp_contents{
		display: none;
	}

	a[href^="tel:"] {
  		  pointer-events: none;
	}

  /* --- chapter01 ---------- */
	div#chapter01{
		width: 100%;
		background: #FFF8F0;
		margin: 0;
		padding: 0;
	}

	div#chapter01 h1{
		margin:0;
	}

	div#chapter01 h2{
		margin: 0;
		line-height:0;
	}

	div.chapter01_body{
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
	}

	div.logo{
		max-width: 420px;
		position: relative;
		top: 85px;
		left: 5%;
		z-index: 300;
		margin-top:-85px;
	}

	div.chapter01_title{
		max-width: 1200px;
		width: 100%;
	}

  /* --- tokuten_area ---------- */
	div#tokuten_area{
		width: 100%;
		background: #c50000;
		margin: 0;
		padding: 15px 0;
	}

	div.tokuten_area_body{
		max-width:980px;
		width:96%;
		margin:0 auto;
	}

	div.tokuten{
		max-width:960px;
		width:100%;
		margin:0 auto;
	}

  /* --- chapter02 ---------- */

	div#chapter02{
		width: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
	}

	div.chapter02_body{
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		background: url(../img/chapter02_bk.jpg) 0 0 no-repeat;
	}

	div.chapter02_wrap{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
		text-align:center;
	}

	div.chapter02_title{
		max-width: 960px;
		width: 100%;
		padding-top: 50px;
		margin:0 auto;
	}

	div.chapter02_body h3{
		font-size: 150%;
	}

	div.chapter02_body ul.chapter02{
		font-size: 150%;
		list-style: none;
		margin-left: 0;
		padding-left: 0;
		color: #fa6785;
	}

	div.chapter02_point{
		max-width:780px;
		width:100%;
		margin:0 auto;
		padding: 20px 0 120px 0;
	}

  /* --- chapter03_subtitle ---------- */
	div#chapter03_subtitle{
		width:100%;
		background:#fa6785;
		text-align:center;
	}

	div#chapter03_subtitle h3{
		color:#fff;
		font-size: 150%;
		padding:30px;
		margin:0;
	}


  /* --- chapter03 ---------- */

	div#chapter03{
		width: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
	}

	div.chapter03_arrow{
		max-width:780px;
		width:98%;
		margin:0 auto;
	}

	div.chapter03_body{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	div#chapter03 div.chapter03_body div.chapter02_title{
		padding-top:20px;
	}

	div.chapter03_body h3{
		color:#fa6785;
		font-size: 150%;
		margin: 25px 0 0 0;
	}

	div.chapter03_price{
		max-width:980px;
		width:100%;
		margin:40px auto 0 auto;
	}

	div.chapter03_price_left{
		max-width: 450px;
		width: 48%;
		float: left;
		padding-left: 1%;
	}

	div.chapter03_price_right{
		max-width: 450px;
		width: 48%;
		float: right;
		padding-right: 1%;
	}

	div.chapter03_image{
		max-width:780px;
		width:100%;
		margin:0 auto 0 auto;
		line-height: 0;
	}

  /* --- conversionarea ---------- */
	div#conversionarea{
		width:100%;
		background: #d90458;
	}

	div.conversionarea_body{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
		padding: 20px 0;
	}

	div.conversionarea_body p{
		margin: 0;
		padding-bottom: 8px;
		color: #fff;
	}

	div.conversionarea_body h3{
		text-align: center;
		font-size: 150%;
		margin:0;
		padding-bottom:12px;
		color: #fff;
	}

	div.conversionarea_left{
		float: left;
		width: 49%;
	}
	div.conversionarea_right{
		float: right;
		width: 49%;
	}

	div.conversionarea_tel{
		max-width: 420px;
		width: 98%;
	}

  /* --- chapter04 ---------- */

	div#chapter04{
		width: 100%;
		margin: 0;
		padding: 25px 0;
		background: #fff;
	}

	div.chapter04_body{
		max-width: 1600px;
		width: 100%;
		margin: 0 auto;
		background: url(../img/chapter04_bk.jpg) center 0 no-repeat;
	}

	div.chapter04_wrap{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}

	div.chapter04_point{
		max-width: 980px;
		width: 100%;
		border: 1px solid #fa6785;
		background: url(../img/chapter04_point_bk.png) repeat;
		padding: 20px 0 38px 0;
	}

	div.chapter04_point1{
		max-width:900px;
		width:98%;
		margin:0 auto;
	}

	div.chapter04_point1 h3{
		margin-bottom: 0;
	}

	div.chapter04_point p{
		max-width:920px;
		width:92%;
		margin:0 auto;
	}

	div.chapter04_arrow{
		max-width: 980px;
		width:100%;
		margin:0 auto;
	}

	div.chapter04_plan{
		max-width: 980px;
		width: 92%;
		margin: 0 auto 50px auto;
		border: 2px solid #ff528d;
	}

	div.chapter04_plan h3{
		width: 100%;
		background: #ff528d;
		font-size: 150%;
		color: #fff;
		padding: 10px 0;
		margin:0;
		text-align: center;
	}

	div.chapter04_plan_left{
		width: 47%;
		float: left;
		padding-left: 3%;
	}

	div.chapter04_plan_left h4{
		font-size: 130%;
		color: #ff528d;
		margin: 20px 0 0 0;
	}

	div.chapter04_plan_right{
		max-width: 350px;
		width: 47%;
		float: right;
		padding-top: 20px;
		padding-right: 3%;

	}

  /* --- chapter05 ---------- */

	div#chapter05{
		width: 100%;
		margin: 0;
		padding: 25px 0;
		background: #eee;
	}

	div.chapter05_body{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}

	div#chapter05 div.chapter05_body div.chapter04_arrow{
		padding:30px 0 60px 0;
	}


  /* --- chapter06 ---------- */

	div#chapter06{
		width: 100%;
		margin: 0;
		padding: 0 0 25px 0;
	}

	span.bold{
		font-weight:bold;
	}
	div.chapter06_body{
		max-width: 1600px;
		width: 100%;
		margin: 0 auto;
		background: url(../img/chapter06_bk.jpg) center top no-repeat;
		text-align: center;
	}

	div.chapter06_price{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}

	div.chapter06_body .women_hakama{
		max-width: 1200px;
		width: 98%;
		margin: 0 auto;
	}


  /* --- chapter07 ---------- */

	div#chapter07{
		width: 100%;
		margin: 0;
		background: #dbe1f7;
	}

	div.chapter07_body{
		max-width: 1300px;
		width: 100%;
		background: url(../img/chapter07_bk.png) 0 0 no-repeat;
		margin: 0 auto;
	}

	div.chapter07_wrap{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}

	div.chapter07_textarea{
		max-width: 980px;
		width: 98%;
		background: url(../img/chapter04_point_bk.png) repeat;
		text-align:center;
		padding: 30px 0;
	}

	p.chapter07_big{
		font-size:150%;
		font-weight:bold;
		font-family: FP-HiraMinProN-W6;
	}

	div.chapter07_price{
		max-width: 960px;
		width: 100%;
		margin: 0 auto;
		padding: 30px 0;
	}

	div.chapter07_price h3{
		margin: 0;
	}

  /* --- chapter08 ---------- */
	div#chapter08{
		width: 100%;
		margin: 0;
		background: #fbe1e2;
	}

	div.chapter08_body{
		max-width: 1200px;
		width: 100%;
		background: url(../img/chapter08_bk.png) center center no-repeat;
		margin: 0 auto;
		padding-bottom: 50px;
	}

	div.chapter08_wrap{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
	}

	div.chapter08_title{
		max-width:500px;
		width:96%;
		padding-top:40px;
	}

	div#chapter08 h2{
		margin-top :0;
	} 

	div#chapter08 div.chapter08_body div.chapter08_wrap div.chapter02_title{
		padding-top: 10px;
	}

	div.chapter08_shop{
		max-width:350px;
		width:90%;
	}

	div#chapter08 h3{
		padding-top: 20px;
		color: #fa6785;
	}

}
  /* --- chapter09 ---------- */
	div#chapter09{
		width: 100%;
		margin: 0;
		background: #ffffff;
	}

	div.chapter09_body{
		max-width: 1200px;
		width: 100%;

		margin: 0 auto;
		padding-bottom: 50px;
	}

	.chapter09_price{
		max-width: 1200px;
		width: 98%;
		margin: 0 auto;
	}

/*	footer

div#footer{
	background: #efac37;
	padding: 10px 0 0 0;
	text-align: center;
}

div#footer p{
	font-size: 8pt;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",Verdana,sans-serif;
}

div#footer a{
	color: #fff;
	text-decoration: none;
}

------------------------------------------------------------ */

/* --- btn ---------- */

/* --- SP ---------- */
@media screen and (max-width: 740px) {
	.reserve-btn{
		width: 100%;
		display: -webkit-flex;
		display: flex;
		position: fixed;
		bottom: 0px;
	}

	.reserve-btn .web,
	.reserve-btn .tel{
		line-height: 0;
		width: 50%;
	}

	.reserve-btn .web a,
	.reserve-btn .tel a{
		display: block
	}

	.reserve-btn.pc_contents{
		display: none;
	}
}


/* --- PC ---------- */
@media screen and (min-width: 741px) {
	.reserve-btn{
		width: 120px;
		position: fixed;
		top: 25px;
		right: -10px;
	}

	.reserve-btn .web,
	.reserve-btn .tel{
		line-height: 0;
	}

	.reserve-btn .web a,
	.reserve-btn .tel a{
		display: block
	}
}