@charset "shift_jis";
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +base & parts   */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#landing{color: #333;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;font-size: 18px;text-align: left;}
#landing *{box-sizing: border-box;}
.flexbox{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;}
.note{font-size: .8em;}

/* --- リンク画像の透過--- */
a:hover{-webkit-opacity: .65;-moz-opacity: .65;opacity: .65;}
a{-webkit-transition: opacity .2s ease-out;-moz-transition: opacity .2s ease-out;-ms-transition: opacity .2s ease-out;transition: opacity .2s ease-out;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +landing  */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*======================
 fv
======================*/
.top{
	background: url(../img/fv_bg01.png) no-repeat center top,-webkit-linear-gradient(top,#f2eee6 33%,#ffd480 45%);
	background: url(../img/fv_bg01.png) no-repeat center top,linear-gradient(to bottom,#f2eee6 33%,#ffd480 45%);
}
.fv{
	padding: 40px 0 384px;
}

/*======================
 ofr
======================*/
.ofr01{
	position: relative;
	z-index: 1;
	margin-top: -300px;
	padding: 360px 0 50px;
}
.ofr02{
	padding: 50px 0;
	background: #ffd480 url(../img/hinadanset_bg03.jpg) repeat-y center top;
}
[class^="ofr"] .inner{
	margin: 0 25px;
	padding: 25px 50px 50px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 15px rgb(204,204,204);
}
[class^="ofr"] .flexbox{
	-webkit-box-align: center;
	align-items: center;
}
[class^="ofr"] .emphasis{
	font-weight: bold;
	font-size: 40px;
}
[class^="ofr"] .emphasis+p{
	margin-top: 5px;
}
[class^="ofr"] .note{
	color: #666;
	text-align: right;
}
/* --- オファー内の購入ボタン調整 --- */
[class^="ofr"] .cp_ofr_btn a{
	margin-top: 20px;
	padding: 18px;
	font-size: 28px;
}

/*======================
 movie
======================*/
.movie{
	background: url(../img/hinadanset_bg01.jpg) repeat center top;
}
.movie .inner{
	padding: 50px 115px;
	text-align: center;
}
.movie .cm_movie_box{
	margin: 25px auto 0;
}
.movie .cm_movie_box,.movie iframe{
width: 540px;
height: 540px;
}

/*======================
 recommend
======================*/
.recommend .group01{
	padding: 60px 0 474px;
	background: url(../img/recommend_bg01.png) no-repeat center top,url(../img/recommend_bg02.png) no-repeat center bottom,-webkit-linear-gradient(top,#060c1e 47.3%,#fff 47.3%);
	background: url(../img/recommend_bg01.png) no-repeat center top,url(../img/recommend_bg02.png) no-repeat center bottom,linear-gradient(to bottom,#060c1e 47.3%,#fff 47.3%);
	text-align: center;
}
.recommend .group01 p:last-of-type{
	margin-top: 170px;
}
/* --- おすすめ詳細 --- */
.recommend .group02{
	padding: 50px 0;
	background: #faf5e6 url(../img/hinadanset_bg02.jpg) repeat-y center top;
}
.recommend .group02 .flexbox{
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0 25px;
}
.recommend .group02 section{
	width: 445px;
}
.recommend .group02 section:nth-of-type(even){
	margin-left: 40px;
}
.recommend .group02 section:nth-of-type(n+3){
	margin-top: 25px;
}
.recommend .group02 h2{
	padding: 25px 0;
	border-radius: 39px;
	background-color: #755b2e;
	text-align: center;
}
.recommend .group02 .img,.recommend .group02 .img+p{
	margin-top: 25px;
}
.recommend .group02 .tc+.note{
	margin-top: 10px;
}

/*======================
 point
======================*/
.point>.emphasis{
	margin: -50px 0 50px;
	text-align: center;
}
/* --- ポイント詳細 --- */
.point .flexbox{
	flex-wrap: wrap;
	-webkit-box-pack: center;
}
.point [class^="point"]{
	display: -webkit-flex;
	display: flex;
	width: 50%;
	padding: 25px;
}
.point [class^="point"] .inner{
	background-color: rgba(255,255,255,0.75);
	box-shadow: 0 0 15px rgb(204,204,204);
}
.point [class^="point"] .inner h2{
	padding: 20px 0 25px;
	text-align: center;
}
.point [class^="point"] .inner p{
	padding: 25px 20px;
}
.point [class^="point"] .inner p+p{
	margin-top: -30px;
}
.point01{
	background: url(../img/point_bg01.jpg) no-repeat center top;
}
.point02{
	background: url(../img/point_bg02.jpg) no-repeat center top;
}
.point03{
	background: url(../img/point_bg03.jpg) no-repeat center top;
}
.point04{
	background: url(../img/point_bg04.jpg) no-repeat center top;
}

/*======================
 instructor
======================*/
.instructor {
	margin: 30px 0;
	padding: 70px 40px 50px;
	background: url(../img/instructor_bg01.jpg) no-repeat center top;
	color: #755b2e;
}
.instructor h2 {
	width: 900px;
	padding-bottom: 25px;
	border-bottom: 2px #755b2e solid;
	text-align: center;
}
.instructor .inner {
	padding: 50px 50px 100px;
	font-weight: bold;
}
.instructor .inner .txt_r {
	position: relative;
	padding: 8px 0 0 50px;
	font-size: 22px;
}
.instructor .inner .txt_r .name {
	margin-top: 30px;
	font-size: 18px;
	line-height: 1.4;
}
.instructor .inner .txt_r .name span {
	font-size: 14px;
}
.instructor .inner .txt_r .tBox {
	position: absolute;
	bottom: 20px;
	right: 65px;
	padding: 12px 27px 12px 53px;
	font-size: 20px;
	color: #988606;
	background: url(../img/instructor_fukidasi.png) no-repeat center top;
}
.instructor .importantPoints {
	position: relative;
	padding: 80px 30px 30px;
	border: 2px #755b2e solid;
	background-color: #fff;
}
.instructor .importantPoints .flexbox {
	flex-wrap: wrap;
}
.instructor .importantPoints .emphasis {
	position: absolute;
	top: -35px;
	left: calc(50% - 250px);
	width: 500px;
	height: 70px;
	padding-top: 12px;
	border-radius: 35px;
	background-color: #755b2e;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.instructor .importantPoints .point_box {
	width: 400px;
	font-weight: bold;
	margin-bottom: 50px;
}
.instructor .importantPoints .point_box:nth-last-of-type(1),
.instructor .importantPoints .point_box:nth-last-of-type(2) {
	margin-bottom: 0;
}
.instructor .importantPoints .point_box dt {
	margin-bottom: 20px;
}
.instructor .importantPoints .point_box dd {
	font-size: 16px;
	line-height: 1.4;
}
.instructor .importantPoints .point_box dd.yellow {
	margin-top: 5px;
	padding-left: 20px;
	text-indent: -20px;
	font-size: 20px;
	color: #988606;
}


/*======================
 spec
======================*/
.spec{
	margin: 50px 0;
}
.spec h2{
	padding: 12px 20px;
	background-color: #755b2e;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}
.spec table{
	width: 100%;
	border: 1px #755b2e solid;
}
.spec tr{
	border-top: 2px #97652b dotted;
}
.spec tr:first-of-type,.spec .emphasis,.spec .emphasis+tr{
	border-top: 1px #fff solid;
}
.spec th,.spec td{
	padding: 2px 25px;
}
.spec th{
	width: 19.3%;
	background-color: #755b2e;
	color: #fff;
}
.spec .emphasis th{
	padding: 17px 25px;
	font-weight: bold;
}