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

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

土肥CSS

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

.no30 .txc, .no31 .txc { text-align: center; }
.no29 { background: #f1ece8; }
.no29 .wrapper { background: #f1ece8; padding: 15px 0; }
.no29 .wrapper img { max-width: 100%; }
.no31 .q { margin-bottom: 15px; font-weight: 700; }
.no31 .a { margin-bottom: 40px; }
.no31 .div_1 { margin: 0 40px; }
.no31 .pt_1 { padding-top: 135px; }
.no33 { background: #ededed; }
.no33 .wrapper { background: #ededed; padding: 15px 0; }
.no33 .q { font-weight: 700; }
.no33 .a { margin-bottom: 40px; }
.no33 .p_1 { font-weight: 700; margin-bottom: 20px; }
.no34 .box-middle { display: table; }
.no34 .inner-middle { display: table-cell; vertical-align: middle; }

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

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



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

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

@media (max-width: 767px) {
.no29 .wrapper .col-sm-7 div { padding: 0 10px; }
.no31 .pt_1 { padding-top: 0px; }
}
/*==================================================================

友光CSS

================================================================== */
.no12_tit_bg { padding: 20px 0 0; border-top: 1px solid #000; background: url(../upload/2016autumn/12/12_30.jpg) 0 100% no-repeat; }
.no13 { background: #403000; color: #fff !important; }
.no13 .page-cat-ttl a, .no13 .content-header a, .no13 .content-body a, .no13 .sec-ttl-backnumber a, .no13 .inv-txt, .no13 .sec-ttl-backnumber p { color: #fff !important; }
.no17mb { margin-bottom: 40px; }
.no17m { margin-top: 80px; }
.no19mb { margin: 0 0 40px; }
.no20_tit_bg { border-top: 1px solid #000; border-bottom: 1px solid #000; float: left; width: 100%; padding: 15px 0; position: relative; }
.no20_tit_bg:before { content: ""; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background: #000; }
.no20_my_key { margin-left: 20px; }
.no20_box { margin-top: 20px; margin-bottom: 40px; }
.no20_text_box img { margin: 30px auto 30px; }

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

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

@media (max-width: 767px) {
.no17m { margin-top: 0; }
.no17mb { margin-bottom: 0; }
.no17tit { text-align: center; }
.no19mb { margin: 0 0 30px; }
.no20_tit_bg:before { display: none; }
.no20_name img { width: 40px; margin: 0 !important; }
.no20_name .font22 { font-size: 14px !important; margin: 0 !important; }
.no20_name .font11 { font-size: 10px !important; margin: 0 !important; }
.no20_my_key { margin-left: 0; margin-top: 20px; border-top: 1px solid #000; padding: 20px 0 0 0; float: left; width: 100%; }
.no20_my_key img { width: 60px; margin: 0 !important; }
.no20_my_key .font22 { font-size: 14px !important; }
.no20_box { margin-top: 20px; margin-bottom: 30px; }
.no20_text_box img { margin: 10px auto 20px; }
.no20_text_box.mt40 { margin: 0 !important; }
}
/*==================================================================

長谷川CSS

================================================================== */
/* bx-slider*/
.no44 .bx-viewport { /*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0); }
.no44 .bx-wrapper { position: relative; margin: 0 auto; padding: 0;  *zoom: 1;
-ms-touch-action: pan-y; touch-action: pan-y; }
.no44 .bx-wrapper .bx-pager, .no44.bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%; }
/* LOADER */
.no44 .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.no44 .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; position: absolute; bottom: 0px; }
.no44 .bx-wrapper .bx-pager.bx-default-pager a { background: #DDD; text-indent: -9999px; display: block; width: 12px; height: 12px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.no44 .bx-wrapper .bx-pager.bx-default-pager a:hover, .no44 .bx-wrapper .bx-pager.bx-default-pager a.active, .no44 .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #888; }
.no44 .bx-wrapper .bx-pager-item, .no44 .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;  *zoom: 1;
 *display: inline;
}
.no44 .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.no44 .bx-wrapper .bx-prev { left: 0px; }
.no44 .bx-wrapper .bx-prev:before { content: '\e806'; }
.no44 .bx-wrapper .bx-prev:hover, .no44 .bx-wrapper .bx-prev:focus { background-position: 0 0; }
.no44 .bx-wrapper .bx-next { right: 0px; }
.no44 .bx-wrapper .bx-next:before { content: '\e805'; }
.no44 .bx-wrapper .bx-next:hover, .no44 .bx-wrapper .bx-next:focus { background-position: -43px 0; }
.no44 .bx-wrapper .bx-controls-direction a { font-size: 20px; font-size: 2.0rem; position: absolute; top: 50%; margin-top: -35px; outline: 0; width: 30px; height: 60px; line-height: 60px; color: #FFF; text-align: left; z-index: 9999; display: block; -moz-border-radius: 3s; -webkit-transition: .3s ease; transition: .3s ease; }
.no44 .bx-wrapper .bx-controls-direction a:hover { text-decoration: none; }
.no44 .bx-wrapper .bx-controls-direction a:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: static; }
.no44 .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.mt-20 { margin-top: -20px; }
.mt-30 { margin-top: -30px; }
/* vol.22 */
.no22 .pos01 { margin: -20px 0 55px 15px; }
.no22 .txt { margin: 45px 0; font-size: 16px }
.no22 .box-middle { display: table; }
.no22 .inner-middle { display: table-cell; vertical-align: middle; }
/* vol.23 */
.no23 .box { margin: 80px 0 0; }
.no23 .txt { margin: 38px 0 39px; }
.no23 p { font-size: 16px }
.no23 .pos01 { margin-top: 50px; }
.no23 .pos02 { margin-top: 30px; }
.no23 .abs01 { position: absolute; bottom: 20px; left: 10px; }
.no23 .abs02 { position: absolute; top: 20px; right: 20px; }
.no23 .abs03 { position: absolute; top: 40px; left: 30px; }
/* vol.24 */
.no24 .txt-area { padding: 35px 30px; background-color: #e7e7e7; }
.no24 .comment01 { color: #bc3f3c; }
.no24 .comment02 { color: #657c2d; }
.no24 .comment03 { color: #698b92; }
.no24 .comment04 { color: #3c5c8c; }
.no24 .comment05 { color: #c3732e; }
.no25 .comment { line-height: 24px }
/* vol.26 */
.no26 section.brand { border-top: 1px solid #000; }
.no26 .item-ttl { position: relative; z-index: 2; }
.no26 .txt { font-size: 16px; color: #fff; }
.no26 .front { z-index: 5; }
.no26 .txt-area01 { z-index: 1; padding: 50px 25px; background-color: #beaaa0; display: block }
.no26 .txt-area02 { z-index: 1; width: 535px; padding: 70px 50px; background-color: #beaaa0; display: block; }
.no26 .txt-area03 { z-index: 1; width: 535px; padding: 60px 50px; background-color: #beaaa0; margin-top: -25px; }
.no26 .credit { z-index: 1; width: 535px; padding: 80px 50px; background-color: #000; display: block; }
.no26 .credit02 { z-index: 1; display: block; position: absolute; bottom: 40px; right: 65px; }
.no26 .credit03 { z-index: 1; display: block; position: absolute; bottom: 50px; left: 160px; }
.no26 .box-right { margin-left: -125px }
.no26 .box-right02 { margin-left: -125px }
.no26 .abs04 { position: absolute; bottom: 45px; right: 30px; }
.no26 .pos03 { position: absolute; top: 0; right: 0; z-index: 0; }
.no26 .pos05 { margin-top: -255px; }
.no26 .pos06 { z-index: 1; margin-top: -20px; }
.no26 .box-bottom { display: table; }
.no26 .inner-bottom { display: table-cell; vertical-align: bottom; }
/* vol.27 */
.no27 .pos01 { margin: -70px 0 25px; }
.no27 .txt-box { margin-bottom: 10px; }
/* vol.28 */
.no28 .pos01 { margin: 50px 0 30px; }
.no28 .pos02 { margin: 10px auto 0px; }
.no28 .tour p a { font-size: 16px; color: #4CB5CB; }
/* vol.35 */
.no35 .ttl { border-bottom: 1px solid #000 }
.no35 .name { padding: 25px 0 25px 20px; }
.no35 .off { padding: 0 40px 30px 60px; margin-top: -30px; }
.no35 .off-img { padding: 0px 20px 40px 20px; border-bottom: 1px solid #000; }
.no35 .credit-txt { font-size: 13px; }
/* vol.36 */
.no36 #about { padding: 30px 0 40px; border-top: 1px solid #c1c4c6; border-bottom: 1px solid #c1c4c6; margin-bottom: 40px; }
.no36 .box-middle { display: table; }
.no36 .inner-middle { display: table-cell; vertical-align: middle; }
.no36 .lineup { padding-bottom: 10px; }
.no36 .item-ttl { margin-bottom: 30px }
/* vol.37 */
.no37 section { padding-top: 30px; }
.no37 .box-middle { display: table; }
.no37 .inner-middle { display: table-cell; vertical-align: middle; }
.no37 .box-left { left: 8.33333333%; z-index: 1; }
.no37 .box-right { margin-left: -8.33333333%; z-index: 1; }
.no37 .txt img { margin-bottom: 30px; }
/* vol.38 */
.no38 .txt { padding: 0 20px; }
.no38 .pos01 { margin-left: 20px; }
.no38 .pos02 { float: right; margin-right: 10px; }
.no38 .pos03 { margin-top: -65px; }
.no38 .pos04 { margin-top: -35px }
.no38 .clear { overflow: hidden; }
/* vol.39 */
.no39 section { margin-top: 50px; }
.no39 .box-middle { display: table; }
.no39 .inner-middle { display: table-cell; vertical-align: middle; }
.no39 .pos01 { margin-top: -55px; }
.no39 .pos02 { margin-top: 50px; }
.no39 .txt-box { background-color: #f4f4f0; border-radius: 10px; box-sizing: border-box; padding: 40px; margin-top: 25px }
.no39 .profile-ttl { margin: 10px 0; padding-bottom: 5px; width: 75px; border-bottom: 1px solid #000; }
/* vol.40 */
.no40 { background-color: #fbf8f8; }
.no40 .right-box { margin-left: -8.3333333% }
.no40 .inner { background-color: #fff; padding-top: 60px; margin-top: -70px }
.no40 .txt { padding: 30px 25px; }
.no40 .left-box { z-index: 1; }
.no40 .sp-block { display: none; }
.no40 .pc-block { display: block; }
/* vol.41 */
.no41 .coordinate-ttl { margin: 10px 0 50px; }
.no41 .point-ttl { margin: 0 0 30px; }
.no41 section { margin: 0 0 45px; }
.no41 .pos01 { margin: 0 auto 45px; }
/* vol.42 */
.no42 .pos01 { margin: -10px auto 60px; }
.no42 .pos02 { margin: -180px auto 0px; padding: 60px 0 0 }
.no42 .selection-box { border-radius: 10px; border: solid 5px #1d1d1d; margin-top: 180px; }
.no42 .selection-box-first { border-radius: 10px; border: solid 5px #1d1d1d; margin-top: 80px; }
.no42 .sankaku01 { width: 0; height: 0; border-top: 50px solid transparent; border-right: 30px solid transparent; border-bottom: 50px solid #eae692; ; border-left: 30px solid transparent; margin: -80px auto 0px; z-index: 1; position: relative; }
.no42 .sankaku02 { width: 0; height: 0; border-top: 50px solid transparent; border-right: 30px solid transparent; border-bottom: 50px solid #f2bec0; ; border-left: 30px solid transparent; margin: -80px auto 0px; z-index: 1; position: relative; }
.no42 .sankaku03 { width: 0; height: 0; border-top: 50px solid transparent; border-right: 30px solid transparent; border-bottom: 50px solid #d2e6ee; ; border-left: 30px solid transparent; margin: -80px auto 0px; z-index: 1; position: relative; }
.no42 .sankaku04 { width: 0; height: 0; border-top: 50px solid transparent; border-right: 30px solid transparent; border-bottom: 50px solid #95c2aa; ; border-left: 30px solid transparent; margin: -80px auto 0px; z-index: 1; position: relative; }
.no42 .comment { border-radius: 30px; padding: 20px 40px; margin-top: -10px; }
.no42 .comment.bg-1 { background: #eae692; }
.no42 .comment.bg-2 { background: #f2bec0; }
.no42 .comment.bg-3 { background: #d2e6ee; }
.no42 .comment.bg-4 { background: #95c2aa; }
.no42 .credit { margin: -20px 0 20px }
/* vol.43 */
.no43 .txt { border-top: solid 1px #000; }
.no43 br {  width:0px;}
.no43 .tag { color: #6ec7d7; }
.no43 .credit p { margin-bottom: 10px; font-size: 12px }
/* vol.44 */
.no44 #boy { border: 8px #2c435b solid; padding-bottom: 50px }
.no44 #girl { border: 8px #e9466b solid; padding-bottom: 50px; margin-top: 80px }
.no44 .pos01 { margin: 50px 0 0px auto; }
.no44 .pos02 { margin: 0 0 0 -20px; }
.no44 .pos03 { margin: -30px auto 0; }
.no44 .txt { margin: -50px 0; }
.no44 .item-ttl { font-size: 30px; font-weight: bold; }
.no44 .catch-copy { font-size: 18px; font-weight: bold; }
.no44 .item-ttl-small { font-size: 25px; font-weight: bold; }
.no44 .item-list { margin-bottom: 30px; }
/* vol.45 */
.no45 section { margin-bottom: 30px; }
.no45 .item-img { padding-bottom: 30px; border-bottom: 1px solid #343434; }
.no45 .credit { font-size: 12px; margin: 10px 0; }
/* vol.46 */
.no46 { background-color: #fefdf8; }
.no46 section { margin-bottom: 40px }
.no46 .box-middle { display: table; }
.no46 .inner-middle { display: table-cell; vertical-align: middle; }
/* vol.47 */
.no47 { background-color: #fef8f8; }
.no47 .sec-title { box-sizing: border-box; padding: 0px 55px 60px; }
.no47 .box-middle { display: table; }
.no47 .inner-middle { display: table-cell; vertical-align: middle; }
.no47 .mt-3 { margin-top: -30px; }
.no47 .memo { margin-top: 25px; }
.no47 .memo-inner { display: table-cell; vertical-align: bottom; }
.no47 .credit-txt { font-size: 13px; }
/* vol.48 */
.no48 #about .box-left { box-sizing: border-box; padding: 0 60px 20px 40px; }
.no48 .box-middle { display: table; }
.no48 .inner-middle { display: table-cell; vertical-align: middle; }
.no48 #pickup .txt-box { box-sizing: border-box; padding: 0 130px; }
.no48 .check { padding: 0 40px; }
.no48 .interview-ttl { font-size: 26px; font-weight: bold; letter-spacing: 0.1em; text-align: center; margin: 10px 0 45px; }
.no48 .interview-catch { font-size: 20px; font-weight: bold; letter-spacing: 0.1em; text-align: center; margin: 30px 0 40px; }
.no48 #interview .interviewee01 { color: #9e7c15; font-weight: bold; }
.no48 #interview .interviewee02 { color: #125612; font-weight: bold; }
.no48 .box-right { left: -8.33333333%; background-color: #fff; z-index: 1; margin-top: 55px; }
.no48 .inner-txt { padding: 50px 10px; }
.no48 #coordinate .box-left { left: 8.33333333%; background-color: #fff; z-index: 2; margin-top: 95px; }
.no48 .coordinate02 { margin-top: -150px; }
.no48 #studio { margin-top: 70px; border-top: 1px solid #000; box-sizing: border-box; padding: 50px 0 0; }
.no48 #studio .txt { padding: 50px 0; }
/* vol.49 */
.no49 { background-color: #fff; }
.no49 .box-left { left: 8.33333333%; background-color: #fff; z-index: 1; margin-top: 20px; box-sizing: border-box; padding-right: 45px }
.no49 .pos01 { margin-top: -20px; }
.no49 .box-right { margin-left: -8.33333333%; }
.no49 .data { font-size: 12px; line-height: 160% }
.no49 .house-date { padding-top: 30px; border-top: 1px solid #000; margin: 10px 0; }
.no49 .box { background-color: #f9f8f8; border-radius: 20px; margin-top: -20px; padding-top: 40px; }
.no49 .img-box-left { left: 30px; }
.no49 .img-box-right { margin-left: -30px; margin-top: 30px }
.no49 .pos02 { margin-top: -20px; }
.no49 .pos03 { margin-top: -10px; }
.no49 section { margin-top: 60px; }
/* vol.50 */
.no50 { background-color: #f8f8f8; }
.no50 section { background-color: #fff; padding: 10px; box-sizing: border-box; margin-top: 50px; }
.no50 section .inner { border: 1px #0f1c2d solid; padding-bottom: 50px; }
.no50 h1.ttl { font-size: 26px; letter-spacing: 0.1em; line-height: 160%; }
.no50 img.pos01 { margin-top: -30px; }
.no50 img.pos02 { margin: 50px auto; }

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

* RESPONSIVE

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

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

@media (max-width: 1019px) {
.no26 .txt { font-size: 13px; color: #fff; }
.no26 .txt-area01 { margin: -20px 0; padding: 30px 10px; z-index: 3; position: relative }
.no26 .txt-area02 { width: 50%; padding: 40px 80px; margin-left: auto; }
.no26 .txt-area03 { width: 50%; padding: 40px 60px; margin-left: auto; }
.no26 .credit { width: 100%; padding: 50px 50px; }
.no26 .credit02 { bottom: 10px; right: 10px; width: 70%; }
.no26 .credit03 { bottom: 30px; left: 100px; width: 70%; }
.no26 .pos03 { position: absolute; bottom: -100px; /* top: inherit; */
right: 0; z-index: 0; }
.no26 .pos05 { margin-top: -120px; }
.no26 .img-size01 { width: 60%; }
.no26 .mt-30 { margin-top: -10px }
.no26 .box-right { margin-left: -55px; }
.no26 .box-right02 { margin-left: -30px; }
.no39 .pos01 { margin-top: 55px; }
.no40 .sp-block { display: block; }
.no40 .pc-block { display: none; }
.no40 .img-size { padding: 0px 0px; margin-top: -30px; }
.no40 .right-box { margin-left: 0; margin-top: -10px }
.no41 .txt { padding: 0 100px; }
.no48 .check p { text-align: center }
.no48 .coordinate02 { margin-top: 0px; }
.no50 img.pos01 { margin-top: 100px; }
}

@media (max-width: 767px) {
/* vol.22 */
.no22 .pos01 { margin: -20px 0 25px 15px; }
.no22 .txt { margin: 15px 0; font-size: 14px }
.no22 .sp-mt20 { margin-top: 20px; }
/* vol.23 */
.no23 .box { margin: 40px 0 0; }
.no23 .txt { margin: 20px 0 20px; }
.no23 p { font-size: 15px }
.no23 .pos01 { margin-top: 20px; }
.no23 .pos05 { margin-top: 120px; }
.no23 .pos03 { margin-top: 20px; }
.no23 .pos04 { margin-top: 150px }
.no23 .abs01 { position: absolute; bottom: 20px; left: 30px; }
.no23 .abs02 { position: absolute; top: -100px; bottom: 0px; right: 20px; padding-left: 70px }
.no23 .abs03 { position: absolute; top: 100px; left: -30px; padding: 0 40px; }
.no23 .mb20sp { margin-bottom: 20px; }
/* vol.26 */
.no26 .item-ttl { padding: 40px 40px 0; margin-top: 20px }
.no26 .abs04 { position: static; }
.no26 .txt-area02 { z-index: 3; position: relative; width: 100%; padding: 30px 10px; background-color: #beaaa0; }
.no26 .txt-area03 { z-index: 3; position: relative; width: 100%; padding: 30px 10px; background-color: #beaaa0; }
.no26 .credit { z-index: 1; width: 100%; padding: 30px 45px; margin-top: -40px }
.no26 .box-right { margin-left: 0px; }
.no26 .box-right02 { margin-left: 0px }
.no26 .pos01 { margin-top: 20px }
.no26 .pos03 { position: static; padding: 0 0 0 15px; margin-top: -40px; z-index: 3; }
.no26 .pos05 { margin-top: 40px }
.no26 .plr15 { padding: 0 15px }
.no26 .wrapper { width: 90%; margin-left: auto; margin-right: auto; }
.no26 .img-size01 { width: 100%; }
.no26 .credit02 { bottom: 10px; right: 10px; width: 70%; }
.no26 .credit03 { bottom: 35px; right: 0px; left: inherit; width: 70%; }
/* vol.27 */
.no27 .pos01 { margin: -40px 0 15px; }
.no27 .img-sizing { padding: 0 50px 0 0 }
/* vol.28 */
.no28 .pos01 { margin: 30px 0 20px; }
.no28 .img-sizing { padding: 0 60px; }
.no28 .tour p a { font-size: 12px; color: #4CB5CB; }
/* vol.35 */
.no35 .off { padding: 0 10px 30px 10px; }
.no35 .off-img { padding: 0 40px 0px 40px; border-bottom: none; }
.no35 .name { padding: 25px 0 25px 45px; }
/* vol.36 */
.no36 #about { margin-bottom: 30px; }
.no36 .lineup { padding-bottom: 0px; }
.no36 .item-ttl { padding: 0 30px; margin-top: 15px; margin-bottom: 15px }
.no36 p.txt { padding: 0 20px; margin-top: 15px; margin-bottom: 15px }
/* vol.37 */
.no37 .box-left { left: 0; }
.no37 .box-right { margin-left: 0; }
.no37 .txt { margin: 10px 0; }
.no37 .txt img { margin-bottom: 10px; padding: 0 10px; }
/* vol.38 */
.no38 .pos01, .no38 .pos02 { float: none; margin: auto; width: 100%; padding: 0 30px; }
.no38 .pos03 { margin-top: 0px; }
.no38 .pos04 { margin-top: 0 }
/* vol.39 */
.no39 .profile-ttl { text-align: center; margin: 10px auto; }
.no39 .pos01 { margin-top: 0px; z-index: 1; }
.no39 .pos02 { margin-top: -60px; }
.no39 .pos03 { margin-top: -30px; }
.no39 .pos04 { margin-top: -80px; }
.no39 .img-size01 { padding: 0 40px; }
.no39 .img-size02 { padding: 0 25px; }
.no39 .img-size03 { padding: 0 60px 0 20px; }
/* vol.40 */
.no40 .right-box { margin-left: 0; margin-top: -10px }
.no40 .inner { background-color: #fff; padding-top: 20px; margin-top: -70px }
.no40 .txt { padding: 10px 25px 20px; }
.no40 .img-size { padding: 0px 20px; margin-top: 0px; }
/*
    
    /* vol.41 */
.no41 section { margin: 0 0 20px; }
.no41 .point-ttl { margin: 10px auto 20px; width: 100%; }
.no41 .txt { padding: 15px; }
.no41 .item-detail { padding: 0 10px; }
.no41 .pos01 { margin: 0 auto 20px; }
/* vol.42 */
.no42 .pos01 { margin: -10px auto 0px; padding: 0 30px 0 0 }
.no42 .pos02 { margin: -50px auto 20px; padding: 0 20px }
.no42 .pos03 { padding: 20px 80px 0; }
.no42 .selection-box { border-radius: 10px; border: solid 3px #1d1d1d; margin-top: 80px; }
.no42 .selection-box-first { border-radius: 10px; border: solid 3px #1d1d1d; margin-top: 60px; }
.no42 .plr10 { padding: 0 20px; }
.no42 .txt { padding: 0 15px; }
/* vol.43 */
.no43 .pos01 { margin: 20px auto 0px; }
/* vol.44 */
.no44 #boy { border: 3px #2c435b solid; padding-bottom: 50px }
.no44 #girl { border: 3px #e9466b solid; padding-bottom: 50px; margin-top: 80px }
.no44 .pos01 { margin: 0px 0 0px auto; padding: 0 10px }
.no44 .pos02 { margin: 0 0 0 0; }
.no44 .pos03 { margin: -100px auto 0; }
.no44 .item-list { margin-top: 80px; }
.no44 .txt { margin: -50px 0; padding: 0 20px }
.no44 .plr20 { padding: 0 40px; margin-top: 20px }
.no44 .item-ttl { font-size: 20px; font-weight: bold; }
.no44 .catch-copy { font-size: 14px; font-weight: bold; }
.no44 .item-ttl-small { font-size: 18px; font-weight: bold; }
/* vol.45 */
.no45 section { margin-bottom: 0px; }
.no45 .img-size01 { padding: 0 70px; margin-bottom: -20px }
.no45 .img-size02 { padding: 0 50px; margin-bottom: -20px }
.no45 .cat-ttl { padding: 0 20px 0 0; }
/* vol.47 */
.no47 .mt-3 { margin-top: 0px; }
.no47 .txt { margin: 20px 0 30px; }
.no47 .memo { margin-top: 0px; }
.no47 .memo img { padding: 0 150px 0 0px; }
.no47 .sec-title { padding: 0px 15px 30px; }
/* vol.48 */
.no48 #about .box-left { box-sizing: border-box; padding: 0 20px 10px }
.no48 .box-middle { display: table; height: auto; margin: 30px 0 0; }
.no48 #pickup .txt-box { padding: 0px; }
.no48 .check { padding: 0; }
.no48 .check p { text-align: justify; padding: 0 15px; }
.no48 .interview-catch { font-size: 16px; font-weight: bold; letter-spacing: 0.1em; text-align: justify; margin: 10px 0 20px; }
.no48 .box-right { left: 0; margin-top: 20px; }
.no48 .box-right .inner-txt { padding: 0px; }
.no48 .coordinate02 { margin-top: 40px; }
.no48 #studio .txt { padding: 30px 15px; }
.no48 #studio { margin-top: 50px; padding: 30px 0 0; }
/* vol.49 */
.no49 .box { padding: 0 10px; }
.no49 .box-left { left: 0; }
.no49 .box-right { margin-left: 0; }
.no49 .img-box-left { left: 0px; margin-top: 30px; }
.no49 .img-box-right { margin-left: 0px; margin-top: 10px }
.no49 .pos03 { margin-top: 50px }
.no49 .pos04 { margin-top: 10px; }
/* vol.50 */
.no50 section .inner { padding: 20px }
.no50 h1.ttl { font-size: 20px; margin: 20px 0 10px }
.no50 img.pos01 { margin-top: 0px; padding-bottom: 0px }
.no50 img.pos02 { margin: 30px auto; }
}
/*==================================================================

音田CSS

================================================================== */
.no1 { background: #f5f5f5; }
.no1 .box1 { max-width: 800px; margin: 0 auto; }
.no1 .box2 { padding: 45px; background: #FFF; border: solid 3px #022e51; }

@media (max-width: 767px) {
.no1 .box2 { padding: 25px; }
.no1 .box3 { padding: 15px; }
}
.no2 { background: #efefef; }
.no2 .tx-left .img-responsive { margin: 0; }
.no2 .box1 { padding-bottom: 40px; }
.no2 .box1 h3 { font-size: 24px; padding-bottom: 15px; }
.no2 .box1 h3 span { font-size: 18px; }
.no2 .box2 { padding-bottom: 70px; }
.no2 .box2 .txtbox { font-size: 14px; font-weight: bold; line-height: 1.6; padding: 30px; background: #FFF; }
.no2 .box2 .txtbox dt { font-weight: bold; padding-bottom: 15px; }
.no2 .box2 .txtbox dd { font-size: 12px; font-weight: normal; }

@media (max-width: 767px) {
.no2 { padding-bottom: 20px; }
.no2 .box1 h3 { font-size: 16px; }
.no2 .box1 h3 span { font-size: 12px; }
.no2 .box2 { padding-bottom: 50px; }
.no2 .box2 .txtbox { font-size: 13px; padding: 15px; }
}
.no3 { background: #f3f5f6; }
.no3-ttl { border-top: solid 7px #000; padding: 25px 20px 30px; background: url(../upload/2016autumn/3/03_14.png) bottom repeat-x; margin-bottom: 50px; }
.no3 .box { padding-bottom: 80px; }
.no3 .box .img { padding: 0 30px; }
.no3 .box .prize { margin-top: -40px; }
.no3 .box .comment { background: #fff; border: solid 3px #000; padding: 35px; margin-bottom: 20px; position: relative; }
.no3 .box .comment h3 { padding-bottom: 25px; }
.no3 .box .comment p { padding-left: 45px; text-indent: -45px; }
.no3 .box .comment .arrow { position: absolute; top: 40px; }
.no3 .box .comment .arrow-left { left: -30px; }
.no3 .box .comment .arrow-right { right: -30px; }
.no3 .box2 { padding: 40px; border: solid #333 8px; }
.no3 .box2 a { text-decoration: underline; }
.no3 .box2 h3 { font-size: 20px; font-weight: bold; padding-bottom: 15px; }
.no3 .box2 p, .no3 .box2 ul, .no3 .box2 dl { padding-bottom: 30px; }

@media (max-width: 767px) {
.no3-ttl { padding: 15px 20px 20px; margin-bottom: 30px; }
.no3 .box { padding-bottom: 50px; }
.no3 .box .prize { margin-top: -20px; }
.no3 .box .comment { padding: 20px; margin-bottom: 15px; }
.no3 .box .comment h3 { padding-bottom: 15px; }
.no3 .box .comment .arrow { display: none; }
.no3 .box2 { padding: 15px; }
.no3 .box2 h3 { font-size: 16px; padding-bottom: 10px; }
}
.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; }
.no6-ttl { text-align: center; font-size: 28px; padding-bottom: 40px; }
.no6 .inner-middle { display: table-cell; vertical-align: middle; }
.no6 .box-middle { display: table; }
/*
.content-stylebook-detail{
	background: #b4aba6;
}
*/

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

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

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



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

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

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