@charset "utf-8";

/*
 * CSS for SmartPhone
 * @date     2023.01
 * @author   lizun
 */
 .pc{display: none;}
 #contentsArea { background-image: url(https://img.travel.rakuten.co.jp/award/2025/images/bg_all.jpg); background-size: 150%; background-repeat: no-repeat; background-position: top center; background-color:#fcfaee;}

/* ----kv---- */
#keyVisual{ width: 100%; margin-bottom: 0;}
#keyVisual h1{ width: auto; text-indent:inherit;padding: 24px; text-align: center;}
#keyVisual h1 img{ width: 100%; max-width: 592px;}
#keyVisual p { margin: 0 16px 24px; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;  font-size: 14px; line-height:24px; color: #98730F;}
#keyVisual.sub h1    { margin: 0 auto; text-align: center;}
#keyVisual.sub h1 img{ width: 100%; max-width:200px;}


/* ----共通---- */
.blocks {overflow: hidden; margin-bottom: 24px;}
.blocks h2.tlt { display: block; padding: 0 16px; text-align: center;}
.blocks h2.tlt img {width:100%;}
.totop   {right:10px; bottom:0; z-index:99;}
.totop a { display: block; width: 30px; background: #aa800e; border-radius: 50%; padding: 15px; margin-top: 8px;}
.totop.top   {right:10px; bottom:16px; z-index:99;}
.totop a.maintop { display: none !important;}
.totop img{ width: 100%;}
.note { font-size: 14px; line-height: 24px; color: #98730F; margin:0 8px 24px;}
.surveyArea{ background-color: #fff;}


.hotels a.hotelimg{ display: block;} 
.black {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999998
}
.popUpplan {
    width: 90%;
    left: 5%;
    position: absolute;
    top: 15%;
    background: #fff;
    z-index: 99999999;
    border-radius: 12px
}
.popUpplan p {
    padding: 40px;
    overflow: hidden;

}

.popUpplan span {
    display: block;
    position: absolute;
    cursor: pointer;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    text-indent: -9999999px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDQkFCQ0Q3RDFDQjlFNzExQkU4MzlENTQwRkQ2QUVGQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRDREQjM5M0I5MUQxMUU3OEYyMUJERUQ3NkVCQzYwMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRDREQjM5MkI5MUQxMUU3OEYyMUJERUQ3NkVCQzYwMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNCQUJDRDdEMUNCOUU3MTFCRTgzOUQ1NDBGRDZBRUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNCQUJDRDdEMUNCOUU3MTFCRTgzOUQ1NDBGRDZBRUZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+hTe0FQAAAu5JREFUeNrEV99LU1Ec/253OV01EpwtZrKZzD9gzejXCJQCIwiEnhoJ5bvgS+GDDJGeBor4tIRgDz7YWz9GpCAuMgvxVVaTNRzljEbgksnm+n4PZ+N2d+/uuTjpOz5wds7n+/3ce3587/eYPJ898D/MIsgzIa4jbiOuIroRrXwsh/iK+IB4hYgjyroBdd7YjBhCPOFiIkYP8RTxHHFYL7CW0RN9RMwZEAXOneO+HqPCNxCfEP4jLKOfxwiICt9EvEW0NWAPUYx3iFt6wj2IF4imBm7gJh6zR0tYQkQRp+WEFlMLeE94cftbBI6IhXHJR2GneGxJTfiB2prazXYId4Vhvnu+rqhTcjIOcclHY82HlMImfmRqbKe0A8u5ZfCd8UHEHdEUnjg/wTjEJR8Ne8y1qsKBekcmnA3D0s8l6GvrUxWnPhojDnF1jlpALjygt37DqeGqeOhcqNpP7YoocQRsQJ4yr4h4UOAI/oKuIGwXtqHD2sHaa7k1UVGyy/KU+QNxVsTLZXFB1BuFdms7+58tZCGYCEKmmBEVpg3grEx1q6gXCcRzcbBJNgZqGxCtapmNZoP+k/0w6ByE1J8UA7Wpz6iZZZ82IdEp7xTki3k2vaPJUdZPfQbEc3LhLyJrO9k1ydpjW2NsejcKGzCSGGF9NEYcAUvIhVf1shJtKIfVAaGtECzmF6tj1J7+Ns3GiENcHVuVC7+ux5zxzIDb5oZoJgoLvxdqE8ivCBsjDnF17I38HK/wyqEme3VaOqFZaobZ9GzdrDT+fRzrnTL47D7mky6mtaqTuLL0eYh4pmTSl8YhObQCgdqD7pZ2Yb+8rzb8iFcn/whLvFy5eEyF5TriEqKkPMfUEUTsHYMoxbxfEVVLIJuIe4iDBooe8JibejVXDHG3QW++x2PFRKvMGK8Y1o+4pn41Ub1cTVPTy3d70oBgkvv0KqfXyE1C/oDXEHf4t/uC4gqT5FeYl4j39W4QRu9OhzzJrDRqx/0VYACX4eTNVj9Z7QAAAABJRU5ErkJggg==') no-repeat
}
.popUpplan ul   { width:100%; overflow: hidden; border-top: 1px solid #333;}
.popUpplan ul li{ width:  calc(100% - 1px); float: left; border-left: 1px solid #333;}
.popUpplan a { display: block; width: calc(100% - 33px); background: url(https://img.travel.rakuten.co.jp/award/2024/images/map_arr.png) no-repeat 95% 50%;border-bottom: 1px solid #333; border-right: 1px solid #333; padding: 16px; float: left; text-align: left; color: #333 !important;}
.popUpplan a.nolink {position: relative; pointer-events: none;}
.popUpplan a.nolink::after { display: block; position: absolute; width: 100%; height:68px ; top: 0; left: 0; content: ""; background: rgba(0, 0, 0, .5); z-index: 9;}

.sidebar { position: fixed; width: calc(100% - 80px); left: 0; bottom: 0; overflow: hidden; z-index: 10000;font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif; }
.sidebar h2 { display: block; position: relative; float: left; background: #aa800e; text-align: center;padding: 16px;font-size: 21px;  cursor: pointer; color: #fff; width:100%; height:60px; box-sizing: border-box;}
.sidebar h2::after {position: absolute; display: block; content: ""; background:url(https://img.travel.rakuten.co.jp/award/2025/images/subnav_arr.png) no-repeat; background-size: 24px 24px; width: 24px; height: 24px; top: 50%; margin-top: -12px; right: 12px;}
.sidebar ul { overflow: hidden; background: #fff;border: 1px solid #aa800e;padding:8px;}
.sidebar ul li { width:100%; float: left;}
.sidebar ul li a { display: block; font-size: 14px; padding: 8px 0;color: #aa800e !important;}
.sidebar ul li a.gold   { color: #aa800e !important;}
.sidebar ul li a.silver { color: #696A69 !important;}
.sidebar ul li a.bronze { color: #975530 !important;}
.sidebar ul li a.jstyle { color: #2B7624 !important;}
.sidebar ul li a.ryokan { color: #483e26 !important;}
.sidebar ul li.sp a { text-align: center; color: #aa800e !important; padding: 16px 8px;}
.sidebar img { width: 100%; float: left;}


/* ----Rakuten Travel Hotel & Ryokan of the Year 2024---- */
.hotels section.plan { width: calc(100% - 16px); margin: 0 8px 8px; margin-bottom: 14px; background: #fff; overflow: hidden;}

.hotels ul.jdsSlides { width: 100%; overflow: hidden; position: relative;}
.hotels ul.jdsSlides img{ width: 100%;}

.hotels div.planinfo {width: 100%; overflow: hidden; padding: 20px 0 24px 0;font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
.hotels .area { text-align: center; font-size: 14px;}
.hotels .htlname{ font-weight: bold; text-align: center; font-size: 18px; line-height: 24px; padding: 16px 16px 0;}
.hotels .btn {width: calc(100%-32px); margin:0 16px 24px 16px; overflow: hidden; display: flex; justify-content: center;}
.hotels .btn li { width: 46%; margin:0 2%;}
.hotels .btn li a { display: block; width: 100%; border-radius: 6px; padding:12px 0; text-align: center; color: #fff !important; background-color:#483e26;}
.gold .btn li a { background-color:#C49E02 !important;}
.silver .btn li a { background-color:#696A69 !important;}
.jstyle .btn li a { background-color:#387E31 !important;}

.hotels section.column1 { width: calc(100% - 16px); background: #fff; overflow: hidden; margin:24px 8px 0; position: relative;}
.hotels section.column1 ul.jdsSlides { width: 100%; float: left; position: relative; background-color: #ccc;}
.hotels section.column1 ul.jdsSlides li { background: #ccc;}
.hotels section.column1 ul.jdsSlides img{ width: 100%;}

.hotels section.column1 div.planinfo {width: 100%; position: relative; float:right; padding: 24px 0; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
.hotels section.column1 div.planinfo .area   { color: #483e26; font-size: 16px;}
.hotels section.column1 div.planinfo .htlname{ color: #483e26; padding: 16px 0; font-size: 21px; line-height: 150%;}
.hotels section.column1 div.planinfo .explain{ display:none; position: relative; text-align: center; line-height: 150%; color: #825C11; font-size: 14px; padding: 32px 16px; background: url(https://img.travel.rakuten.co.jp/award/2025/images/line_ryokan_top.png) no-repeat top center;}
.hotels section.column1 div.planinfo .explain::before {display: block; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 20px; background: url(https://img.travel.rakuten.co.jp/award/2025/images/line_ryokan_btm.png) no-repeat bottom center;}
.hotels section.column1 .rank { text-align: center; color: #95711A; font-size: 24px; font-weight: bold; margin:0 0 24px; position: relative;}
.hotels section.column1 .rank span{ font-size: 28px;}
.hotels section.column1 .rank em { display: block; font-size: 16px;}
.hotels section.column1 .hotelimg { display: block; position: relative;}
.hotels section.column1 .rank:after { display: block; position: absolute; content: ""; top: -10px; left:50%; margin-left: -170px; width: 81px; height: 81px; z-index: 99;}
.hotels section.column1 .rank.first:after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan1st.png) no-repeat; background-size: cover;}
.hotels section.column1 .rank.second:after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan2nd.png) no-repeat; background-size: cover;}
.hotels section.column1 .rank.third::after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan3rd.png) no-repeat; background-size: cover;}
.hotels section.column1 .chiikiinfo {width:100%; position: relative; float:right; padding: 24px 0; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif; }
.hotels section.column1 .chiikiinfo .area { font-size: 18px;font-weight: bold;}
.hotels section.column1 .chiikiinfo .explain {display: block;line-height: 150%; font-size: 14px; padding:16px;}
.hotels section.column1 .chiikiinfo ul.btn { justify-content: center;}
.hotels section.column1 .chiikiinfo ul.btn li {  width: 90%;}

.hotels section.column1 img.chiikimap { width: 100%; float: left;}

.bronze .jdsCoponSwitch { background-color: #975530;}
.bronze .jdsCoponSwitch.active-submenu { background: url(https://img.travel.rakuten.co.jp/award/2025/images/close.png) no-repeat 96% 50% #975530;}
.jstyle .jdsCoponSwitch { background-color: #387E31;}
.jstyle .jdsCoponSwitch.active-submenu { background: url(https://img.travel.rakuten.co.jp/award/2025/images/close.png) no-repeat 96% 50% #387E31;}
.jdsCoponSwitch { width:calc(100% - 16px); overflow: hidden; margin:0 8px 1px; background: url(https://img.travel.rakuten.co.jp/award/2025/images/open.png) no-repeat 96% 50%; font-size: 16px; text-align: center; color: #fff; font-weight: bold; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;  padding: 16px 0;}
.hotellists { width:100%; margin: 24px 0 0; overflow: hidden;}
.hotellists ul {width:calc(100% - 16px); padding: 8px 8px 24px; float: left; overflow: hidden;}
.hotellists ul li { width: 100%; margin: 2px 0; float: left; line-height: 18px; font-size: 14px; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
.hotellists ul li a {display: block; color: #000 !important;}
.hotellists h3.area{text-align: center; padding-top: 12px;}

/* ----受賞名から探す---- */
.awards { display: flex; justify-content: center; flex-wrap: wrap; margin: 24px 8px 0;}
.awards li { width: 50%;}
.awards li a { display: block; text-align: center;}
.awards li img { width: 100%; max-width: 384px;}

/* ----エリアから探す---- */
#MAP .jdsMapListMain { margin: 24px 8px 0; overflow: hidden; display: flex; justify-content: start; flex-wrap: wrap;}
#MAP .jdsMapListMain dl { width:calc(50% - 1px); margin: 0 1px 1px 0; overflow: hidden;}
#MAP .jdsMapListMain dl dt{ width: 100%; background:url(https://img.travel.rakuten.co.jp/award/2025/images/open.png) no-repeat 95% 50% #2B7624;border-right: 1px solid #2B7624; margin: 0;}
#MAP .jdsMapListMain dl dt.active-submenu { background:url(https://img.travel.rakuten.co.jp/award/2025/images/close.png) no-repeat 95% 50% #2B7624;}
#MAP .jdsMapListMain dl a { display: block;color: #fff !important; font-weight: bold; background:url(https://img.travel.rakuten.co.jp/award/2024/images/arr.png) no-repeat 95% 50% #2B7624; border: 1px solid #2B7624; border-bottom: 0; font-size: 16px; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif; text-align: center; padding:8px 10px 8px 0;text-decoration: none !important;}
#MAP .jdsMapListMain dl li:last-child a {border-bottom: 1px solid #2B7624;} 
#MAP .jdsMapListMap { display: none;}
#MAP .jdsCoponSwitch{ font-weight: normal;}

/* ----日付から探す---- */
#search-box.verB #dh-search-form .structure .squeeze { font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
#search-box.verB #dh-search-form .structure .squeeze label { background: #fff;}
#search-box.verB #dh-search-form .structure .squeeze li.gold label { color: #aa800e !important;}
#search-box.verB #dh-search-form .structure .squeeze li.silver label{ color: #696A69 !important;}
#search-box.verB #dh-search-form .structure .squeeze li.bronze label{ color: #975530 !important;}
#search-box.verB #dh-search-form .structure .squeeze li.jstyle label{ color: #2B7624 !important;}
#search-box.verB #dh-search-form .structure .squeeze li.ryokan label{ color: #483e26 !important;}

#search-box.verB #searchSwitchArea1 li.gold input[type="radio"]:checked + label{ background: #aa800e; color: #fff !important;}
#search-box.verB #searchSwitchArea1 li.silver input[type="radio"]:checked + label{ background: #696A69; color: #fff !important;}
#search-box.verB #searchSwitchArea1 li.bronze input[type="radio"]:checked + label{ background: #975530; color: #fff !important;}
#search-box.verB #searchSwitchArea1 li.jstyle input[type="radio"]:checked + label{ background: #2B7624; color: #fff !important;}
#search-box.verB #searchSwitchArea1 li.ryokan input[type="radio"]:checked + label{ background: #483e26; color: #fff !important;}
.srchbtn { display: block;font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif; width:calc(100% - 20px); margin: 24px 10px 0; font-weight: bold; padding: 8px 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMTY0QjQ2Qzk5QUUxMUU2OUU5OEMxRDA4RjUzMEZGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTY0QjQ2Qjk5QUUxMUU2OUU5OEMxRDA4RjUzMEZGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdGQjAxRUNGOUM5OUU2MTE4N0RCRjFDRTIzNEQzRkU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KyIfYgAAAJFJREFUeNpi+P//v/l/CLgLxAzomImBgUGUAQKUgPgEAzqAqnT/jwAngZgRZgKycW5Iik5hU4Cu6BgQszBgcZgOEL+AORybApD9j2DGoEsqA/EbqNxLIFZAllQF4ndIktLIjgTp/AqVfA3Eosi+sALin0g6ZZCtZQGGFS8QswHxHyA2AOLn2EIyERqaGL4CCDAAyKsoZamm1mcAAAAASUVORK5CYII=) 98.5% 50% no-repeat #483e26; color: #fff !important; text-align: center; border-radius: 5px;}


/* ----絞り込み枠---- */
.fontF { font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
.selectBtnNew{ overflow: hidden; margin:0 8px;}
.selectBtnNew.sbox2 .submenu{ margin: 24px 0; overflow: hidden;}
.submenu p{ display: inline; font-weight: bold; width:30%; margin: 10px 0;font-size: 15px;}
.submenu p.count{ font-size: 14px; margin: 20px 10px 0 0; width: 30%; color: #aa800e;}
.submenu p.count span.countNum{width: 35px; text-align: right; margin-left: 68px;}
.submenu p.kome{ display: inline-block; width: auto; border-radius: 5px; color:#fff ; background: #c49e02; font-size: 14px; padding: 4px 8px; cursor: pointer;}
.submenu p.kome.on{color:#fff ;background: #c6bb8d;}
.jdsSelectNothing{ display: none; font-size: 14px; text-align: center; margin: 30px auto; width: 100%;}

.jdsSelectShow .oneline .thema{ display: flex; justify-content: center;}
.jdsSelectShow .oneline p { display: block; width: 100%; text-align: center; padding:0 0 8px 0; color: #aa800e;}


.typeRow{ margin: 0 auto; line-height: 1; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.typeRow ul{ display: flex; justify-content: center; align-items: center; /*flex-wrap: wrap;*/}
.typeRow ul li {display: inline-block;border: none;border-radius: none;padding: 0;}
.typeRow ul li a{ display: block; font-size: 13px; padding: 12px 12px; border:1px solid #c49e02; border-radius: 5px; background: #fff; color:#aa800e!important;text-decoration: none !important;}
.typeRow ul li.checked a{ background: #c49e02; color: #fff !important;}

.typeRow.area ul{ display: flex; justify-content: center; flex-wrap: wrap; overflow: hidden;}
.typeRow.area ul li {margin:0 4px 8px;}
.typeRow.area ul li a{ color:#bb001f !important;border: 1px solid #bb001f; padding: 12px;}
.typeRow.area ul li.none a{ border:1px solid #ddd; background: #fff; color: #ddd !important; }
.typeRow.area ul li.none.checked a { border:1px solid #ddd; background: #fff; color: #ddd !important; }
.typeRow.area ul li.checked a{ background: #bb001f; color: #fff !important;}
.typeRow.area p { width: 100%; text-align: center; color: #aa800e;}

.jstyle_area{border-top: 1px solid #2B7624;position: relative;padding-bottom: 20px;}
.jstyle_area h3{text-align: center; color: #2B7624;font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;font-size: 28px;padding: 40px 0;}
.jstyle_area .hotels {counter-reset: step;}
.jstyle_area .hotels .plan{position: relative;counter-increment: step;}
.jstyle_area .hotels .plan:before{display: block;content: counter(step);position: absolute;background-color: #000;z-index: 20;color: #fff;width:30px;text-align: center;padding: 10px 0;height: 10px;font-size: 12px;}

.jstyle_area_link{position: relative;padding-top: 64%;margin-bottom: 20px;}
#hokkaido .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#hokkaido .jstyle_area_link li.sp img{width: 85%;}
#hokkaido .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#hokkaido .jstyle_area_link li:nth-child(1) a{top: 72%; left: 22%;}

#tohoku .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#tohoku .jstyle_area_link li.sp img{width: 100%;}
#tohoku .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#tohoku .jstyle_area_link li:nth-child(1) a{top: 12%;left: 42%;}
#tohoku .jstyle_area_link li:nth-child(2) a{top: 36%; left: 45%;}
#tohoku .jstyle_area_link li:nth-child(3) a{top: 60%;left: 41%;}
#tohoku .jstyle_area_link li:nth-child(4) a{top: 23%;  left: 43%;}
#tohoku .jstyle_area_link li:nth-child(5) a{ top: 58%; left: 35%;}
#tohoku .jstyle_area_link li:nth-child(6) a{top: 74%; left: 30%;}
#tohoku .jstyle_area_link {padding-top: 92%;}

#kitakanto .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#kitakanto .jstyle_area_link li.sp img{width: 100%;}
#kitakanto .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#kitakanto .jstyle_area_link li:nth-child(1) a{top: 51%; left: 76%;}
#kitakanto .jstyle_area_link li:nth-child(2) a{top: 9%;left: 55%;}
#kitakanto .jstyle_area_link li:nth-child(3) a{top: 22%;left: 23%;}

#metro .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#metro .jstyle_area_link li.sp img{width: 100%;}
#metro .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#metro .jstyle_area_link li:nth-child(1) a{top: 73%;left: 59%;}
#metro .jstyle_area_link li:nth-child(2) a{top: 10%;left: 27%;}
#metro .jstyle_area_link li:nth-child(3) a{top: 28%; left: 30%;}

#kos .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#kos .jstyle_area_link li.sp img{width: 100%;}
#kos .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#kos .jstyle_area_link li:nth-child(1) a{top: 41%; left: 46%;}
#kos .jstyle_area_link li:nth-child(2) a{top: 77%;left: 41%;}
#kos .jstyle_area_link li:nth-child(3) a{top: 42%; left: 32%;}

#izu .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#izu .jstyle_area_link li.sp img{width: 100%;}
#izu .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#izu .jstyle_area_link li:nth-child(1) a{top: 24%;left: 56%;}
#izu .jstyle_area_link li:nth-child(2) a{top: 38%;left: 54%;}

#hokuriku .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#hokuriku .jstyle_area_link li.sp img{width: 100%;}
#hokuriku .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#hokuriku .jstyle_area_link li:nth-child(1) a{top: 29%;left: 67%;}
#hokuriku .jstyle_area_link li:nth-child(2) a{top: 51%;left: 43%;}
#hokuriku .jstyle_area_link li:nth-child(3) a{top: 56%;left: 38%;}

#tok .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#tok .jstyle_area_link li.sp img{width: 100%;}
#tok .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#tok .jstyle_area_link li:nth-child(1) a{top: 21%; left: 44%;}
#tok .jstyle_area_link li:nth-child(2) a{top: 64%; left: 40%;}
#tok .jstyle_area_link li:nth-child(3) a{top: 75%;left: 37%;}

#kinki .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#kinki .jstyle_area_link li.sp img{width: 100%;}
#kinki .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#kinki .jstyle_area_link li:nth-child(1) a{top: 24%;left: 58%;}
#kinki .jstyle_area_link li:nth-child(2) a{top: 3%;left: 42%;}
#kinki .jstyle_area_link li:nth-child(3) a{top: 35%;left: 47%;}
#kinki .jstyle_area_link li:nth-child(4) a{top: 38%;left: 42%;}
#kinki .jstyle_area_link li:nth-child(5) a{top: 49%;left: 59%;}
#kinki .jstyle_area_link li:nth-child(6) a{top: 88%;left: 59%;}
#kinki .jstyle_area_link{margin-bottom: 35px;}

#sanyo .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#sanyo .jstyle_area_link li.sp img{width: 100%;}
#sanyo .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#sanyo .jstyle_area_link li:nth-child(1) a{top: 7%;left: 59%;}
#sanyo .jstyle_area_link li:nth-child(2) a{top: 9%;left: 49%;}
#sanyo .jstyle_area_link li:nth-child(3) a{top: 26%;left: 74%;}
#sanyo .jstyle_area_link li:nth-child(4) a{top: 51%;left: 38%;}
#sanyo .jstyle_area_link li:nth-child(5) a{top: 45%;left: 20%;}

#shikoku .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#shikoku .jstyle_area_link li.sp img{width: 100%;}
#shikoku .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#shikoku .jstyle_area_link li:nth-child(1) a{top: 27%;left: 57%;}
#shikoku .jstyle_area_link li:nth-child(2) a{top: 6%;left: 63%;}
#shikoku .jstyle_area_link li:nth-child(3) a{top: 31%;left: 31%;}
#shikoku .jstyle_area_link li:nth-child(4) a{top: 46%;left: 56%;}

#kyusyu .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#kyusyu .jstyle_area_link li.sp img{width: 100%;}
#kyusyu .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#kyusyu .jstyle_area_link li:nth-child(1) a{top: 12%;left: 46%;}
#kyusyu .jstyle_area_link li:nth-child(2) a{top: 20%;left: 30%;}
#kyusyu .jstyle_area_link li:nth-child(3) a{top: 34%;left: 26%;}
#kyusyu .jstyle_area_link li:nth-child(4) a{top: 24%;left: 52%;}
#kyusyu .jstyle_area_link li:nth-child(5) a{top: 14%;left: 58%;}
#kyusyu .jstyle_area_link li:nth-child(6) a{top: 75%;left: 57%;}
#kyusyu .jstyle_area_link li:nth-child(7) a{top: 87%;left: 43%;}

#okinawa .jstyle_area_link li.sp{position: absolute;top: 0;left: 0;}
#okinawa .jstyle_area_link li.sp img{width: 100%;}
#okinawa .jstyle_area_link a{display: block;position: absolute;color: #fff;background-color: #2B7624;border-radius: 50px;width: 20px;height:17px;text-align: center;font-size: 12px;padding-top: 3px;z-index: 20;text-decoration: none !important;}
#okinawa .jstyle_area_link li:nth-child(1) a{top: 58%;left: 46%;}
/* #okinawa .jstyle_area_link li:nth-child(1) a{top: 72%;left: 50%;} */










.hotels section.column3 .btn li{width: 100%;}

.jstyle .sliver .btn li a{background: #5D615D !important;}
.jstyle .bronze .btn li a{background: #975530 !important;}
.jstyle .gold .btn li a{background: #C49E02 !important;}


#contentsArea > section > div.hotels.gold > section:nth-child(1){margin-top: 0;}

.hotels section.column3 .chiikiinfo {

    font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;
}
.hotels section.column3 .chiikiinfo .area{font-size: 16px;padding: 20px 0 24px 0;}
h3.tlt_sub_chiiki{text-align: center;
    color: #A77B03;
    font-size: 20px;
    padding: 30px 0 24px 0;
    font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
.hotels section.column3 .btn li a{font-size: 12px;}
.chiiki .hotels section.column3 .rslides_tabs{ position: absolute; bottom: 2px; left:0;  width:100%;  z-index: 9;display: none; justify-content: center;}
.chiiki .hotels section.column3 .rslides_tabs a { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin: 0 5px; background-color: #999; font-size: 0;}
.chiiki .hotels section.column3 .rslides_tabs li.rslides_here a { background-color: #fff;}
.hotels section.column1 .rslides_tabs{ position: absolute; bottom: 32px; left:0;  width:100%;  z-index: 9;display: none; justify-content: center;}
.hotels section.column1 .rslides_tabs a { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin: 0 5px; background-color: #999; font-size: 0;}
.hotels section.column1 .rslides_tabs li.rslides_here a { background-color: #fff;}

.chiiki .hotels a.hotelimg{ display: block;position: relative;overflow: hidden;aspect-ratio: 16/9;} 

.chiiki .hotels section.column1 ul.jdsSlides{overflow: hidden;}
.chiiki .hotels section.column4 {
    width: 45%;
    float: left;
}
.chiiki .hotels section.column4 .rslides_tabs a {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 0 5px;
    background-color: #999;
    font-size: 0;
}
.hotels section.column4 .btn li a {
    font-size: 12px;
}
.hotels section.column4 .btn li {
    width: 100%;
}
.hotels section.column4 .chiikiinfo .area {
    font-size: 16px;
    padding: 20px 0 24px 0;
}
.hotels section.column4 .chiikiinfo {
    font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;
}
.chiiki .hotels section.column4 .rslides_tabs {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    z-index: 9;
    display: none;
    justify-content: center;
}
.chiiki .hotels section.column4 .rslides_tabs li.rslides_here a {
    background-color: #fff;
}
/* .chiiki .hotels section.column3{width: 45%;float: left;} */
.chiiki .hotels{overflow: hidden;}
.jstyle47 .hotels section.column4 .rslides_tabs{ position: absolute; bottom: 32px; left:0;  width:100%;  z-index: 9;display: none; justify-content: center;}
.jstyle47 .hotels section.column4 .rslides_tabs a { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin: 0 5px; background-color: #999; font-size: 0;}
.jstyle47 .hotels section.column4 .rslides_tabs li.rslides_here a { background-color: #fff;}
.jstyle47 .hotels a.hotelimg{overflow: hidden;position: relative;}

.gold .hotels section.column3 .rslides_tabs{ position: absolute; bottom: 32px; left:0;  width:100%;  z-index: 9;display: none; justify-content: center;}
.gold .hotels section.column3 .rslides_tabs a { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin: 0 5px; background-color: #999; font-size: 0;}
.gold .hotels section.column3 .rslides_tabs li.rslides_here a { background-color: #fff;}
.gold .hotels a.hotelimg{overflow: hidden;position: relative;}


.silver .hotels section.column4 .rslides_tabs{ position: absolute; bottom: 12px; left:0;  width:100%;  z-index: 9;display: none; justify-content: center;}
.silver .hotels section.column4 .rslides_tabs a { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin: 0 5px; background-color: #999; font-size: 0;}
.silver .hotels section.column4 .rslides_tabs li.rslides_here a { background-color: #fff;}
.silver .hotels a.hotelimg{overflow: hidden;position: relative;}

#contentsArea > section > div.hotels.bronze > section:nth-child(4) > div > ul{}

div.hotels.bronze ul {margin: 0 6px 24px 6px;}
div.hotels.bronze ul li a{ padding: 12px 6px; box-sizing: border-box;}