/*header*/
.header{width: 100%; height: 116px; background-color: rgba(0,0,0,0.7); position:absolute; z-index: 99; top:0; left:0;}
.header_wrap{padding: 0 26px 0 23px;}
.header_wrap > ul{float: left;}
.header_wrap .sns{float: right; margin-top: 34px;}
.header_wrap:after{display: block; content: ""; clear: both;}
.header_title > li{float: left; padding-top: 34px;}
.header_title > li span{padding-top: 27px; margin-left: 14px; display: inline-block; font-size: 19px; line-height: 22px; color: rgba(255,255,255,0.8);}
.header_title:after{display: block; content: ""; clear: both;}
.logo{padding-top: 34px; margin-right: 25px;}
.sns_wrap{display: none;}
.sns_wrap > li{margin-top:8px; }
.snsBtn_close{display:none;}

/*footer*/
.footer{width: 100%; height: 32px; background-color: rgba(0,0,0,0.7); position: absolute; z-index: 99; bottom: 0%;}
.footer p{font-size: 12px; line-height: 32px; color: rgba(255,255,255,0.44); padding: 0 24px;}

/*content*/
.content{width: 100%; height: 100%; position: fixed;  z-index: 1;}
.kwicks > li{float: left; width: 12.5%; height: 100%; margin-right: 0px;background-repeat: no-repeat; background-position: top right;}
.kwicks:after{display: block; content: ""; clear: both;}
.content_wrap > div:last-child{border-right:0;}
.kwicks > li > div{padding-top: 206px; padding-left: 23px; width: 100%; height: 100%;}
.contentBox01{background-image: url("../images/main/con02.jpg");}
.contentBox02{margin-left: 12.5%; background-image: url("../images/main/con03.jpg");}
.contentBox03{margin-left: 25%; background-image: url("../images/main/con08.jpg");}
.contentBox04{margin-left: 37.5%; background-image: url("../images/main/con04.jpg");}
.contentBox05{margin-left: 50%; background-image: url("../images/main/con05.jpg");}
.contentBox06{margin-left: 62.5%; background-image: url("../images/main/con01.jpg");}
.contentBox07{margin-left: 75%; background-image: url("../images/main/con06.jpg");}
.contentBox08{margin-left: 87.5%; background-image: url("../images/main/con07.jpg");}
.contentBox05.plus, .contentBox07.plus{margin-left: 0%; background-image: url("../images/main/con98.jpg");}
.contentBox06.plus, .contentBox08.plus{margin-left: 0%; background-image: url("../images/main/con99.jpg");}
.n2 .contentBox01{background-image: url("../images/main/con01_n2.jpg");}
.n2 .contentBox02{background-image: url("../images/main/con02_n2.jpg");}
.n2 .contentBox03{background-image: url("../images/main/con03_n2.jpg");}
.n2 .contentBox04{background-image: url("../images/main/con04_n2.jpg");}
.kwicks > li > div{width: 100%; height: 100%; background-image: url("../images/common/pat_off.png"); background-repeat: repeat;}
.kwicks > li > div:hover{background-image: url("../images/common/pat_on.png");}
.line{width: 2px; height: 100%; border-right:2px dashed #fff; position: absolute; right: 0%; top: 0%;}
.bg_line{width: 19px; height: 19px;margin: 12px 0 18px;}
.more a{width: 42px; height: 42px; display: block; background-image: url("../images/main/plus.png");}
.name{font-size: 42px; font-weight: bold; color: #222222; letter-spacing: -0.025em;}
.name span{font-size: 26px; font-weight: bold;}
.info p{font-size: 26px; font-weight: bold; color: rgba(34,34,34,0.8); letter-spacing: -0.025em; line-height: 25px;}
.info_on{display: none;}
.info .info_day{font-size: 16px; letter-spacing: 0; color: rgba(34,34,34,0.6); margin-top: 7px; margin-bottom: 15px;}
.kwicks > li > div:hover .more a{background-image: url("../images/main/plus_on.png");}
.kwicks > li > div:hover .name{color: #fff}
.kwicks > li > div:hover .info p{color:rgba(255,255,255,0.8); }
.kwicks > li > div:hover .info .info_day{color: rgba(255,255,255,0.6);}
.more .moreClose{display: none;}
.kwicks li.active .more .moreOpen{display: none;}
.kwicks li.active .more .moreClose{background-image: url("../images/main/more_close.png"); display: block;}
.kwicks li.active .name{color: #222222 !important}
.kwicks li.active .info_off{color:rgba(0,0,0,0.8) !important; display: none; }
.kwicks li.active .info_on{ display: block; margin-bottom: 20px;}
.kwicks li.active .info_on p{color:rgba(0,0,0,0.8) !important;}
.kwicks li.active .info_on .info_day{color: rgba(0,0,0,0.6) !important;margin-top: -5px; margin-bottom: 9px;}

/*.active{background-image: url("../images/main/m_con_bg.jpg");}*/
.contentBox01.active{background-image: url("../images/main/con02_on.jpg");}
.contentBox02.active{margin-left: 12.5%; background-image: url("../images/main/con03_on.jpg");}
.contentBox03.active{margin-left: 25%; background-image: url("../images/main/con08_on.jpg");}
.contentBox04.active{margin-left: 37.5%; background-image: url("../images/main/con04_on.jpg");}
.contentBox05.active{margin-left: 50%; background-image: url("../images/main/con05_on.jpg");}
.contentBox06.active{margin-left: 62.5%; background-image: url("../images/main/con01_on.jpg");}
.contentBox07.active{margin-left: 75%; background-image: url("../images/main/con06_on.jpg");}
.contentBox08.active{margin-left: 87.5%; background-image: url("../images/main/con07_on.jpg");}
.contentBox05.active.plus, .contentBox07.active.plus{margin-left: 0%; background-image: url("../images/main/con98_on.jpg");}
.contentBox06.active.plus, .contentBox08.active.plus{margin-left: 0%; background-image: url("../images/main/con99_on.jpg");}
.n2 .contentBox01.active{background-image: url("../images/main/con01_on_n2.jpg");}
.n2 .contentBox02.active{background-image: url("../images/main/con02_on_n2.jpg");}
.n2 .contentBox03.active{background-image: url("../images/main/con03_on_n2.jpg");}
.n2 .contentBox04.active{background-image: url("../images/main/con04_on_n2.jpg");}
.kwicks .active div{background-image: none;}
.kwicks .active div:hover{background-image: none;}
.honor_off .name span{display: none;}

.honor_off .info{display: none;}
.honor_off > div > ul{width: 43px; margin:0 auto; }
.honor_off > div{padding-left: 0 !important;}


.conView{width: 340px;  height: auto; margin-top: 20px; display: none;}
.kwicks li.active .conView{display: block;}
.conTab > li{width:32.5%; height:  38px; margin-right:1.25%; float: left; background-color: rgba(0,0,0,0.5); text-align: center;}
.conTab:after{display: block; content: ""; clear: both;}
.conTab > li:last-child{margin-right: 0;}
.conTab > li > a{font-size: 18px; line-height: 38px; color: rgba(255,255,255,0.8);}
.conView_box{width: 100%; height: 539px; background-color: #fff; padding: 30px 20px 0; overflow-y: auto;}
.conTab_on{background-color: #771010 !important;}
.conTab_on a{color: rgba(255,255,255,1) !important;}
.conView_title{font-size: 24px; font-weight: bold; color: #000000; border-bottom: 2px solid #842727; padding-bottom: 15px;}
.conView_title span{font-size: 16px; color: #999999; margin-left: 10px;}
.life_txt{font-size: 16px; line-height: 25px; color: #222222; margin-top: 15px;}
.profile_wrap > ul > li{float: left; font-size: 15px; line-height: 25px; color: #222222; letter-spacing: -0.025em;}
.profile_wrap > ul{width: 100%; border-bottom: 1px dashed #dddddd; padding: 15px 0 13px; }
.conView_box02 ul li:last-child ul:last-child{border-bottom: 0;}
.profile_wrap > ul:after{display: block; content: ""; clear: both;}
.pf_day{width: 97px}
.pf_txt{width: 180px;}
.conView_box03 > ul:first-child{border-bottom: 1px dashed #ddd;}
.gallery_list > ul > li{width: 48%; text-align: center; float: left; margin-right: 4%;}
.gallery_list > ul > li > a > span{display: inline-block; font-size:14px; color: #771010; border-bottom: 1px solid #771010; margin:9px 0  20px; }
.gallery_list > ul > li:last-child{margin-right: 0;}
.gallery_list > ul:after{display: block; content: ""; clear: both;}
.list{width:100%; padding:16px 10px 14px 42px; min-height:73px; background-image: url("../images/main/list_icon.png"); background-position: left center; background-repeat: no-repeat; border-bottom: 1px dashed #ddd;display: table;}
.list a{font-size: 16px; line-height: 21px; letter-spacing: -0.025em; color: #222222;  vertical-align: middle; display: table-cell;}
.list a img{vertical-align: middle; margin-top: -1px; margin-left:8px;}
.list_wrap li:last-child{border-bottom: 0 !important;}
.mt_20{margin-top: 20px;}
.conView_box{display: none;}
.mobile{display: none;}
.mobile_400{display: none;}
.none_1280{display: none;}
.con_lsk{font-size: 16px; line-height: 21px; color: #333; padding: 10px 0;}
.con_lsk > span{font-size: 18px; font-weight: bold;}
.conView_lsk > div{margin-top: -83px; z-index: 999; position: relative;}

#intro_wrap{top:0;}

@media screen and (max-height:970px)  {
    .conView_box{width: 100%; height: 420px; background-color: #fff;}
}

@media screen and (max-height:945px) and (min-height: 880px)  {
    .conView_box{width: 100%; height: 350px; background-color: #fff;}
}

@media screen and (max-height:879px) and (min-height: 840px)  {
    .conView_box{width: 100%; height: 300px; background-color: #fff;}
}

@media screen and (max-height: 839px)  {
    .conView_box{width: 100%; height: 270px; background-color: #fff;}
}
@media screen and (max-width:1280px)  {
    .none_1280{display: block;}
    .honor_off .name{font-size:30px;text-align:center;}
	.honor_off .more{text-align:center;}
	.honor_off .more .moreOpen{width: 30px; height: 30px; display:inline-block; background-position:50% 50%; background-repeat:no-repeat; background-size:100%;}
}

@media screen and (max-width:1279px)  {
    .mobile{display: block;}
    .none_1280{display: none;}
    .none_1279{display: none;}

    /*header*/
    .header{width: 100%; height: auto; background-color: rgba(0,0,0,0.7); position: fixed; z-index: 99; padding: 15px 0 10px; }
    .header_wrap{padding: 0px; text-align: center;}
    .header_wrap > ul{float: none;}
    .logo{display: none;}
    .header_title > li{float: none; padding-top: 0px;}
    .header_title > li img{width: 191px;}
    .header_title > li span{padding-top:11px; margin-left: 0px;  font-size: 12px; line-height: 20px; display: block;}
    .header_wrap .sns{float: none;  position: absolute; right: 0%; margin-right: 10px;  top:0; margin-top: 10px; }
    .header_wrap .sns > li a img{width: 33px;}
    .sns_wrap > li > a > img{width: 33px; }

    /*footer*/
    .footer{width: 100%; height: 26px; background-color: rgba(0,0,0,0.7); position: fixed; z-index: 99; bottom: 0%;}
    .footer p{font-size: 10px; line-height: 26px; color: rgba(255,255,255,0.44); padding: 0px; text-align: center;}

    /*content*/
    .content{width: 100%; height: 100%; position: relative;  z-index: 1; padding-top: 129px;position: relative;}
    .kwicks{padding-bottom:26px;}
    .kwicks > li{float: none; width: 100%; height: auto; margin-right: 0px;background-repeat: no-repeat; background-position:right top; background-size: contain;}
    .kwicks > li > div{ border-bottom:2px dashed #fff; padding-top: 29px; padding-left: 0; }
    .kwicks > .active > div{ border-bottom:2px dashed #fff; padding-top: 27px; padding-left: 0; }
    .kwicks > li > div > ul{ padding-left: 7%;padding-bottom: 16px;}
    .kwicks > .active > div > ul{ padding-left: 7%;padding-bottom: 0px; height: 178px;}
    .contentBox01{background-image: url("../images/main/m_con02.jpg");}
    .contentBox02{margin-left: 0%; background-image: url("../images/main/m_con03.jpg");}
    .contentBox03{margin-left: 0%;; background-image: url("../images/main/m_con08.jpg");}
    .contentBox04{margin-left: 0%; background-image: url("../images/main/m_con04.jpg");}
    .contentBox05{margin-left: 0%; background-image: url("../images/main/m_con05.jpg");}
    .contentBox06{margin-left: 0%; background-image: url("../images/main/m_con01.jpg");}
    .contentBox07{margin-left: 0%; background-image: url("../images/main/m_con06.jpg");}
    .contentBox08{margin-left: 0%; background-image: url("../images/main/m_con07.jpg");}
    .contentBox05.plus, .contentBox07.plus{margin-left: 0%; background-image: url("../images/main/m_con98.jpg");}
    .contentBox06.plus, .contentBox08.plus{margin-left: 0%; background-image: url("../images/main/m_con99.jpg");}
    .n2 .contentBox01{background-image: url("../images/main/m_con01_n2.jpg");}
    .n2 .contentBox02{background-image: url("../images/main/m_con02_n2.jpg");}
    .n2 .contentBox03{background-image: url("../images/main/m_con03_n2.jpg");}
    .n2 .contentBox04{background-image: url("../images/main/m_con04_n2.jpg");}
    .bg_line{display: none;}
    .line{display: none;}
    .name{font-size: 32px; /*margin-bottom: 38px;*/margin-bottom: 20px;}
    .name span{font-size: 20px; font-weight: bold;}
    .info p{font-size: 14px; letter-spacing:-0.09em; line-height:18px;}
    .info .info_day{font-size: 13px; margin-top: 2px; margin-bottom: -17px; line-height: 18px;}
    .kwicks li.active .info_on .info_day{margin-top: -7px; margin-bottom: 0px;}
    .kwicks li.active .info_on{ display: block; margin-bottom: 0px;}
    .more{padding-top: 30px;}
    .active .more{padding-top:13px;}
    .more a{width: 31px; height: 31px; display: block; background-image: url("../images/main/plus.png"); background-size: cover;}
    .conView_box01{display: block;}

    .conView{width: 100%;  height: auto; /*margin-top: 20px;*/ margin-top: 0; display:none; padding: 25px 15px 20px; background-color: #fff;}
    .conTab > li{ height:  34px; }
    .conTab > li > a{font-size: 16px; line-height: 34px; color: rgba(255,255,255,0.8);}
    .conView_box{width: 100%; height: auto; background-color: #fff; padding: 30px 00px 0; }
    .conView_title{font-size: 20px;}
    .conView_title span{font-size: 15px;}
    .life_txt{font-size: 15px; line-height: 23px; margin-top: 25px;}
    .profile_wrap > ul > li{font-size: 14px}
    .gallery_list > ul > li > a img{width: 100%;}
    .active{background-image: url("../images/main/m_con_bg.jpg") !important; margin-left: 0% !important; background-size: 100% !important; }
    .active > div{background-repeat: no-repeat !important; background-position:right 4px; background-size: 320px;}
    .contentBox01.active > div{background-image: url("../images/main/m_con02_on.png") !important;}
    .contentBox02.active > div{background-image: url("../images/main/m_con03_on.png") !important;}
    .contentBox03.active > div{background-image: url("../images/main/m_con08_on.png") !important;}
    .contentBox04.active > div{background-image: url("../images/main/m_con04_on.png") !important;}
    .contentBox05.active > div{background-image: url("../images/main/m_con05_on.png") !important;}
    .contentBox06.active > div{background-image: url("../images/main/m_con01_on.png") !important;}
    .contentBox07.active > div{background-image: url("../images/main/m_con06_on.png") !important;}
    .contentBox08.active > div{background-image: url("../images/main/m_con07_on.png") !important;}
    .contentBox05.plus.active > div, .contentBox07.plus.active > div{background-image: url("../images/main/m_con98_on.png") !important;}
    .contentBox06.plus.active > div, .contentBox08.plus.active > div{background-image: url("../images/main/m_con99_on.png") !important;}
    .n2 .contentBox01.active > div{background-image: url("../images/main/m_con01_on_n2.png") !important;}
    .n2 .contentBox02.active > div{background-image: url("../images/main/m_con02_on_n2.png") !important;}
    .n2 .contentBox03.active > div{background-image: url("../images/main/m_con03_on_n2.png") !important;}
    .n2 .contentBox04.active > div{background-image: url("../images/main/m_con04_on_n2.png") !important;}
}

@media screen and (max-width:400px)  {
    .mobile_400{
        display:block;
    }
}

@media screen and (max-width:320px)  {
    .header_title > li span{
        font-size: 10px;
    }
}

.plus_box .conView .conTab > li{display:none;}
.plus_box .conView{display:none !important;}
.plus_box .conView .conView_box{display:none !important;}

.btn_wrap{position:absolute; bottom:23px; left:62%; z-index:100; float:none;}
.btn{width:130px; line-height:40px; background:#00000080; margin-right:10px; border-radius:50px; box-sizing:border-box; color:#fff;}
.btn.btn2{margin-right:0;}
.btn.on{border:1px solid #c1c1c1; line-height:38px;}
.btn:hover{background:#ffffff80; color:#000;}
.tab_cts.on{visibility:visible;}
.tab_cts{visibility:hidden; width:100%; height:100%; position:absolute;}
.tab_cts.on{visibility:visible;}

@media screen and (max-width: 1279px)  {
.btn_wrap{position:relative; bottom:0; left:0; margin-top:10px;}
.tab_cts.on{display:block;}
.tab_cts{display:none;}
}