.titleBar { width:40px; height:1px; background-color: #c0c0c0; margin:20px auto;}
.titleBarB { width:40px; height:2px; background-color: #111; margin:20px auto;}
.titleBarV { width: 2px; height: 50px; background-color: #111; margin: 20px auto; }
.titleBarV2 { width: 1px; height: 40px; background-color: #a9a9a9; margin: 20px auto; }
.onsenVillageSec3 .titleBarV { background-color: #e1ac46; height: 40px; }
.jbFixed { top:44px; }
ul { list-style:none; padding:0;margin:0; }
/* ----------------------------------------------------------------
상단 지역 제목 / 설명 / 이미지
-----------------------------------------------------------------*/
.onsenScreen2 { height: 80vh; overflow:hidden; }
.sliderFixed { position: absolute; left: 50%; top: 40%; z-index: 31; width: 930px; height: 530px;  margin-left: -465px;  margin-top: -280px; }
.mainsliderRedbox { display: table;  text-align: center;  border: 3px solid #e62335;  width: 100%;  height: 100%;  position: relative;  background-color: rgba(0, 0, 0, .3); color: #fff; font-size: 14px; }
.sliderFixedCell { display: table-cell; vertical-align: middle; }
.bnrtext01 { font-size:28px; }
.bnrtext02 { font-size:17px; margin-top: 60px;}
.bnrtext02 span { background:#fd4255; }

@media only screen and (max-width: 992px) {
	.sliderFixed { margin-left: auto; margin-top: auto; width: 100%; height: 400px; left: 0; top: 20%; padding: 0 20px;}
}
@media only screen and (max-width: 768px) {
	.topTit {width: 80%;}
	.bnrtext01 { font-size:24px; }
	.bnrtext02 { font-size:14px; padding: 0 15px;}
}
@media only screen and (max-width: 450px) {
	.sliderFixed { height: 350px;}
	.topTit {width: 90%;}
	.bnrtext01 { font-size:18px; margin-top: 35px;}

}
/* ----------------------------------------------------------------
리얼 지상 낙원을 찾아서
-----------------------------------------------------------------*/
.paradise .paradisetit01{ font-size: 30px; color: #000; margin: 0;}
.paradise h3 { margin: 0; font-size: 45px; font-weight: 600;}
.red {color:#e62335;}
.blue {color:#2382f8; }

.paradisebox {background:#f9f9f9; border:1px solid #ececec; overflow: hidden; padding: 30px;}
.paradisebox .parImg { float:left; height:260px; background:red; position:relative; overflow: hidden;}
.paradisebox .parImg img { position: absolute; left: 0;}
.paradisebox .praTaxt { padding-left: 40px; padding-right:0; }
.partit1 { font-size: 18px; color: #000; font-weight: 400; margin: 0; margin-top: 15px;}
.partit2 { font-size: 30px; font-weight: 500;}
.list { font-size: 14px; margin-top: 20px;}
.list li {background: url(/event2018/img/okinawabus/list_dot.png)no-repeat left top 7px; padding-left: 15px; margin-bottom: 5px;}

@media only screen and (max-width: 992px) {
	.paradisebox { padding: 20px;}
	.paradisebox .praTaxt { padding-left: 20px;}
}
@media only screen and (max-width: 767px) {
	.paradise .paradisetit01 {font-size: 18px;}
	.paradise h3 { font-size: 30px;}
	.paradisebox .parImg {float: none;}
	.paradisebox .parImg img { width:100%;}
	.paradisebox .praTaxt { padding-left: 0px;}
}
@media only screen and (max-width: 600px) {
	.paradisebox .parImg img { width:auto;}
}
@media only screen and (max-width: 450px) {
	.partit1 { font-size: 14px;text-align: center;}
	.partit2 { font-size:20px; text-align: center;}
	.list { margin-top:0; }

}




/* ----------------------------------------------------------------
온천 어디에 있나요? (-section-1.php)
-----------------------------------------------------------------*/

.onsenVillage { z-index: 32; position: relative; background: url('//cdn.hotelonsen.com/img/onsen/village/mapBg.jpg') repeat; font-size: 14px; }
.onsenVillage img { width:100%; }

.onsenVillageTitle { color: #555;text-transform: uppercase;font-size: 4em;font-weight: 300; }

@media only screen and (max-width: 992px) {
	.onsenVillageTitle { font-size: 3.3em; }
}
@media only screen and (max-width: 768px) {
  .onsenVillage { font-size: 12px; }
  .onsenVillageTitle { font-size: 2em; }
}

/* ----------------------------------------------------------------
나에게 맞는 여행지! (-section-2.php)
-----------------------------------------------------------------*/


.onsenVillageSec2 { z-index: 32; position: relative; background-color: #fff; font-size: 14px; }
.onsenVillageSec2Title { color: #555; text-transform: uppercase; font-size: 3em;font-weight: 300; }
.onsenVillageSec2 img { width:100%; }
.choiceTab2Wrap{}
.onsenVillageSec2 .choiceTab2 { border: none;  overflow: hidden; }
.onsenVillageSec2 .choiceTab2 li { float:left; width:50%; border:2px solid #1090ea; }
.onsenVillageSec2 .choiceTab2 li:nth-child(1){ border-right:none; }
.onsenVillageSec2 .choiceTab2 li a { text-align: center; padding: 25px 0; color: #1090ea; font-size: 1.4em; font-weight: bold; display: block; background:#fff; }
.onsenVillageSec2 .choiceTab2 li.on a, .onsenVillageSec2 .choiceTab2 li a:hover { background:#1090ea; color:#fff;
  -webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.onsenVillageSec2 .tourTitle { font-size: 35px; font-weight:300; }

.onsenVillageSec2Tab, .sec2_ban { display:none; }
.show {display:block;}
.onsenVillageSec2Tab .info01, .onsenVillageSec2Tab .info02 { border: none; background-color: rgba(255,255,255,.1); border:1px solid #1090ea; overflow: hidden;}
.onsenVillageSec2Tab .info01 li, .onsenVillageSec2Tab .info02 li { float:left; width: 16.6666666%;}
.onsenVillageSec2Tab .info01 li a, .onsenVillageSec2Tab .info02 li a { text-align: center; padding: 25px 0; color: #1090ea; font-size: 1.2em; font-weight: bold; display: block;}
.onsenVillageSec2Tab .info01 li.active a, .onsenVillageSec2Tab .info01 li a:hover, .onsenVillageSec2Tab .info02 li.active a, .onsenVillageSec2Tab .info02 li a:hover { background:#1090ea; color:#fff;
  -webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  }
  .jbFixed {
        position: fixed;
        top: 55px;
		z-index: 999;
		width: 100%;
		-webkit-box-shadow: 0px 1px 5px -2px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 1px 5px -2px rgba(0,0,0,0.75);
		box-shadow: 0px 1px 5px -2px rgba(0,0,0,0.75);
		background: #fff;
  }






.onsenVillageSec2BanBtn { max-width:1000px; margin-left: auto; margin-right: auto; padding:20px; }
.onsenVillageSec2BanBtn .onsenVillageSec2Ban_txt{}
.onsenVillageSec2BanBtn .onsenVillageSec2Ban_txt h3{font-size: 1.5em;  margin: 5px 0;color:#fff; }
.onsenVillageSec2BanBtn .onsenVillageSec2Ban_txt p{letter-spacing: -0.05em; font-size: 14px; color: #666;line-height: 1.75em;  color:#fff;  opacity: 0.8;}

.onsenVillageSec2 .sec-2-img-wrap{ width: 100%; height: 100%;}
.onsenVillageSec2 .sec-2-img-wrap img{ max-width: 100%;}
.onsenVillageSec2 .sec2-tab-txt{width: 100%; height: 100%;}
.onsenVillageSec2 .tabContent h3,.onsenVillageSec2Ban_txt h3{ font-size: 2em; letter-spacing: -0.05em; font-weight: 300; color: #1090ea; line-height: 1.5em;}
.onsenVillageSec2 .tabContent p, .onsenVillageSec2Ban_txt p{letter-spacing: -0.05em; font-size: 1em; color: #666;line-height: 1.75em;}
.sec2-tab-smallimg{ overflow:hidden; }
.onsenVillageSec2 .sec2_ban {
width: 100%;
height: 100%;
background:url(/event2018/img/yourchoice/blog_bg.jpg) 50% 0 no-repeat;
}
.onsenVillageSec2 .sec2_ban2 { background:url(/event2018/img/yourchoice/blog2_bg.jpg) 50% 0 no-repeat;}
.sec2_ban .btn-mod, .sec2_ban a.btn-mod {
padding: 10px;
margin: 10px;
color: #666;
width: auto;
min-width: 120px;
-webkit-box-shadow: 9px 9px 20px 2px rgba(0,0,0,0.1);
background-position:95% 50%;
background-color: #fff;
background-image: url('//cdn.hotelonsen.com/img/onsen/village/icon_naver.png');
background-repeat: no-repeat;
-moz-box-shadow: 9px 9px 20px 2px rgba(0,0,0,0.1);
box-shadow: 9px 9px 20px 2px rgba(0,0,0,0.1);
}
.sec2_ban .btn-mod-defult:hover,.sec2_ban .btn-mod-defult:focus,.sec2_ban a.btn-mod-defult:hover, .sec2_ban > a.btn-mod-defult:focus{color: rgba(0,0,0,0.8);background-color:rgba(136,240,100,0.85);  text-decoration: none;  outline: none;  border: 1px solid transparent;  border-color: transparent;}
.fa-angle-right{padding-left: 8px; font-size: 14px; color:#c0c0c0;}
.btn_wrap { padding-top: 5px;}





@media only screen and ( max-width: 991px ) {
  .onsenVillageSec2 .sec2_ban{ background: url(/event2018/img/yourchoice/blog_bg_m.jpg) 50% 0 no-repeat;}
  .onsenVillageSec2 .sec2_ban2 { background:url(/event2018/img/yourchoice/blog2_bg_m.jpg) 50% 0 no-repeat;}
  .sec2_ban .btn-mod, a.btn-mod{margin: 4px;}
  .onsenVillageSec2BanBtn .onsenVillageSec2Ban_txt{font-size: 1.2em;}
  .onsenVillageSec2BanBtn .onsenVillageSec2Ban_txt h3{font-size: 1.25em; line-height: 1.25em;}
  .btn_wrap{padding-top: 20px;}
  .onsenVillageSec2Tab .info01 li a, .onsenVillageSec2Tab .info02 li a {font-size: 1em;}
}
@media only screen and ( max-width: 768px ) {
  .onsenVillageSec2 .tourTitle { font-size: 25px;}
  .onsenVillageSec2BanBtn .onsenVillageSec2Ban_txt{text-align: center;}
  .onsenVillageSec2BanBtn .onsenVillageSec2Ban_txt h3{font-size: 1.25em; line-height: 1.25em;}
  .onsenVillageSec2Title{font-size: 28px;}
  .onsenVillageSec2 .choiceTab2 li a { padding: 20px 0; font-size: 1.2em;}
  .tabContent img{padding-top:15px;}


}
@media only screen and ( max-width: 560px ) {
  .btn_wrap{padding-top: 5px;}
  .onsenVillageSec2 .tabContent h3, .onsenVillageSec2Ban_txt h3{font-size: 1.5em;}
}
@media only screen and ( max-width: 468px ) {
    .onsenVillageSec2Title{font-size: 21px;}
	.onsenVillageSec2 .choiceTab2 li a { padding: 10px 0; font-size: 1.1em;}
    .onsenVillageSec2Tab .nav > li > a{font-size: 14px; padding: 15px 10px}

}
@media only screen and ( max-width: 467px ) {
  .onsenVillageSec2BanBtn .onsenVillageSec2Ban_txt{text-align: center;}
  .onsenVillageSec2BanBtn .onsenVillageSec2Ban_txt h3{font-size: 1em; line-height: 1.1em;}
  .onsenVillageSec2BanBtn .onsenVillageSec2Ban_txt p{font-size: 12px;}
  .sec2_ban .btn-mod, .sec2_ban a.btn-mod{margin: 4px auto; width: 100%; padding: 4px;}
}
@media only screen and ( max-width: 360px ){
  .onsenVillageSec2Tab .info01 li, .onsenVillageSec2Tab .info02 li{width: 100%;border-bottom: 1px solid rgba(17, 143, 235, 0.31);}
  .onsenVillageSec2Tab .info01 li:nth-child(2n), .onsenVillageSec2Tab .info02 li:nth-child(2n){ border-right: none;}
  .btn_wrap{padding-top:0}
  .onsenVillageSec2Tab .info01 li a, .onsenVillageSec2Tab .info02 li a { padding: 10px 0;}
  .onsenVillageSec2Tab .info01 li a br, .onsenVillageSec2Tab .info02 li a br {display:none !important; }
}

/* ----------------------------------------------------------------
지역별로 보는 숙박 시설 (-section-3.php)
-----------------------------------------------------------------*/
.room {display:none;}
.onsenVillageSec3 { z-index: 32; position: relative; font-size: 14px; background: url('//cdn.hotelonsen.com/img/onsen/village/themeBg.jpg') repeat-x; }
.onsenVillageSec3Title { font-size: 3em;font-weight: 300;color:#fff;}

.onsenVillageSec3Tab .nav-tabs { background-color: rgba(0,0,0,.2); overflow: hidden;}
.onsenVillageSec3Tab .nav-tabs > li { width: 20%; border-right:1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center;}
.onsenVillageSec3Tab .nav-tabs > li:first-child { border-left:1px solid #fff; }
.onsenVillageSec3Tab .nav-tabs > li > a { text-align: center; padding: 30px 0; color:#fff; font-size:1.4em;margin-right: 0; border: 0; border-radius: 0; display:block;}
.onsenVillageSec3Tab .nav-tabs > li:focus > a, .onsenVillageSec3Tab .nav-tabs > li > a:focus, .onsenVillageSec3Tab .nav-tabs > li:hover > a, .onsenVillageSec3Tab .nav-tabs > li > a:hover {background-color: rgba(244,188,103,0.3);  color:#fff;
  -webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.onsenVillageSec3Tab .nav-tabs > li.active > a, .onsenVillageSec3Tab .nav-tabs > li.active > a:focus, .onsenVillageSec3Tab .nav-tabs > li.active > a:hover { background-color: #e1ac46; border: none; color: #fff; }
.onsenVillageSec3 .goodslist-item .areaTitle h3 { font-size:20px; }
.onsenVillageSec3 .titleBarV { background-color: #e1ac46; height: 40px; }
.themeTitle { color:#e1ac46; font-size: 2em; }
.bg-fff h4{font-size: 21px;letter-spacing: -0.05px; color: #242424; }
hr.titLine {width: 1px;  height: 30px;  margin: 0 auto 14px;border: 0;   background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);}
fieldset, img, table, caption, tbody, tfoot, thead, tr, th, td, button, hr{border: 0 none;}


.onsenVillageSec4Tab .nav-tabs > li { width: 16.6666666%; border-right:1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center;}

@media only screen and ( max-width: 1200px ) {
	.onsenVillageSec3Tab .nav-tabs > li > a{font-size: 1.2em;}
}
@media only screen and ( max-width: 768px ) {
.onsenVillageSec3Title { font-size: 28px;  }
.themeTitle{font-size: 18px;}
.onsenVillageSec3 .tabContent img{padding-top: 0;}
.onsenVillageSec3Tab .nav-tabs > li > a{font-size: 1em; padding:20px 0;}
}
@media only screen and ( max-width: 560px ) {
.onsenVillageSec3 .goodslist-item .areaTitle{top: 15%;}
.onsenVillageSec3 .goodslist-item .areaTitle p{font-size: 14px;}
.onsenVillageSec3 .goodslist-item .areaTitle h3{font-size: 17px; margin-top: 10px;}
.goodslist-grid.hide-titles .goodslist-item .goodslist-intro{bottom: -155px;}
.btn-mod.btn-borderW{ padding: 6px 12px;}
}
@media only screen and ( max-width: 468px ) {
  .nav-tabs > li br {display:none; }
  .onsenVillageSec3Tab .nav-tabs > li {width: 100%; border-left: 1px solid #fff; }
  .onsenVillageSec3Tab .nav-tabs > li > a { padding:10px 0; }
  .onsenVillageSec3Tab .nav-tabs > li:nth-child(3n){}

  .onsenVillageSec3 .titleBarV {height: 25px; }
}
@media only screen and ( max-width: 360px ) {
.btn-mod.btn-borderW{ display: none;}


}









/* ----------------------------------------------------------------
테마별로 보는 추천 료칸 리스트
-----------------------------------------------------------------*/

.goodslist-grid { list-style: none; margin: 0; padding: 0; }
.goodslist-item { width: 33.333333%; float: left; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.goodslist-grid.goodslist-grid-gut { margin: 0 0 0 -10px; }
.goodslist-grid.goodslist-grid-gut .goodslist-item { padding: 0 0 10px 10px; }
.goodslist-item>a { display: block; padding: 0 0 84px 0; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }

.goodslist-item a, .goodslist-item a:hover {
    color: #111;
    border: none;
}
.goodslist-img {
    position: relative;
    overflow: hidden;
}
.goodslist-img img {
    width: 100%;
    display: block;
    overflow: hidden;
}

/* 마우스 이벤트 */

.goodslist-intro {
    width: 100%;
    height: 120px;
    padding: 20px 20px 0 20px;
    -webkit-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
}
.goodslist-grid.hide-titles .goodslist-item>a {
    overflow: hidden;
    padding: 0;
}
.goodslist-grid.hide-titles .goodslist-item .goodslist-intro {
    opacity: 0;
    bottom: -94px;
}
.goodslist-grid.hide-titles .goodslist-item:hover .goodslist-intro {
    opacity: 1;
}
.goodslist-intro {
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.goodslist-item:hover .goodslist-intro {
    color: #fff;
    -webkit-transform: translateY(-99px);
    -moz-transform: translateY(-99px);
    transform: translateY(-99px);
    z-index: 3;
}

@media only screen and (max-width: 767px) {
  .goodslist-item:hover .goodslist-intro {
    -webkit-transform: translateY(-140px);
    -moz-transform: translateY(-140px);
    transform: translateY(-140px);
  }
}

.goodslist-item .goodslist-img:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(250, 250, 250, 0);
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.goodslist-item:hover .goodslist-img:after {
    background: #111;
    opacity: .73;
}
.goodslist-item .goodslist-img>img {
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.goodslist-item:hover .goodslist-img>img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

@media only screen and (max-width: 767px) {
    .goodslist-item { width: 50%; }
    .goodslist-intro { height: 100px; }
}
.goodslist-grid.hide-titles .goodslist-item:hover .areaTitle { top: 20%; }

.areaTitle {
    position: absolute;
    top: 10%;
    width: 100%;
    padding: 0;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    z-index: 3;
    -webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}




/* ----------------------------------------------------------------
상품 리스트
-----------------------------------------------------------------*/
.subject.row{margin: 0;}
.tourbus { z-index: 32; position: relative; background-color: #f5f5f5; font-size: 14px; font-weight:400; }
.tourbus img { max-width:100%; }


.thum{display: inline-block; background-color: #000;}
.thum > img{width: 100% ; position: absolute;top: 0;left: 0;}
.kuru_txt{padding: 0 10px;}
.kuru_bs{position: relative; width: 100%; height: 450px;display: inline-block;overflow: hidden; border:1px solid #f7f7f7;-webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);-o-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);-ms-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);transition-duration: 0.6s;}
.kuru_tour_txt img{max-width: 100%;}
.kuru_bs .subject{position: relative; background-color: #fff; width: 100%; padding: 18px 0; display: inline-block;}
.kuru_bs .subject h5{font-size: 17px; color:#000; padding: 5px 15px; margin:0; }
.price { padding-top: 5px; font-weight: 500; padding-left: 0;}
.price .reservation {
	background: #1167eb;
    padding: 5px 12px;
    color: #fff;
    border-radius: 30px;
    font-size: 13px;
    float: right;
    position: relative;
    top: -3px;
}
.comment{padding-bottom: 30px;}
.comment::before{content: "";clear: both; display: block; border-top:1px dotted #dbdbdb;  margin: 0 20px;  padding: 10px;}
.comment ul.cosList { padding:0 15px; }
.comment ul.cosList li { background:url(/event2018/img/okinawabus/list_dot.png)no-repeat left top 7px; padding-left: 15px; margin-bottom: 5px;}
.front{ top: 80%; position: relative;width: 100%; height: 100%; z-index: 2;  background-color: #fff;  display: block;-webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);-o-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);-ms-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);}
.front::before{content: "";
    text-align: center;
    color: #fff;
	background: #fff url(/event2018/img/okinawabus/list_arrow.png)no-repeat center top 10px;
    clear: both;
    display: block;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    padding: 5px 13px;
    position: absolute;
    top: -21px;
    left: 50%;
    z-index: 5;
    margin-left: -20px;}
  .kuru_bs:hover,.kuru_bs:active,.kuru_bs:focus{border-color: #118feb;-webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);-o-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);-ms-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);transition-duration: 0.6s;}

.kuru_bs:hover .front,.kuru_bs:active .front,.kuru_bs:focus .front{top: 30%;-webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);-o-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);-ms-transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);transition: all 0.17s cubic-bezier(.17,.67,.77,1.01);}


.tourbus .busicon { width:auto; margin: auto; display: block; margin-top:20px; }
.tourbus .tourbusTab .tourbus02_text1 { font-size: 2.8em; font-weight: 300; color: #000; margin-bottom: 0; line-height: 48px; margin-top:20px;}
.tourbus .tourbusTab .tourbus02_text2 { font-size: 32px; font-weight: 300; }


@media only screen and ( max-width: 1200px ) {

  .thum > img { height:100%; }
   /* .kuru_bs:hover .front,.kuru_bs:active .front,.kuru_bs:focus .front { top:20%; } */
  .kuru_bs .subject h5 { font-size:16px; width:100%; }
  .front {top: 72%;}
  .kuru_bs:hover .front,.kuru_bs:active .front,.kuru_bs:focus .front { top:3%; }
  .price { width:100%; padding-top:0; padding-left: 15px;}
}
@media only screen and ( max-width: 991px ) {
  .price .reservation {top:0; padding: 4px 12px; font-size: 12px;}
  .kuru_bs { height: 369px;}
  .front {top: 71%;}
  .kuru_bs:hover .front,.kuru_bs:active .front,.kuru_bs:focus .front { top:3%; }
  .thum > img { height:auto; }
  .comment ul.cosList li {font-size:13px; margin-bottom:3px;}
}
@media only screen and ( max-width: 768px ) {

  .com_txt p{line-height: 1.5;}
  .com_txt{font-size: 13px;}
  .bustour_box .subject{padding: 15px 0;}
  .comment::before{}

  .tourbus .tourbusTab .tourbus02_text1 { font-size: 28px; line-height: 30px;}
  .tourbus .tourbusTab .tourbus02_text2 {font-size:23px; }
  .tourbus .busicon {width:60px; }
}
@media only screen and ( max-width: 450px ) {
	.tourbus .tourbusTab .tourbus02_text1 { font-size: 22px; line-height: 26px;}
	.tourbus .tourbusTab .tourbus02_text2 {font-size:15px; }
}