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

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

#stylebook-slider-wrap .overlay { }
#stylebook-slider-wrap .stylebook-slider { background-color: #edf4fa; }
/*==================================================================

土肥CSS

================================================================== */
.no9 .re { position: relative; }
.no9 .ab { position: absolute; }
.no9 .textLeft { text-align: left; }
.no9 .textRight { text-align: right; }
.no9 .textCenter, .no12 .textCenter, .no13 .textCenter, .no33 .textCenter, .no10 .textCenter { text-align: center; }
.no9 .pc_cancel { display: none; }
.no9 .Area1 { background: #0085B2; padding: 30px; margin-bottom: 50px; }
.no9 .Area1 .wrapper { background: #fff; }
.no9 .Area1 .tit { padding: 30px 0 50px 0; text-align: center; }
.no9 .Area1 .tit_2 { padding: 30px 0; text-align: center; }
.no9 .Area1 .div_1 { overflow: hidden; padding: 0px; margin-bottom: 55px; }
.no9 .Area1 .div_1_cancel { margin-bottom: 0; }
.no9 .Area1 .div_4 { overflow: hidden; padding: 0 50px 55px 50px; }
.no9 .Area1 .div_6 { overflow: hidden; }
.no9 .Area1 .div_6 img { display: inline-block; vertical-align: middle; }
.no9 .Area1 .div_6 p { width: 50%; display: inline-block; vertical-align: middle; }
.no9 .Area1 .div_7 img { float: left; }
.no9 .Area1 .div_7 span { padding-top: 20px; }
.no9 .Area1 .div_8 { padding: 0 50px 75px 50px; margin: 0; }
.no9 .Area1 .div_9 { padding: 0 50px 30px 50px; margin: 0; }
.no9 .Area1 .div_1 .left, .no9 .Area1 .div_1 .right { float: left; max-width: 395px; }
.no9 .Area1 .div_1 .left { max-width: 395px; margin: 0 30px 0 30px; }
.no9 .Area1 .div_1 .w345 { max-width: 345px; }
.no9 .Area1 .div_1 .w370 { max-width: 370px; }
.no9 .Area1 .div_4 .left_2 { float: left; width: 70%; }
.no9 .Area1 .div_4 .right_2 { float: left; width: 30%; }
.no9 .Area1 .div_2 { padding-bottom: 40px; }
.no9 .Area1 .div_2 img { max-width: 100%; }
.no9 .greenBg { background-color: #00B285; }
.no9 .greenBg_2 { background-color: #85B200; }
.no9 .lbBg { background-color: #73B9FF; }
.no9 .lbBg_2 { background-color: #7396FF; }
.no9 .grayBg { background: url(../upload/2016summer/9/09_06.jpg) bottom no-repeat; }
.no9 .grayBg_2 { background: url(../upload/2016summer/9/09_32.jpg) top no-repeat; }
.no9 .img_1 { margin: -100px 0 0 -20px; z-index: 1000; }
.no9 .img_2 { right: 0; z-index: 1000; margin: -110px -20px 0 0; }
.no9 .img_3 { left: 0; top: 30%; z-index: 1000; margin: 0 0 0 140px; }
.no9 .img_4 { right: 0; z-index: 1000; margin: -20px 38px 0 0; }
.no9 .img_5 { right: 0; bottom: 20px; z-index: 1000; margin: 0 10px 0px 0; }
.no9 .img_6 { margin-left: -60px; }
.no9 .text_1 { left: 0; top: 30%; z-index: 1000; margin: 0 0 0 197px; width: 470px; }
.no9 .text_2 { text-align: left; padding: 0 140px 100px 140px; }
.no9 .p_1 { text-align: center; font-weight: 700; padding: 0 140px 80px 140px; }
.no9 .p_2 { margin-top: -20px; }
.no9 .pb_1 { padding-bottom: 70px; }
.no10 .p_1 { width: 650px; margin: 0 auto; }
.no10 .mb120 { margin-bottom: 120px; }
.no12 .q { font-weight: 700; margin-bottom: 30px; }
.no12 .a { margin-bottom: 30px; }
.no12 .a span { padding-right: 10px; }
.no12 .small { font-size: 80%; }
.no12 .fontbig { font-size: 150%; }
.no12 .bdb { border-bottom: 2px solid #000; }
.no12 .wid { max-width: 100%; }
.no14 .div_1 { overflow: hidden; }
.no14 .left, .no14 .right { float: left; width: 217px; }
.no14 .left { margin-right: 30px; }
.no14 .bdb { border-bottom: 1px solid #000; }
.no15 .mt_1 { margin-top: -15px; }
.no15 .bd { border: 1px solid #000; }
.no15 .mb120 { margin-bottom: 120px; }
.no15 .name { font-weight: 700; margin-bottom: 20px; font-size: 130%; }
.no18 .q { font-weight: 700; margin-bottom: 30px; }
.no18 .a { margin-bottom: 30px; }
.no18 .green { color: #277D27; }
.no18 .brown { color: #945211; }
.no18 .wid { max-width: 100%; }
.no18 .area1 { border: 10px #000 solid; padding: 0 70px; }
.no18 .area2 { overflow: hidden; }
.no18 .area2 .left, .no18 .area2 .right { float: left; width: 50%; }
.no18 .tit { padding: 70px 0; text-align: center; }
.no18 .imgArea { overflow: hidden; }
.no18 .imgArea .left, .no18 .imgArea .right { float: left; margin-right: 30px; display: inline-block; width: 370px; margin-bottom: 30px; }
.no18 .fontbig { font-size: 150%; }
.no18 .bdl { border-left: 1px solid #000; }
.no18 .pa_1 { padding: 20px 90px; }
.no19 .q { font-weight: 700; margin-bottom: 30px; }
.no19 .a { margin-bottom: 30px; }
.no19 .wid { max-width: 100%; }
.no19 .bold { margin-bottom: 30px; display: block; margin-bottom: 20px; }
.no21 .q { font-weight: 700; margin-bottom: 30px; }
.no21 .a { margin-bottom: 30px; }
.no21 .wid { max-width: 100%; }
.no21 .div_1 { background: #000; color: #fff; padding: 40px 90px; }
.no21 .area2 { overflow: hidden; }
.no21 .area2 .left, .no21 .area2 .right { float: left; width: 50%; }
.no21 .bdl { border-left: 1px solid #000; }
.no21 .pa_1 { padding: 20px 90px; }
.no21 .naka { color: #8d4600; }
.no21 .kita { color: #27677d; }
.no25 .tit { text-align: center; }
.no25 .q { font-weight: 700; }
.no25 .a span { color: #6ec2bf; padding-right: 10px; }
.no25 .div_1 { color: #6ec2bf; }
.no26 .q { font-weight: 700; margin-bottom: 15px; }
.no26 .a span { color: #ff7800; padding-right: 10px; }
.no26 .mb_1 { margin-bottom: 90px; }
.no26 .mb_2 { margin-bottom: 100px; }
.no29 .area1 { padding: 70px 25px; background-color: #d6ebe6; }
.no29 .area1 .inner { padding: 0 60px; background-color: #fff4f9; margin-bottom: 80px; }
.no29 .area1 .mt_1 { margin-top: -60px; }
.no29 .area1 .mb_1 { margin-bottom: 60px; }
.no29 .area1 .wrapper { overflow: hidden; }
.no29 .area1 .wrapper .left, .no29 .area1 .wrapper .right { float: left; width: 380px; }
.no29 .area1 .wrapper .left { margin-right: 30px; }
.no32 .q { font-weight: 700; margin-bottom: 5px; }
.no32 .a span { color: #e592ae; padding-right: 10px; }
.no32 .ul_1 { list-style: none; overflow: hidden; }
.no32 .ul_1 li { width: 33.3333%; float: left; margin-bottom: 50px; }
.no32 .ul_1 li div { padding: 0 30px; min-height: 430px; }
.no32 .ul_1 li div.line { border-right: #e592ae solid 1px; }
.no33 .div_1 div { margin-bottom: 120px; }
.no34 .red { border: 10px solid #ed8675; }
.no34 .brown { border: 10px solid #7c5d11; }
.no34 .brown_2 { border: 10px solid #b59852; }
.no34 .brown_3 { border: 10px solid #866923; }
.no34 .green { border: 10px solid #8fad3e; }
.no34 .gray { border: 10px solid #656565; }
.no34 .fontred { color: #ed8675; }
.no34 .fontbrown { color: #7c5d11; }
.no34 .fontbrown_2 { color: #b59852; }
.no34 .fontbrown_3 { color: #866923; }
.no34 .fontgreen { color: #8fad3e; }
.no34 .fontgray { color: #656565; }
.no34 .area1 { margin-bottom: 50px; }
.no34 .inner { padding-bottom: 30px; }
.no34 .girl { float: left; width: 400px; }
.no34 .tx { float: left; width: 530px; }
.no34 .mt_1 { margin-top: -30px; }
.no34 .clear { clear: both; }
.no34 .text_1 { padding-left: 80px; padding-right: 40px; }
.no34 .p_1 { font-weight: 700; }

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

@media (max-width: 1019px) {
.no9 .pc_cancel { display: block; }
.no9 .sp_cancel { display: none; }
.no9 .Area1 .Spdiv_1 { background: #eeeeee; padding: 10px; overflow: hidden; display: table; margin-bottom: 40px; }
.no9 .Area1 .Spdiv_1 img { max-width: 100%; }
.no9 .Area1 .Spdiv_1 .left, .no9 .Area1 .Spdiv_1 .right { display: table-cell; vertical-align: middle; width: 48%; text-align: center; }
.no9 .Area1 .Spdiv_1 .left { margin-right: 4%; text-align: left; padding-left: 5%; }
.no9 .p_1 { text-align: center; font-weight: 700; padding: 0 30px 50px 30px; }
}

@media (max-width: 767px) {
.no9 .pc_cancel { display: block; }
.no9 .sp_cancel { display: none; }
.no9 .Area1 { background: #0085B2; padding: 15px; margin-bottom: 50px; }
.no9 .Area1 .wrapper { background: #fff; }
.no9 .Area1 .tit { padding: 30px 0 50px 0; text-align: center; }
.no9 .Area1 .tit img { width: 90%; }
.no9 .Area1 .tit_2 { padding: 30px 0; text-align: center; }
.no9 .Area1 .div_1 { overflow: hidden; padding: 0 50px; margin-bottom: 55px; }
.no9 .Area1 .div_1_cancel { margin-bottom: 0; }
.no9 .Area1 .div_4 { overflow: hidden; padding: 0 50px 55px 50px; }
.no9 .Area1 .div_6 { overflow: hidden; }
.no9 .Area1 .div_6 img { display: inline-block; vertical-align: middle; }
.no9 .Area1 .div_6 p { width: auto; display: inline-block; vertical-align: middle; }
.no9 .Area1 .div_7 img { float: left; }
.no9 .Area1 .div_7 span { padding-top: 20px; }
.no9 .Area1 .div_8 { padding: 0 50px 75px 50px; margin: 0; }
.no9 .Area1 .div_9 { padding: 0 50px 30px 50px; margin: 0; }
.no9 .Area1 .div_1 .left { margin: 0 30px 0 0px; }
.no9 .Area1 .div_1 .left { margin-bottom: 20px; }
.no9 .Area1 .div_1 .left, .no9 .Area1 .div_1 .right { float: none; width: auto; }
.no9 .Area1 .div_1 .left { margin-right: 0; }
.no9 .Area1 .div_4 .left_2 { float: none; width: auto; }
.no9 .Area1 .div_4 .right_2 { float: none; width: auto; }
.no9 .Area1 .div_2 { padding-bottom: 40px; }
.no9 .Area1 .div_2 img { max-width: 100%; }
.no9 .greenBg { background-color: #00B285; }
.no9 .greenBg_2 { background-color: #85B200; }
.no9 .lbBg { background-color: #73B9FF; }
.no9 .lbBg_2 { background-color: #7396FF; }
.no9 .grayBg { background: none; }
.no9 .grayBg_2 { background: url(../upload/2016summer/9/09_32.jpg) top no-repeat; }
.no9 .img_1 { margin: -40px 0 0 0px; z-index: 1000; width: 30%; }
.no9 .img_2 { right: 0; z-index: 1000; margin: -110px -20px 0 0; }
.no9 .img_3 { left: 0; top: 30%; z-index: 1000; margin: 0 0 0 140px; }
.no9 .img_4 { right: 0; z-index: 1000; margin: -20px 38px 0 0; }
.no9 .img_5 { right: 0; bottom: 20px; z-index: 1000; margin: 0 10px 0px 0; }
.no9 .img_6 { margin-left: -60px; }
.no9 .text_1 { left: 0; top: 30%; z-index: 1000; margin: 0 0 0 197px; width: 470px; }
.no9 .text_2 { text-align: left; padding: 0 30px 30px 30px; }
.no9 .p_1 { text-align: center; font-weight: 700; padding: 0 30px 50px 30px; }
.no9 .p_2 { margin-top: -20px; }
.no9 .Area1 .Spdiv_1 { background: #eeeeee; padding: 10px; overflow: hidden; display: table; margin-bottom: 40px; }
.no9 .Area1 .Spdiv_1.mb_cancel { margin-bottom: 0; }
.no9 .Area1 .Spdiv_1 img { max-width: 100%; }
.no9 .Area1 .Spdiv_1 .left, .no9 .Area1 .Spdiv_1 .right { display: table-cell; vertical-align: middle; width: 48%; text-align: center; }
.no9 .Area1 .Spdiv_1 .left { margin-right: 4%; text-align: left; }
.no9 .Area1 .spdiv_2 { padding: 20px 50px; }
.no9 .Area1 .spdiv_2 img { max-width: 100%; }
.no9 .pb_1 { padding-bottom: 0; }
.no10 .p_1 { width: auto; }
.no18 .area1 { border: 10px #000 solid; padding: 0 30px; }
.no18 .area2 { overflow: hidden; }
.no18 .area2 .left, .no18 .area2 .right { float: left; width: auto; }
.no18 .tit { padding: 70px 0; text-align: center; }
.no18 .imgArea { overflow: hidden; }
.no18 .imgArea img { max-width: 100%!important; }
.no18 .imgArea .left, .no18 .imgArea .right { float: left; margin-right: 0px; display: inline-block; width: auto; margin-bottom: 30px; }
.no18 .fontbig { font-size: 150%; }
.no18 .bdl { border-left: none; }
.no18 .pa_1 { padding: 20px 0px; }
.no20 .mb_1 { margin-bottom: 30px; }
.no21 .div_1 { background: #000; color: #fff; padding: 20px 20px; }
.no21 .area2 .left { margin-bottom: 40px; }
.no21 .area2 .left, .no21 .area2 .right { float: none; width: auto; }
.no21 .bdl { border-left: none; }
.no21 .pa_1 { padding: 0; }
.no29 .area1 { padding: 70px 25px; background-color: #d6ebe6; }
.no29 .area1 .inner { padding: 30px 20px 0 20px; background-color: #fff4f9; margin-bottom: 50px; }
.no29 .area1 .mt_1 { margin-top: 0px; margin-bottom: 20px; max-width: 100%; }
.no29 .area1 .mb_1 { margin-bottom: 60px; }
.no29 .area1 .wrapper { overflow: hidden; }
.no29 .area1 .wrapper .left, .no29 .area1 .wrapper .right { float: none; width: auto; }
.no29 .area1 .wrapper .left { margin-right: 0px; }
.no32 .ul_1 { list-style: none; overflow: hidden; }
.no32 .ul_1 li { width: auto; float: none; margin-bottom: 50px; }
.no32 .ul_1 li div { padding: 0 15px; min-height: 0; }
.no32 .ul_1 li div.line { border-right: none; }
.no34 .area1 { margin-bottom: 50px; }
.no34 .inner { padding: 30px; }
.no34 .girl { float: none; width: auto; margin-bottom: 20px; }
.no34 .tx { float: none; width: auto; margin-bottom: 20px; }
.no34 .mt_1 { margin-top: 0; }
.no34 .clear { clear: both; }
.no34 .text_1 { padding-left: 0; padding-right: 0; }
.no34 .p_1 { font-weight: 700; }
.no34 .area1 .pr80, .no34 .area1 .pl80 { padding: 0!important; }
}
/*==================================================================

長谷川CSS

================================================================== */
/* vol.11 */

.suicoke { position: relative; }
.mt80_no30 { margin-top: 60px; }
.point1 { position: absolute; top: 170px; left: 140px; }
.point2 { position: absolute; bottom: 60px; left: 140px; }
.people30 { margin-top: 80px; }
.point3 { position: absolute; top: 30px; right: 170px; }
.mtb_no30 { margin-top: 0; margin-bottom: 55px; }
.point4 { position: absolute; top: 80px; right: 40px; }
.ls-6 { letter-spacing: 6px; }
.side-line27 { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-bottom: 65px; }
.dot-line { border-bottom: 3px dotted #000000; }
.jennifer { color: #B89950; }
.cell { display: table-cell; vertical-align: middle; }
#arrange1 { position: relative; }
#arrange2 { position: relative; }
#arrange3 { position: relative; }
.box-border-23 { border: 1px solid #000000; }
.pr90-txt { padding-right: 65px; }
.arrange-number { position: absolute; top: 80px; right: 90px; }
.arrange-txt { padding-right: 50px; }
.border-img-box { border: 3px solid #000; }
.how_to_step { border: 1px solid #d5d5d5; border-radius: 26px; padding: 30px 70px 30px 70px; }
.recommend-coorde { border: 3px solid #FF8298; }
.txt-box { width: 40%; }
.cul-de-sac { padding: 80px 100px 80px 100px; border: 1px solid #000; margin-top: -40px; }
#search-people, #search-people1 { z-index: -999; padding: 80px 40px 25px 40px; border: solid 1px #C2C2C2; }
.arrange-ttl { margin-top: 200px; color: #333; }
/* vol.49 */
#runner { width: 100%; margin-left: 90px; position: relative; }
.qa-txt { padding-left: 100px; padding-right: 100px; }
#qa49 { border-left: 1px solid #000; border-right: 1px solid #000; }
.bg-white { padding: 30px 40px 30px 20px; background-color: #fff; }
.runner-date { width: 340px; position: absolute; top: 0px; }
.runner-img { margin-top: 0px; }
.tour p a { color: #4CB5CB; }
.tour p a { font-size: 16px; }
.tour p a:hover { color: #4CB5CB; text-decoration: underline; }
.ml0 { margin-left: 20px; }
.mr0 { margin-right: 20px; }
.detail_48_2, #sleepy_jones, .item43, .wide-txt-box { padding-left: 100px; padding-right: 100px; }
.tag { color: #4CD3FF; }
.inbox { border: 1px solid #ececec; padding-left: 38px; padding-right: 38px; top: -60px; }
.mt-10 { margin-top: -10px; }
.mt-40 { margin-top: -40px; }
.mt-60 { margin-top: -60px; }
.mt-90 { margin-top: -90px; }
.pos-r { margin-left: 500px; }
#favorite { padding-left: 180px; padding-right: 180px; }
.lm20 { margin-left: 20px; }
.mt110 { margin-top: 110px; }
.mt130 { margin-top: 130px; }
.mt150 { margin-top: 150px; }
.mt200 { margin-top: 200px; }
.des { padding-left: 200px; padding-right: 200px; }
.days_standard { width: 100%; border: 1px solid #000; }
.coorde { padding-left: 20px; }
.oyakodate { position: absolute; right: 100px; bottom: -80px; }
#oyako { position: relative; }
.mother_question { position: absolute; bottom: -80px; }
#other-item { border: 1px solid #d5d5d5; border-radius: 26px; padding: 30px 20px 30px 20px; }
.mt-80 { margin-top: -80px; }
.question { margin-top: 130px; }
#stylist { border-top: solid 1px #000; }
.item-line { border: 1px solid #323232; }
.mt4 { margin-top: 40px; }
.mt8 { margin-top: 80px; }
.mt-right-box { margin-top: -200px; }
.mt-right-box2 { margin-top: -230px; }
.ml-20 { margin-left: -20px; }
.mr-20 { margin-left: 20px; padding-left: 0px; padding-right: 0px; }
.mt-50 { margin-top: -50px; }
.plr35 { padding-left: 35px; padding-right: 35px; }
.no23_txt-r{text-align:right;}
@media (max-width: 1279px) {
.des { padding-left: 100px; padding-right: 100px; }
}

@media (max-width: 1019px) {
.inbox { border: 1px solid #ececec; padding-left: 28px; padding-right: 28px; top: -60px; }
.coorde { margin-top: 30px; padding-left: 0px; }
.how_to_step { border: 1px solid #d5d5d5; border-radius: 26px; padding: 30px 30px 30px 30px; }
.mt150 { margin-top: 70px; }
.point1 { position: absolute; top: 10px; left: 140px; }
.point2 { position: absolute; bottom: 0px; left: 140px; }
.point3 { position: absolute; top: -30px; right: 110px; }
.point4 { position: absolute; top: 30px; right: 10px; }
.suicoke { margin-bottom: 50px; margin-top: 80px }
}

@media (max-width: 767px) {
.detail_48_2, #sleepy_jones, .item43, .wide-txt-box { padding: 0; }
.pos-r { margin-left: 0; }
.des { padding-left: 20px; padding-right: 20px; }
.logo_days_standard { width: 70%; }
.oyakodate { right: 30px; bottom: -200px; padding-left: 30px; padding-right: 30px; }
.mother_question { bottom: -270px; padding-left: 50px; padding-right: 50px; }
.question { margin-top: 300px; }
#runner { width: 100%; margin-left: 0px; position: none; }
.w20 { width: 20%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w70 { width: 70%; }
.bg-white { padding: 30px 40px 30px 30px; background-color: #fff; }
.runner-date { position: inherit; }
.runner-img { margin-top: 0px; position: inherit; }
.qa-txt { padding-left: 0px; padding-right: 0px; }
.how_to_step { border: 1px solid #d5d5d5; border-radius: 26px; padding: 30px 20px 30px 20px; }
#arrange1 { position: relative; }
.arrange-number { position: inherit; top: 20px; right: 0px; }
.img4 { width: 92%; }
.lm20 { margin-left: 0px; }
.arrange-number { position: none; }
.arrange-txt { padding-right: 0px; }
.arrange-ttl { margin-top: 20px; text-align: center; font-size: 24px; }
.mt0s { margin-top: 0; }
.mt8 { margin-top: 80px; }
.mt-right-box { margin-top: 80px; }
.mt-right-box2 { margin-top: 80px; }
.title-cul { width: 80%; }
.cul-de-sac { padding: 80px 30px 20px 30px; border: 1px solid #000; margin-top: -60px; }
.mt4 { margin-top: 0px; }
.pr90-txt { padding-right: 0px; }
.ml-20 { margin-left: -20px; }
.mr-20 { margin-left: 0px; padding-left: 15px; padding-right: 15px; }
.clear-sp { float: none; }
.bag-all-sp { padding-left: 100px; padding-right: 100px; }
#search-people, #search-people1 { z-index: -999; padding: 80px 40px 25px 40px; border: solid 1px #333; }
.side-line27 { border-left: none; border-right: none; padding-bottom: 0px; }
.people30 { margin-top: 30px; }
.mtb_no30 { margin-top: 20px; margin-bottom: 20px; }
.mt80_no30 { margin-top: 30px; }
.plr35 { padding-left: 0px; padding-right: 0px; }
.no23_txt-r{font-size:10px;}
}
/*==================================================================

市村CSS

================================================================== */
.no1 .green { color: #1E521F; }
.no1 .box-wrap { background-color: #242009; margin-top: 80px; margin-bottom: 80px; }
.no1 .box { background: url(../upload/2016summer/1/01_07.png) no-repeat top -50px left -86px; padding-top: 80px; padding-bottom: 10px; }
.no1 .inner { padding-left: 40px; padding-right: 40px; }
.no1 .inner h4 { font-size: 20px; font-weight: bold; color: #ffffff; margin-bottom: 10px; text-align: center; }
.no1 .inner span { font-size: 12px; font-weight: bold; letter-spacing: .08em; line-height: 1.8em; color: #ffffff; margin-bottom: 20px; text-align: center; display: block; }
.no1 .inner p { font-size: 14px; font-weight: normal; letter-spacing: .08em; line-height: 1.6em; color: #ffffff; margin-bottom: 60px; }
.no7 .green { color: #668C00; }
.no7 .blue { color: #437E97; }
.no7 .box { padding: 60px 50px 50px; background-color: #f6f6f6; margin-bottom: 60px; position: relative; }
.no7 .box .title01 { width: 100%; text-align: center; }
.no7 .box h3 { font-size: 28px; font-weight: bold; letter-spacing: .08em; text-align: center; margin-bottom: 50px; position: relative; display: inline-block; }
.no7 .box h3:after { position: absolute; bottom: 0; left: 0; content: ""; display: inline-block; width: 100%; height: 3px; background: #000; }
.no7 .box p { padding-top: 20px; padding-bottom: 20px; font-size: 12px; }
.no7 .abs01 { display: none; }
.no7 .box04 { padding: 40px; margin-bottom: 60px; border: 1px solid #000; }

@media (min-width: 1020px) {
.no7 .box03 { width: 100%; }
.no7 .abs01 { display: block; position: absolute; top: 227px; left: 220px; z-index: 99; }
}
.no16 { }
.no16 .wrap { background-repeat: no-repeat; background-position: bottom left; background-size: auto; padding-bottom: 100px; margin-bottom: 55px; }

@media (min-width: 1020px) {
.no16 .wrap:nth-of-type(1) { margin-top: 130px; }
}
.no16 .wrap.p01 { background-image: url(../upload/2016summer/16/16_03.png); }
.no16 .wrap.p02 { background-image: url(../upload/2016summer/16/16_06.png); }
.no16 .box01 { margin-left: -8.33333333%; }
.no16 .inner { padding-left: 15px; padding-right: 15px; margin-top: -125px; }
.no16 .box01 p { padding: 35px 70px; }
.no16 .md-elm01 { display: block !Important; }
.no16 .md-elm02 { display: none !Important; }

@media (min-width: 1020px) {
.no16 .md-elm01 { display: none!important; }
}

@media (min-width: 1020px) {
.no16 .md-elm02 { display: block!important; }
}
.no29 .box-info { border: 3px solid #000; padding: 50px 60px 70px; margin-top: 50px; }
.no29 .box-ttle { text-align: center; }
.no29 .box-info h3 { font-size: 36px; font-weight: bold; letter-spacing: .1em; margin-bottom: 40px; position: relative; display: inline-block; }
.no29 .box-info h3:after { position: absolute; bottom: 0; left: 0; content: ""; display: inline-block; width: 100%; height: 3px; background: #000; }
.no31 .wrap01 { position: relative; text-align: center; margin-bottom: 25px; }
.no31 .wrap01 p { padding: 10px 40px; border: 1px solid #134568; background-color: #ffffff; display: inline-block; vertical-align: top; position: relative; z-index: 100; }
.no31 .wrap01:before { position: absolute; top: 50%; left: 0; content: ""; display: inline-block; width: 100%; height: 1px; background: #134568; z-index: 99; }
.no31 .mt01 { margin-top: -65px; }
.no31 .mt02 { margin-top: -80px; }
.no31 .article01 { margin-bottom: 30px; }
.no31 .inner-article { border-bottom: 1px solid #104369; padding-bottom: 40px; }
.no31 .article01:last-child .inner-article { border-style: none; }
.no31 .article01 p { font-size: 16px; color: #333333; }
.no31 .box-middle { display: table; }
.no31 .inner-middle { display: table-cell; vertical-align: middle; }
.no31 .article01 p span { display: inline-block; position: relative; z-index: 100; font-weight: bold; }
.no31 .article01 p span:after { position: absolute; bottom: 5px; left: 0; content: ""; display: inline-block; width: 100%; height: 7px; background: #f0ff00; z-index: -1; }
.no35 .wrapper { margin-top: 150px; }
.no35 .wrapper02 { margin-top: 150px; padding-top: 100px; padding-bottom: 80px; background-color: #F5F5F5; }
.no35 .wrapper02 p { padding-left: 20px; padding-right: 20px; }
.no35 h3 { font-size: 24px; font-weight: normal; text-align: center; color: #444444; margin-bottom: 10px; }
.no35 span { display: block; margin-bottom: 40px; font-size: 16px; font-weight: normal; text-align: center; color: #444444; }
.no35 .middle-box { display: table; }
.no35 .middle-inner { display: table-cell; vertical-align: middle; }
.no35 .tag { position: absolute; top: -70px; }
.no35 .tag02 { margin-bottom: 80px; }
.no35 .tag02 img { margin-top: -180px; }
.no35 .p01 { right: 35px; }
.no35 .p02 { left: 35px; }
.no35 .box { margin-left: -8.33333333%; }
.no35 .box2 { margin-left: -16.66666667%; }
.no35 .mb01 { margin-bottom: 70px; }
.no36 { background-color: #F1F5F6; }
.no36 ul li { margin-bottom: 10px; text-indent: -29px; padding-left: 29px; }
.no36 ul li a.buy-online { display: inline; }
.no36 .p01 .box-left img { margin-left: 50px; }
.no36 .p02 .box-left img { margin-left: -50px; }
.no36 .box-middle { display: table; margin-left: -8.33333333%; }
.no36 .inner-middle { display: table-cell; vertical-align: middle; }
.no36 .box { position: relative; padding: 70px 80px; background-color: #ffffff; }
.no36 .box p { color: #345A6C; }
.no36 .abs { position: absolute; top: -60px; }
.no36 .p01 .abs { left: -50px; }
.no36 .p02 .abs { right: -50px; }
.no37 .box { background-color: #F8F7F5; border-radius: 20px; position: relative; padding: 50px 0; margin-bottom: 120px; }
.no37 .title, .no37 .tag { position: absolute; z-index: 99; }
.no37 .i01 { padding: 0 30px; }
.no37 .i02 { padding: 0; }
.no37 .i03 { padding: 0 40px; }
.no37 .i04 { padding: 0 90px 0 0; }
.no37 .i05 { padding: 0 30px 0 80px; }
.no37 .title.p01 { top: -50px; right: 95px; }
.no37 .title.p02 { top: -50px; right: 60px; }
.no37 .title.p03 { top: -50px; left: 60px; }
.no37 .title.p04 { top: -50px; left: 410px; }
.no37 .tag.p01 { top: 186px; left: -28px; }
.no37 .tag.p02 { top: 50px; right: -50px; }
.no37 .tag.p03 { top: 96px; left: 8px; }
.no37 .tag.p04 { top: 80px; right: -30px; }
.no37 .tag.p05 { top: 79px; right: -16px; }
.no37 .tag.p06 { top: 208px; right: -8px; }
.no37 .tag.p07 { top: 150px; right: -8px; }
.no37 .tag.p08 { top: 50px; right: 10px; }
.no37 .middle-box { display: table; }
.no37 .middle-inner { display: table-cell; vertical-align: middle; }
.no38 .mb38 { margin-bottom: 60px; }
.no38 .relative { margin-bottom: 50px; }
.no38 .hukidashi { position: absolute; background-image: url(../upload/2016summer/38/38_13.jpg), url(../upload/2016summer/38/38_14.jpg), url(../upload/2016summer/38/38_15.png); background-position: left top, left bottom, left top; background-repeat: no-repeat, no-repeat, repeat-y; background-size: 100%; width: 225px; padding: 22px 20px 50px; font-weight: bold; }
.no38 .hukidashi02 { position: absolute; background-image: url(../upload/2016summer/38/38_17.jpg), url(../upload/2016summer/38/38_18.jpg), url(../upload/2016summer/38/38_15.png); background-position: left top, left bottom, left top; background-repeat: no-repeat, no-repeat, repeat-y; background-size: 100%; width: 225px; padding: 22px 20px 50px; font-weight: bold; }
.no38 img { position: relative; z-index: 99; }
.no38 .p01 { top: 60px; left: 0; }
.no38 .p02 { bottom: 60px; right: 0; }
.no38 .box01 { position: relative; background-image: url(../upload/2016summer/38/38_16.png); background-repeat: repeat-x; background-position: left top 30px; }
.no38 .ml01 { margin-left: 80px; }
.no38 .ml02 { margin-left: -60px; }
.no38 .ml03 { margin-left: 140px; }
.no38 .ml04 { margin-left: 100px; }
.no38 .text { margin-top: 80px; padding-left: 30px; padding-right: 30px; position: relative; z-index: 100; }
.no39 { background-color: #FCFAF7; }
.no39 .wrap { background-color: #ffffff; padding-top: 70px; padding-bottom: 20px; }
.no39 .wrap .box { padding-left: 40px; padding-right: 40px; }
.no39 .wrap h3 { text-align: center; font-size: 30px; font-weight: normal; color: #72635C; margin-bottom: 30px; }
.no39 .wrap .blue { color: #3D92C4; }
.no39 .wrap .red { color: #73CCAF; }
.no40 .box { background-position: top left, bottom left, top left; background-repeat: no-repeat, no-repeat, repeat-y; background-size: 100%; padding-bottom: 50px; margin-top: 80px; }
.no40 .p01 { background-image: url(../upload/2016summer/40/40_11.jpg), url(../upload/2016summer/40/40_12.jpg), url(../upload/2016summer/40/40_13.jpg); }
.no40 .p02 { background-image: url(../upload/2016summer/40/40_14.jpg), url(../upload/2016summer/40/40_15.jpg), url(../upload/2016summer/40/40_16.jpg); }
.no40 .p03 { background-image: url(../upload/2016summer/40/40_17.jpg), url(../upload/2016summer/40/40_18.jpg), url(../upload/2016summer/40/40_19.jpg); }
.no40 .box h3 { margin-top: -50px; }

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

@media (max-width: 1019px) {
.no7 .box02 { padding: 20px; }
.no16 .box01 { margin-left: auto; }
.no16 .inner { padding-left: 0; padding-right: 0; margin-top: 0; }
.no36 .box { padding: 50px; }
.no37 .box { margin-bottom: 40px; }
.no37 .i01, .no37 .i02, .no37 .i03, .no37 .i04, .no37 .i05 { padding: 0 30px; }
.no37 .middle-inner { padding-top: 20px; padding-bottom: 30px; }
.no38 .mb38 { margin-bottom: 0; }
.no38 .hukidashi, .no38 .hukidashi02 { max-width: 320px; width: 100%; position: relative; top: 0; margin: 0 auto; }
.no38 .ml01, .no38 .ml02, .no38 .ml03, .no38 .ml04 { margin-left: auto; margin-right: auto; }
.no38 .text { margin-top: 20px; padding: 0; }
.no40 .box { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 767px) {
.no1 .box { background-size: 100%; padding-top: 40px; padding-bottom: 0; }
.no1 .inner { padding-left: 20px; padding-right: 20px; }
.no7 .box { padding: 20px; }
.no7 .box02 { padding: 20px 0 0 0; }
.no7 .box04 { padding: 20px; }
.no16 .box01 p { padding: 10px 20px; }
.no16 .wrap h3 { max-width: 200px; margin: 0 auto; }
.no29 .box-info { padding: 30px 20px; margin-top: 50px; }
.no29 .box-info h3 { font-size: 24px; }
.no31 .mt01 { margin-top: -30px; }
.no31 .mt02 { margin-top: 20px; }
.no31 .wrap01 p { padding: 10px; }
.no35 .box { margin-left: 0; }
.no35 .box2 { margin-left: 0; }
.no35 .mb01 { margin-bottom: 30px; }
.no35 .wrapper02 { margin-top: 50px; padding-bottom: 30px; }
.no35 .tag02 { margin-bottom: 30px; }
.no35 .tag02 img { margin-top: -150px; width: 280px; margin-left: auto; margin-right: auto; }
.no36 .abs { top: -80px !important; left: -10px !important; right: auto !important; }
.no36 .abs img { height: 100px; }
.no36 .box { padding: 30px 20px; }
.no36 .box-middle { margin-left: 0; }
.no36 .box-left img { margin-left: auto !important; }
.no37 .box { padding-top: 20px; padding-bottom: 20px; }
.no37 .tag { top: auto !important; bottom: -30px !important; left: auto !important; right: -10px !important; }
.no37 .title { width: 200px; top: -20px !important; left: 40px !important; right: auto !important; bottom: auto !important; }
.no37 .tag { width: 120px; }
.no37 .i01, .no37 .i02, .no37 .i03, .no37 .i04, .no37 .i05 { padding: 0 20px; }
.no39 .wrap { padding-top: 40px; padding-bottom: 20px; }
.no39 .wrap h3 { font-size: 20px; }
.no39 .wrap .box { padding-left: 20px; padding-right: 20px; }
}
/*==================================================================

音田CSS

================================================================== */
.no2 .box1 { padding: 25px 30px; margin-bottom: 40px; background-color: #EEEEEE; }
.no2 .box2 { position: relative; margin-bottom: 30px; }
.no2 .box2 .kurage { position: absolute; top: -30px; right: 0; }
.no2 .box2 h4 { font-size: 24px; font-weight: bold; color: #3D91B2; }
.no2 .box3 { border: #2E8FB6 1px solid; border-radius: 10px; padding: 30px 40px; margin-bottom: 50px; }
.no2 .box3 h4 { font-size: 24px; font-weight: bold; color: #3D91B2; padding-bottom: 18px; text-align: center; }
.no2 .box3 p { font-weight: bold; color: #3D91B2; }
.no2 .box4 { color: #43AC8D; border: 3px solid #43AC8D; padding: 35px; }
.no2 .box4 h4 { height: 100%; font-size: 20px; font-size: 2.0rem; text-align: center; }
.no2 .box4 p { border-left: 1px solid #43AC8D; }
.no2 .box5 h4 { color: #43AC8D; }
.no2 .box6 { border: 3px solid #43AC8D; padding: 20px; }
.no2 .box6 h4 { font-size: 18px; font-weight: bold; }

@media (max-width: 767px) {
.no2 .box2 h4, .no2 .box3 h4 { font-size: 18px; }
.no2 .box6 h4 { font-size: 14px; }
}
.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; line-height: 1.3; margin-bottom: 5px; }
.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; }
.no8 { background: #f6f6f6; }
.no8 .box { background: #FFF; border-radius: 10px; overflow: hidden; }
.no8 .box .txt { font-size: 13px; font-size: 1.3rem; padding: 0 40px 40px 40px; }
.no8 .box .txt h4 { font-size: 20px; font-size: 2.0rem; line-height: 1.25; padding-bottom: 20px; }
.no8 .point { padding: 40px; }
.no8 .point h4 { font-size: 18px; font-size: 1.8rem; font-weight: normal; padding-bottom: 15px; }
.no8 .point h4:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.no8 .point h4:first-letter { width: 50px; height: 50px; color: #FFF; font-size: 2em; line-height: 1; float: left; margin: 0 .2em 0 0; padding: .1em 0; display: inline-block; background: #262a46; border-radius: 50%; }
.no8 .point h4 img { max-width: 100%; height: auto; }
.no8 .point p { font-size: 13px; font-size: 1.3rem; }

@media (max-width: 767px) {
.no8 .box .txt { font-size: 13px; font-size: 1.3rem; padding: 0 20px 20px 20px; }
.no8 .point { padding: 30px 20px; }
}
.no6 .txt { border-left: #8a8378 solid 1px; }
.no6 .yt p { font-size: 18px; font-size: 1.8rem; color: #8a8378; text-align: center; line-height: 1.4; padding-bottom: 40px; }
.no6 .yt p span { font-size: 24px; font-size: 2.4rem; color: #8a8378; text-align: center; }
.no9 .box { border: solid 30px; margin-bottom: 50px; }
.no9 .box .ttl { padding: 40px 20px 50px; }
.no9 .box .inner { padding: 0px 40px; }
.no9 .box .abs { position: absolute; z-index: 100; }
.no9 .rec { padding: 40px 0; }
.no9 .rec h3 { padding-bottom: 40px; }
.no9 .rec h4 { font-size: 15px; font-weight: bold; line-height: 1.6; max-width: 620px; margin: 0 auto; padding-bottom: 50px; text-align: center; }
.no9 .rec .txt1 { max-width: 620px; margin: 0 auto; }
.no9 .box1 { border-color: #0085B2; }
.no9 .box1 .hito1 { left: -40px; top: -80px; }
.no9 .box1 .d_1 { min-height: 350px; padding: 100px 0; background: url(../upload/2016summer/9/09_06.jpg) no-repeat left top; }
.no9 .box1 .hito2 { margin-top: -130px; }
.no9 .box2 { border-color: #00B285; }
.no9 .box2 .d_1 { min-height: 350px; padding: 100px 0; background: url(../upload/2016summer/9/09_32.jpg) no-repeat left top; }
.no9 .box2 .hito2 { margin-top: -130px; }
.no9 .box3 { border-color: #73B9FF; }
.no9 .box3 .d_1 { min-height: 350px; padding: 100px 0; background: url(../upload/2016summer/9/09_06.jpg) no-repeat left top; }
.no9 .box3 .bg { padding-bottom: 80px; background: url(../upload/2016summer/9/09_06.jpg) no-repeat left bottom; }
.no9 .box3 .hito4 { margin-right: 0; margin-bottom: -30px; max-width: 150px; }
.no9 .box4 { border-color: #7396FF; padding-bottom: 40px; }
.no9 .box4 .bg { background: url(../upload/2016summer/9/09_32.jpg) no-repeat left center; }
.no9 .box4 .bg .txt1 { padding-top: 120px; }
.no9 .box4 .hito5 { max-width: 160px; height: auto; right: -20px; bottom: -30px; }
.no9 .box5 { border-color: #85B200; padding-bottom: 40px; }
.no9 .box5 .bg { background: url(../upload/2016summer/9/09_32.jpg) no-repeat left center; }
.no9 .box5 .bg .txt1 { padding-top: 120px; }
.no9 .box5 .hito6 { max-width: 110px; height: auto; left: 50%; top: -10px; margin-left: -70px; }
.no13 { background-image: -moz-linear-gradient(top, #f4f0e7, #dbcbb1); background-image: -ms-linear-gradient(top, #f4f0e7, #dbcbb1); background-image: -o-linear-gradient(top, #f4f0e7, #dbcbb1); background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f0e7), to(#dbcbb1)); background-image: -webkit-linear-gradient(top, #f4f0e7, #dbcbb1); background-image: linear-gradient(top, #f4f0e7, #dbcbb1); }

@media (max-width: 767px) {
.no9 .box { border-width: 5px; margin-bottom: 30px; }
.no9 .box .ttl { padding: 30px 10px 30px; }
.no9 .box .inner { padding: 0px 15px; }
.no9 .rec { padding: 20px 0; }
.no9 .rec h3 { padding-bottom: 20px; }
.no9 .rec h4 { font-size: 13px; padding-bottom: 30px; }
.no9 .box1 .hito1 { width: 100px; left: -10px; top: -30px; }
.no9 .box1 .d_1 { min-height: auto; }
.no9 .box1 .d_1 .tx-right { text-align: left; }
.no9 .box1 .hito2 { max-width: 100px; margin-top: 0px; }
.no9 .box2 { border-color: #00B285; }
.no9 .box2 .d_1 { min-height: auto; }
.no9 .box2 .d_1 .tx-right { text-align: left; }
.no9 .box2 .hito2_1 { max-width: 100px; margin-top: 0px; }
.no9 .box2 .hito2 { max-width: 100px; margin-top: 0px; }
.no9 .box3 { border-color: #73B9FF; }
.no9 .box3 .d_1 { min-height: auto; padding: 100px 0; }
.no9 .box3 .bg { padding-bottom: 40px; }
.no9 .box3 .hito4 { max-width: 100px; }
.no9 .box4 { padding-bottom: 40px; }
.no9 .box4 .bg .txt1 { padding-top: 0px; }
.no9 .box4 .hito5 { max-width: 90px; height: auto; right: -10px; bottom: -30px; }
.no9 .box4 .hito5_1 { max-width: 110px; height: auto; }
.no9 .box5 { padding-bottom: 40px; }
.no9 .box5 .bg { background: url(../upload/2016summer/9/09_32.jpg) no-repeat left center; }
.no9 .box5 .bg .txt1 { padding-top: 50px; }
.no9 .box5 .hito6 { max-width: 70px; height: auto; left: auto; right: 10px; top: -40px; margin-left: 0px; }
}
.no29 .area1 .inner { padding: 0 60px 30px; background-color: #fff4f9; margin-bottom: 80px; }

@media (max-width: 767px) {
.no29 .area1 .inner { padding: 30px 15px 30px 15px; background-color: #fff4f9; margin-bottom: 50px; }
.no29 .area1 { padding: 40px 15px; background-color: #d6ebe6; }
}
.no34 .inner { padding: 0 50px 50px 50px; }

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

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

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

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

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



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

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

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