.swiper-button { position:fixed; width:120px; height:56px; right:30px; top:50%; margin-top:-28px; text-align:right; z-index:10;}
.swiper-button a { display:inline-block;  /*margin:0 1px;*/ cursor:pointer; visibility:visible; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
.swiper-next { right:0; width:56px; height:56px;background:url(/web/images/tour/main_ri_txt.png); background-size:100% 100%; }
.swiper-prev { left:0;  width:56px; height:56px;background:url(/web/images/tour/main_le_txt.png); background-size:100% 100%; }
.swiper-next:hover, .swiper-next:focus {margin-right:-10px;}
.swiper-prev:hover, .swiper-prev:focus {margin-left:-10px;}

/* tour */
.tourImg { position:absolute; width:68%; height:100%; left:0; top:0; overflow:hidden; z-index:1;}
.tourImg > div {position:absolute; width:100%; height:100%; transform: translate3d(-100%, 0, 0); background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; transition: all 0.5s ease; z-index:2;}
.tourImg > div.active { transform: translate3d(0, 0, 0); z-index:3;}
.tourImg .tour_01 { background:url(/web/images/tour/tr_01.jpg);}
.tourImg .tour_02 { background:url(/web/images/tour/tr_02.jpg);}
.tourImg .tour_03 { background:url(/web/images/tour/tr_03.jpg);}
.tourImg .tour_04 { background:url(/web/images/tour/tr_04.jpg);}
.tourImg .tour_05 { background:url(/web/images/tour/tr_05.jpg);}
.tourImg .tour_06 { background:url(/web/images/tour/tr_06.jpg);}
.tourImg .tour_07 { background:url(/web/images/tour/tr_07.jpg);}

.tourArea { position:relative; float:right; width:32%; height:100vh; overflow:hidden; z-index:1;}
.tourArea .swiper-slide > div { height:100vh; margin:0 8%; opacity:0.8; filter: alpha(opacity=80;); }
.tour_04 .mCSB_container { padding-top:30vh; margin-top:-100px;}

.tourCon { position:absolute; width:100%; top:45%; }
.tourCon:after {content:"";display:block;clear:both;}
.tourCon {}
.tourCon dt { margin-bottom:3em;text-shadow: 1px 1px rgba(0,0,0,0.2); -webkit-text-shadow: 1px 1px rgba(0,0,0,0.2); -moz-text-shadow:1px 1px rgba(0,0,0,0.2); color:#fff;}
.tourCon dt .title01 {display:block; font-family: 'Saira Semi Condensed', sans-serif; font-size:3.8em; line-height:1.1em; font-weight:600; color:#fff;}
.tourCon dt .title02 {display:block; font-size:1.3em; font-weight:400; }
.tourCon dd { font-size:1.4em; line-height:1.8em; font-weight:100; width: 400px; color:#fff;}

.swiper-tourNav { margin-top:10px; }
.swiper-tourNav span { display:inline-block; width:auto; height:auto; margin-right:3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.swiper-tourNav span img { vertical-align:top; width:100%;}
.swiper-tourNav .swiper-pagination-bullet {width:13.3%;background:none; opacity:1; border:2px solid rgba(255, 255, 255, 0); border-radius:0; }
.swiper-tourNav .swiper-pagination-bullet-active { border:2px solid #fff;}

@media  (max-width: 1600px){
	.tourCon dd { font-size:16px; line-height:1.8em; font-weight:100; width: 400px;}
}

@media  (max-width: 1440px){
.tourCon dd{font-size:14px;}
.tourCon dt .title01 {display:block; font-family: 'Saira Semi Condensed', sans-serif; font-size:2.8em; line-height:1.1em; font-weight:600; }
.swiper-tourNav .swiper-pagination-bullet{width:11%;}
.swiper-slide swiper-slide-active{width:440px !important;}
}

@media  (max-width: 1366px){
	
	.tourCon dt .title01 {display:block; font-family: 'Saira Semi Condensed', sans-serif; font-size:2.5em !important; line-height:1.1em; font-weight:600; }
	.tourCon dt{ margin-bottom:2em !important;}
	.tourCon dd{ font-size:14px !important; line-height:1.5em !important;
    width: 330px !important;}
	.tourCon{ top:53% !important;}

}