/* CSS for SmartPhone @date     2020.10.14 @author   minami junna */
/* ------------------------------------------

------------------------------------------ */

@media screen and (max-width: 720px) {}
@media screen and (max-width: 720px){body {font-size: 3.5vw;}}
body{ margin: 0; padding: 0; }
* { box-sizing: border-box; }
.wid98 { width: 98%; }
#widewrapper .pc { display: none !important; }
#contentsArea { position: relative; background: #FFF; color: #3e3631; }
#contentsArea a { color: #3e3631;}
.red { color: #b00; }
#contents { background: #ffffff; box-shadow: inset 0px 15px 10px -15px #999; padding-top: 0;}

/* ----- linkbnr -----*/	
ul.leftbnr { text-align: center; margin: 15px; }	
ul.leftbnr li { margin-bottom: 10px; }	
ul.leftbnr li img { width: 100%; max-width: 200px; }	
#contents .superSale a { color: #ba0100; }	
.superSale { font-weight: normal; font-size: 15px; display: none;}	
.dropup-menu .navimds.superSale{ display:block;}	
nav.arealist li.superSale { padding-left: 0; }	
nav.arealist li.superSale a { padding-left: 0; padding-right: 0; background: none; }	
nav.arealist li.superSale a:hover { background: #eee; }	
nav.arealist li.allarea { border-top: none; }	
nav.arealist li.allarea a { position: relative; display: block; }	
nav.arealist li.allarea a.noken { background-image: none; }	
nav.arealist li.allarea a.open { background-image: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1down.gif); }	
.area13 { line-height: 1.5; }	
.area13 > ul { display: none; }	
.area13 > .isShow { display: block; }

/* ----- bussinessRank -----*/
#bussRank .jdsCoponSwitch, #leisureRank .jdsCoponSwitch, .showMore { background: #c9c9c9; margin: 0 10px; font-weight: bold; text-align: center; padding: 8px 0; cursor: pointer; }

#bussRank .jdsCoponSwitch span, #leisureRank .jdsCoponSwitch span, .showMore span { line-height: 1em; display: inline-block; padding-right: 20px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/markplus.png) bottom right no-repeat; }

.showMore { background-color: transparent; padding: 0; }

.showMore div { display: inline-block; width: 100%; height: 40px; padding: 8px 0; background-color: #c9c9c9; }

.disMore { display: block; }

#bussRank .active-submenu span, #leisureRank .active-submenu span { background-image: url(https://img.travel.rakuten.co.jp/superdeal/images/base/markminus.png); }

#bussRank .htlBox, #leisureRank .htlBox { position: relative; margin-top: 45px; }



/* btm_nav */
.btmNav { position: fixed;z-index: 9999;bottom: 0; background-color:#ba0100;}

/* エリア検索リスト*/
@media screen and (min-width:0px) and (max-width:720px) { 
.btmNav{ width:232%;}
}
.btmNav .dropup-menu { 
    display: none; 
    /* box-shadow: 0px 3px 15px #999;  */
    position: absolute;
    bottom: 100%;
    width: 43.1%;
    border: 1px solid #ba0100;
    background-color:
    #fff;
    z-index: 9999; }

.btmNav .dropup-menu a { position: relative; }

.btmNav .dropup-menu li { text-align: center; margin: auto; padding: 0; }

.btmNav .dropup-menu li:first-child { text-align: center; }

.btmNav .dropup-menu li:first-child img { width: 5%; }

.btmNav .dropup-menu.areachos { padding-bottom: 5px; }

.btmNav .dropup-menu.areachos li { padding: 5px 0; }

.btmNav .dropup-menu.areachos li select { border-radius: 4px; padding: 10px; background-color: #f7f7f4; font-size: .9em; }

.btmNav .dropup-menu.areachos li.remindMsg { padding: 0; }

.btmNav .dropup-menu:last-of-type .close { padding: 8px 0; }

.btmNav .dropup-menu:last-of-type .close strong { padding: 3px 0 3px 29px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_search.png) 0 -1px/18px auto no-repeat; }

.btmNav .dropup-menu .close { position: relative; font-weight: bold; background-color: #f1f1f1; color: #ba0100; cursor: pointer; }

.btmNav .dropup-menu a, .btmNav .dropup-menu .close { display: block; padding: 3px 0; font-size: 15px; }

.btmNav .dropup-menu a em, .btmNav .dropup-menu .close em { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/close.gif) 0 0/100% 100%; }

.btmNav a.invoice:before { content: ''; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center; display: block; position: absolute; 
 width:16px; height:16px; left: calc( 50% - 60px); top: 5px; background-size: 100%; }


/* ナビゲーション枠*/
@media screen and (min-width: 720px) {
 .btmNav .column2 a {
    max-width: 720px;
  }
}
.btmNav .column2 a { float: left; width: 50%; box-sizing: border-box; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) -5px -5px no-repeat; position: relative; }

.btmNav .column2 a.invoice:before { top: 5px; }

.btmNav .column2 a.wid98 { width: 98%; }

.btmNav:after { content: ""; display: block; clear: both; }

.btmNav .isShow { display: block; }

.btmNav span.nv { float: left; display: block; max-width:10.8%; width:12.8%; padding:0; box-sizing: border-box; text-align: center; color: #fff; cursor: pointer; font-size: 12px; margin:0;
min-height:60px; border-right: 1px solid #fff;}
.btmNav span.nv.moreIco{ margin-right: 0;}
.btmNav span.nv a{ color:#fff!important; display: block; padding: 0; margin: 0;}
.btmNav span.nv  img{ display: block; margin: 5px auto;}

.btmNav.sp .btn {
    float: left;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    font-weight: normal;
text-align: center;
color:#fff;
    cursor: pointer;
    font-size: 12px;
}

@media screen and (max-width:330px) {
.btmNav span.nv {font-size: 10px;}
}
.btmNav span.nv a,.btmNav span.nv span{ display: block; padding: 0;}
.btmNav .btn em { display: inline-block; transform: rotate(0deg); transition: .3s; }

.btmNav .btn:first-child { border-right: 1px solid #f0f0f0; }

.btmNav .btn.btn2 { width: calc( (100% - 1px) / 2); }

.btmNav .btn.btn3 { width: 33.33%; }

.btmNav .unchose { background-color: #333; }

.btmNav .chose { background-color: #ba0100; }

.btmNav .chose em { transform: rotate(180deg); }




#schPCSP{position: relative; bottom:0;width:92%; margin-left:auto;margin-right:auto;
    background-color:#fff;z-index:10;box-shadow:none;
    border: 1px solid#ba0100;left:0; display:block!important;}
#schPCSP .close { position: relative; text-align:center; font-weight:  bold;cursor: pointer; padding: 8px 0; width: 100%; display: block;color:#FFFFFF; background:#ba0100;}
#schPCSP .close em {

    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/close.gif) 0 0/100% 100%;

}
#schPCSP .close em {display:none;}
#schPCSP .close:after{ content:"+";color:#FFFFFF;position:absolute; border:1px solid #fff; padding:2px 5px 2px 5px; font-size:12px;top:5px; right:5px;display: none;}
#schPCSP .close.open:after{content:"-";}


#search-box{ position:relative;border: 0; margin: 0; text-align: left; }

#search-box #search-box-title, #search-box .searchCategory { display: none; }

#search-box .remindMsg { text-align: center; }

#search-box #search-box-body { display: block; }

#search-box #search-box-body #domestic-search-box { padding: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl { display: block; width: 96%; margin: auto; overflow: hidden; }
#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd { margin-bottom: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dt { padding-right: 20px; padding-top: 5px; display: block; overflow: hidden; }
#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select, #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd input, #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd a#dh-child-popup {
    margin-bottom: 4px;
    border: 1px solid #747474;
    background-color: #f7f7f4;
    border-radius: 6px;
    font-size: 16px!important;
}


#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.heyasu select { width: 85%; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number select { width:62px;font-size: 16px !important; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li { width: 48%; max-width: none; white-space: nowrap; text-align: left; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li a { width: 46%; display: inline-block; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li.adult { float: left; margin-top: 2px; padding-top: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li.child { float: right; margin-top: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.area select { font-size:16px!important; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.prcBox select { width: 65%;font-size:16px!important;}
.sltBox td{font-size:14px!important;}
.sltBox table select{font-size:16px!important;}
#search-box p.searchSubmit { display: block; overflow: hidden; width: 160px; margin:0 auto 2px auto; }

#search-box p.searchSubmit a { border-radius: 100px; border: 0; padding:6px 0; width: 160px; margin:2px auto 8px auto; font-size: 100%;}
#search-box .inputDate,#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select{ font-size: 13px;}
#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl.structure.structure2.lft{ width: 46%; float: left; margin-left: 2%;}
.hasDatepicker{ padding: 1px 3px;}
#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select{ height: 30px;border-radius:4px;font-size: 16px!important;}
#search-box .number ul li.child a{ line-height: 1.2;}
body .childBox.popup-contents { z-index:999 !important; }


#search-box #search-box-body dl.structure label{ font-size: 14px;}
@media screen and (max-width:330px) {
#search-box #search-box-body dl.structure label{ font-size: 12px;}
}
#ui-datepicker-div{z-index:9999999999999999999!important; }

.jdsAlwaysFix2.end { display: none !important; }

.rt-footer { z-index: 1 !important; }

/*# sourceMappingURL=contents_sp_j.css.map */

.mt10{ margin-top:10px!important;}
.arealist.kenlist{ bottom: 1px!important; width: 100%; z-index: 999;}
#showMsg{ display: none!important;}
#areanewplan .htlBox.htlBox33.swiper-slide { margin: 10px 10px 10px 0!important;}
#bussRank .htlBox.htlBox33.swiper-slide { margin:40px 10px 10px 0!important;}
#newPlan .htlBox.htlBox5.swiper-slide { margin: 10px 10px 10px 0!important;}
#bussRank .htlBox.htlBox5.swiper-slide { margin:40px 10px 10px 0!important;}
#leisureRank .htlBox.htlBox5.swiper-slide { margin:40px 10px 10px 0!important;}
.swiper-button-next,.swiper-button-prev{ display: none!important;}

#areanewplan .htlBox .rate a,#bussRank .htlBox .rate a,#leisureRank .htlBox .rate a,#newPlan .htlBox .rate a{ min-height: 23px;}
#areanewplan .htlBox.swiper-slide dl.return dd,#bussRank .htlBox.htlBox33.swiper-slide dl.return dd{ height:50px;padding:20px 0 0 0;}
#areanewplan .htlBox.swiper-slide dl.return dd em{ display: inline;}
#areanewplan .htlBox.swiper-slide dl.return dd span{ display: inline;}
#bussRank .htlBox.htlBox33.swiper-slide dl.return dd em{ display: inline;}
#bussRank .htlBox.htlBox33.swiper-slide dl.return dd span{ display: inline;}
#discover .hotels.jQnQj .htlBox33 dl.return dd span{ display: inline;}
#discover .hotels.jQnQj .htlBox33 dl.return dd em{ display: inline;}

#areanewplan .htlBox.htlBox33.swiper-slide h3,#leisureRank .htlBox.htlBox5.swiper-slide h3,#bussRank .htlBox.swiper-slide h3,#newPlan .htlBox.swiper-slide h3{ min-height:45px; line-height:15px;}
#leisureRank .htlBox p.area,#bussRank .htlBox p.area,#areanewplan .htlBox.htlBox33.swiper-slide .area,#newPlan .htlBox.swiper-slide .area{ min-height:40px;}
#leisureRank .htlBox h3.planName,#bussRank .htlBox.swiper-slide  h3.planName,#areanewplan .htlBox.htlBox33.swiper-slide  h3.planName,#newPlan .htlBox.swiper-slide h3.planName{ min-height:40px;}

#leisureRank .htlBox dl.return dd em,#newPlan .htlBox dl.return dd em,#bussRank .htlBox dl.return dd em{ display: inline;}
#leisureRank .htlBox dl.return dd span,#newPlan .htlBox dl.return dd span,#bussRank .htlBox dl.return dd span{ display: inline;}
#leisureRank .htlBox dl.return dd,#newPlan .htlBox dl.return dd,#bussRank .htlBox dl.return dd{ height:50px;padding:20px 0 0 0;}
#discover .hotels.jQnQj .htlBox33 dl.return dd{ height:50px;padding:20px 0 0 0;}
.htlBox .photo img{ max-width: 320px; margin-left: auto; margin-right: auto;display: block;}
.htlBox .rate a:before{ border: none;}

#search-box #f_chu{ margin-top: 5px; display:inline;}
#sevInfo h2{width: 100%!important;;margin-top: 0;padding-top: 30px;}
.btmNav .dropup-menu li.dealTop{ width:184px; float:none; margin-left: auto; margin-right: auto; clear: both;}
.btmNav .dropup-menu li.dealTop a{ float:none; width: 100%; margin:2px 0;background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) -5px -7px no-repeat;}
.btn.btn-default.moreIco.nv{
    border:none;
}

.planSearch p{ text-align: center; margin:15px 10px 0 10px;}
.planSearch p img.sp{ max-width:460px; margin: 0 auto; width: 100%;}


.tpr{  font-size: 14px; line-height: 1.8; text-align: center; margin: 16px 8px;}
.yobo{ background: #f2f2f2; overflow: hidden; padding-bottom: 24px;}
.yobo dt{ font-size: 20px; font-weight: bold; text-align: center; padding: 24px 16px 0;}
.yobo dd{ display: flex; justify-content: center; flex-wrap: wrap;}
.yobo dd img{ display: block; margin: 12px 6px 0; width: calc( 30% - 12px );}

#contents .jsTab .tab_navs{ padding-bottom: 35px;  margin-top: 32px; display: flex;}
#contents .jsTab .tab_navs span{ color: rgba(255, 255, 255, 0.4); display: block; width: 50%; padding:25px 0; text-align: center; font-size: 16px; font-weight: bold; position: relative;}
#contents .jsTab .tab_navs span:nth-child(1){ background: #c66c38;}
#contents .jsTab .tab_navs span:nth-child(2){ background: #59648e;}
#contents .jsTab .tab_navs span.active{ color: #fff;}
#contents .jsTab .tab_navs span.active:nth-child(1):after{ display: block; content: ""; background: url(../images/navActive1.png) no-repeat; background-size: 10px; width: 10px; height: 31px; position: absolute; left: 50%; margin-left: -5px; bottom: -31px;}
#contents .jsTab .tab_navs span.active:nth-child(2):after{ display: block; content: ""; background: url(../images/navActive2.png) no-repeat;  background-size: 10px; width: 10px; height: 31px; position: absolute; left: 50%; margin-left: -5px; bottom: -31px;}


.tab_content .ttls{ font-size: 17px; margin: 0 12px;}
.tab_content .ttls img{ width: 100%;}
.tab_content .pr{ font-size: 17px; margin-top: 20px; text-align: center; line-height: 1.8;}

.bgbox{ display: flex; flex-wrap: wrap; padding-bottom: 30px;}
.bgbox .photo img{ width: 100%;}
.leis{ background: #f5d9c9;
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 15%, #f5d9c9 15%, #f5d9c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 15%,#f5d9c9 15%,#f5d9c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 15%,#f5d9c9 15%,#f5d9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5d9c9',GradientType=1 ); /* IE6-9 */
}

.busi{ background: #d3e8fb;
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 15%, #d3e8fb 15%, #d3e8fb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 15%,#d3e8fb 15%,#d3e8fb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 15%,#d3e8fb 15%,#d3e8fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3e8fb',GradientType=1 ); /* IE6-9 */
}
tn{ font-size: 12px; text-align: center; margin:15px 0 0;}
.mapBox,.subphoto{ display: none !important;}


#sevInfo{ margin-top: 0px;}

.kv img{ width: 100%; margin-bottom: 10px;}
.ttl{ margin: 24px 8px 0; text-align: center; }
.ttl img{ width: 100%;}

/*ナビゲーション*/
@media screen and (max-width:720px){.nav  {max-width: 720px;}
}
.nav{  margin: 10px 1px 0; display: flex; justify-content: center; background: #fff;}
.nav li{ font-size: 14px; color: #054568; font-weight: bold; padding: 5px; margin: 10px 0; border-right: 1px solid #054568; width: 40%; display: flex; align-items: center; justify-content: center;}
ul .nav {display:flex;}
.nav li{
-webkit-transform: skewX(150deg);
-moz-transform: skewX(150deg);
transform: skewX(150deg);
border-right: 1px solid #054568;
}
.nav :last-child{ border-right: none;}
.nav a{
display:block;
transform: skewX(-150deg);
padding:0 10px;
}

@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 720px){   
  .pc { display:none; }
  .sp { display:block; }
}

.flex{
  padding: 2.5% 0;
  display: flex; 
  flex-direction: row;max-width: 100%;
 align-items:  flex-start;
}
.flex > *{
  width: 33%;padding: 1px; padding-left: 4px;max-width: 100%; }

.top .text{font-size: 11px; color:#054568; line-height: 2; text-align: center;}

/*  施設枠  */
@media screen and (max-width:720px){.h1  {max-width: 720px;}

.hotel1 {position: relative; width: 100%; margin-bottom: -50px;}
.hotel1 img { width: 100%;}
.hotel1 h1 {position: absolute; text-align: center; top: 2%; right: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel1 h2{position: absolute; text-align: left; top: 10%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel1 h3{position: absolute; text-align: left; top: 17%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel1 h4{position: absolute; text-align: left; top: 24%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel1 .text1 p{position: absolute; text-align: left; top: 11%;left: 33%;font-size: 10px;color: #ffffff;}
.hotel1 .text2 p{position: absolute; text-align: left; top: 18%;left: 33%;font-size: 10px;color: #ffffff;}
.hotel1 .text3 p{position: absolute; text-align: left; top: 25%;left: 33%;font-size: 10px;color: #ffffff;}
.hotel1 .swiper-container{width:70%;  height:auto; padding-bottom: 25px;max-width: 100%;}
.hotel1 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel1 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: 10%;  margin:0 auto; clear:both; overflow: hidden;}
.hotel1 .link-l img{position: absolute; text-align: right; top: 80%; left: 30%; width:70px;}
.hotel1 .link-r img{ position: absolute; text-align: right; top: 79.9%; left: 60%; width: 112px;}


.hotel2 {position: relative; width: 100%;  margin-bottom:-70px;}
.hotel2 img { width: 100%;}
.hotel2 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel2 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel2 h3{position: absolute; text-align: left; top: 17%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel2 h4{position: absolute; text-align: left; top: 24%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel2 .text1 p{position: absolute; text-align: left; top: 11%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel2 .text2 p{position: absolute; text-align: left; top: 18%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel2 .text3 p{position: absolute; text-align: left; top: 25%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel2 .swiper-container{width:70%;  height:auto;  left: 175px; padding-bottom: 25px;max-width: 100%;}
.hotel2 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important;border-radius:0px;}
.hotel2 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: -10%; margin:0 auto; clear:both; overflow: hidden;}
.hotel2 .link-l img{position: absolute; text-align: left; top: 80%;left: 5%; width: 70px;}
.hotel2 .link-r img{position: absolute; text-align: left; top: 80%;left: 35%;width: 112px;}
 
 
.hotel3 {position: relative;width: 100%; margin-bottom: -50px;}
.hotel3 img { width: 100%;}
.hotel3 h1 {position: absolute; text-align: center; top: 2%; right: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel3 h2{position: absolute; text-align: left; top: 10%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel3 h3{position: absolute; text-align: left; top: 17%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel3 h4{position: absolute; text-align: left; top: 24%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel3 .text1 p{position: absolute; text-align: left; top: 11%;left: 33%;font-size: 10px;color: #ffffff;}
.hotel3 .text2 p{position: absolute; text-align: left; top: 18%;left: 33%;font-size: 10px;color: #ffffff;}
.hotel3 .text3 p{position: absolute; text-align: left; top: 25%;left: 33%;font-size: 10px;color: #ffffff;}
.hotel3 .swiper-container{width:70%;  height:auto; padding-bottom: 25px;max-width: 100%;}
.hotel3 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important;  border-radius:0px;}
.hotel3 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: 10%;  margin:0 auto; clear:both; overflow: hidden;}
.hotel3 .link-l img{position: absolute; text-align: right; top: 80%; left: 30%; width:70px;}
.hotel3 .link-r img{ position: absolute; text-align: right; top: 79.6%; left: 60%; width: 112px;}

.hotel4 {position: relative; width: 100%;  margin-bottom: -50px;}
.hotel4 img { width: 100%;}
.hotel4 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel4 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel4 h3{position: absolute; text-align: left; top: 17%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel4 h4{position: absolute; text-align: left; top: 24%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel4 .text1 p{position: absolute; text-align: left; top: 11%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel4 .text2 p{position: absolute; text-align: left; top: 18%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel4 .text3 p{position: absolute; text-align: left; top: 25%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel4 .swiper-container{ width:70%;  height:auto;  left: 175px; padding-bottom: 25px;max-width: 100%;}
.hotel4 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel4 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: -10%; margin:0 auto; clear:both; overflow: hidden;}
.hotel4 .link-l img{position: absolute; text-align: left; top: 80%;left: 5%; width: 70px;}
.hotel4 .link-r img{position: absolute; text-align: left; top: 79.6%;left: 35%;width: 112px;}

.hotel5 {position: relative; width: 100%; margin-bottom:-50px;}
.hotel5 img { width: 100%;}
.hotel5 h1 {position: absolute; text-align: center; top: 2%; right: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel5 h2{position: absolute; text-align: left; top: 10%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel5 h3{position: absolute; text-align: left; top: 17%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel5 h4{position: absolute; text-align: left; top: 24%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel5 .text1 p{position: absolute; text-align: left; top: 11%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel5 .text2 p{position: absolute; text-align: left; top: 18%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel5 .text3 p{position: absolute; text-align: left; top: 25%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel5 .swiper-container{width:70%;  height:auto; padding-bottom: 25px;max-width: 100%;}
.hotel5 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel5 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: 10%;  margin:0 auto; clear:both; overflow: hidden;}
.hotel5 .link-l img{position: absolute; text-align: right; top: 80%; left: 30%; width:70px;}
.hotel5 .link-r img{ position: absolute; text-align: right; top: 79.6%; left: 60%; width: 112px;}

.hotel6 {position: relative; width: 100%; margin-bottom: -50px;}
.hotel6 img { width: 100%;}
.hotel6 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel6 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel6 h3{position: absolute; text-align: left; top: 17%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel6 h4{position: absolute; text-align: left; top: 24%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel6 .text1 p{position: absolute; text-align: left; top: 11%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel6 .text2 p{position: absolute; text-align: left; top: 18%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel6 .text3 p{position: absolute; text-align: left; top: 25%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel6 .swiper-container{ width:70%;  height:auto;  left: 175px; padding-bottom: 25px;max-width: 100%;}
.hotel6 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel6 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: -10%; margin:0 auto; clear:both; overflow: hidden;}
.hotel6 .link-l img{position: absolute; text-align: left; top: 80%;left: 5%; width: 70px;}
.hotel6 .link-r img{position: absolute; text-align: left; top: 79.6%;left: 35%;width: 112px;}

.hotel7 {position: relative; width: 100%; margin-bottom: -50px;}
.hotel7 img { width: 100%;}
.hotel7 h1 {position: absolute; text-align: center; top: 2%; right: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel7 h2{position: absolute; text-align: left; top: 10%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel7 h3{position: absolute; text-align: left; top: 17%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel7 h4{position: absolute; text-align: left; top: 24%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel7 .text1 p{position: absolute; text-align: left; top: 11%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel7 .text2 p{position: absolute; text-align: left; top: 18%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel7 .text3 p{position: absolute; text-align: left; top: 25%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel7 .swiper-container{width:70%;  height:auto; padding-bottom: 25px;max-width: 100%;}
.hotel7 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel7 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: 10%;  margin:0 auto; clear:both; overflow: hidden;}
.hotel7 .link-l img{position: absolute; text-align: right; top: 80%; left: 30%; width:70px;}
.hotel7 .link-r img{ position: absolute; text-align: right; top: 79.6%; left: 60%; width: 112px;}

.hotel8 {position: relative; width: 100%; margin-bottom: -50px;}
.hotel8 img { width: 100%; }
.hotel8 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel8 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel8 h3{position: absolute; text-align: left; top: 17%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel8 h4{position: absolute; text-align: left; top: 24%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel8 .text1 p{position: absolute; text-align: left; top: 11%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel8 .text2 p{position: absolute; text-align: left; top: 18%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel8 .text3 p{position: absolute; text-align: left; top: 25%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel8 .swiper-container{ width:70%;  height:auto;  left: 175px; padding-bottom: 25px;max-width: 100%;}
.hotel8 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel8 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: -10%; margin:0 auto; clear:both; overflow: hidden;}
.hotel8 .link-l img{position: absolute; text-align: left; top: 80%;left: 5%; width: 70px;}
.hotel8 .link-r img{position: absolute; text-align: left; top: 79.6%;left: 35%;width: 112px;}


.hotel9 {position: relative; width: 100%;  margin-bottom: -50px;}
.hotel9 img { width: 100%;}
.hotel9 h1 {position: absolute; text-align: center; top: 2%; right: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel9 h2{position: absolute; text-align: left; top: 10%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel9 h3{position: absolute; text-align: left; top: 17%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel9 h4{position: absolute; text-align: left; top: 24%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel9 .text1 p{position: absolute; text-align: left; top: 11%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel9 .text2 p{position: absolute; text-align: left; top: 18%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel9 .text3 p{position: absolute; text-align: left; top: 25%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel9 .swiper-container{width:70%;  height:auto; padding-bottom: 25px;max-width: 100%;}
.hotel9 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel9 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: 10%;  margin:0 auto; clear:both; overflow: hidden;}
.hotel9 .link-l img{position: absolute; text-align: right; top: 80%; left: 30%; width:70px;}
.hotel9 .link-r img{ position: absolute; text-align: right; top: 79.6%; left: 60%; width: 112px;}


.hotel10 {position: relative; width: 100%;  margin-bottom: -50px;}
.hotel10 img { width: 100%;}
.hotel10 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel10 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel10 h3{position: absolute; text-align: left; top: 17%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel10 h4{position: absolute; text-align: left; top: 24%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel10 .text1 p{position: absolute; text-align: left; top: 11%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel10 .text2 p{position: absolute; text-align: left; top: 18%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel10 .text3 p{position: absolute; text-align: left; top: 25%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel10 .swiper-container{ width:70%;  height:auto;  left: 175px; padding-bottom: 25px;max-width: 100%;}
.hotel10 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel10 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: -10%; margin:0 auto; clear:both; overflow: hidden;}
.hotel10 .link-l img{position: absolute; text-align: left; top: 80%;left: 5%; width: 70px;}
.hotel10 .link-r img{position: absolute; text-align: left; top: 79.6%;left: 35%;width: 112px;}

.hotel11 {position: relative; width: 100%;  margin-bottom: -50px;}
.hotel11 img { width: 100%;}
.hotel11 h1 {position: absolute; text-align: center; top: 2%; right: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 280px; padding-bottom: 2px;} 
.hotel11 h2{position: absolute; text-align: left; top: 10%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel11 h3{position: absolute; text-align: left; top: 17%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel11 h4{position: absolute; text-align: left; top: 24%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel11 .text1 p{position: absolute; text-align: left; top: 11%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel11 .text2 p{position: absolute; text-align: left; top: 18%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel11 .text3 p{position: absolute; text-align: left; top: 25%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel11 .swiper-container{width:70%;  height:auto;padding-bottom: 25px;max-width: 100%;}
.hotel11 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important;border-radius:0px;}
.hotel11 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: 10%;  margin:0 auto; clear:both; overflow: hidden;}
.hotel11 .link-l img{position: absolute; text-align: right; top: 80%; left: 30%; width:70px;}
.hotel11 .link-r img{ position: absolute; text-align: right; top: 79.6%; left: 60%; width: 112px;}

.hotel12 {position: relative; width: 100%;  margin-bottom: -50px;}
.hotel12 img { width: 100%;}
.hotel12 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel12 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel12 h3{position: absolute; text-align: left; top: 17%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel12 h4{position: absolute; text-align: left; top: 24%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel12 .text1 p{position: absolute; text-align: left; top: 11%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel12 .text2 p{position: absolute; text-align: left; top: 18%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel12 .text3 p{position: absolute; text-align: left; top: 25%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel12 .swiper-container{ width:70%;  height:auto;  left: 175px; padding-bottom: 25px;max-width: 100%;}
.hotel12 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel12 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: -10%; margin:0 auto; clear:both; overflow: hidden;}
.hotel12 .link-l img{position: absolute; text-align: left; top: 80%;left: 5%; width: 70px;}
.hotel12 .link-r img{position: absolute; text-align: left; top: 79.6%;left: 35%;width: 112px;}

.hotel13 {position: relative; width: 100%; margin-bottom: -50px;}
.hotel13 img { width: 100%;}
.hotel13 h1 {position: absolute; text-align: center; top: 2%; right: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 280px; padding-bottom: 2px;} 
.hotel13 h2{position: absolute; text-align: left; top: 10%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel13 h3{position: absolute; text-align: left; top: 17%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel13 h4{position: absolute; text-align: left; top: 24%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel13 .text1 p{position: absolute; text-align: left; top: 11%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel13 .text2 p{position: absolute; text-align: left; top: 18%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel13 .text3 p{position: absolute; text-align: left; top: 25%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel13 .swiper-container{width:70%;  height:auto; padding-bottom: 25px;max-width: 100%;}
.hotel13 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel13 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: 10%;  margin:0 auto; clear:both; overflow: hidden;}
.hotel13 .link-l img{position: absolute; text-align: right; top: 80%; left: 30%; width:70px;}
.hotel13 .link-r img{ position: absolute; text-align: right; top: 79.6%; left: 60%; width: 112px;}

.hotel14 {position: relative; width: 100%; margin-bottom: -50px;}
.hotel14 img { width: 100%;}
.hotel14 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 250px; padding-bottom: 2px;} 
.hotel14 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel14 h3{position: absolute; text-align: left; top: 17%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel14 h4{position: absolute; text-align: left; top: 24%;left: 3%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel14 .text1 p{position: absolute; text-align: left; top: 11%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel14 .text2 p{position: absolute; text-align: left; top: 18%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel14 .text3 p{position: absolute; text-align: left; top: 25%;left: 8%;font-size: 10px;color: #ffffff;}
.hotel14 .swiper-container{width:70%;  height:auto;  left: 175px; padding-bottom: 25px; max-width: 100%;}
.hotel14 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel14 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: -10%; margin:0 auto; clear:both; overflow: hidden;}
.hotel14 .link-l img{position: absolute; text-align: left; top: 80%;left: 5%; width: 70px;}
.hotel14 .link-r img{position: absolute; text-align: left; top: 79.6%;left: 35%;width: 112px;}

.hotel15 {position: relative; width: 100%; margin-bottom: -50px;}
.hotel15 img { width: 100%;}
.hotel15 h1 {position: absolute; text-align: center; top: 2%; right: 3%;font-size: 13px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 280px; padding-bottom: 2px;} 
.hotel15 h2{position: absolute; text-align: left; top: 10%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel15 h3{position: absolute; text-align: left; top: 17%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel15 h4{position: absolute; text-align: left; top: 24%; left: 28%;font-size: 17px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel15 .text1 p{position: absolute; text-align: left; top: 11%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel15 .text2 p{position: absolute; text-align: left; top: 18%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel15 .text3 p{position: absolute; text-align: left; top: 25%; left: 33%;font-size: 10px;color: #ffffff;}
.hotel15 .swiper-container{width:70%;  height:auto; padding-bottom: 25px;max-width: 100%;}
.hotel15 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; border-radius:0px;}
.hotel15 .widebox{position:absolute; top: 32%; width: 100%; height: auto; left: 10%;  margin:0 auto; clear:both; overflow: hidden;}
.hotel15 .link-l img{position: absolute; text-align: right; top: 80%; left: 30%; width: 70px;}
.hotel15 .link-r img{ position: absolute; text-align: right; top: 79.6%; left: 60%; width: 112px;}

 /* 施設枠内スライダー*/
.jdsSwiper, .swiper-container {position: relative; max-width: 100%; box-sizing: border-box; }

/*.widebox{position:absolute; top: 115px; width: 300px; height: 175px; margin:0 auto; clear:both; overflow: hidden;}*/
.swiper-pagination-bullet{ background: #02293f !important;}
.swiper-pagination-bullet-active{ background: #ffffff !important;}
.swiper-pagination-bullet { width: 30px !important; height: 2.0px !important; border-radius:0px !important; }

 .wrap {overflow: hidden;}

}
/* =====20210317 by 277===== */
#keyVisual div ul.ptexp .jdsCoponSwitch,
#keyVisual div ul.ptexp .foreg{
	display: none!important;
}

#topLogo {
    position: relative;
    padding: 12px;
      border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  background-color: #fff;
}
#topLogo img{max-width: 100%;}

#OVERVIEW .holder {
  background-color: #FFF;
  margin: 24px 16px 0;
  padding: 16px;
  padding-bottom: 0;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
}
#OVERVIEW .holder .title {
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
  font-weight: bold;
}
#OVERVIEW .holder .title span {
  display: block;
  font-size: 14px;
  padding-bottom: 8px;
}
#OVERVIEW .holder dl {
  line-height: 1.6;
  padding-bottom: 4px;
}
#OVERVIEW .holder dl:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
}
#OVERVIEW .holder dl dt {
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
}
#OVERVIEW .holder dl dd span {
  display: inline-block;
  font-weight: bold;
  padding: 4px 8px;
  background: #ebebeb;
  font-weight: 400;
}
#OVERVIEW .holder dl dd p {
  padding: 4px 0 14px;
  font-weight: 300;
}
#OVERVIEW .holder dl dd p em {
  font-style: normal;
  text-decoration: underline;
}
#OVERVIEW .holder dl dd a {
  text-decoration: underline;
}
#OVERVIEW h2 {
    text-align: center;
    font-weight: 500;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    color: #bf0000;
    font-size: 20px;
    display: flex;align-items: center ; justify-content: center;
}

#OVERVIEW h2 img{width: auto;}
#OVERVIEW{padding-top: 20px;}
#survey-list *{box-sizing: content-box !important;}