@charset "Shift_JIS";
/*===========================
20200529 s-sato
‹óÈƒJƒŒƒ“ƒ_[ 
“y—j“úE‰·òEo’£ ‹¤’Êcss
===========================-*/
html,body{font-family:Lucida Grande,Hiragino Kaku Gothic ProN,"ƒqƒ‰ƒMƒmŠpƒS ProN W3",Meiryo,"ƒƒCƒŠƒI","‚l‚r ‚oƒSƒVƒbƒN",MS P Gothic,sans-serif}
.rt-header {margin-bottom: 10px;}
div#grpheaderArea,div#grpRakutenLinkArea{display:none}
div#wrapper{width:100%}
div#allComment{padding:10px 10px 0}
p#pageExplain{line-height:1.6}
div#naviArea dl#areaMenu dd ul{padding:0 0 15px 0;border:none;background:none}
div#naviArea dl#areaMenu dd ul li{font-size:85%;margin:1% 0;width:calc(50% - 10px);box-sizing:border-box;text-align:center;border-radius:5px;width:32%;min-height:42px}
div#naviArea dl#areaMenu dd ul li a{padding:12px 0;border:1px solid #848484;border-radius:5px}
div#naviArea dl#areaMenu dd ul li.manuActive{padding:12px 0;border:1px solid #848484}
div#naviArea dl#prefectureMenu{padding:0}
div#naviArea dl#prefectureMenu dt{width:100%;text-align:center;float:none;padding:0;line-height:2.6;font-size:110%;color:#292929;letter-spacing:.1em;background:#f3f3f3;background:-moz-linear-gradient(top,#e0e0e0 1%,#f3f3f3 100%);background:-webkit-linear-gradient(top,#e0e0e0 1%,#f3f3f3 100%);background:linear-gradient(to bottom,#ededed 1%,#f2f2f2 100%)}
div#naviArea dl#prefectureMenu dd{padding:0;margin:0}
div#naviArea dl#prefectureMenu dd ul li{display:inline-block;background-position:0 7px;margin:10px 10px 5px;padding:0 0 0 8px;font-size:90%}
#middleArea{padding:10px 5px 0}
div.prefectureList{margin-bottom:10px;width:auto;overflow-x:scroll}
div.prefectureList::-webkit-scrollbar{height:10px}
div.prefectureList::-webkit-scrollbar-track{background:#ddd}
div.prefectureList::-webkit-scrollbar-thumb{background:#2cc2e4}
div.prefectureList th.area{width:100%}
div.prefectureList table{background:#fff;border-collapse:separate}
.prefectureList tbody tr>th:nth-child(1){width:100px;height:65px;display:flex;align-items:center;position:absolute;left:0;z-index:100;padding:5px;background-color:#fff;box-sizing:border-box;vertical-align:middle;border-right:1px solid #ccc;line-height:1.3}
.prefectureList tbody tr>th.areasai:nth-child(1){padding-left:17px}
.prefectureList tbody tr:nth-child(1)>th:nth-child(1){background:#e6e6e6}
.prefectureList tbody tr>th:nth-child(n+2){left:97px;position:relative;min-width:40px;padding:8px 4px;box-sizing:border-box}
.prefectureList tbody tr>td{left:98px;position:relative;padding:5px 5px;width:40px;height:65px;box-sizing:border-box}
div.prefectureList td a{padding:0;text-align:center}
div.prefectureList td a:hover{background:none;color:#00e}
div.prefectureTitle{margin:0;font-size:100%;padding:8px 10px;background-color:#70ad2e}
div.prefectureTitle h2{float:none;font-size:105%}
div.prefectureTitle h2 span.subTitle{font-size:80%}
div.prefectureTitle p.subTime{float:none;font-size:80%}
div.prefectureSelect{margin:0}
div.prefectureSelect p.prefectureAttention{position:relative;padding:5px 5px 10px}
div#allArea{box-sizing:border-box;width:100%;overflow:hidden;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:space-between}
div.prefectureSelect ul.selectNumber{padding:0 0 0 10px}
div.prefectureSelect ul.selectNumber li{font-size:86%}
div.prefectureSelect ul.selectNumber li a{padding:4px 0 6px}
div.prefectureSelect ul.selectNumber li.selectActive{padding:3px 0 6px;vertical-align:bottom;box-sizing:border-box;height:26px;background-color:#d1f1ad}
div.prefectureNote p.listAttention{padding:5px 10px}
div.prefectureNote p.pagetop{padding:0 10px 0 0}
div.prefectureNote ul.listExplain li{display:inline-block;padding:0 10px 5px 10px}
div#banner img{width:100%;height:auto}
/*o’£ƒy[ƒW*/
div.prefectureSelect ul.selectTerm{display:flex;flex-wrap:wrap;background:#d1f1ad}
div.prefectureSelect ul.selectTerm li{width:50%;box-sizing:border-box;padding:5px 5px 10px 5px}
/*‰·òƒy[ƒW*/
#hotelCategory{padding:0 10px}
div.prefectureTitle.onsenAreaName{background-color:#804048}
div.onsenSelect ul.selectTerm {display: flex;flex-wrap: wrap;background: #fbf5ea;}
div.prefectureSelect.onsenSelect ul.selectNumber li.selectActive{background-color:#fbf5ea}
