.components-hero .hero-banners{grid-area:banners;margin-top:20px}@media screen and (max-width: 767px){.components-hero .hero-banners{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 768px){.components-hero .hero-banners{margin-top:min(2.8846153846vw, 30px)}}.components-hero .hero-banners .banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:162.5px;height:66px;overflow:hidden;background:#eee}@media screen and (min-width: 768px){.components-hero .hero-banners .banner{width:100%;height:min(12.5vw, 130px)}.components-hero .hero-banners .banner:not(:first-child){margin-top:min(1.4423076923vw, 15px)}}[data-whatintent=mouse] .components-hero .hero-banners .banner a:hover img,.components-hero [data-whatintent=mouse] .hero-banners .banner a:hover img{opacity:.5}[data-whatintent=touch] .components-hero .hero-banners .banner a:active img,.components-hero [data-whatintent=touch] .hero-banners .banner a:active img{opacity:.5}.components-hero .hero-banners .banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.components-hero .hero-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-area:info;padding-top:60px}@media screen and (min-width: 768px){.components-hero .hero-info{padding-top:min(5.7692307692vw, 60px)}}.components-hero .hero-info .info-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-whatintent=mouse] .components-hero .hero-info .info-head .info-more:hover circle,.components-hero [data-whatintent=mouse] .hero-info .info-head .info-more:hover circle{fill:#fff}[data-whatintent=mouse] .components-hero .hero-info .info-head .info-more:hover path,.components-hero [data-whatintent=mouse] .hero-info .info-head .info-more:hover path{fill:rgba(255,116,92,.5)}[data-whatintent=mouse] .components-hero .hero-info .info-head .info-more:hover path[fill="#fff"],.components-hero [data-whatintent=mouse] .hero-info .info-head .info-more:hover path[fill="#fff"]{fill:#ff745c}[data-whatintent=touch] .components-hero .hero-info .info-head .info-more:active circle,.components-hero [data-whatintent=touch] .hero-info .info-head .info-more:active circle{fill:#fff}[data-whatintent=touch] .components-hero .hero-info .info-head .info-more:active path,.components-hero [data-whatintent=touch] .hero-info .info-head .info-more:active path{fill:rgba(255,116,92,.5)}[data-whatintent=touch] .components-hero .hero-info .info-head .info-more:active path[fill="#fff"],.components-hero [data-whatintent=touch] .hero-info .info-head .info-more:active path[fill="#fff"]{fill:#ff745c}@media screen and (max-width: 767px){.components-hero .hero-info .info-head .info-title img{height:10.3521px}.components-hero .hero-info .info-head .info-more svg{height:16px}}.components-hero .hero-info .contents{width:100%;margin-top:12px;padding:20px;font-size:1.2rem;background:#fff;border-radius:20px;letter-spacing:0.04em}@media screen and (min-width: 768px){.components-hero .hero-info .contents{height:min(10.1923076923vw, 106px);margin-top:min(1.4423076923vw, 15px);padding:min(2.4038461538vw, 25px) min(2.4038461538vw, 25px) calc(min(2.4038461538vw, 25px) - 0.75em);border-radius:min(2.8846153846vw, 30px)}}.components-hero .hero-info .contents .date{font-weight:600;line-height:1}.components-hero .hero-info .contents .date::before,.components-hero .hero-info .contents .date::after{display:block;width:0;height:0;content:""}.components-hero .hero-info .contents .date::before{margin-bottom:calc(-0.0833666667em + 0px)}.components-hero .hero-info .contents .date::after{margin-top:calc(-0.0833666667em + 0px)}.components-hero .hero-info .contents .body{display:-webkit-box;margin-top:1em;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6666666667}.components-hero .hero-info .contents .body::before,.components-hero .hero-info .contents .body::after{display:block;width:0;height:0;content:""}.components-hero .hero-info .contents .body::before{margin-bottom:calc(-0.4167em + 0px)}.components-hero .hero-info .contents .body::after{margin-top:calc(-0.4167em + 2px)}[data-whatintent=mouse] .components-hero .hero-info .contents .body a:hover,.components-hero [data-whatintent=mouse] .hero-info .contents .body a:hover{opacity:.5}[data-whatintent=touch] .components-hero .hero-info .contents .body a:active,.components-hero [data-whatintent=touch] .hero-info .contents .body a:active{opacity:.5}.components-hero{position:relative}.components-hero .splide__pagination{position:unset;display:-webkit-box;display:-ms-flexbox;display:flex;gap:13px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:-webkit-min-content;height:-moz-min-content;height:min-content;margin-top:20px;-webkit-transform:unset;transform:unset}@media screen and (min-width: 768px){.components-hero .splide__pagination{position:absolute;top:calc(63cqw + 20px);right:0;bottom:unset;left:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:0}}.components-hero .splide__pagination li .splide__pagination__page{position:relative;margin:0;background:#fff;border:none;border-radius:100%;width:4px;height:4px}.components-hero .splide__pagination li .splide__pagination__page::after{position:absolute;top:50%;left:50%;display:block;width:300%;height:300%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}@media screen and (min-width: 768px){.components-hero .splide__pagination li .splide__pagination__page{width:min(0.5769230769vw, 6px);height:min(0.5769230769vw, 6px)}}.components-hero .splide__pagination li .splide__pagination__page:hover:not(.is-active){background:#4bb47d;opacity:.8}.components-hero .splide__pagination li .splide__pagination__page.is-active{background:#4bb47d}.components-hero .slide-arrows{display:none}.components-hero .hero-slide{position:relative;grid-area:slide;width:100%;container-type:inline-size}@media screen and (max-width: 767px){.components-hero .hero-slide{margin-top:7.4666666667vw}}.components-hero .hero-slide .splide__track{overflow:visible}.components-hero .hero-slide .splide__list{width:100%}.components-hero .slide-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.components-hero .slide-item.is-hover img{opacity:.5}.components-hero .slide-tags{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:min(-1.4423076923vw, -15px);color:#4bb47d;font-weight:600;font-size:1.2rem;line-height:1}@media screen and (min-width: 768px){.components-hero .slide-tags{margin-top:min(1.9230769231vw, 20px)}}.components-hero .slide-tags .label-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:30px;margin-right:10px;padding-right:18px;background:#fff;border-radius:30px}@media screen and (min-width: 768px){.components-hero .slide-tags .label-item{height:40px;margin-right:10px;padding-right:18px;border-radius:40px}}[data-whatintent=mouse] .components-hero .slide-tags .label-item:hover{color:#fff;background:#4bb47d}[data-whatintent=touch] .components-hero .slide-tags .label-item:active{color:#fff;background:#4bb47d}.components-hero .slide-tags .label-item .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.components-hero .slide-tags .category-button{letter-spacing:0.1em}.components-hero .slide-tags .category-button .icon{margin-right:10px}@media screen and (min-width: 768px){.components-hero .slide-tags .category-button .icon{margin-right:min(0.9615384615vw, 10px)}}.components-hero .slide-tags .category-button .icon svg{width:30px;height:30px}@media screen and (min-width: 768px){.components-hero .slide-tags .category-button .icon svg{width:min(3.8461538462vw, 40px);height:min(3.8461538462vw, 40px)}}[data-whatintent=mouse] .components-hero .slide-tags .category-button:hover circle{fill:#fff}[data-whatintent=touch] .components-hero .slide-tags .category-button:active circle{fill:#fff}[data-whatintent=mouse] .components-hero .slide-tags .category-button[category=lifestyle]:hover path{fill:#7681db}[data-whatintent=touch] .components-hero .slide-tags .category-button[category=lifestyle]:active path{fill:#7681db}[data-whatintent=mouse] .components-hero .slide-tags .category-button[category=leisure]:hover path{fill:#b2d828}[data-whatintent=touch] .components-hero .slide-tags .category-button[category=leisure]:active path{fill:#b2d828}[data-whatintent=mouse] .components-hero .slide-tags .category-button[category=human]:hover path{fill:#67c3c1}[data-whatintent=touch] .components-hero .slide-tags .category-button[category=human]:active path{fill:#67c3c1}[data-whatintent=mouse] .components-hero .slide-tags .category-button[category=gourmet]:hover path{fill:#f39a1d}[data-whatintent=touch] .components-hero .slide-tags .category-button[category=gourmet]:active path{fill:#f39a1d}[data-whatintent=mouse] .components-hero .slide-tags .category-button[category=feature]:hover path{fill:#ea79c0}[data-whatintent=touch] .components-hero .slide-tags .category-button[category=feature]:active path{fill:#ea79c0}[data-whatintent=mouse] .components-hero .slide-tags .category-button[category=kusabiya]:hover path{fill:#51b480}[data-whatintent=touch] .components-hero .slide-tags .category-button[category=kusabiya]:active path{fill:#51b480}.components-hero .slide-tags .location-button{padding-left:10px}@media screen and (min-width: 768px){.components-hero .slide-tags .location-button{padding-left:min(1.4423076923vw, 15px)}}.components-hero .slide-tags .location-button .icon{margin-right:10px;content:""}@media screen and (min-width: 768px){.components-hero .slide-tags .location-button .icon{margin-right:min(0.9615384615vw, 10px)}}[data-whatintent=mouse] .components-hero .slide-tags .location-button:hover path[fill="#4bb47d"]{fill:#fff}[data-whatintent=mouse] .components-hero .slide-tags .location-button:hover path[fill="#fff"]{fill:#4bb47d}[data-whatintent=touch] .components-hero .slide-tags .location-button:active path[fill="#4bb47d"]{fill:#fff}[data-whatintent=touch] .components-hero .slide-tags .location-button:active path[fill="#fff"]{fill:#4bb47d}.components-hero .slide-title{position:relative;z-index:1;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;max-width:280px;margin-bottom:-10px;overflow:hidden}@media screen and (min-width: 768px){.components-hero .slide-title{max-width:min(44.2307692308vw, 460px);height:6.5em;margin:0;margin-top:min(2.8846153846vw, 30px)}}.components-hero .slide-title .title-bg{z-index:2;display:-webkit-box;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding:20px 5px 0;overflow:hidden;color:#fff;font-weight:600;font-size:1.8rem;text-align:justify;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4444444444}.components-hero .slide-title .title-bg::before,.components-hero .slide-title .title-bg::after{display:block;width:0;height:0;content:""}.components-hero .slide-title .title-bg::before{margin-bottom:calc(-0.3055888889em + 0px)}.components-hero .slide-title .title-bg::after{margin-top:calc(-0.3055888889em + 0px)}@media screen and (min-width: 768px){.components-hero .slide-title .title-bg{padding:8px 5px;font-size:2rem;line-height:1.75}.components-hero .slide-title .title-bg::before,.components-hero .slide-title .title-bg::after{display:block;width:0;height:0;content:""}.components-hero .slide-title .title-bg::before{margin-bottom:calc(-0.4583666667em + 0px)}.components-hero .slide-title .title-bg::after{margin-top:calc(-0.4583666667em + 0px)}}.safari .components-hero .slide-title .title-bg{text-align:left}.components-hero .slide-title .inner{display:inline;padding:2px 3px;line-height:1.4444444444;background:#4bb47d;-webkit-box-shadow:-4px 0 0 0 #4bb47d,4px 0 0 0 #4bb47d;box-shadow:-4px 0 0 0 #4bb47d,4px 0 0 0 #4bb47d}@media screen and (max-width: 767px){.safari .components-hero .slide-title .inner{padding:0;line-height:1.6666666667}}@media screen and (min-width: 768px){.components-hero .slide-title .inner{padding:4px 5px;line-height:1.75}.safari .components-hero .slide-title .inner,.firefox .components-hero .slide-title .inner{padding:2px 5px}}.components-hero .slide-image{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;overflow:hidden;border-radius:20px}.components-hero .slide-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.components-hero .hero-whether{display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:whether;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#4bb47d;font-size:1.2rem;font-family:"YakuHanRP",futura-pt,sans-serif}@media screen and (max-width: 767px){.components-hero .hero-whether{height:50px}}@media screen and (min-width: 768px){.components-hero .hero-whether{font-size:1.3rem}}.components-hero .hero-whether .text{line-height:1.0769230769;letter-spacing:0.02em}.components-hero .hero-whether .text::before,.components-hero .hero-whether .text::after{display:block;width:0;height:0;content:""}.components-hero .hero-whether .text::before{margin-bottom:calc(-0.1218282051em + 0px)}.components-hero .hero-whether .text::after{margin-top:calc(-0.1218282051em + 0px)}@media screen and (max-width: 767px){.components-hero .hero-whether .text{line-height:1}.components-hero .hero-whether .text::before,.components-hero .hero-whether .text::after{display:block;width:0;height:0;content:""}.components-hero .hero-whether .text::before{margin-bottom:calc(-0.0833666667em + 0px)}.components-hero .hero-whether .text::after{margin-top:calc(-0.0833666667em + 0px)}.components-hero .hero-whether .text br{display:none}}.components-hero .hero-whether .text .first-line{text-transform:uppercase}.components-hero .hero-whether .date{display:inline-block;-ms-flex-item-align:end;align-self:flex-end;margin-top:.25em;font-size:1rem;letter-spacing:0.04em}@media screen and (max-width: 767px){.components-hero .hero-whether .date{margin-left:17px}}@media screen and (min-width: 768px){.components-hero .hero-whether .date{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.1rem}}.components-hero .hero-whether .temp{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;font-size:2rem;line-height:1}@media screen and (min-width: 768px){.components-hero .hero-whether .temp{-ms-flex-item-align:end;align-self:flex-end;font-size:4.6rem}}.components-hero .hero-whether .num{display:block;line-height:1;line-height:1}.components-hero .hero-whether .num::before,.components-hero .hero-whether .num::after{display:block;width:0;height:0;content:""}.components-hero .hero-whether .num::before{margin-bottom:calc(-0.1666666667em + 0px)}.components-hero .hero-whether .num::after{margin-top:calc(-0.1666666667em + 0px)}.components-hero .hero-whether .celsius{display:block;-ms-flex-item-align:end;align-self:flex-end;width:12.9px;height:11.1545px;margin-left:10px;text-indent:-9999em;background:url(/cms-content/themes/taketama/assets/img/top/ico-whether-celsius.svg?e3528) no-repeat;background-size:contain}@media screen and (min-width: 768px){.components-hero .hero-whether .celsius{width:min(2.8443557692vw, 29.5813px);height:min(2.4594807692vw, 25.5786px)}}.components-hero .hero-whether .icon{-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:content-box;box-sizing:content-box;width:18px;height:18px;margin-left:10px;padding-left:10px;background:no-repeat;background-position:right top;background-size:contain;border-left:1px solid #4bb47d}.components-hero .hero-whether .icon[data-icon=sunny]{background-image:url(/cms-content/themes/taketama/assets/img/top/ico-whether-sunny.svg?39828)}.components-hero .hero-whether .icon[data-icon=rainy]{background-image:url(/cms-content/themes/taketama/assets/img/top/ico-whether-rainy.svg?ba7a0)}.components-hero .hero-whether .icon[data-icon=snowily]{background-image:url(/cms-content/themes/taketama/assets/img/top/ico-whether-snowily.svg?af03b)}.components-hero .hero-whether .icon[data-icon=cloudy]{background-image:url(/cms-content/themes/taketama/assets/img/top/ico-whether-cloudy.svg?57ee2)}@media screen and (min-width: 768px){.components-hero .hero-whether .icon{width:min(3.8461538462vw, 40px);height:min(3.8461538462vw, 40px);margin-left:min(1.9230769231vw, 20px);padding-left:min(1.9230769231vw, 20px)}}.components-hero .hero-whether .icon img{width:100%;height:100%}.components-hero{display:grid;grid-template-areas:"whether" "slide" "info" "banners";width:100%}@media screen and (min-width: 768px){.components-hero{grid-template-areas:"slide whether" "slide info" "slide banners";grid-template-rows:min(3.8461538462vw, 40px) min(19.3269230769vw, 201px) min(29.5192307692vw, 307px);grid-template-columns:min(60.7692307692vw, 632px) min(30.7692307692vw, 320px);margin-top:min(5.9615384615vw, 62px);-webkit-column-gap:min(8.3653846154vw, 87px);-moz-column-gap:min(8.3653846154vw, 87px);column-gap:min(8.3653846154vw, 87px)}}.components-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:47px 0 0;padding:40px 30px;background:#fff}.components-information .information-title{-ms-flex-negative:0;flex-shrink:0;color:#ff745c;font-weight:bold;text-transform:uppercase}@media screen and (max-width: 767px){.components-information .information-title{width:225px}}.components-information .information-content{width:calc(100% - 225px)}.components-information .information-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.components-information .information-item .title{padding-left:min(3.8461538462vw, 40px)}.components-information .information-item:not(:first-child){margin-top:min(2.8846153846vw, 30px)}