@charset "utf-8";

/*
* CSS for PC
* @date     2023.01
* @author   lizun
*/
.sp{display: none;}
#widewrapper  { width: 100%;}
#contentsArea { background-image: url(https://img.travel.rakuten.co.jp/award/2025/images/bg_all.jpg); background-size: 150%;  background-attachment: fixed; background-size:cover; background-repeat: no-repeat; background-position: top center; background-color:#fcfaee;}
#contentsArea a:hover { text-decoration: none !important; opacity: .95;}

/* ----kv---- */
#keyVisual{ width: 100%; margin-bottom: 0;}
#keyVisual h1    { text-indent:inherit; margin: 64px auto 24px; text-align: center;}
#keyVisual h1 img{ width: 100%; max-width: 592px;}
#keyVisual.sub h1    { margin: 64px auto 0;}
#keyVisual.sub h1 img{ width: 100%; max-width:280px;}
#keyVisual.sub.jstyle h1 img{ width: 100%; max-width:330px;}
#keyVisual.sub.chiiki h1 img{ width: 100%; max-width:267px;}

#keyVisual p { width: 1200px; margin: 0 auto; text-align: center; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;  font-size: 18px; line-height:32px; color: #98730F;}


/* ----共通---- */
.blocks { max-width: 1200px; width: 100%; margin: 94px auto 0;}
.blocks h2.tlt { display: block; text-align: center;}
.blocks h2.tlt img { width: 100%;}
.totop   {position: fixed; right:0; bottom:120px; z-index:99;}
.totop a { display: block; width: 30px; background: #aa800e; border-radius: 50%; padding: 20px; margin-bottom: 20px;}
.totop a.maintop {  padding:17px 15px 13px; width: 40px;}

.totop img{ width: 100%;}
.note { font-size: 14px; line-height: 24px; color: #98730F; margin-bottom: 60px;}
.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: 60%;
left: 20%;
position: absolute;
top: 15%;
background: #fff;
z-index: 99999999;
border-radius: 12px
}
.popUpplan p {
padding: 40px;
color: #000;
font-size: 15px;
line-height: 35px;
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(50% - 1px); float: left; border-left: 1px solid #333;}
.popUpplan ul li:nth-child(2){width:50%;border-left: 0;}
.popUpplan a { display: flex; justify-content: start;align-items: center; width: calc(100% - 33px); background: url(https://img.travel.rakuten.co.jp/award/2024/images/map_arr.png) no-repeat 95% 55%;border-bottom: 1px solid #333; border-right: 1px solid #333; line-height: 24px; height: 60px; padding:8px 16px 0; color: #333 !important;}
.popUpplan a.nolink {position: relative; pointer-events: none;}
.popUpplan a.nolink:hover  { text-decoration: 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; right: 0; top: 100px; overflow: hidden; z-index: 10000;font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif; }
.sidebar h2 { display: flex; justify-content: center; position: relative; writing-mode: vertical-lr; float: left; background: #aa800e; text-align: left;padding: 16px 0 0 16px;font-size: 21px;  cursor: pointer; color: #fff; width: 70px; height: 243px; box-sizing: border-box;}
.sidebar h2::after {position: absolute; display: block; content: ""; 
        background:url(https://img.travel.rakuten.co.jp/award/2025/images/nav_arr.png)no-repeat;
         width: 22px; height: 23px; top: 50%; margin-top: -15px; right: 8px;}
.sidebar ul { overflow: hidden; background: #fff;border: 1px solid #aa800e;padding:12px; width: 320px; height: 225px;}
.sidebar ul li { line-height: 32px; float: left; font-size: 15px;}
.sidebar ul li a { display: block;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 img { width: 100%; float: left;}



/* ----Rakuten Travel Hotel & Ryokan of the Year 2024---- */
.hotels { max-width: 1200px; width: 100%; margin: 32px auto 0; overflow: hidden; position: relative; display: flex; justify-content: start; flex-wrap: wrap;}
.hotels section.plan { background: #fff; overflow: hidden;}
.hotels section.column3 { width: 31%; margin: 0 1% 2%; display: grid;}
.hotels section.column4 { width: 23%; margin: 0 1% 2%;}

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

.hotels div.planinfo {width: 100%; padding: 16px 0 0 0;font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
.hotels .area { text-align: center; font-size: 18px;}
.hotels .htlname{ font-weight: bold; text-align: center; font-size: 18px; padding: 9px 0 20px 0;}
.hotels .btn {width: calc(100%-32px); overflow: hidden; display: flex; justify-content: start;}
.hotels .btn li { width: 100%; margin:0 2%;}
.hotels .btn li a { display: block; width: 100%; border-radius: 6px; padding:16px 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: 100%; margin: 32px 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;width: 100%;}
.hotels section.column1 ul.jdsSlides img{ width: 100%;}
.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;}

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

}
.hotels section.column2 .htlname { line-height: 150%;}

.hotels section.column1 .rank { text-align: center; color: #95711A; font-size: 22px; font-weight: bold; margin:16px 0; position: relative;}
.hotels section.column1 .rank span{ font-size: 22px; border-bottom: solid 1px #d5bc81;padding-bottom: 6px;}
/* .hotels section.column1 .rank.first span{font-size: 26px;}
.hotels section.column1 .rank.second span{font-size: 26px; }
.hotels section.column1 .rank.third span{font-size: 26px;} */
.hotels section.column1 .rank em { display: block; padding: 8px 0; font-size: 16px;}
.hotels section.column1 .hotelimg {display: block;
        position: relative;
        aspect-ratio: 16/9;
        overflow: hidden;
        width: 54%;
        float: left;
        margin: 47px 0 47px 47px;}
.hotels section.column1 .rank:after { display: block; position: absolute; content: ""; top:-38px; left: 4%; 
        width: 121px; height: 121px; z-index: 99; background-size: 110px 110px !important;}
.hotels section.column1 .rank.first:after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan1st.png) no-repeat center center;}
.hotels section.column1 .rank.second:after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan2nd.png) no-repeat center center;}
.hotels section.column1 .rank.third::after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan3rd.png) no-repeat center center;}

.hotels section.column1 div.planinfo {     width: 40%;
        position: relative;
        float: right;
        padding: 47px 0;
        font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
.hotels section.column1 .area   { color: #483e26; font-size: 22px;}
.hotels section.column1 .htlname{ color: #483e26; font-size: 22px; line-height: 150%; padding:8px 32px 16px 32px;}
.hotels section.column1 div.planinfo .explain{ position: relative; line-height: 150%; color:#825C11; text-align: center; font-size: 14px; padding: 24px 40px; margin-bottom: 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 .btn {width: calc(100%-80px); margin: 0 40px; }
.hotels section.column1 .chiikiinfo {width: 60%; position: relative; float:right; padding: 40px 0; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
.hotels section.column1 .chiikiinfo .area { font-size: 18px;}
.hotels section.column1 .chiikiinfo .explain {display: block;line-height: 150%; font-size: 14px; padding: 32px 40px;}
.hotels section.column1 .chiikiinfo ul.btn { justify-content: center;}
.hotels section.column1 img.chiikimap { width: 40%; height: 300px; 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: 100%; overflow: hidden; margin:0 0 1px; background: url(https://img.travel.rakuten.co.jp/award/2025/images/open.png) no-repeat 96% 50%; font-size: 24px; text-align: center; color: #fff; font-weight: bold; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;  padding: 16px 0;}
.hotellists { width:100%; margin: 40px 0 0; overflow: hidden;}
.hotellists ul { width: calc(100% - 40px); padding: 40px 0 40px 40px; float: left; overflow: hidden;}
.hotellists ul li { width: calc(50% - 40px); padding:8px 40px 8px 0; float: left; line-height: 24px; font-size: 16px; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif; }
.hotellists ul li a { color: #000 !important;}
.chiiki section.column1 { margin: 0 0 80px;}

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


/* ----エリアから探す---- */
#MAP .jdsMapList { max-width: 1200px; margin-bottom: -40px; width: 100%; height:737px; position: relative;}
#MAP .jdsMapListMain dl {text-align: center; position: absolute; top: 50%; right: 50%; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
#MAP .jdsMapListMain dl dt { width: 150px;background:url(https://img.travel.rakuten.co.jp/award/2024/images/arr.png) no-repeat 95% 50% #2B7624;  border-right: 1px solid #2B7624;font-size: 21px; color: #fff !important; padding:8px 10px 8px 0;}
#MAP .jdsMapListMain dl dd { width: 160px; border-bottom: 1px solid #2B7624; border-right: 1px solid #2B7624;}
#MAP .jdsMapListMain dl dd ul { overflow: hidden;}
#MAP .jdsMapListMain dl dd ul a { display: block; width: calc(100% - 2px); border: 1px solid #2B7624; border-bottom: 0; border-right: 0; background: #fff; padding:8px 0; opacity: .85; position: relative;}
#MAP .jdsMapListMain dl:nth-child(1) {margin: -300px -480px 0 0;}
#MAP .jdsMapListMain dl:nth-child(2){margin: -110px -500px 0 0; width: 320px;}
#MAP .jdsMapListMain dl:nth-child(3) {margin: 90px -630px 0 0; width: 480px;}
#MAP .jdsMapListMain dl:nth-child(4) {margin: 220px -500px 0 0;width: 320px;}
#MAP .jdsMapListMain dl:nth-child(5) {margin: 220px -170px 0 0;}
#MAP .jdsMapListMain dl:nth-child(6) {margin: -210px -60px 0 0;}
#MAP .jdsMapListMain dl:nth-child(7) {margin: -60px -210px 0 0;width: 480px;}
#MAP .jdsMapListMain dl:nth-child(8) {margin: 20px 100px 0 0;width: 320px;}
#MAP .jdsMapListMain dl:nth-child(9) {margin: 220px 0 0 0;}
#MAP .jdsMapListMain dl:nth-child(10) {margin: -60px 420px 0 0;}
#MAP .jdsMapListMain dl:nth-child(11) {margin: 240px 170px 0 0;}
#MAP .jdsMapListMain dl:nth-child(12) {margin: 180px 420px 0 0;}
#MAP .jdsMapListMain dl:nth-child(13) {margin: -240px 180px 0 0;}

#MAP .jdsMapListMain dl:nth-child(2) dd,#MAP .jdsMapListMain dl:nth-child(4) dd ,#MAP .jdsMapListMain dl:nth-child(8) dd{ width: 320px;}
#MAP .jdsMapListMain dl:nth-child(2) dd ul li,#MAP .jdsMapListMain dl:nth-child(4) dd ul li,#MAP .jdsMapListMain dl:nth-child(8) dd ul li  { width: 50%; float: left;}
#MAP .jdsMapListMain dl:nth-child(3) dd ,#MAP .jdsMapListMain dl:nth-child(7) dd { width: 480px;}
#MAP .jdsMapListMain dl:nth-child(3) dd ul li ,#MAP .jdsMapListMain dl:nth-child(7) dd ul li { width:160px; float: left;}


#MAP .jdsMapListMap { width: 100%; text-align: center;}
#MAP .jdsMapListMain dl dd ul a:hover {color: #2B7624; font-weight: bold;}


/* ----日付から探す---- */
#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 li.gold   { color: #aa800e !important;}
#search-box.verB #dh-search-form .structure .squeeze li.silver { color: #696A69 !important;}
#search-box.verB #dh-search-form .structure .squeeze li.bronze { color: #975530 !important;}
#search-box.verB #dh-search-form .structure .squeeze li.jstyle { color: #2B7624 !important;}
#search-box.verB #dh-search-form .structure .squeeze li.ryokan { color: #483e26 !important;}
.srchbtn { display:block; width: 40%; min-width: 460px; height: 50px; 
        margin: 40px auto -20px; line-height: 50px; background: #483e26; color: #fff !important; text-align: center; border-radius: 5px; font-size: 18px;font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}


/* ----絞り込み枠---- */
.fontF { font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
.selectBtnNew{ overflow: hidden;width: 100%; margin:0 auto;}
.selectBtnNew.sbox2 .submenu{ width: 950px; margin: 32px auto 0; padding: 0 0 0 160px; overflow: hidden;}
.submenu p{ display: inline; font-weight: bold; width: 128px; margin: 10px 0;font-size: 15px;}
.submenu p.count{ font-size: 14px; margin: 20px 10px 0 0; width: 168px; 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 .typeRow {float: left;margin-right: 0;}
.jdsSelectShow .oneline p {float: left;color: #aa800e;}

.typeRow{ margin: 0 auto; line-height: 1; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.typeRow ul{ display: flex; justify-content: flex-start; 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: block; width: 680px; overflow: hidden;}
.typeRow.area ul li { display: inline-block;margin-bottom: 8px;}
.typeRow.area ul li a{ color:#bb001f !important;border: 1px solid #bb001f; padding: 12px 20px; margin-right: 10px;}
.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 {color: #aa800e;}

.hotels section.plan.column2{float: left;width: calc(49% - 94px);padding: 47px;margin-bottom: 30px;}
.hotels section.plan.column2:nth-child(odd){margin-right: 2%;}

.hotels section.column2 .rank { text-align: center; color: #95711A; font-size: 18px; font-weight: bold; margin:16px 0; position: relative;}
.hotels section.column2 .rank span{border-bottom: solid 1px #d5bc81; padding-bottom: 6px;}
.hotels section.column2 .rank:after { display: block; position: absolute; content: ""; top:-14px; left: 18px; width: 82px; height:82px; z-index: 99; background-size: 82px !important;}


.hotels section.column2 .rank.fourth:after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan4th.png) no-repeat center center;}
.hotels section.column2 .rank.fifth:after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan5th.png) no-repeat center center;}
.hotels section.column2 .rank.sixth:after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan6th.png) no-repeat center center;}
.hotels section.column2 .rank.seventh:after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan7th.png) no-repeat center center;}
.hotels section.column2 .rank.eighth:after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan8th.png) no-repeat center center;}
.hotels section.column2 .rank.nineth:after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan9th.png) no-repeat center center;}
.hotels section.column2 .rank.tenth:after { background: url(https://img.travel.rakuten.co.jp/award/2025/images/ryokan10th.png) no-repeat center center;}

#category .video{margin: 80px auto 0;width: 918px;height: 515px;}
.sidebar.index h2{height: 277px;}
.sidebar.index ul{height: 251px;}
.sidebar.index ul li{float: none;}


.prize-1st{margin-bottom: 47px;   
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}
.prize-1st dl{border: 1px solid #BA9E59;overflow: hidden;
        padding: 38px;
    margin: 0 47px;}
.prize-1st dl img{ width: 100%;}
.prize-1st dl dt{float: left; width: 20%;}
.prize-1st dl dd{float: right; width: 78%; line-height: 1.8; font-size: 12px; color: #825C11 !important;}
.prize-1st dl dd span{display: block; padding: 6px;}
.prize-1st dl dd a{display: block; padding-top: 12px; text-decoration: underline !important; color: #825C11 !important;}
.prize-1st dl dd a.guide:hover{ text-decoration: underline !important;}
.prize-1st dl dd img{width: 100%; max-width: 106px;}