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


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

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

土肥CSS

================================================================== */
.no29 .re{ position: relative;}
.no29 .ab,
.no30 .ab{ position: absolute;}

.no23 .txc,
.no25 .txc,
.no32 .txc{ text-align: center;}
.no25 .txl{ text-align: left;}

.no29 .bold,
.no30 .bold{ font-weight: 700;}

.no25 .pc_cancel,.no29 .pc_cancel{ display: none;}

.no22 .floatR,
.no32 .floatR,
.no33 .floatR{ float: right;}

.no22 .allWrap{ background: url(../upload/2016winter/22/22_01.png); padding: 60px 0;}

.no23 .p_1{ padding: 60px 0; text-align: center;}

.no25 .div_1{ background: #f6f6f6; border-left: 8px solid #dd0000; padding: 40px 0; margin-bottom: 30px; margin-left: 15px;}
.no25 .ma_1{ margin: 0 0 30px 0;}
.no25 .mb_1{ margin: 0 0 100px 0;}
.no25 .text{ border: 3px solid #05243a;}
.no25 .text .inner{ width: 588px; margin: -70px auto 0 auto; color: #05243a;}

.no29 .div_1{ left: 15px; bottom: 0; width: 340px;}
.no29 .wrap_1{ overflow: hidden; margin-bottom: 50px;}
.no29 .wrap_1 .area_1{ overflow: hidden; background: #000; display: table;}
.no29 .wrap_1 .area_1 div{ width: 50%;  display: table-cell; vertical-align: middle;}
.no29 .wrap_1 .area_1 div .p_1{ border-right:5px solid #000;border-bottom:5px solid #000;}
.no29 .wrap_1 .area_1 div .p_2{ border-left:5px solid #000;border-bottom:5px solid #000;}
.no29 .wrap_1 .area_1 div .p_3{ border-right:5px solid #000;}
.no29 .wrap_1 .area_1 .div_2{ background: #fcd4d9;border-left:5px solid #000; text-align: center;}
.no29 .wrap_1 .area_1 .div_2 div{ display: block; width: 100%; padding: 0 10%;}
.no29 .wrap_1 .area_1 .div_2 span{ font-weight: 700;}

.no30 .div_1{ margin-top: -80px; position: relative;}
.no30 .p_1{ width: 54%; text-align: right; top:155px; font-size: 90%;}
.no30 .p_4{ width: 54%; text-align: right; top:115px; font-size: 90%;}

.no30 .div_2{ margin-top: -40px; position: relative;}
.no30 .p_2{ width: 55%; text-align: left; top:90px; left: 410px; font-size: 90%;}
.no30 .p_3{ width: 55%; text-align: left; top:115px; left: 430px; font-size: 90%;}

.no30 .mt_1{ margin-top: -20px;}
.no30 .mt_2{ margin-top: -30px;}
.no30 .mt_3{ margin-top: -30px;}

.no32 .credit span{ font-weight: 700; margin-right: 5px;}
.no32 .tit { font-weight: 700; margin-bottom: 10px; font-size: 120%;}
.no32 .name { font-weight: 700; margin-bottom: 10px;}

.no33 .pt_1{ padding-top:160px;}



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

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



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

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

@media (max-width: 767px) {
.no25 .sp_cancel,.no29 .sp_cancel{ display: none;}
.no25 .pc_cancel,.no29 .pc_cancel{ display: block;}

.no22 .floatR,
.no32 .floatR,
.no33 .floatR{ float: none;}

.no25 .div_1{ padding: 40px 10px; margin: 0;}
.no25 .mb_1{ margin: 0 0 30px 0;}
.no25 .text{ border: 3px solid #05243a; padding: 30px 10px 10px 10px;}
.no25 .text .inner{ width: auto; margin: 0 auto; color: #05243a;}

.no29 .div_1{ left: 0; bottom: 0; width: auto; position: relative;}

.no29 .wrap_1 .area_1 div{ width: 100%;  display:inline-block; vertical-align: middle;}
.no29 .wrap_1 .area_1 div .p_1{ border-right:none;border-bottom:5px solid #000;}
.no29 .wrap_1 .area_1 div .p_2{ border-left:none;border-bottom:5px solid #000;}
.no29 .wrap_1 .area_1 div .p_3{ border-right:none;}
.no29 .wrap_1 .area_1 .div_2{ background: #fcd4d9;border-left:none;border-top:5px solid #000; padding: 60px 0;}
.no29 .div_3{ margin-bottom: 40px;}
.no29 .wrap_1 .area_1 .div_2{ text-align: left;}


.no30 .ab{ position: relative;}

.no30 .div_1{ margin-top: 20px; position: relative;}
.no30 .p_1{ width: auto; text-align: right; top:0; font-size: 100%;}
.no30 .p_4{ width: auto; text-align: right; top:0; font-size: 100%;}

.no30 .div_2{ margin-top: 20px; margin-bottom: 20px; position: relative;}
.no30 .p_2{ width: auto; text-align: left; top:0; left: 0; font-size: 100%;}
.no30 .p_3{ width: auto; text-align: left; top:0; left: 0px; font-size: 100%;}

.no30 .mt_1, .no30 .mt_2, .no30 .mt_3,
.no30 .p_1,.no30 .p_2,.no30 .p_3,.no30 .p_4
{ margin-top: 20px;}


.no33 .pt_1{ padding-top:0px;}
.no33 .mt_1,
.no33 .mb_1{ margin-bottom: 40px;}
    .no33 .plr_1{
    padding-left :50px;
    padding-right: 50px;}

}






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

友光CSS

================================================================== */
.no10 .box{border:  3px solid #000; position: relative;}
.no10 .box .bangou{position: absolute; left: 50px; top: 50px;}


.no12 .box{border:  1px solid #000;}
.no12 .border_box{border:  1px solid #000; width: 100%; padding: 50px 20px; line-height: 0;}
.no12 .cap{text-align: left!important; display: inline-block;}

.no13 .cap{border-bottom: 1px solid #fff;}
.no13 .border{border-left: 1px solid #000; padding-left: 30px;
}

.no18 .box_border{position: relative; float: left; width: 100%; height: 100%;}

.no18 .border{position: relative;}
.no18 .border img{position: relative; z-index: 10;}
.no18 .border::after{position: absolute; content: ""; width: 100%; height: 1px; background: #000; left: 0; top: 50%;}

.no19 .left_box{float: left;width: 50%; padding: 50px;}


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

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



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

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

@media (max-width: 767px) {
    .no13 .border{border-left: none; padding-left: 0;}
    .no18 .box_border::after{display: none;}
    .no19 .left_box{width: 100%; padding: 15px;}
}






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

長谷川CSS

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

.box-middle {
    display: table;
}
.inner-middle {
    display: table-cell;
    vertical-align: middle;
}
.tx-indent-1{
    text-indent: -1em;
    padding-left: 1em;
}
.no24 .tx-color{
    color: #344573;
}
.no26 .tx-color-01{
    color: #b88327;
}
.no26 .tx-color-02{
    color: #e7539c;
}
.no26 .tx-color-03{
    color: #678f2d;
}
.no26 .tx-color-04{
    color: #0083b3;
}

.no28 .tour  a {
    font-size: 14px;
    color: #4CB5CB;
}
.no31 .link  a {
    
    color: #4CB5CB;
}
.no34 .right-box{
    margin-left: -8.3333333%;
}

.no34 .right-box02{
    margin-left: -16.7777777%;
}
.no34 .right-box03{
    margin-left: -25%;
}
.no34 .img-pos-01{
    z-index: 10;
    position: relative;
}
.no34 .img-pos-03{
    margin-top: -30px;
}

.no34 .tx-p-01{
    padding: 0 0 0 190px
}
.no34 .tx-p-02{
    padding: 0 190px 0 0
}



.no35 .favorite-spot{
    background-color: #faf9f9;
    border-radius: 10px;
}
.no35 .pos01{
    margin-top: -15px
}

.no36 .right-box{
    margin-left: -8.3333333%;
}
.no36 .tx-area{
    background: #fff;
    padding: 40px 40px 30px 40px
}
.no36 .bg-w{
    background: #fff;
}
.no36 .timeline{
    background-image: url(../upload/2016winter/36/36_24.jpg); 
    background-position: center center; 
    background-repeat: repeat-y;
    background-size: 7px;
    background-attachment: fixed;
}

.no36 .data{
   border: 1px #333 solid;
    padding: 60px 0 40px;
    margin-top: -35px
}



.no37 .content-box{
    background: #f8f8f8;
    padding: 100px 30px 30px;
    margin-bottom: 145px;
}
.no37 .content-box .pos01{
    margin-top: -165px;
    
}
.no37 .tx-top-border{
    border-top: 1px #333 dashed;
}

.no38 .tx-box-01{
    margin-left: -83.33333333%;
}
.no38 .tx-box-02{
    margin-left: -8.33333333%;
}
.no38 .tx-box-03{
    margin-left: -75%;
    margin-top: -65px;
}
.no38 .tx-box-04{
    margin-left: -16.77777777%;
    margin-top: -40px;
}


.no39{
    background: #f4f1e6;
}
.no39 .content-area{
    background: #fff;
    padding: 40px
 
}
.no39 .brand-area{
    border-bottom: 2px solid #434343;
    padding-bottom: 18px
}
.no39 .brand-area .txt{
   border-left: 1px #434343 dashed;
    padding-left: 30px;
}
.no39 .img-pos01{
    margin-top: -25px
}
.no39 .content-area-sub{
    border-top: 1px #d5d5d5 dashed;
    border-bottom: 1px #333 solid;
}

.no40 .content-bg{
    background: #faf9f9;
    padding: 50px;
    border-radius: 20px;
}
.no40 .select-area{
    background: #fff;
}
.no40 .episode-area p{
    border-top: 1px solid #333;
}



.no42 .name-color-01{
    color: #f17e8d;
}
.no42 .name-color-02{
    color: #de931c;
}
.no42 .name-color-03{
    color: #00305c;
}

.no43 .tag{
    color: #6ec7d7;
}

.no44 .line-height{
    line-height: 1.6em;
}
.no44 .img-pos{
    margin-top: -100px;
}

.no45{
    background: #efe9e1;
}
.no45 .line-height{
    line-height: 160%;
}
.no45 .content-box{
    background: #fff;
    border-radius: 30px;
    padding: 50px;
}

.no45 .img-pos01{
    margin-top: -80px;
    z-index: 10;
    position: relative;
}

.no45 .img-pos02{
    margin-top: -55px;
}
.no45 .img-pos03{
    margin-top: -65px;
    z-index: 1;
}

.no45 .img-pos04{
    margin-top: -75px;
}

.no46{
    background: #f0f0f0;
}
.no46 .box{
    background: #fff;
    padding: 50px
}
.no46 .tx-color01{
    color: #1b1644;
}
.no46 .tx-color02{
    color: #614d0e;
}
.no46 .tx-color03{
    color: #122457;
}
.no46 .tx-color04{
    color: #61341d;
}
.no46 .event .inner{
   border: dotted 1px #333;
    padding: 30px 10px 30px 40px;
  
}

.no47 {
    background-color: #fff;
}
.no47 .box-left {
    left: 8.33333333%;
    background-color: #fff;
    z-index: 1;
    margin-top: 40px;
    box-sizing: border-box;
    padding-right: 45px
}
.no47 .pos01 {
    margin-top: -20px;
}
.no47 .box-right {
    margin-left: -8.33333333%;
}
.no47 .data {
    font-size: 12px;
    line-height: 160%
}
.no47 .house-date {
    padding-top: 30px;
    border-top: 1px solid #000;
    margin: 10px 0;
}
.no47 .box {
    background-color: #f9f8f8;
    border-radius: 20px;
    margin-top: -20px;
    padding-top: 40px;
}
.no47 .img-box-left {
    left: 30px;
    top: -35px;
}
.no47 .img-box-right {
    margin-left: -30px;
    margin-top: 10px
}
.no47 .pos02 {
    margin-top: -20px;
}
.no47 .pos03 {
    margin-top: -10px;
}
.no47 section {
    margin-top: 60px;
}

.no48 .img-pos-over{
    position: absolute;
    top: 0;
    left: 0;
    
}
.no48 .gift-img:hover .img-pos-over{
   opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.no48 .gift-img:hover .border-square{
    opacity: 0;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.no48 .gift-img:hover .border-square{
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}
.no48 .gift-img:hover{
    cursor: pointer;
}
.no48 .img-pos-over{
    -webkit-transition: .4s ease;
    transition: .4s ease;
}
.no48 .border-square{
    -webkit-transition: .4s ease;
    transition: .4s ease;
}
.no48 .border-square{
    position: absolute;
    width: 92%;
    height: 92%;
    top: 4%;
    left: 4%;
    border: 1px solid #fff;
    padding: 10px;

}
.no48 .section {
    border-bottom: 1px #333 dotted;
}

.no49 .tx-color{
    color: #7d9798;
    vertical-align: middle;
    font-size: 30px;
    
}
.no49 .recommend-tx{
    border: 2px solid #d8d8d6;
    border-radius: 15px;
    margin-top: -50px;
    padding: 35px 60px 30px;
}

.no49 .make-tx{
    letter-spacing: 0;
}

.no49 .profile-tx{
    line-height: 1.7;
    letter-spacing: 0
}
.no49 .profile-tx  a {
    font-size: 14px;
    color: #4CB5CB;
}
.no50 .line-height{
    line-height: 1.6em;
}
.no50 .tx-color-01{
    color: #384582;
}
.no50 .tx-color-02{
    color: #205460;
}
.no50 .tx-color-03{
    color: #94c7eb;
}
.no50 .tx-box{
    margin: 10px 0;
}

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

@media (max-width: 1019px) {
    .no44 .img-pos{
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    
    .no24 .img-sizing{
        padding-right: 100px;
        margin-bottom: 20px;
    }
    
    
    .no34 .right-box{
        margin-left: 0;
    }
    .no34 .right-box02{
        margin-left: 0;
    }
    
    .no34 .img-sizing-01{
        padding: 0 80px;
    }
    .no34 .img-sizing-02{
        padding: 0 40px;
    }
    .no34 .img-pos-02{
       margin-top: -20px
    }
    .no34 .img-pos-03{
        margin-top: 30px;
    }
    
    .no35 .sp-mb40{
        margin-bottom: 40px;
    }
    .no35 .img-pos01{
        margin-top: -0px
    }
    .no36 .right-box{
        margin-left:0;
    }
    .no36 .tx-area{
        padding: 0;
        margin: 20px 0;
    }
    .no36 .bg-w-sp{
        background: #fff;
    }
    .no36 .caption{
        text-align: left;
    }
    .no36 .img-pos-01{
        margin-bottom:50px;
        padding: 25px 30px 25px;
    }
    .no36 .img-pos-02{
        padding: 0 20px;
    }
    
    .no36 .data{
        font-size: 12px;
        padding: 45px 10px 30px;
        margin-top: -25px
    }

    .no36 .timeline{
        background-size: 4px;
    }

  
    .no37 .content-box{
        padding: 80px 10px 30px;
        margin-bottom: 100px;
    }
    .no37 .content-box .pos01{
        margin-top: -120px;

    }
    .no37 .content-box .price-img{
        padding: 0 20px;

    }
    .no38 .tx-box{
        margin-left: 0;
        margin-top: -40px;
    }
    .no38 .no-img{
        padding: 20px;
    }
    .no39 .content-area{
        background: #fff;
        padding: 30px

    }
    .no39 .brand-area{;
        padding-bottom: 10px
    }

    .no39 .brand-area .txt{
        border-left: none;
        padding-left: 0px;
    }
    .no39 .img-pos02{
        padding-left: 25px
    }
    .no39 .img-sizing-01{
        padding:0 25px 0 55px;
    }

    
    
    .no40 .content-bg{ 
        padding:20px 10px;
    }
    .no44 .img-sizing{
        padding:0 30px;
    }
    .no44 .profile-center{
        text-align: center;
    }
    .no45 .content-box{
        padding: 30px;
    }
    .no45 .img-pos01{
        margin-top: -50px;
    }
    .no45 .img-sizing01{
        padding: 0 40px;
    }

    .no45 .img-sizing02{
        padding: 0 40px 0 0;
    }
    
    
    .no45 .img-pos02,.no45 .img-pos04{
        margin-top: -25px;
    }
    .no45 .img-pos03{
        margin-top: -20px;
    }

    
    .no46 .box{
        padding: 40px 30px;
    }
    .no46 .mt-10{
        margin-top: -10px;
    }
    .no46 .event .inner{
        padding: 10px

    }
    /* vol.47 */
    .no47 .box {
        padding: 0 10px;
    }
    .no47 .box-left {
        left: 0;
    }
    .no47 .box-right {
        margin-left: 0;
    }
    .no47 .img-box-left {
        left: 0px;
        margin-top: 45px;
    }
    .no47 .img-box-right {
        margin-left: 0px;
        margin-top: -25px
    }
    .no47 .pos03 {
        margin-top: 30px
    }
    
    .no48 .sp-section {
        border-bottom: 1px #333 dotted;
    }
    .no49 .recommend-tx{
        border: 2px solid #d8d8d6;
        border-radius: 15px;
        margin-top: -50px;
        padding: 35px 20px 30px;
    }
    .no49 .tx-center{
        text-align: justify;
    }

.no50 .tx-box{
    margin: 40px 0;
}
    }





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

音田CSS

================================================================== */
.no1 {
	background: #f5f5f5;
}
.no1 .wrap {
	padding:50px 50px 30px;
	margin-bottom: 30px;
	background: #FFF;
	position: relative;
}
.no1 .corner{
	width:100%;
	max-width:430px;
	height:250px;
	border-left: 15px solid #fcee00;
	border-top: 15px solid #fcee00;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}
.no1 .heading {
	font-size: 28px;
	letter-spacing:0.05em;
	line-height:1.6;
}
.no1 .box {
	margin-top: 10px;
}

.no1 .box .cap{
	font-size:12px;
	padding: 20px 0;
	border-top: solid 1px #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
	margin-bottom: 40px;
}

.no1 .profile{
	border: none;
}

@media (max-width: 767px) {
	.no1 .wrap {
		padding:30px 30px 10px;
	}
	.no1 .corner{
		max-width:250px;
		height:120px;
		border-left: 10px solid #fcee00;
		border-top: 10px solid #fcee00;
	}
	.no1 .heading {
		font-size: 18px;
	}
	.no1 .box .cap{
		padding: 15px 0;
	}
	.no1 .box:first-child .cap{
		border-bottom: none;
		margin-bottom: 0px;
	}
	.no1 .box:last-child .cap{
		padding-top:0;
		border-top: none;
		margin-bottom: 20px;
	}
}


.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  {
	background: #BDF3B6;
}
.no6 .box {
	height:8880px;
	position:relative;
}
.no6 .box .bg {
	width:400px;
	height:100%;
	position: absolute;
	z-index:0;
	top:0;
	left:50%;
	margin-left:-200px;
	background: #DEF9DA;
}
.no6 .box .al {
	position:absolute;
	padding-bottom:25px;
	z-index:1;
}
.no6 .box img {
    max-width:100%;
    height:auto;
}
.no6 .box .al img {
	max-width:100%;
	height:auto;
}
.no6 .box .txt dt {
	line-height:1.2;
	padding-bottom:15px;
	letter-spacing:0;
}
.no6 .box .txt dt span {
	display:block;
}
.no6 .box .txt dt .en {
	font-size:24px;
	font-family: 'DINNextW01-CondensedBol';
	color: #FF3030;
}
.no6 .box .txt dt .jp {
	font-size:16px;
	font-weight:bold;
}
.no6 .box .txt dd {
	font-size:13px;
	line-height:1.6;
	padding-bottom:30px;
}
.no6 .box .txt dd span {
    font-weight: bold;
    text-decoration: underline;
}
.no6 .box .img {
    position: absolute;
}
.no6 .box .el {
	position: absolute;
	padding-bottom:40px;
}

.no6 .box .el-1 {
	left:50%;
	top:32px;
	max-width:400px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.no6 .box .el-a {
	width:50%;
	top: 350px;
}
.no6 .box .el-a .al {
	top: -240px;
}
.no6 .box .el-b {
	width:41.66666667%;
	top: 533px;
	left:58.33333333%;
}
.no6 .box .el-b .al {
	right: 0;
	top: -210px;
}
.no6 .box .el-c {
	width:50%;
	top: 802px;
}
.no6 .box .el-c .al {
	left: 0;
	top: 0px;
}
.no6 .box .el-d {
	width:41.66666667%;
	top: 1070px;
	left:58.33333333%;
}
.no6 .box .el-d .al {
    left: -20px;
    top: 50px;
    z-index: 0;
}
.no6 .box .el-e {
	width:33.33333333%;
	top: 1640px;
	left: 16.66666667%;
}
.no6 .box .el-e .al {
    left: -160px;
    top: 0px;
}
.no6 .box .el-f {
	width:33.33333333%;
	top: 1678px;
	left:66.66666667%;
}
.no6 .box .el-f .al {
    right: 0px;
    top: 60px;
}
.no6 .box .el-g {
	width:100%;
	top: 2193px;
}
.no6 .box .el-g .al {
    left: 0px;
    top: -15px;
}
.no6 .box .el-g .img {
    left: 20px;
    top: -80px;
}
.no6 .box .el-h {
	width:25%;
	top: 2921px;
	left:25%;
}
.no6 .box .el-h .al {
    left: -180px;
    top:0px;
}
.no6 .box .el-i {
	width:25%;
	top: 3205px;
	left: 58.33333333%;
}
.no6 .box .el-i .al {
    left: 0px;
    top:-230px;
}
.no6 .box .el-j {
	width:58.33333333%;
	top: 3476px;
}
.no6 .box .el-j .al {
    left: 90px;
    top:-70px;
}
.no6 .box .el-k {
	width:33.33333333%;
	top: 3699px;
	left: 66.66666667%;
}
.no6 .box .el-k .al {
    right: 0px;
    top:-180px;
}
.no6 .box .el-l {
	width:50%;
	top: 3962px;
	left: 0;
}
.no6 .box .el-l .al {
    left: 0px;
    top:-40px;
}
.no6 .box .el-m {
	width:33.33333333%;
	top: 3928px;
	left: 58.33333333%;
}
.no6 .box .el-m .al {
    right: -90px;
    top:-20px;
}
.no6 .box .el-n {
	width:50%;
	top: 4514px;
}
.no6 .box .el-n .al {
    left: 120px;
    top:-70px;
    z-index: 0;
}
.no6 .box .el-o {
	width:33.33333333%;
	top: 4612px;
	left: 58.33333333%;
}
.no6 .box .el-o .al {
    right: -50px;
    top:-120px;
    z-index: 1;
}
.no6 .box .el-p {
	width:50%;
	top: 5181px;
}
.no6 .box .el-p .al {
    left: 160px;
    top:-170px;
    z-index: 1;
}
.no6 .box .el-q {
	width:25%;
	top: 5376px;
	left: 75%;
}
.no6 .box .el-q .al {
    left: -170px;
    top:-225px;
    z-index: 1;
}
.no6 .box .el-r {
	width:100%;
	top: 5594px;
}
.no6 .box .el-r .al {
    left: 0px;
    top:-25px;
}
.no6 .box .el-s {
	width:100%;
	top: 6386px;
}
.no6 .box .el-s .al {
    right: 90px;
    top:0px;
}
.no6 .box .el-s .txt-1 {
    margin-top: 256px;
}
.no6 .box .el-t {
	width:58.33333333%;
	top: 6967px;
}
.no6 .box .el-t .al {
    left: 0px;
    top:-30px;
}
.no6 .box .el-u {
	width:25%;
	top: 7317px;
	left: 75%;
}
.no6 .box .el-u .al {
    left: -70px;
    top:-235px;
}
.no6 .box .el-v {
	width:25%;
	top: 7654px;
	left: 16.66666667%;
}
.no6 .box .el-v .al {
    left: -160px;
    top:-120px;
}
.no6 .box .el-w {
	width:58.33333333%;
	top: 7802px;
	left: 41.66666667%;
}
.no6 .box .el-w .al {
    right: 80px;
    top:-180px;
    z-index: 0
}
.no6 .box .el-y {
	width:33.33333333%;
	top: 8319px;
	left: 8.33333333%;
}
.no6 .box .el-y .al {
    left: 0px;
    top:-240px;
    z-index: 0
}
.no6 .box .el-z {
	width:41.66666667%;
	top: 8539px;
	left: 58.33333333%;
}
.no6 .box .el-z .al {
    left: -80px;
    top:-185px;
    z-index: 0
}
@media (max-width: 767px) {
    .no6 .box {
        height: auto;
    }
    .no6 .box .bg {
        display: none;
    }
    .no6 .box .al {
        position:static;
    }
    .no6 .box .al img{
        width: auto;
        height: 80px;
    }
    .no6 .box .img {
        position: static;
    }
    .no6 .box .el {
        width:100%;
        position:static;
    }
    .no6 .box .el-s .txt-1 {
        margin-top: 0;
    }
	.no6 .box .el-1 {
		-webkit-transform:translateX(0);
		transform:translateX(0);
	}
}

.no8 .sec{
	margin-top:130px;
	margin-bottom:60px;
	border: 2px solid #b29a64;
}

.no8 .head{
	font-size: 34px;
	text-indent:-20px;
	line-height:1.3;
	color: #FFF;
	background: #b29a64;
	padding: 15px 0;
}
.no8 .head a{
	color: #FFF;
}
.no8 .head a:hover{
	color: #FFF;
	text-decoration: underline;
}
.no8 .head .img{
	position:relative;
}
.no8 .head .img img{
	position: absolute;
	top:-120px;
	left:50%;
	-webkit-transform: translateY(-50%);
	transform: translateX(-50%);
}
.no8 .box1{
	padding:  40px 55px;
	border-bottom: 2px solid #b29a64;
}

.no8 .box1 dl{
	
	line-height:1.5;
}
.no8 .box1 dl dt{
	width:30%;
	float:left;
	padding-bottom:10px;
	color: #b29a64;
	font-weight:bold;
}
.no8 .box1 dl dd{
	width:70%;
	float:left;
	padding-bottom:10px;
}
.no8 .box2{
	padding:  50px 55px;
	border-bottom: 2px solid #b29a64;
}
.no8 .ttl{
	text-align:center;
	padding-bottom: 35px;
}
.no8 .ttl2{
	text-align:center;
	padding-bottom: 30px;
}
.no8 .box2 h4{
	font-size:18px;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	padding-bottom: 20px;
}
.no8 .box3{
	padding:  60px 55px 40px;
	border-right: 2px solid #b29a64;
}
.no8 .box4{
	padding:  60px 55px 40px;
}
.no8 .box4 .ttl2{
	margin-top:-50px;
	-webkit-transform:translateX(40px);
	transform:translateX(40px);
}
.no8 .sec2{
	padding:60px 140px;
	background:url(../upload/2016winter/8/08_19.jpg)  no-repeat left top;
}

@media (max-width: 767px) {
	.no8 .sec{
		margin-top:0px;
		margin-bottom:40px;
	}
	
	.no8 .head{
		font-size: 20px;
		text-indent:0px;
		padding:15px 20px;
		text-align:center;
	}
	
	.no8 .head .img img{
		width:150px;
		height:auto;
		margin-bottom:25px;
		position: static;
		-webkit-transform: translateY(0);
		transform: translateX(0);
	}
	.no8 .box1{
		padding:  25px 20px;
		border-bottom: 2px solid #b29a64;
	}
	.no8 .box1 dl dt{
		width:35%;
	}
	.no8 .box1 dl dd{
		width:65%;
	}
	.no8 .box2{
		padding:  25px 20px;
	}
	.no8 .ttl{
		padding-bottom: 25px;
	}
	.no8 .ttl2{
		padding-bottom: 20px;
	}
	.no8 .box2 h4{
		font-size:16px;
		padding-bottom: 15px;
	}
	.no8 .box3{
		padding:  25px 20px;
		border-right:none;
		border-bottom: 2px solid #b29a64;
	}
	.no8 .box4{
		padding:  25px 20px;
	}
	.no8 .box4 .ttl2{
		margin-top:-10px;
		-webkit-transform:translateX(40px);
		transform:translateX(40px);
	}
	.no8 .sec2{
		padding:30px 20px;
	}

}

.no11 .box1 { margin-bottom:70px; }
@media (max-width: 767px) {
	.no11 .box1 { margin-bottom:40px;}
}
.no11 .heading { padding: 15px 0px; margin-bottom:30px;  border-top: 2px solid #00305e; border-bottom: 1px solid #00305e;  }
.no11 .heading_2 { font-size:24px; text-align:center; line-height:1.2; margin-bottom:30px; color:#00305e;   letter-spacing:0.05em; }
.no11 .heading_3 { padding: 35px 0px 20px; border-top: 2px solid #00305e; }

@media (max-width: 767px) {
	.no11 .heading_2 { font-size:18px;  }
}

.no11 .name , .no11 .job { text-align:center; color:#00305e;  }
.no11 .name { font-size:24px; letter-spacing:0.3em; }
.no11 .name span { font-size:16px;}
.no11 .job { font-size:12px; font-weight:normal; padding-bottom:50px; }
@media (max-width: 767px) {
	.no11 .job { padding-bottom:30px; }
}
.no11 .comment { max-width:380px; margin:0 auto 50px;}
@media (max-width: 767px) {
	.no11 .comment { margin:0 auto 30px;}
}

.no16 .cap { margin-top:-70px;}
@media (max-width: 767px) {
	.no16 .cap { margin-top:20px; }
}
.no16 .name { font-size:16px; font-weight:bold; margin-bottom:4px; }
.no16 .job { font-size:12px; font-weight:normal; margin-bottom:25px; }
.no16 .cre { font-size:12px; font-weight:normal; margin-top:20px; }

.no20 .heading { font-size:18px; text-align:center; font-weight:bold; margin-bottom:25px;}
.no20 .txt { font-size:13px; margin-bottom:40px;}


.no21 .box { position:relative; margin-bottom:30px; }
.no21 .txt { position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.no21 .txt-1 { width:200px; right:0; }
.no21 .txt-2 { width:350px; left:40px; }
.no21 .txt-3 { width:250px; right:0; }
.no21 .txt-4 { width:350px; left:40px; }

@media (max-width: 767px) {
	.no21 .txt { width:100%; position:static; -webkit-transform: translateY(0); transform: translateY(0);  }
	.no21 .num { width:60px; height:auto;  }
}


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

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



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

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

@media (max-width: 767px) {

}