@charset "UTF-8";.nav1,.nav6{box-shadow:1px 1px 1px #333,3px 3px 3px #000,-1px -1px 1px #fff}#topics,#topics a,header{color:#f2eae2}.center,.link,.more label,h1,h2{text-align:center}.more label,.nav1,picture img{position:absolute}#greetings,#ranking{background:url(../img/paper.webp)}.ranking1 p,.ranking2 p,.ranking3 p{border-bottom:1px solid rgba(0,0,0,.38)}#card1 a img,#card2 a img,#onsen img{transition:.5s cubic-bezier(.48,.01,.45,1.9)}#card2,#hotel,#top{margin-right:10px}#greetings p,footer h1{text-indent:1em}#pr,#top,#topics{text-align:right}#page-top a,#topics a,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}#copyright a,#hotel a,#page-top a,#topics a,a:link,a:visited{text-decoration:none}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}#ad3,header{background-color:#000}footer h2,h1{background-image:url(../img/piece-tabi.webp);border-top:5px ridge #e6d6c6;border-bottom:5px ridge #e6d6c6}audio,canvas,iframe,img,input,select,svg,video{vertical-align:middle}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:400;src:local("NotoSansJP-Regular.otf"),url('../font/NotoSansJP-Regular.woff2') format('woff2');font-display:swap}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:700;src:local("NotoSansJP-Bold.otf"),url('../font/NotoSansJP-Bold.woff2') format('woff2');font-display:swap}html{scroll-behavior:smooth}body{position:relative;margin:0 auto;min-width:360px;line-height:1.5;font-family:'Noto Sans JP',sans-serif;font-weight:400;font-size:16px;color:#000;background-color:#fff;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}a{outline:0;font-weight:500}em,strong{font-weight:700}a:link,a:visited{color:#1a34ec}a:active,a:hover{font-weight:700;text-decoration:underline;color:#ff6c00}strong{color:#c00}em{font-style:normal}b{font-weight:500}h1,h2,h3{font-weight:700}header{width:100%;background-repeat:no-repeat;background-size:100% auto;background-position:0 68px;font-weight:900}h1{font-size:calc(12px + ((1vw - 3.2px) * 3.33));height:calc(45px + ((1vw - 3.2px) * 3.35));line-height:calc(45px + ((1vw - 3.2px) * 3.35))}#explanation,#onsen a:nth-child(n+8),.left div:last-child,.left div:nth-last-child(2),.link a:nth-child(-n+2),.more input[type=checkbox],.ranking3:nth-last-child(-n+4),.right div:last-child,.right div:nth-last-child(2),.rs,.rs3,h1 span{display:none}#hotel p,.ranking3{display:inline-block}.nav1{margin:calc(-44px - ((1vw - 3.2px) * 3.8)) 0 0 calc(5px + ((1vw - 3.2px) * 1.12));width:calc(95px + ((1vw - 3.6px) * 13.5));height:calc(35px + ((1vw - 3.6px) * 2.7))}#copyright,#page-top a,#topics,.more,.more-content,.nav6,footer h2{position:relative}.nav6{float:right;margin:calc(-44px - ((1vw - 3.2px) * 3.8)) calc(5px + ((1vw - 3.2px) * 1.12)) 0 0;width:calc(95px + ((1vw - 3.6px) * 13.4));height:calc(35px + ((1vw - 3.6px) * 2.68))}.nav1 img,.nav6 img{width:100%;height:100%}.nav1:hover,.nav6:hover{background:#ff6c00;transform:scale(1.05)}main{background:url(../img/tabi-bar10.png);background-repeat:repeat-y!important;background-position:100% 0!important}picture img{width:calc(100% - 10px);height:auto}h2{font-size:calc(21px + ((1vw - 3.6px) * 3.68))}h2 span{font-size:.6em}.bar{margin:-13px auto 0}.bar img{width:calc(340px + ((1vw - 3.6px) * 67.6));height:auto}#top{height:100vw}#topics{padding-top:calc(10px + ((1vw - 3.6px) * .98))}#topics a{padding:.78em 0;font-size:calc(12px + ((1vw - 3.6px) * 3.5));letter-spacing:.15em}#topics a:first-child{margin-right:2.25em}#topics a:nth-child(2){margin-right:1.89em}#topics a:nth-child(3){margin-right:.78em}#topics a:nth-child(4){margin-right:1.18em}#topics a:last-child{margin-right:1.93em}#topics a::before{content:"▸";color:#ff6c00}#topics a:hover,.link a:active,.link a:hover{color:#ff6c00}#copyright a,#page-top a,.link a:link,.link a:visited,footer{color:#f2eae2}.left{float:left}.right{float:right}#card1{margin:35px 10px 0 0}#card1 p,#card2 p{margin-top:-5px;margin-bottom:5px;font-size:calc(12px + ((1vw - 3.6px) * .98))}#card1 a img,#card2 a img{margin:.4% .2%;width:calc(108px + ((1vw - 3.6px) * 31.7));height:auto}#card1 a img:hover,#card2 a img:hover{background:#ff6c00;box-shadow:0 0 2px 2px rgba(255,108,0,.7);transform:scale(1.015)}#greetings{clear:both;margin:3em 10px 2em 0;padding:20px 0 30px}#greetings img:nth-child(4){width:100%;height:auto;margin-top:-10px}#greetings p{margin:35px 35px 45px;font-size:calc(15px + ((1vw - 3.6px) * 1.96));text-align:justify;line-height:1.7}.more{margin:0 auto;font-size:12px}.more label{display:table;left:50%;bottom:0;margin:0 auto;padding:0 0 3px;width:145px;color:#fff;border-radius:5px;background-color:#666;transform:translateX(-50%);cursor:pointer;z-index:1}.ranking1 h3,.ranking2 h3,.ranking3 h3{text-shadow:1px 1px 1px #ddd;border-radius:8px 8px 0 0;text-align:center}.more label::before{content:"▼続きを読む"}.more input[type=checkbox]:checked~label::before{content:"▲元に戻す"}.more-content{height:0;overflow:hidden}.more input[type=checkbox]:checked~.more-content{height:auto}.ranking1,.ranking2{margin:0 0 28px calc(8px + ((1vw - 3.6px) * 2.01));width:calc(163px + ((1vw - 3.6px) * 47.2))}.ranking2{margin:0 calc(18px + ((1vw - 3.6px) * 2.01)) 28px 0}.ranking1 h3,.ranking2 h3{padding:4px 0 7px 5px;font-size:calc(15px + ((1vw - 3.6px) * 4));background:linear-gradient(#75c1dd 0,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 60%,#75c1dd 100%)}.ranking2 h3{background:linear-gradient(#ed9dad 0,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 60%,#ed9dad 100%)}.ranking1 h3::before,.ranking2 h3::before{content:url(../img/a_blt008.gif);margin-right:4px;margin-left:-6px}.ranking1 img,.ranking2 img,.ranking3 img{width:100%;height:auto}.ranking1 p,.ranking2 p{padding:8px 0 8px 3px;font-size:calc(14px + ((1vw - 3.6px) * 4));border-left:5px solid #75c1dd;background-color:#f4fcff}.ranking2 p{border-left:5px solid #ed9dad;background-color:#ffeff2}.ranking1 span,.ranking2 span{margin-right:3px;padding:1px;color:#444;background:#fff;box-shadow:0 1px 1px 0}#ad3{clear:both;margin:30px 10px 20px 0;padding:30px 0 10px}#card2{text-align:center}#ranking{margin:40px 10px 0 0;padding:20px 0 0;text-align:center}.ranking3{width:calc(163px + ((1vw - 3.6px) * 47.7));margin:0 2px 28px;text-align:left}.ranking3 h3{padding:4px 0 7px 5px;font-size:calc(15px + ((1vw - 3.6px) * 4));background:linear-gradient(#682c3a 0,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 65%,#682c3a 100%)}.ranking3 h3::before{content:url(../img/a_blt003.gif);margin-right:4px;margin-left:-6px}.ranking3 p{padding:8px 0 8px 3px;font-size:calc(14px + ((1vw - 3.6px) * 4));border-left:5px solid #682c3a;background-color:#faf4f5}.ranking3 span{margin-right:3px;padding:1px;color:#592632;background:#f2eae2;box-shadow:0 1px 1px 0}#onsen{clear:both;margin:0 10px 0 0;padding:15px 0 20px;text-align:center}#onsen img{margin:0 .2%;width:calc(51.5px + ((1vw - 3.6px) * 15.42));height:auto}#onsen img:hover{transform:scale(1.1) rotate(1.5deg)}#onsen h2{padding-bottom:14px}#onsen h2::before{content:"----- ♨ "}#onsen h2::after{content:" -----"}#hotel{padding-bottom:20px;text-align:center}#hotel p{width:29%;margin:0 1.3%;padding:11px 0 12px;font-size:14px;letter-spacing:1.4px;border-radius:8px}#hotel a{color:#fff}.link a{padding:5px 0;font-size:calc(11px + ((1vw - 3.75px) * .31))}.link a::before{content:"|";padding-right:.25em;color:#aaa}.link a:first-child::before{content:""}footer{background:#000}#ad7{margin:5px 0}#pr{margin:0 6px 52px 0;font-size:11px}#page-top a{font-size:2.5vw;text-align:center;line-height:3.2em}#page-top a:before{content:"▲";margin-right:.5em}#page-top a:link,#page-top a:visited{background:linear-gradient(to bottom,#ccc,#682c3a)}#page-top a:active,#page-top a:hover{letter-spacing:.5px;background:linear-gradient(to bottom,#ffa800,#ff6c00)}footer h2{padding:7px 0 23px;font-size:calc(12px + ((1vw - 3.2px) * 3.33));text-align:center}#copyright{margin-top:-24px;font-size:10px;text-align:center;line-height:1.2}footer a:last-child,footer a:nth-last-child(2){margin-top:-45px!important}@media screen and (min-width:560px){h1{font-size:calc(17px + ((1vw - 5.6px) * 3.85));letter-spacing:-.05em}.link a:nth-child(-n+2),.rs3,h1 span{display:inline}#top{height:50vw}#topics{padding-top:calc(6.25px + ((1vw - 6.4px) * .98))}#topics a{padding:.38em 0;font-size:calc(14.9px + ((1vw - 6.4px) * 2.11))}#topics a:first-child{margin-right:1.9em}#topics a:nth-child(2){margin-right:1.85em}#topics a:nth-child(3){margin-right:1.01em}#topics a:nth-child(4){margin-right:1.65em}#topics a:last-child{margin-right:2.64em}#card1{margin:0 10px 0 0}.ranking1 h3,.ranking2 h3,.ranking3 h3{font-size:16px}.ranking1 p,.ranking2 p,.ranking3 p,footer h2{font-size:14px}.ranking3{width:calc(170px + ((1vw - 5.6px) * 31.3))}.ranking3:nth-last-child(-n+4){display:inline-block}.ranking3:last-child,.rs2{display:none}#pr{margin:0 6px 66px 0}#page-top a{font-size:15px}footer h2{padding:19px 0 49px 12px}#copyright{margin-top:-50px}footer a:last-child,footer a:nth-last-child(2){margin-top:-59px!important}.rs{display:block}}@media screen and (min-width:768px){.nav1,.nav1 img,.nav6,.nav6 img{width:150px;height:46px}#card1 p,#card2 p,#hotel p{font-size:16px}h1{font-size:calc(25px + ((1vw - 7.68px) * 1.56));height:60px;line-height:60px}.nav1{margin:-58px 0 0 10px}.nav6{margin:-58px 10px 0 0}h2{font-size:36px}.bar img{width:600px}#card1 a img,#card2 a img{width:calc(237px + ((1vw - 7.68px) * 30.5))}.ranking1,.ranking2{margin:0 0 28px calc(18px + ((1vw - 7.68px) * 3.91));width:calc(353px + ((1vw - 7.68px) * 26.923))}.ranking2{margin:0 calc(28px + ((1vw - 7.68px) * 3.91)) 28px 0}.ranking1 h3,.ranking2 h3,.ranking3 h3{font-size:19px}.ranking1 p,.ranking2 p,.ranking3 p{font-size:17px}#onsen{margin:0 10px 0 0}#onsen img{margin:0 1.1%;width:9.545%}#onsen a:nth-child(n+8){display:inline}#hotel p{width:29%;margin:0 1.6%}#hotel a::before{content:"♨"}#hotel a::after{content:" で探す!";font-size:12px}footer{margin-top:0}#pr{margin:0 10px 74px 0}#page-top a{line-height:2.5em}footer h2{font-size:22px}#copyright{font-size:11px}footer a:last-child,footer a:nth-last-child(2){margin-top:-67px!important}}@media screen and (min-width:1024px){#explanation,.left div:last-child,.left div:nth-last-child(2),.right div:last-child,.right div:nth-last-child(2){display:block}#card2,#hotel,.nav6{margin-right:25px}h1{font-size:29px;letter-spacing:normal}.nav1{margin-left:25px}main{background:url(../img/tabi-bar24.png) #fff}picture img{width:calc(100% - 24px);max-width:1176px}#top{margin-right:24px}#topics{padding-top:calc(10px + ((1vw - 10.24px) * 6.25))}#topics a{font-size:calc(23px + ((1vw - 10.24px) * 1.7))}#explanation{width:calc(370px + ((1vw - 10.24px) * 30));margin:calc(48px + ((1vw - 10.24px) * 5.68)) 0 0 calc(365px + ((1vw - 10.24px) * 40.3));font-size:calc(10px + ((1vw - 10.24px) * .57));color:#f2eae2;text-align:justify;line-height:1.1}.column{display:flex;margin-top:17px}.left{flex:0 0 calc(177px + ((1vw - 10.24px) * 13.1));order:1;margin:0 0 0 3px}.center{flex:1 1 auto;order:2;margin:0 17px;text-align:center}.right{flex:0 0 calc(177px + ((1vw - 10.24px) * 13.1));order:3;margin:0 27px 0 0}#card1{margin:-7px 0 0}#card1 a img{width:calc(186px + ((1vw - 10.24px) * 11))}#greetings{clear:both;margin:48px 0 0;padding:0;background:0 0}#greetings img:nth-child(4){width:600px;margin-top:0}#greetings p{margin:35px calc(5px + ((1vw - 10.24px) * 36.9)) 25px;font-size:18px;line-height:1.9}.ranking1,.ranking2{margin:0 0 24px;width:auto}.ranking1 h3,.ranking2 h3{font-size:calc(16px + ((1vw - 10.24px) * 1.14))}.ranking1 p,.ranking2 p,.ranking3 p{padding:5px 0 5px 3px;font-size:calc(15px + ((1vw - 10.24px) * 1.14))}#ad3{margin:30px 24px 50px 0}#card2 a img{width:calc(191.2px + ((1vw - 10.24px) * 9.5))}#card2 a:nth-child(9){display:none}#ranking{margin:70px 25px 0 0;padding:20px 0 0}.ranking3:last-child{display:inline-block}.ranking3{width:calc(187px + ((1vw - 10.24px) * 10));margin:0 4px 35px}.ranking3 h3{font-size:calc(17px + ((1vw - 10.24px) * 1.7))}#onsen{margin:0 24px 0 0;padding:48px 0 35px}#hotel{padding-bottom:35px}#hotel p{width:28.9%;padding:13px 0 15px;font-size:19px;letter-spacing:2px}.link{clear:both;width:100%}.link a{font-size:13px}#ad7{margin:5px 25px}#pr{margin:0 25px 74px 0;font-size:12px}}@media screen and (min-width:1200px){#ad7,#pr,main{width:1200px}body{background-image:url(../img/back-bar.png);background-repeat:repeat-x}.nav1{margin-left:calc((100% - 1200px)/ 2)}.nav6{margin-right:calc((100% - 1200px)/ 2)}main{margin:0 auto}article{margin:0 25px 0 0}h2{font-size:38px}#top{height:600px}#topics{padding-top:21px}#topics a{font-size:26px}#explanation{width:450px;margin:58px 0 0 436px;font-size:11px}.left,.right{flex:0 0 200px;margin:0}#card1 a img{width:235px}#greetings p{margin:35px 70px 25px}.ranking1,.ranking2{margin-bottom:30px}.ranking1 h3,.ranking2 h3{font-size:18px}.ranking1 p,.ranking2 p,.ranking3 p{font-size:17px}#card2{margin-right:0}#card2 a img{width:215px}.ranking3{width:210px;margin:0 5px 35px}.ranking3 h3{font-size:19px}#onsen img{width:112px}#ad7{margin:5px auto}#pr{margin:0 auto 74px}}