@charset "utf-8";
/* CSS Document */


/*
.content-stylebook-detail{
	background: #b4aba6;
}
*/

#stylebook-slider-wrap .overlay {
}

#stylebook-slider-wrap .stylebook-slider {
	background-color: #f5f6fa;
}


/*==================================================================

土肥CSS

================================================================== */
.no22 .q{ font-weight: 700; }
.no22 .a{ margin-bottom: 30px;}

.no23 .tx_c{ text-align: center;}
.no23 .bg{ background: url(../upload/2016spring/23/23_01.jpg);}
.no23 .bg_2{ background: url(../upload/2016spring/23/23_02.jpg);}
.no23 .bg_3{ background: url(../upload/2016spring/23/23_03.jpg);}

.no24 .wrap{ border: 1px solid #000; padding: 10px; margin-bottom: 60px;}
.no24 .inner{ border: 1px solid #000; padding: 10px;}
.no24 .mt_1{ margin-top: -40px;}
.no24 .ml_1{ margin-left: 20px;}
.no24 .flL{ float: left;}
.no24 .flR{ float: right;}
.no24 .box{ overflow: hidden; padding: 0 50px; text-align: left;}
.no24 .bdb{ border-bottom: 2px dotted #000;}
.no24 .ul_1{ list-style: none; overflow: hidden; clear: both;}
.no24 .ul_1 li{ display: inline-block; float: left;}
.no24 .ul_1 .li_1{ width:25%; margin-right: 5%; }
.no24 .ul_1 .li_2{ width:70%; }
.no24 .ul_1 .li_2 p{ font-weight: 700; font-size: 120%; margin-bottom: 10px;}
.no24 .ul_2,.no24 .ul_3{ list-style: none; overflow: hidden; clear: both;}
.no24 .ul_2 li,.no24 .ul_3 li{ width: 47%; margin-bottom: 20px;}
.no24 .ul_3 li{ text-align: center; margin-bottom: 40px;}

.no25 .wrapper{ overflow: hidden;}
.no25 .wrapper .left{ float: left; width: 139px;}
.no25 .wrapper .right{ float: right; width:821px;}
.no25 .wrapper .right .bdl{ border-left: 3px #000 solid; padding-left: 27px; margin-bottom: 30px;	}
.no25 .pt110{ padding-top: 110px;}
.no25 .pt130{ padding-top: 130px;}
.no25 .dl_1{ display: table;}
.no25 .dl_1 dt,
.no25 .dl_1 dd{ display: table-cell; vertical-align: middle;}
.no25 .dl_1 dt{ width: 140px;}
.no25 .dl_1 dd{ border-left:1px solid #000; padding-left: 30px; font-size: 80%; font-weight: 700;}
.no25 .pro,.no25 .pro_1{ overflow: hidden;}
.no25 .pro dl{ width:48%; float: left;}
.no25 .pro dl dt{ padding-bottom: 20px;}
.no25 .pro_1,.no25 .pro_2 { overflow: hidden;}
.no25 .pro_1 .pic{ width: 50%; float: left;}
.no25 .pro_1 .detail{ width: 40%; float: right;}
.no25 .pro_2 .pic{ width: 50%; float: right;}
.no25 .pro_2 .detail{ width: 40%; float: left;}
.no25 .mr_1{ margin-right: 4%;}


.no26 .box_1{ border: 3px solid #000; margin-bottom: 50px;}
.no26 .mt_1{ margin-top: -30px;}
.no26 .tbl{ display: table; width: 100%;}
.no26 .div_1{ border-bottom:1px solid #000; border-left:1px solid #000; height: 50px; width: 100%; display: table-cell; vertical-align: middle; line-height: 1em;}
.no26 .div_1 div{ padding-left: 30px;}
.no26 .div_1 .font_1{ font-size: 170%; font-weight: 700;}
.no26 .tx{ border-bottom:1px solid #000; border-left:1px solid #000;}
.no26 .tx .font_2{ font-size: 150%; font-weight: 700; padding-bottom: 15px;}
.no26 .pinkTit{font-size: 120%; font-weight: 700; padding-bottom: 5px; color:#ff64a6; line-height: 1.2em; }
.no26 .bottom{ border-left:1px #000 solid; min-height: 250px;}
.no26 .tx dl{ overflow: hidden; padding-left: 5px;}
.no26 .tx dl dt,
.no26 .tx dl dd{ float: left; display: inline-block;}
.no26 .tx dl dt{ width: 220px; padding-right:10px;}
.no26 .tx dl dd{ width: 300px; }

.no29 .q{ font-weight: 700;  margin-bottom: 30px;}
.no29 .a{ margin-bottom: 30px;}
.no29 .dl_1{ overflow: hidden; margin-bottom: 30px;}
.no29 .dl_1 dt,
.no29 .dl_1 dd{ float: left;}
.no29 .dl_1 dt{width: 35%;}
.no29 .dl_1 dd{width: 65%;}

.no30 .div_1{ position: relative; height: 1177px; background: #ebdede; margin-bottom: 80px;}
.no30 .div_2{ position: relative; height: 1283px; background: #ebdede; margin-bottom: 80px;}
.no30 .img_1{ position: absolute; left:85px; top:-55px;}
.no30 .img_2{ position: absolute; left:339px; top:755px;}
.no30 .img_3{ position: absolute; right:80px; top:-55px;}
.no30 .img_4{ position: absolute; left:91px; top:761px;}
.no30 .ma_1{ left: 570px; top:190px;}
.no30 .ma_2{ left: 57px; top:222px;}
.no30 .white{ background-color: #fff; width:370px; min-height: 370px; color: #000;position: absolute;}
.no30 .white .wrapper{ padding: 35px; }
.no30 .white .wrapper .tit{ text-align: center; padding-bottom: 30px;}
.no30 .div_1 .cp{ position: absolute; left:85px; top:830px;width:230px;}
.no30 .div_2 .cp{ position: absolute; right:80px; top:830px;width:210px;}
.no30 .floatL{ float: left;}
.no30 .clear{ clear: both;}

.no31 .pt170{ padding-top: 170px;}
.no31 .re{ position: relative;}
.no31 .ab{ position: absolute;}
.no31 .tx_c{ text-align: center;}
.no31 .bg{ background: url(../upload/2016spring/31/31_09.jpg);}
.no31 .white{ background-color: white; padding-top: 40px;}
.no31 .pink{ color:#ff5959; text-align: center; padding: 0 40px 30px 40px;}
.no31 .img_1{ margin: -80px 0 0 102px ;}
.no31 .img_2{ margin: -80px 0 0 145px ;}
.no31 .img_3{ margin: -80px 0 0 135px ;}
.no31 .img_4{ margin: -80px 0 0 82px ;}

.no32 .p_1{ border: 1px #000 solid;}
.no32 .pt120{ padding-top: 120px;}

.no33 .wrapper{background: url(../upload/2016spring/33/33_12.jpg);}


@media (max-width: 1279px) {
	

}

@media (max-width: 1019px) {
	
	
}

@media (max-width: 767px) {

.no24 .wrap{ border: 1px solid #000; padding: 10px; margin-bottom: 60px;}
.no24 .inner{ border: 1px solid #000; padding: 10px;}
.no24 .mt_1{ margin-top: 0px;}
.no24 .ml_1{ margin-left: 0px;}
.no24 .flL,
.no24 .flR{ float: none;}
.no24 .box{ overflow: hidden; padding: 0 0px; text-align: left;}
.no24 .bdb{ border-bottom: 2px dotted #000;}
.no24 .ul_1{ list-style: none; overflow: hidden; clear: both;}
.no24 .ul_1 li{ display: inline-block; float: left;}
.no24 .ul_1 .li_1{ width:100%; margin-right: 0%; }
.no24 .ul_1 .li_2{ width:100%; }
.no24 .ul_1 .li_2 p{ font-weight: 700; font-size: 120%; margin-bottom: 10px;}
.no24 .ul_2,.no24 .ul_3{ list-style: none; overflow: hidden; clear: both;}
.no24 .ul_2 li,.no24 .ul_3 li{ width: 100%; margin-bottom: 20px;}
.no24 .ul_3 li{ text-align: center; margin-bottom: 40px;}



.no25 .wrapper{ overflow: hidden;}
.no25 .wrapper .left,
.no25 .wrapper .right{ float: none; width: auto;}
.no25 .wrapper .left{ margin-bottom: 30px;}
.no25 .wrapper .right .bdl{ border-left: none; padding-left: 0; margin-bottom: 20px;}
.no25 .pt110,
.no25 .pt130{ padding-top: 0px;}
.no25 .dl_1{ display: table;}
.no25 .dl_1 dt,
.no25 .dl_1 dd{ display: table-cell; vertical-align: middle;}
.no25 .dl_1 dt{ width: 140px;}
.no25 .dl_1 dd{ border-left:1px solid #000; padding-left: 30px; font-size: 80%; font-weight: 700;}
.no25 .pro,.no25 .pro_1{ overflow: hidden;}
.no25 .pro dl{ width:48%; float: left;}
.no25 .pro dl dt{ padding-bottom: 20px;}
.no25 .pro_1,.no25 .pro_2 { overflow: hidden;}
.no25 .pro_1 .pic{ width: 100%; float: none;}
.no25 .pro_1 .detail{ width: 100%; float: none;}
.no25 .pro_2 .pic{ width: 100%; float: none;}
.no25 .pro_2 .detail{ width: 100%; float: none;}
.no25 .pro_1 .detail img,
.no25 .pro_2 .detail img{ float: left;}
.no25 .pro_1 .detail div,
.no25 .pro_2 .detail div{ clear: both;}
.no25 .mr_1{ margin-right: 4%;}


.no26 .box_1 .col-sm-5{ border-bottom:3px solid #000; }
.no26 .div_1,.no26 .tx{ border-left:none;}
.no26 .bottom{ border-left:none; min-height: 0; padding-bottom: 15px;}
.no26 .tx dl dt{ width: 45%; margin-right: 5%;}
.no26 .tx dl dt img{ max-width: 100%;}

.no30 .div_1{ position: relative; height: auto; background: #ebdede; margin-bottom: 30px; padding: 20px 20px 10px 20px;}
.no30 .div_2{ position: relative; height: auto; background: #ebdede; margin-bottom: 30px; padding: 20px 20px 10px 20px;}
.no30 .img_1{ position: relative; left:auto; top:auto; margin-bottom: 20px;}
.no30 .img_2{ position: relative; left:auto; top:auto;margin-bottom: 20px;}
.no30 .img_3{ position: relative; right:auto; top:auto;margin-bottom: 20px;}
.no30 .img_4{ position: relative; left:auto; top:auto;margin-bottom: 20px;}
.no30 .ma_1{  left:auto; top:auto;}
.no30 .ma_2{  left:auto; top:auto;}
.no30 .white{ background-color: #fff; width:auto; min-height: 0; color: #000; position: relative; margin-bottom: 20px;}
.no30 .white .wrapper{ padding: 35px; }
.no30 .white .wrapper .tit{ text-align: center; padding-bottom: 30px;}
.no30 .div_1 .cp{ position: relative; left:auto; top:auto;width:auto;margin-bottom: 20px;}
.no30 .div_2 .cp{ position: relative; right:auto; top:auto;width:auto;margin-bottom: 20px;}
.no30 .floatL{ float: left;}
.no30 .clear{ clear: both;}

.no31 .ab{ position: relative;}
.no31 .img_1,.no31 .img_2,.no31 .img_3,.no31 .img_4{ margin:0 auto 20px auto;}
.no31 .pt170{ padding-top: 0;}
.no31 .white{ background-color: white; padding-top: 10px; text-align: center;}

.no32 .p_1{ margin-bottom: 20px;}



}





/*==================================================================

市村CSS

================================================================== */

/********* .no3 **/
.no3 .box01 {
	border: 5px solid #000;
	padding: 50px 80px 50px;
}
.no3 .box02 {
	margin-top: -90px;
	}
.no3 .box03 {
	border: 3px solid #000;
	padding: 60px 80px 50px;
	}
.no3 .box03 h3 {
	margin-bottom: 60px;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: .08em;
	text-align: center;
	}
.no3 .box03 h3 span {
	position: relative;
	}
.no3 .box03 h3 span:before {
	content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 5px;
    border-bottom: 3px solid #E6002E;
    margin-top: -5px;
	}
.no3 .box03 h3 span:after {
	content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 5px;
    border-bottom: 3px solid #063190;
    margin-top: -5px;
	}

.no3 .box03 p span {
	position: relative;
	padding-left: 20px;
}
.no3 .box03 p span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    border: 2px solid #E6002E;
    margin-top: -5px;
	}

/********* .no41 **/
.no41 .box01 {
	background-image: url(../upload/2016spring/41/bt_t.jpg), url(../upload/2016spring/41/bg_m.jpg);
	background-repeat: no-repeat, repeat-y;
	background-position: top left, top left;
	background-size: contain;
	padding: 100px 50px 60px;
	}
.no41 .box01 h4 {
	margin-top: 60px;
	margin-bottom: 50px;
	}
.no41 .box01 p {
	margin-left: 50px;
	margin-right: 50px;
	}










/********* .no42 **/
.no42 .wrapper {
	background-color: #CDE2D9;
	padding: 40px 30px;
	margin-bottom: 80px;
	}
.no42 .box-01 {
	position: relative;
	background-image: url(../upload/2016spring/42/bg_t.jpg), url(../upload/2016spring/42/bg_b.jpg), url(../upload/2016spring/42/bg_m.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top left, bottom left, top left;
	background-size: contain;
	padding: 60px 20px 80px;
	margin-bottom: 20px;
	}
.no42 .abs-01 {
	position: absolute;
	top: -73px;
	left: 50%;
	margin-left: -64px;
	}
.no42 .box-02 {
	background: url(../upload/2016spring/42/bg_04.jpg) repeat-y top left;
	padding-top: 80px;
	padding-bottom: 80px;
	}
.no42 .box-02 > div{
	padding-left: 40px;
	padding-right: 40px;
	}

/********* .no43 **/
.no43 .box-01 {
	background: url(../upload/2016spring/43/43_10.jpg) top left ;
	padding: 60px 40px;
	position: relative;
	}

.no43 .abs-01 {
	position: absolute;
	top: -23px;
	left: -33px;
	}

.no43 .abs-02 {
	position: absolute;
	top: -98px;
	left: 91px;
	}
.no43 .box-02 {
	background: url(../upload/2016spring/43/bg.png) repeat-y top left ;
	background-size: contain;
	}

/********* .no44 **/
.no44 .box01 {
	margin-left: -8.33333333%;
	}
.no44 .box02 {
	background-image: url(../upload/2016spring/44/bg_t.jpg), url(../upload/2016spring/44/bg_b.jpg), url(../upload/2016spring/44/bg_m.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top left, bottom left, top left;
	background-size: contain;
	padding: 60px 35px 10px;
	margin-left: 20px;
	margin-right: 20px;
	}
.no44 .ttl01 {
	margin-bottom: 30px;
	}
.no44 .box01 {
	margin-left: -8.33333333%;
	}
.no44 .box03 {
	margin-top: -50px;
	}
.no44 .box04 {
	margin-top: -100px;
	}





/********* .no45 **/
.no45 .box-01 {
	margin-top: -45px;
	margin-left: -13%;
	padding-left: 70px;
	background-image: url(../upload/2016spring/45/45_13.png);
	background-position: center left;
	background-repeat: no-repeat;
	}
.no45 .box-02 {
	margin-top: 100px;
	margin-left: -8.33333333%;
	padding-right: 70px;
	background-image: url(../upload/2016spring/45/45_12.png);
	background-position: center right;
	background-repeat: no-repeat;
	}
.no45 .box-03 {
	margin-top: -160px;
	padding-right: 8.33333333%;
	background-image: url(../upload/2016spring/45/45_12.png);
	background-position: center right;
	background-repeat: no-repeat;
	}
.no45 .box-04 {
	margin-top: 110px;
	margin-left: -16.66666667%;
	padding-left: 70px;
	background-image: url(../upload/2016spring/45/45_13.png);
	background-position: center left;
	background-repeat: no-repeat;
	}
.no45 .box-05 {
	margin-left: -8.33333333%;
	padding-right: 8.33333333%;
	background-image: url(../upload/2016spring/45/45_12.png);
	background-position: center right;
	background-repeat: no-repeat;
	}
.no45 .box-06 {
	margin-top: -70px;
	margin-left: -16.66666667%;
	padding-left: 70px;
	background-image: url(../upload/2016spring/45/45_13.png);
	background-position: center left;
	background-repeat: no-repeat;
	}









/********* .no47 **/
.no47 .abs01 {
	position: absolute;
	top: -7px;
	left: 0;
	z-index: 10;
	}
.no47 .abs02 {
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 10;
	}
.no47 .abs03 {
	position: absolute;
	top: 15px;
	left: -82px;
	z-index: 10;
	}
.no47 .mt01 {
	margin-top: -130px;
	}


/********* .no48 **/
.no48 .m01 {
	margin-left: -40px;
	}
.no48 .abs01 {
	position: absolute;
	top: 170px;
	right: 10px;
	z-index: 10;
	}
.no48 .abs02 {
	position: absolute;
	bottom: 230px;
	right: 10px;
	z-index: 10;
	}



/********* .no50 **/
.no50 .col-sm-6 p {
	margin-left: 30px;
	margin-right: 30px;
	}

















@media (max-width: 1279px) {
}

@media (max-width: 1019px) {
.no41 .box01 {
	padding: 30px 10px 30px;
	}
.no41 .box01 h4 {
	margin-top: 0px;
	margin-bottom: 20px;
	}
.no41 .box01 p {
	margin-left: 10px;
	margin-right: 10px;
	}
.no45 .box-02 {
	margin-top: -45px;
	}

.no48 .abs01,.no48 .abs02 {
	position: relative;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	}
.no50 .col-sm-6 p {
	margin-left: 0;
	margin-right: 0;
	}

}

@media (max-width: 767px) {
.no3 .box01 {
	padding: 50px 20px 30px;
	border: 3px solid #000;
}
.no3 .box02 {
	margin-top: -70px;
	}
.no3 .box03 {
	border: 3px solid #000;
	padding: 30px 20px;
	}


.no43 .box-02 {
	background: none;
	}
.no43 .box-01 {
	padding: 30px 20px;
	}
.no43 .abs-01 {
	width: 80px;
	left: -20px;
	top: -30px;
	}
.no43 .abs-02 {
	width: 140px;
    left: -20px;
    top: -70px;
	}
.no44 .box01 {
	margin-left: 0;
	margin-top: -50px;
	}
.no44 .box02 {
	padding: 60px 20px 30px;
	margin-left: 0;
	margin-right: 0;
	}

.no45 .box-01 {
	margin-left: 0;
	padding-left: 15px;
	background: none;
	}
.no45 .box-02 {
	margin-left: 0;
	padding-right: 15px;
	background: none;
	}
.no45 .box-03 {
	margin-top: -45px;
	padding-right: 15px;
	background: none;
	}
.no45 .box-04 {
	margin-top: -45px;
	margin-left: 0;
	padding-left: 15px;
	background: none;
	}
.no45 .box-05 {
	margin-top: -45px;
	margin-left: 0;
	padding-left: 15px;
	background: none;
	}
.no45 .box-06 {
	margin-top: -45px;
	margin-left: 0;
	padding-left: 15px;
	background: none;
	}


.no47 .abs01,.no47 .abs02,.no47 .abs03 {
	position: relative;
	top: 20px;
	}
.no47 .mt01 {
	margin-top: 20px;
	}
	
.no47 .abs03 {
left: 0;
z-index: 10;
	}
.no48 .m01 {
	margin-left: 0;
	}



}





/*==================================================================

音田CSS

================================================================== */

.no2 .box { padding: 40px 40px 10px; margin-bottom: 20px; border: 10px solid #DDD; position: relative; border-radius: 8px; }
.no2 .box:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.no2 .box1 { border-color: #00BFFF; }
.no2 .box2 { border-color: #359DC7; }
.no2 .box3 { border-color: #2FA7AC; }
.no2 .box li { margin-bottom: 25px; }
.no2 .box .numbering { width: 40px; float: left; font-family: 'DIN Next W01 Medium'; font-weight: normal; font-size: 36px; font-size: 3.6rem; line-height: 1.1; }
.no2 .box dt { font-size: 15px; font-size: 1.5rem; font-weight: bold; line-height: 1.4; margin-bottom: 2px; }
.no2 .box dd { font-size: 13px; font-size: 1.3rem; }
.no2 .box1 .numbering, .no2 .box1 dt { color: #00BFFF; }
.no2 .box2 .numbering, .no2 .box2 dt { color: #359DC7; }
.no2 .box3 .numbering, .no2 .box3 dt { color: #2FA7AC; }
.no2 .box dl { padding-left: 40px; }
 @media (max-width: 767px) {
.no2 .box { padding: 20px 20px 0px; }
}


.no5 .box { padding: 40px 20px 20px; margin-bottom: 55px; border: 1px solid #DDD; position: relative; }
.no5 .num { position: absolute; top: -30px; left: 20px; border-bottom: 1px solid #333; }
.no5 .num span { display: block; }
.no5 .num span.n1 { font-size: 12px; font-size: 1.2rem; font-family: "DIN Next W01 Italic"; line-height: 1; padding-bottom: 5px; }
.no5 .num span.n2 { font-size: 40px; font-size: 4rem; font-family: "DIN Next W01 Medium"; line-height: 0.8; letter-spacing: -0.05em; }
.no5 .yt { margin-bottom: 15px; }
.no5 .txt { text-align: center; line-height: 1.4; }
.no5 .txt dt { font-size: 18px; font-size: 1.8rem; font-family: "Brandon Grot W01 Medium", 'Helvetica Neue', Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; letter-spacing: 0; }
.no5 .txt dd { font-size: 12px; font-size: 1.2rem; font-family: "Brandon Grot W01 Medium", 'Helvetica Neue', Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.no5 .info { font-size: 12px; font-size: 1.2rem; margin-top: 15px; }
.no5 .yt2 { max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 60px; }


.no6 .cookbook { padding: 40px 0; }
.no6 .cookbook .howto { width: 100%; max-width: 900px; margin: 0 auto; border: 2px solid #f17d7f; border-radius: 8px; color: #F17D81; margin-bottom: 30px; }
.no6 .cookbook .howto h5 { font-size: 28px; font-size: 2.8rem; text-align: right; margin: 60px 0 30px; padding-right: 40px; letter-spacing: 0; }
.no6 .cookbook .howto p { font-size: 18px; font-size: 1.8rem; border-left: solid 1px #f17d7f; font-weight: bold; margin: 30px 0; padding-left: 40px; }
.no6 .cookbook .step { }
.no6 .cookbook .step .img { margin-bottom: 14px; }
.no6 .cookbook .step .txt { font-size: 14px; font-size: 1.4rem; text-align: center; margin-bottom: 45px; color: #F17D81; font-weight: bold; }
.no6 .cookbook .point { width: 100%; max-width: 900px; margin: 0 auto; border: 2px solid #68B8D6; border-radius: 8px; color: #68B8D6; margin-bottom: 20px; }
.no6 .cookbook .point h5 { font-size: 18px; font-size: 1.8rem; text-align: right; margin: 60px 0 30px; letter-spacing: 0; padding-left: 25px; }
.no6 .cookbook .point ul { font-size: 13px; font-size: 1.3rem; border-left: solid 1px #68B8D6; font-weight: bold; margin: 30px 0; padding-left: 30px; }
.no6 .cookbook .info { width: 100%; max-width: 900px; font-size: 12px; font-size: 1.2rem; text-align: right; margin: 0 auto; color: #F17D81; margin-bottom: 30px; }
 @media (max-width: 767px) {
.no6 .cookbook { padding: 40px 0; }
.no6 .cookbook .howto h5 { font-size: 1.8rem; text-align: center; margin: 20px; padding: 0 0 10px; border-bottom: 1px solid #f17d7f; }
.no6 .cookbook .howto p { font-size: 1.3rem; border-left: none; margin: 20px; padding: 0; text-align: center; }
.no6 .cookbook .step .txt { font-size: 14px; font-size: 1.4rem; text-align: center; margin-bottom: 45px; color: #F17D81; font-weight: bold; }
.no6 .cookbook .point h5 { font-size: 1.8rem; text-align: center; margin: 20px; padding: 0 0 10px; border-bottom: 1px solid #68B8D6; }
.no6 .cookbook .point ul { font-size: 1.3rem; border-left: none; margin: 20px; padding: 0; }
}

.no11 { background:#EEE; }
.no11 .box1 { padding: 40px; background:#FFF; margin-bottom:80px; }
.no11 .box2 {margin-bottom:80px; }
.no11 .box3 {margin-bottom:80px; }
.no11 .txt { padding: 50px 30px; background:#FFF;  color:#00284B; text-align:center; }
.no11 .txt .num { padding: 65px 0; font-size:60px; font-size:6.0rem; font-weight:bold; text-align:center;font-family:Helvetica, Arial, sans-serif; line-height:1.2; }
.no11 .txt .num span { display:inline-block; position:relative; }
.no11 .txt .num span:after {z-index: 1; border-top: 3px solid #00284B; position: absolute; width: 100%; content: ""; bottom: 0px; left: 0; }
.no11 .txt p { font-size:12px; font-size:1.2rem;}
.no11 .elm-1 { margin-bottom:40px;}
.no11 .elm-2 { margin-top:260px;}
.no11 .elm-4 { margin-top:250px;}
.no11 .elm-6 { margin-top:-120px; margin-left:-30px;}
.no11 .elm-7 { margin-top:40px;}
.no11 .elm-8 { margin-top:60px; margin-bottom:40px;}
.no11 .elm-11 { margin-top:-110px; margin-left:30px;}
.no11 .elm-12 { margin-top:40px;}
.no11 .elm-13 { margin-top:80px;}
.no11 .elm-15 { margin-bottom:40px;}
.no11 .elm-16 { margin-top:260px;}
.no11 .elm-17 { margin-bottom:40px;}
.no11 .elm-18 { margin-top:190px;}
.no11 .elm-20 { margin-top:120px;}
.no11 .elm-22 { margin-top:-110px; margin-left:30px;}
.no11 .elm-23 { margin-top:40px; margin-bottom:40px;}
.no11 .elm-25 { margin-top:80px; margin-bottom:40px;}
@media (max-width: 1019px) {
.no11 .box1 { padding: 25px; margin-bottom:50px; }
.no11 .box2 {margin-bottom:50px; }
.no11 .box3 {margin-bottom:50px; }
.no11 .txt { padding: 40px 20px;}
.no11 .txt .num { padding: 40px 0; font-size:4.0rem;}
.no11 .elm-1 { margin:0px;}
.no11 .elm-2 { margin:0px;}
.no11 .elm-4 { margin:0px;}
.no11 .elm-6 { margin:0px;}
.no11 .elm-7 { margin:0px;}
.no11 .elm-8 { margin:0px;}
.no11 .elm-11 { margin:0px;}
.no11 .elm-12 { margin:0px;}
.no11 .elm-13 { margin:0px;}
.no11 .elm-15 { margin:0px;}
.no11 .elm-16 { margin:0px;}
.no11 .elm-17 { margin:0px;}
.no11 .elm-18 { margin:0px;}
.no11 .elm-20 { margin:0px;}
.no11 .elm-22 { margin:0px;}
.no11 .elm-23 { margin:0px;}
.no11 .elm-25 { margin:0px;}
}

.no7 .box { padding: 40px; margin-bottom:60px; border:1px solid #000;}

.no12 .txt { width: 100%; max-width: 800px; margin: 0 auto; }
.no13 { background: #E0DFD1; }
.no15 .box { padding: 70px 50px; margin-bottom: 50px; border: #00284C 5px solid; position: relative; }
.no15 .numbering { position: absolute; top: -40px; right: 50px; }
.no15 .thumb { border: #00284C 1px solid; margin-bottom: 15px; }
.no15 .ttl { margin-top: 160px; }
@media (max-width: 767px) {
.no15 .ttl { margin-top: 0px; }
}

.no20 { background:#E3E3E3; }
.no20 .box1 { position: relative; height:1878px; }
.no20 .box1 .elem { position: absolute; z-index: 10; }
.no20 .box1 .elem1 { top:0px; left: 120px; }
.no20 .box1 .elem2 { top:275px; left: 740px; }
.no20 .box1 .elem3 { top:205px; left: 20px; }
.no20 .box1 .elem4 { top:770px; left: 0px; }
.no20 .box1 .elem5 { top:720px; left: 65px; }
.no20 .box1 .elem6 { top:1210px; left: 570px; }
.no20 .box1 .elem7 { top:675px; left: 580px; }
.no20 .box1 .elem8 { top:1280px; left: 0px; }
.no20 .box1 .elem9 { top:1415px; left: 405px; }
.no20 .box1 .txt { width:380px; background:#FFF; padding:40px 30px; letter-spacing:0; }
.no20 .box2 { border-top:#333 solid 1px; padding:50px 0; }
.no20 .box2 .pv { max-width:820px; margin:0 auto 70px;}
.no20 .point {background:#FFF; margin-bottom:30px;}
.no20 .point .inner{padding:0 80px 80px; font-size:15px; font-size:1.5rem;}
.no20 .point .inner .numbering{ margin-top:-23px; padding-bottom:30px;}
@media (max-width: 1019px) {
.no20 .box1 { height:auto; }
.no20 .box1 .elem { position: static; margin-bottom:20px; }
.no20 .box1 .elem2, .no20 .box1 .elem5, .no20 .box1 .elem6 { display:none; }
.no20 .box1 .txt { width:100%; padding:20px 10px;}
.no20 .box2 { border-top:#333 solid 1px; padding:50px 0; }
.no20 .box2 .pv { max-width:820px; margin:0 auto 70px;}
.no20 .point {background:#FFF; margin-bottom:30px;}
.no20 .point .inner{padding:0 20px 20px; font-size:1.4rem;}
.no20 .point .inner .numbering{ margin-top:-23px; padding-bottom:30px;}
}

.no21 .box1 { position: relative; }
.no21 .box1 .txt { position: absolute; top: 480px; left: 90px; z-index: 10; }
.no21 .box2 > div { padding-top: 10px; padding-bottom: 15px; text-align: center; }
.no21 .box2 .line { border-right: #333 solid 3px; }
@media (max-width: 1019px) {
.no21 .box1 .txt { display: none; }
}


.no27 .box { position: relative; margin-bottom:50px;}
.no27 .box .txt { margin-top: 60px; }
.no27 .box .font-beige { color: #9F8F2D; }
@media (max-width: 1019px) {
.no27 .box .txt { margin-top: 0px; }
}


.no30 .div_1 { position: relative; height: 1250px; background: #ebdede; margin-bottom: 80px; }
.no30 .div_2 { position: relative; height: 1360px; background: #ebdede; margin-bottom: 80px; }
 @media (max-width: 1019px) {
.no30 .div_1 { position: relative; height: auto; background: #ebdede; margin-bottom: 30px; padding: 20px 20px 10px 20px; }
.no30 .div_2 { position: relative; height: auto; background: #ebdede; margin-bottom: 30px; padding: 20px 20px 10px 20px; }
.no30 .img_1 { position: relative; left: auto; top: auto; margin-bottom: 20px; }
.no30 .img_2 { position: relative; left: auto; top: auto; margin-bottom: 20px; }
.no30 .img_3 { position: relative; right: auto; top: auto; margin-bottom: 20px; }
.no30 .img_4 { position: relative; left: auto; top: auto; margin-bottom: 20px; }
.no30 .ma_1 { left: auto; top: auto; }
.no30 .ma_2 { left: auto; top: auto; }
.no30 .white { background-color: #fff; width: auto; min-height: 0; color: #000; position: relative; margin-bottom: 20px; }
.no30 .white .wrapper { padding: 35px; }
.no30 .white .wrapper .tit { text-align: center; padding-bottom: 30px; }
.no30 .div_1 .cp { position: relative; left: auto; top: auto; width: auto; margin-bottom: 20px; }
.no30 .div_2 .cp { position: relative; right: auto; top: auto; width: auto; margin-bottom: 20px; }
.no30 .floatL { float: left; }
.no30 .clear { clear: both; }
}


.no34 .box { border:#F46361 solid 5px; position:relative; padding-bottom:50px; margin-bottom:90px;}
.no34 .box .num { margin-top:-65px; margin-bottom:30px;}
.no34 .box .font-pink { color:#F46361;}



.no35 .comment { padding: 20px; margin-bottom: 10px; position: relative; }
.no35 .comment .conner-lt { position: absolute; left: 0; top: 0; }
.no35 .comment .conner-rb { position: absolute; right: 0; bottom: 0; }
.no35 .txt { font-size: 13rpx; font-size: 1.3rem; margin-top: 60px; margin-left: -40px; position: relative; background: #F1F1F1; padding: 30px 30px; }
 @media (max-width: 767px) {
.no35 .txt { margin-top: 10px; margin-left: 0px; padding: 20px; }
}


.no36 .comment { padding: 30px 30px 20px; position: relative; }
.no36 .conner-lt { position: absolute; left: 0; top: 0; }
.no36 .conner-rb { position: absolute; right: 0; bottom: 0; }
.no36 .comment h5 { font-size: 24rpx; font-size: 2.4rem; font-weight: normal; margin-bottom: 25px; }
.no36 .box { padding: 30px; background: #FAFAFA; border: #DBDBDB solid 1px; }
.no36 .comment2 { padding: 30px; background: #FAFAFA; position: relative; }


.no38 .box1 .txt { position: relative; padding-bottom: 40px; }
.no38 .box1 .txt .bd-t { width: 100%; display: block; border-top: 1px solid #CCDCDB; position: absolute; top: 10px; left: 0; z-index: 0; }
.no38 .box1 .txt .bd-b { width: 100%; display: block; border-top: 1px solid #CCDCDB; position: absolute; bottom: 0; left: 0; }
.no38 .box1 .txt h5 { font-size: 16px; font-size: 1.6rem; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #A7B4B4; background: #FFF; padding: 0 5px 5px 0; position: relative; display: inline-block; z-index: 5; }
.no39 .detail { padding-top: 30px; background: url(../upload/2016spring/39/39_line.jpg) repeat-x 0px 0px; }











/******************************************************************************

 * RESPONSIVE
 
*******************************************************************************/



@media (max-width: 1279px) {
}
 @media (max-width: 1019px) {
}
 @media (max-width: 767px) {
}