@charset "utf-8";

/*
 * CSS for PC
 * @date     202302
 */


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

------------------------------------------ */
#keyVisual{ width: 100%;}
#keyVisual h1{ text-indent:inherit; margin: 30px auto 50px; text-align: center;}
#keyVisual h1 img{ width: 100%; max-width: 1687px;}
#keyVisual.sub h1{ margin: 60px 0 50px;}
#keyVisual.sub h1 img{ width: 100%; max-width: 864px;}


#widewrapper{width: 100%;}
#contentsArea{background-image: url(https://img.travel.rakuten.co.jp/kaigai/award/2024/images/bg_all.jpg); background-repeat: no-repeat; background-size: cover; background-attachment:fixed; }
#contents.column1{width: 950px; padding: 0; margin: 0 auto; background: none;}
.sp{display: none;}
/* -----  -----*/

.titAll{padding: 50px 0; margin: auto; display: block;}
.titAll span{display: none;}

.mapBox{margin-bottom: 24px;}
.mapBox ul{display: block; background: url(https://img.travel.rakuten.co.jp/kaigai/award/2024/images/map_bg.png) no-repeat; width: 760px; height: 452px; margin:0 auto; position: relative;}
.mapBox ul li{width: 95px; position: absolute;}
#contentsArea .mapBox ul li a{display: inline-block; background: #127308; color: #fff; font-size: 80%; padding: 13px 0; width: 100%; text-align: center; position: relative; letter-spacing: 1px;}
#contentsArea .mapBox ul li a:hover{color: #fff; text-decoration: none; background: #0f9901;}
#contentsArea .mapBox ul li a:before{ display: block; content: ""; background:url(https://img.travel.rakuten.co.jp/kaigai/award/2024/images/map_icon.png)no-repeat; width: 5px; height: 9px; position: absolute; top: 15px; right: 5px;}
.mapBox ul .a1 {
    top: 23px;
    left: 255px;
    width: 150px;
}
.mapBox ul .a2 {
    top: 187px;
    left: 347px;
}
.mapBox ul .a3 {
    top: 235px;
    left: 347px;
}
.mapBox ul .a4 {
    top: 314px;
    left: 368px;
    width: 110px;
}
.mapBox ul .a5 {
    top: 197px;
    left: 122px;
}
.mapBox ul .a6 {
    top: 244px;
    left: 122px;
}
.mapBox ul .a7 {
    top: 150px;
    left: 174px;
    width: 110px;
}
.mapBox ul .a8 {
    top: 139px;
    left: 347px;
}
.mapBox ul .a9 {
    top: 70px;
    left: 305px;
    width: 200px;
}
.mapBox ul .a10 {
    top: 252px;
    left: 490px;
}
.mapBox ul .a11 {
    top: 204px;
    left: 462px;
    width: 70px;
}
.mapBox ul .a12 {
    top: 204px;
    left: 540px;
    width: 70px;
}
.mapBox ul .a13 {
    top: 55px;
    left: 590px;
}

.mapBox ul .a14 {
    top: 350px;
    left: 198px;
    width: 110px;
}
.awardBox{margin-bottom: 100px;}
.awardBox ul li{float: left; margin-right:25px;}
.awardBox ul li:last-child{margin-right: 0;}
.awardBox ul li a:hover{opacity: 0.7;}


.intrBox{background: #fff; padding: 60px 50px 30px; margin-bottom: 100px;}
.intrBox p{ font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 200%; font-size: 105%; color: #000;}
.intrBox p span{ display: block; margin-bottom: 30px;}
#contentsArea .intrBox p a{color: #127308; text-decoration: underline;}
#contentsArea .intrBox p a:hover{color: #127308; text-decoration: none;}


.column1 #search-box{ width: 950px; border: none;}
.column1 #search-box #domestic-search-box{padding: 30px 50px;}
.column1 #search-box .searchCategory{ width: 830px;}
#search-box h2{display: none;}


.lastTALK{ font-size: 80%; line-height: 160%; color: #7b7b7b; margin-bottom: 60px; clear: both;}

#contents .pagetop{ width: 57px; bottom: 50px; right: 20px; position: fixed; z-index: 9999;}
#contents .pagetop a{ display: block; background: #aa800e; color: #fff; border-radius: 50px; text-align: center; height: 34px; padding-top: 23px;}
#contents .pagetop a:hover{ opacity: 0.7; color:#fff; text-decoration:none;}


/* ----- 下層ページ -----*/
.navBox{background: #127308; padding: 15px 0 7px; margin-bottom: 30px; width: 100%; z-index: 9999; font-size: 14px;}
.navBox ul{width: 950px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.navBox ul li{color: #fff; border-right: 1px solid #fff; padding: 0 12px; margin-bottom: 10px;}
.navBox ul li:last-child{border-right: none; padding-right: 0;}
.navBox ul li:first-child{padding-left: 0;}
#contentsArea .navBox ul li a{ color: #fff;}
#contentsArea .navBox ul li a:hover{ color: #fff; text-decoration: underline;}
#contentsArea .navBox ul li em{font-style: normal; color: #fdfb44;}

.navSub{margin-bottom: 30px;}
.navSub ul{width: 950px; margin: 0 auto; display: flex; /*flex-wrap:wrap; justify-content: space-between;*/}
.navSub ul li{ width: 32%; margin: 0 20px 10px 0;}
.navSub ul li:last-child{margin-right: 0;}
#contentsArea .navSub ul li a{font-size: 80%; padding: 10px 0 8px; display: block; text-align: center; position: relative; letter-spacing: 1px;}
#contentsArea .navSub ul li a:before{ display: block; content: ""; position: absolute; width: 7px; height: 4px; top: 15px; right: 10px;}
#contentsArea .navSub ul li .btn0{background: #fcf5f1; border: 1px solid #7d2f00; color: #7d2f00;}
#contentsArea .navSub ul li .btn1{background: #fffde2; border: 1px solid #aa800e; color: #aa800e;}
#contentsArea .navSub ul li .btn2{background: #f3f3f3; border: 1px solid #7b7b7b; color: #7b7b7b;}
#contentsArea .navSub ul li .btn3{background: #e9ffe7; border: 1px solid #2b8821; color: #2b8821;}
#contentsArea .navSub ul li .btn0:before{background: url(https://img.travel.rakuten.co.jp/kaigai/award/2024/images/award_icon0.png) no-repeat;}
#contentsArea .navSub ul li .btn1:before{background: url(https://img.travel.rakuten.co.jp/kaigai/award/2024/images/award_icon1.png) no-repeat;}
#contentsArea .navSub ul li .btn2:before{background: url(https://img.travel.rakuten.co.jp/kaigai/award/2024/images/award_icon2.png) no-repeat;}
#contentsArea .navSub ul li .btn3:before{background: url(https://img.travel.rakuten.co.jp/kaigai/award/2024/images/award_icon3.png) no-repeat;}

.column1 .hotels { width: 990px;}
.column1 .htlBox1{width: 890px; padding: 40px 30px; margin: 0 0 30px; border: none;}
.column1 .htlBox3{width: 296px; padding:0; margin: 0 32px 30px 0; border: none;}
.column1 .htlBox2 { width: 450px; margin:0 45px 30px 0; padding: 0; border: none;}
.htlBox .btn li a {font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 120%; letter-spacing: 1px; font-weight: bold;
    padding: 10px 0;
    background: #c49e02;
    border-radius: 0;
    position: relative;
}
.htlBox .btn li a:before{display: block; content: ""; background: url(https://img.travel.rakuten.co.jp/kaigai/award/2024/images/map_icon.png) no-repeat; width: 5px; height: 9px; position: absolute; top: 17px; right: 15px;}
.htlBox .btn li a span{ width: 150px; margin: 0 auto; display: block; padding-left: 20px; text-align: center; position: relative;}
.htlBox .btn li a span:before{display: block; content: ""; background: url(https://img.travel.rakuten.co.jp/kaigai/award/2024/images/airplan.png) no-repeat; width: 17px; height: 18px; position: absolute; top: 2px; left: 8px;}
.htlBox .btn li .plan_s span:before{display: none;}
.htlBox .plan li{margin-bottom: 15px;}
.htlBox .plan li a{border-radius: 0; padding: 15px; border-color: #b48404; position: relative;}
.htlBox .plan li a .planName{ margin-bottom: 5px; color: #b48404; text-align: center; font-size: 110%; letter-spacing: 1px; font-weight: bold; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} 
.htlBox .plan li a .text{font-size: 80%; line-height: 160%;}
.htlBox .plan li a:before{display: block; content: ""; background: url(https://img.travel.rakuten.co.jp/kaigai/award/2024/images/ribbon1.png) no-repeat; width: 69px; height: 39px; position: absolute; top: -5px; left: -5px;}
.htlBox .plan li a:after{display: block; content: ""; background: url(https://img.travel.rakuten.co.jp/kaigai/award/2024/images/ribbon2.png) no-repeat; width: 69px; height: 39px; position: absolute; bottom: -4px; right: -7px;}
#contentsArea .htlBox .plan li a:hover{text-decoration: none; background: #fefdeb;}

.htlBox1 .subTit{position: relative; margin-bottom: 30px;}
.htlBox1 .subTit .area{ letter-spacing: 1px; background: none; color: #000; padding: 0; margin: 0;  position: absolute; top: 10px;}
.htlBox1 .subTit h2{text-align: center; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 140%; letter-spacing: 1px;}
.column1 .htlBox1 .photo{width: 460px; padding: 0; margin-right: 22px; overflow: hidden;}

.htlBox.htlBox1 .photo .jdsSlides li{overflow: hidden; width: 460px}
.htlBox .photo .jdsSlides li{overflow: hidden; width: 100%;}
.column1 .htlBox1 .plan{ margin-right: 0;}
.column1 .htlBox1 .btn{width: 408px; margin: 0;}
.column1 .htlBox .btn li{width: 100%; margin: 0;}
.htlBox1 .plan li.sub{padding-top: 20px;}
.htlBox1 .plan li.sub dl dt{ float: right;}
.htlBox1 .plan li.sub dl dd{ font-size: 75%; line-height: 160%; margin-bottom: 13px;}
.htlBox1 .plan li.sub dl dd span{display: block; border-bottom: 1px solid #b48404; padding-bottom: 8px; margin-bottom: 8px; color: #b48404; text-align: left; font-size: 130%; letter-spacing: 1px; font-weight: bold; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.htlBox1 .plan li.sub.point dl dd{font-size: 75%; line-height: 160%; width: 100%;}


.htlBox2 h2{ padding:30px 20px 10px; text-align: center; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 120%; letter-spacing: 1px;}
.htlBox2 .area{ letter-spacing: 1px; background: none; color: #000; padding:0 20px 15px; margin: 0; text-align: center;}
.htlBox2 .photo{padding: 0; margin-bottom: 20px;}
.htlBox2 .plan{ margin: 0 20px;}
.htlBox2 .planName{ padding: 0;}
.htlBox2 .btn{margin: 0 20px 15px; overflow: hidden;}


.htlBox3 h2{ padding:30px 20px 10px; text-align: center; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 120%; letter-spacing: 1px;}
.htlBox3 .area{ letter-spacing: 1px; background: none; color: #000; padding:0 20px 15px; margin: 0; text-align: center;}
.htlBox3 .photo{padding: 0; margin-bottom: 20px;}
.htlBox3 .plan{ margin: 0 20px;}
.htlBox3 .planName{ padding: 0;}
.htlBox3 .btn{margin: 0 20px 30px;}





/* 0221 */
/* .bronze h3 { background: #c49e02; border-bottom: 1px solid #b48404; text-align: center; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #fff; font-size: 22px; padding: 10px 0;}
.bronze ul { width: 46%; float: left;margin: 20px 0 20px 15px; padding-right: 10px;}
div.bronze > ul:nth-child(2) {border-right: 1px solid #ccc;}
.bronze ul.nobd{border: none !important; width: 96%;}
.bronze li {  line-height: 1.8; }
.bronze li::before { content: "・";}
.bronze li a, .bronze li { font-size: 14px; color: 333333; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold;}
.bronze li span { font-size: 13px; color: #999;}

ul.bronze.bronze-b > li:nth-child(1) { padding-left: 0; line-height: 1; background: #c49e02; border-bottom: 1px solid #b48404; text-align: center; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #fff; font-size: 22px; padding: 10px 0; font-weight: bold; margin-bottom: 10px;}
ul.bronze.bronze-b > li:nth-child(1)::before { content: none;}
.bronze.bronze-b { float: left; width: 48.2%; margin-right: 30px;}
.bronze-b:nth-of-type(2n)  { margin-right: 0 !important;}
ul.bronze.bronze-b { padding-bottom: 15px;}
ul.bronze.bronze-b li{ padding-left: 15px;} */


/* surveyForm */
.typTxt { font-size: 12px; padding: 10px; width: 100%; margin: 10px auto; box-sizing: border-box;}
.subBtn {width: 190px;
height: 30px;
line-height: 28px;
border-radius: 100px;
background-color: #565656;
border: none;
display: block;
margin: 0 auto;
font-size: 14px;
text-align: center;
color: #ffffff;
overflow: hidden;
outline: none;
cursor: pointer;
-webkit-appearance: none;}
.subBtn:hover { opacity: 0.8;}

/* ----受賞名から探す---- */
.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;}

#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;}

        #keyVisual.sub h1    { margin: 64px auto 0;}
#keyVisual.sub h1 img{ width: 100%; max-width:280px;}


/* ----絞り込み枠---- */
.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;}


/* ----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%; 
    /* aspect-ratio: 16/9; */
}

.hotels div.planinfo {width: 100%;
    box-sizing: border-box;
    padding: 20px 12px 24px 12px;
    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 .htlname a:hover {text-decoration: none;}
.hotels .btn {width: calc(100%-32px); margin: 0 10px 24px 10px; overflow: hidden; display: flex; justify-content: start;}
.hotels .btn li { width: 60%; margin:0 1%; font-size: 12px;}
.hotels .btn li a { display: block; width: 100%; border-radius: 6px; padding:16px 0; text-align: center; color: #fff !important; background-color:#483e26;}
.hotels .btn li a:hover,.hotels .htlname a { opacity: 0.8; text-decoration: none!important;}

.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 { float: left; position: relative; background-color: #ccc; width: 100%;}
.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.column1 .rank { text-align: center; color: #95711A; font-size: 24px; font-weight: bold; margin:24px 0  56px; position: relative;}
.hotels section.column1 .rank span{ font-size: 36px;}
.hotels section.column1 .rank em { display: block; padding: 8px 0; font-size: 16px;}
.hotels section.column1 .hotelimg { width: 50%;
    display: block;
        position: relative;  
        overflow: hidden;
        float: left;
        aspect-ratio: 16/9;
      
}
.hotels section.column1 .rank:after { display: block; position: absolute; content: ""; top:-38px; left: 4%; width: 121px; height: 121px; z-index: 99; background-size: 120px;}
.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: 50%; position: relative; float:right; padding: 40px 0;font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif;}
.hotels section.column1 .area   { color: #483e26; font-size: 18px;}
.hotels section.column1 .htlname{ color: #483e26; font-size: 24px; line-height: 150%; padding: 24px 0;}
.hotels section.column1 div.planinfo .explain{ display: none; position: relative; text-align: center; line-height: 150%; color: #825C11; font-size: 14px; padding: 32px 0; 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: 46%; position: relative; float:right; padding: 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: 32px 0 32px 0;}
.hotels section.column1 .chiikiinfo ul.btn { justify-content: center;}
.hotels section.column1 img.chiikimap { width: 40%; height: 300px; float: left;}
.hotels section.column1 .chiikiinfo .btn li { width: 80%;}
.hotels section.column3 .btn li,.hotels section.column4 .btn li {width: 100%;}

.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: 0; overflow: hidden;}
.hotellists ul { width: calc(100% - 40px); padding: 40px 0 40px 40px;display:flex;flex-wrap:wrap; overflow: hidden;}
.hotellists ul li { width: calc(50% - 40px); padding:8px 40px 8px 0; line-height: 24px; font-size: 16px; font-family: "Hiragino Mincho ProN", "Noto Sans Japanese", serif; }
.hotellists ul li a { color: #000 !important;}
.hotellists ul li a:hover { text-decoration: none!important;opacity: 0.8;}



.chiiki section.column1 { margin: 0 0 80px;padding: 47px ;}