.bg_banner{position:relative;}
.bg_banner .breadcrumb-main.absolute{position:absolute; left:0; right:0; top:0; z-index:1;}
.breadcrumb-main.absolute .breadcrumb{background:none; color:#fff; margin:0;}
.breadcrumb-main.absolute .breadcrumb li a{color:#fff; font-size:16px;}
.main_page {margin-top:-260px; position:relative}
.main_page h1{font-size: 38px; font-weight:bold; margin-bottom:20px; padding-right:30px; text-align:right; color:#fff;}
.gallery_page_box{display:inline-block; width:100%;}
.gallery_page_box .container{padding-left:10px; padding-right:10px; }
.gallery_all_box{background:#fff; position:relative; padding:40px 20px;}
.gallery_all_box .nav-tabs{border:0; text-align:center; margin-bottom:40px; padding:0;}
.gallery_all_box .nav-tabs>li{float:unset;margin-bottom:0px;display:inline-block; margin:0 14px;}
.gallery_all_box .nav-tabs>li>a{font-size:18px; font-weight:bold; color:#333; line-height:36px; height:38px; padding:0 30px; border:1px solid #3b9dd3;border-radius:6px; color:#333;}
.gallery_all_box .nav-tabs>li.active>a, .gallery_all_box .nav-tabs>li.active>a:focus, .gallery_all_box .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: pointer;
    background-color: #3b9dd3;
    border: 1px solid #3b9dd3;
    border-bottom-color: 1px solid #3b9dd3;
}
.tab-content .row{margin-left:-10px; margin-right:-10px;}
.tab-content .col-md-8,.tab-content .col-md-4{padding-left:10px; padding-right:10px;}
#photo_gallery_show .row{margin-left:-10px; margin-right:-10px;}
#photo_gallery_show .col-md-8,#photo_gallery_show .col-md-4{padding-left:10px; padding-right:10px;}
.video_item{position:relative; margin-bottom:30px;}
.video_title {
	position: absolute;
    top: 0;
    color: #fff;
    z-index: 2;
    margin: 10px;
    font-weight: bold;
	overflow: hidden;
	height: 44px;
}
.video_item:after{width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.3); position:absolute; z-index:1; content:"";}
.icon_play_video{position:absolute;display:block;left: 0;right: 0;margin: 0 auto;top:calc(50% - 19px);width: 130px;height:38px;padding-left:43px;line-height:38px;font-size:16px;color:#fff;font-style:normal;z-index:2;white-space: nowrap;}
.icon_play_video:before{width:38px; height:38px; left:0; top:0; background:url(../images/icon/icon_play_video_gallery.png) no-repeat left center; content:""; position:absolute}
.photo_item{display:inline-block; margin:0 10px 30px; width:calc((100%/3) - 20px); float:left}
.photo_item:nth-child(4){width:calc(100% - ((100%/3) - 20px) - 40px); clear:left}
.photo_item:nth-child(7){clear:left}
.photo_item_2{display:inline-block; width:100%; margin-bottom:30px;}

.row_gallery{display:block; margin-left:-10px; margin-right:-10px;}
.pagination{ margin:10px auto 25px; display:block}
.pagination .dataTable_paginate{text-align:center}
.pagination .dataTable_paginate li {display:inline-block; list-style:none; margin:0 3px;}
.pagination .dataTable_paginate li a{display:inline-block; width:36px; height:36px; border-radius:4px; line-height:36px; position:relative}
.pagination .dataTable_paginate li a.paginate_active{background:#ececec}
.pagination .dataTable_paginate li a.prev{background:#0c254e; text-indent:-9999;}
.pagination .dataTable_paginate li a.prev:before{position:absolute; left:0; right:0; content:"<"; color:#fff;}
.pagination .dataTable_paginate li a.next{background:#0c254e; text-indent:-9999;}
.pagination .dataTable_paginate li a.next:before{position:absolute; left:0; right:0; content:">"; color:#fff;}

.modePC .barTitleA:after{margin-left:30px}
.box01{margin:0 auto}
.modePC .box01{width:960px;margin-top:120px;margin-bottom:-40px}
.modeSP .box01{width:630px;margin-top:130px}
.modePC .box01 .jp{margin-top:40px}
.modePC .box01 .en{margin-top:50px}
.modeSP .box01 .en{margin-top:80px}
.box04{letter-spacing:.1em}
.modePC .box04{width:960px;margin:120px auto 0;padding-top:245px;position:relative}
.modeSP .box04{width:690px;margin:130px auto 0}
.modePC .box04.room01{height:846px}
.modePC .box04.room02{height:519px}
.modePC .box04.room03{height:525px}
.modePC .box04.room04{height:404px}
.modePC .box04.room05{height:519px}
.modePC .box04.room06{height:450px}
.modePC .box04L{padding-left:480px}
.modePC .box04R{padding-left:120px}
.modePC .box04 .imgWrap,.modePC .box04 h3{position:absolute;top:0}
.modePC .box04L .imgWrap,.modePC .box04R h3{left:0}
.modePC .box04R .imgWrap,.modePC .box04L h3{right:0}
.modeSP .box04 .imgWrap{margin-top:30px}
.modePC .box04 .imgWrap img{width:540px}
.modeSP .box04 .imgWrap img{width:690px}
.modePC .box04 .imgWrap:nth-of-type(2){top:356px}
.modePC .box04.box04L .imgWrap:nth-of-type(2){left:130px}
.modePC .box04.box04R .imgWrap:nth-of-type(2){right:130px}
.modePC .box04 .imgWrap:nth-of-type(2) img{width:300px}
.modePC .box04 .imgWrap:nth-of-type(3){top:611px}
.modePC .box04.box04L .imgWrap:nth-of-type(3){left:480px}
.modePC .box04.box04R .imgWrap:nth-of-type(3){right:480px}
.modePC .box04 .imgWrap:nth-of-type(3) img{width:420px}
.modePC .box04 h3 p{width:300px}
.modePC .box04 h3 p:nth-of-type(1){padding:30px 30px 10px}
.modePC .box04 h3 p:nth-of-type(2){padding:0 30px 30px;position:relative}
.box04 h3 p a{position:absolute}
.modePC .box04 h3 a{top:24px;left:235px;width:80px;height:30px;font-size:12px;line-height:31px}
.modeSP .box04 h3 p a{top:105px;right:0;width:180px;height:60px;font-size:22px;line-height:60px}
.modePC .box04.room06 h3 a{left:210px}
.modePC .box04 h3 p a svg{width:9px;height:9px;margin-left:5px}
.modeSP .box04 h3 p a svg{width:18px;height:18px;margin-left:12px}
.box04 h3 p span{display:block;line-height:1.6}
.modePC .box04 h3 p span{margin:10px 0 -30px}
.modeSP .box04 h3 p span{padding-top:10px}
.box04 > p{background-color:#fff;position:relative;z-index:1}
.modeSP .box04 > p{margin-top:50px}
.modePC .box04 p{width:382px}
.modePC .box04 p.jp{padding:30px}
.modePC .box04 p.en{padding:0 30px 30px}
.modePC .box04R > p{text-align:right;margin-left:-80px}
.modeSP .box04L > p,.modeSP .box04R > p{margin-left:30px}
@media only screen and (min-width: 641px) {
.remodal{max-width:900px!important}
}
.remodal-overlay{background:rgba(0,0,0,0.87)!important}
.remodal-close{right:0!important;left:auto!important;background:#000!important;color:#FFF!important}
.modeSP .remodal-close{width:75px;height:75px}
.modeSP .remodal-close:before{font-size:60px;top:21px;left:20px}
.remodal img{width:100%}
.modePC .remodal h3{margin-bottom:10px}
.modePC .remodal h3 p:nth-of-type(1){font-size:32px}
.modePC .remodal img{margin-top:10px}
.modeSP .remodal h3{margin-bottom:40px}
.modeSP .remodal h3 p:nth-of-type(2){margin-top:10px}
.modeSP .remodal > p{margin-bottom:40px}
.modeSP .remodal img{margin-top:10px}
.modePC .box05{padding-top:140px}
.modeSP .box05{padding-top:150px}
.modePC .box05 h2{margin-bottom:80px}
.modeSP .box05 h2{margin-bottom:80px}
.box05 .p1{position:relative}
.modePC .box05 .p1{height:346px}
.modeSP .box05 .p1{height:auto}
.modePC .box05 .imgWrap{position:absolute;top:0}
.modePC .box05 .p1L .imgWrap{left:0}
.modePC .box05 .p1R .imgWrap{right:0}
.modeSP .box05 .p1R .imgWrap{margin-left:60px}
.box05 .p1L .viewMore{position:absolute}
.modePC .box05 .p1L .viewMore{top:170px;left:0}
.modeSP .box05 .p1L .viewMore{top:170px;right:0}
.box05 .p1R .viewMore{position:absolute}
.modePC .box05 .p1R .viewMore{top:170px;right:0}
.modeSP .box05 .p1R .viewMore{top:170px;left:0}
.modePC .box05 .imgWrap img{width:740px}
.modeSP .box05 .imgWrap img{width:690px}
.modePC .box05 .text{width:645px;height:auto;position:absolute;top:175px;background-color:#fff;padding:25px 30px}
.modePC .box05 .p1L .text{left:440px}
.modePC .box05 .p1R .text{right:440px}
.modeSP .box05 .text{width:510px;margin:55px 0 0 100px}
.modeSP .box05 .p1R .text{margin-left:190px}
.modePC .box05 .text p:nth-of-type(1){font-size:14px}
.modeSP .box05 .text p:nth-of-type(1){font-size:24px}
.modePC .box05 .text p:nth-of-type(2){padding-top:10px}
.modePC .box05 .text p:nth-of-type(3){padding-top:15px}
.modeSP .box05 .text p:nth-of-type(3){padding-top:10px}
.modePC .box05 .p2{margin-top:50px}
.modeSP .box05 .p2{margin-top:100px}
.box05 .p2 p{text-align:center}
.modePC .box05 .p2 p{margin-bottom:30px}
.modeSP .box05 .p2 p{margin-bottom:60px}
.modePC .box05 .btn{width:370px}
.modePC .box06{margin-bottom:140px;}
.modePC .box06:nth(last-child){margin-bottom:0 !important}
.modeSP .box06{width:690px;margin:150px auto 0}
.modePC .box06 h2{margin-bottom:140px; text-align:center; padding-bottom:30px; font-size:30px; text-transform:uppercase; position:relative; margin-top:0}
.modePC .box06 h2:after{position:absolute; width:80px; height:1px; background:#000; left:0; right:0; margin:0 auto; display:block; content:""; bottom:0}
.modeSP .box06 h2{margin-bottom:80px}
.modePC .box06 ul{padding:0}
.modePC .box06 .row{margin-left:-10px; margin-right:-10px;}
.modePC .box06 .row .col-sm-6{padding-left:10px; padding-right:10px;}
.box06 ul li{position:relative;}
.modePC .box06 ul li{margin-bottom:20px;list-style:none}
.modeSP .box06 ul li{width:210px;height:210px;margin-right:30px;margin-bottom:30px}
.modePC .box06 ul li:nth-of-type(4n){margin-right:0}
.modeSP .box06 ul li:nth-of-type(3n){margin-right:0}
.modePC .box06 ul li img{width:100%;height:auto}
.modeSP .box06 ul li img{width:210px;height:210px}
.box06 ul li p{margin:0; position:absolute;bottom:0;right:10px;background-color:rgba(0,0,0,0.5)}
.modePC .box06 ul li p{padding:8px 8px 5px;z-index:1; cursor:pointer}
.modeSP .box06 ul li p{padding:16px 14px 3px 15px;z-index:1}
.modePC .box06 ul li svg{width:15px;height:15px;color:#FFF}
.modeSP .box06 ul li svg{width:25px;height:25px;color:#FFF}
.box06 ul li svg use{fill:#fff}
.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.mfp-fade.mfp-bg.mfp-ready{opacity:.87}
.mfp-fade.mfp-bg.mfp-removing{opacity:0}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}
.mfp-container{display:flex;justify-content:center;align-items:center}
.modeSP .mfp-container{align-items:flex-start;margin-top:75px}
.mfp-content{background:#fff;position:relative}
.modePC .mfp-content .barTitleA:after{margin-left:0}
.modePC .mfp-content{width:1000px;height:435px}
.modeSP .mfp-content{width:690px;height:auto}
.modePC .mfp-content .imgWrap{width:540px;height:435px}
.modePC .mfp-content img{width:100%}
.modeSP .mfp-content img{width:690px}
.mfp-content .text{-webkit-box-sizing:border-box;box-sizing:border-box}
.modePC .mfp-content .text{position:absolute;top:0;left:540px;width:460px;height:540px;padding:50px 40px;overflow-y:auto}
.modePC .mfp-content .text h3.barTitleA{margin:0 0 10px}
.modePC .mfp-content .text h3.barTitleA .title{ font-size:30px;}
.modePC .mfp-content .text h3.barTitleA .title_cat{font-size:16px; padding-bottom:20px; border-bottom:1px solid #ddd; display:inline-block}
.modeSP .mfp-content .text{padding:30px}
.modePC .mfp-content .barTitleA p:nth-of-type(2){font-size:12px;margin:20px 0 18px}
.modePC .mfp-content .text > p{margin-top:30px}
.modeSP .mfp-content .text > p{margin-top:30px}
.modeSP .mfp-content .text p:nth-of-type(2){margin-top:10px}
.modePC .mfp-container{padding-left:0!important;padding-right:0!important}
.mfp-close{color:#FFF!important;background:#000!important;top:0!important;opacity:1}
.modePC .mfp-close{width:35px!important;height:35px!important;line-height:35px;left:965px}
.modeSP .mfp-close{width:75px!important;height:75px!important;line-height:75px;font-size:50px;margin-top:-75px}
.modeSP .mfp-arrow:after{top:15px}
button.mfp-close,button.mfp-arrow{/* background:#fff; */opacity:1!important;}
.modePC button.mfp-close,.modePC button.mfp-arrow{width: 60px;height: 60px;}
.modeSP button.mfp-close,.modeSP button.mfp-arrow{width:120px;height:120px}
.mfp-arrow-left:before,.mfp-arrow-left:after{height:1px;border:none;margin-left:0px}
.modePC .mfp-arrow-left:before,.modePC .mfp-arrow-left:after{}
.modeSP .mfp-arrow-left:before,.modeSP .mfp-arrow-left:after{border-top:2px #000 solid}
.mfp-arrow-right:before{right:1px}
.modePC .mfp-arrow-left:before{top:12px;padding-right:20px}
.modeSP .mfp-arrow-left:before{top:25px;padding-right:40px}
.mfp-arrow-left:after{padding:0 0 0 30px;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.modePC .mfp-arrow-left:after{left: 20px;top: 15px;width:0;height:30px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.modeSP .mfp-arrow-left:after{left:4px;width:10px;height:19px;border-top:2px solid #000!important;border-right:2px solid #000!important}
.mfp-arrow-right:before,.mfp-arrow-right:after{height:1px;border:none}
.modePC .mfp-arrow-right:before,.modePC .mfp-arrow-right:after{}
.modeSP .mfp-arrow-right:before,.modeSP .mfp-arrow-right:after{border-top:2px #000 solid}
.mfp-arrow-right:before{left:1px}
.modePC .mfp-arrow-right:before{top:12px;padding-left:20px}
.modeSP .mfp-arrow-right:before{top:25px;padding-left:40px}
.mfp-arrow-right:after{padding:0 0 0 30px;left:6px;width:0;height:15px;border-top:1px solid #000;border-right:1px solid #000;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.modePC .mfp-arrow-right:after{right: 20px;left: auto;top: 15px;width:0;height:30px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.modeSP .mfp-arrow-right:after{left:14px;width:10px;height:19px;border-top:2px solid #000;border-right:2px solid #000}
.modeSP .mfp-arrow-right{margin-top:-67px}
.box07{text-align:center}
.modePC .box07{width:960px;margin:0 auto;padding-top:180px}
.modeSP .box07{width:690px;margin:0 auto;padding-top:150px}
.modePC .box07 h2{margin-bottom:60px}
.modeSP .box07 h2{margin-bottom:80px}
.modePC .box07 svg{width:80px;height:80px}
.modeSP .box07 svg{width:80px;height:80px}
.modePC .box07 p:nth-of-type(1){margin-top:15px}
.modePC .box07 p:nth-of-type(2){margin-top:30px}
.modeSP .box07 p:nth-of-type(1){margin-top:15px}
.modeSP .box07 p:nth-of-type(2){margin-top:30px}
.box08{text-align:center}
.modePC .box08{width:960px;margin:0 auto -20px;padding-top:180px}
.modeSP .box08{width:690px;margin:0 auto -130px;padding-top:150px;padding-bottom:80px}
.box09{margin:0 auto}
.modePC .box09{width:700px;margin-top:180px;margin-bottom:20px}
.modeSP .box09{width:630px;margin-top:200px;margin-bottom:20px}
.box09 h2 p{letter-spacing:.02em}
.box09 h3{text-align:center;margin-top:80px;margin-bottom:30px;font-size:14px;font-weight:700}
.box09 h3 > p{line-height:1.5;margin:0}
.box09 p{letter-spacing:.1em;line-height:2;margin-top:2em}
.modeSP .box09 h3{font-size:28px}
.modePC .box09 .jp{margin-top:40px}
.modePC .box09 .en{margin-top:50px}
.modeSP .box09 .en{margin-top:80px}
.modePC .box10{width:960px;margin:0 auto;padding-top:180px}
.modeSP .box10{width:690px;margin:0 auto;padding-top:180px}
.modePC .box10 .p2{margin:0 auto;width:450px}
.modeSP .box10 .p2{margin:0 auto 100px;width:690px}
.box10 .p2 dl{line-height:2;text-align:left}
.box10 .p2 dt{font-weight:700;float:left;clear:left}
.modePC .box10 .p2 dt{width:100px}
.modeSP .box10 .p2 dt{width:170px}
.box10 .p2 dd{float:left}
.modePC .box10 .p2 dd{width:350px}
.modeSP .box10 .p2 dd{width:520px}
.modePC .box10 .p2 dt,.modePC .box10 .p2 dd{font-size:13px}
.modePC .box10 .p2 dd span:before{content:"　- "}
.box10 .p2 dd span{color:#666;line-height:1.6}
.modePC .box10 .p2 dd span{font-size:11.5px}
.modeSP .box10 .p2 dd span{font-size:20.5px}
.box10 .p2 dd:before{content:"：";font-weight:700}
.modePC .box10 .p2 svg{width:22px;height:22px;margin-right:4px}
.modeSP .box10 .p2 svg{width:44px;height:44px;margin-right:8px}
.box11{text-align:center}
.modePC .box11{width:960px;margin:0 auto;padding-top:130px}
.modeSP .box11{width:690px;margin:0 auto;padding-top:180px}
.box11 p em{display:block}
.modePC .box11 p em{font-size:30px;margin-top:25px}
.modeSP .box11 p em{font-size:30px;margin-top:20px}
.modePC .box11 .en{margin:50px 0}
.modeSP .box11 .en{margin:60px 0}
.modePC .box11 .btn{width:270px}
.modePC .box11 .btn svg{width:17px;height:17px;margin-left:0;margin-right:10px;margin-top:-4px}
.modePC .box12{margin:0 auto;width:960px}
.modeSP .box12{width:690px;margin:0 auto;padding-top:100px}
.box12{text-align:center}
.modePC .box12{margin-top:130px}
.modeSP .box12{margin-top:200px}
.modePC .box12 p{margin-bottom:30px}
.modeSP .box12 p{margin-bottom:40px}
.modeSP .dirNav li:nth-of-type(2){background-position:center -30px}
@media (min-width: 1366px) {
.page_tea .page_config .col-md-8{padding-right:35px}
.page_tea .page_config .col-md-4{padding-left:35px;}
}

@media (min-width: 1199px) {
.tea_page_box .slide_item .body {
    padding: 0 15px;
	font-style:normal;
}

}
@media (max-width:1199px) {
.main_page {margin-top:-100px; position:relative}
.main_page h1{text-align:right; padding-right:0}
}
@media (max-width: 991px) {
.page_tea .tea_page_box {
    margin-top: 60px;
    padding: 0 40px;
}
.gallery_all_box {padding: 30px 10px;}
.gallery_all_box .nav-tabs>li {margin: 0 0px;}
.gallery_all_box .nav-tabs>li>a {font-size: 18px;padding: 0px 20px;}
}

@media (max-width: 767px) {

}
@media (max-width: 767px) {
.modePC .mfp-content {
    width: 100%;
	max-width:100%;
    height:100%;
}
.modePC .mfp-content .imgWrap {
    width: 100%;
	max-width:100%;
    height:auto;
}
.modePC .mfp-content .text {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 40px 10px 20px;
    overflow-y: unset;
}
.modePC .box06 {
    margin-bottom:60px;
}
.modePC .box06 h2{margin-bottom:60px;}
.modePC .mfp-content .text h3.barTitleA{margin:0 0 10px}
.modePC button.mfp-close, .modePC button.mfp-arrow {
    width: 66px;
    height: 66px;
}
.modePC .mfp-arrow-left:after {
    left: 20px;
    top: 18px;
    width: 0;
    height: 30px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}
.modePC .mfp-arrow-right:after {
    right: 20px;
    left: auto;
    top: 18px;
    width: 0;
    height: 30px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

.modePC .mfp-container{	display:block !important;padding:20px !important; height:auto}
.modePC .mfp-close {
    width: 35px!important;
    height: 35px!important;
    line-height: 35px;
    left:calc(100% - 35px)
}

}

@media (max-width: 600px) {

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