.header,.footer{z-index:1}.main{overflow:hidden;padding-top:0;z-index:1;display:flex;flex-direction:column;gap:var(--gap-xxxl);padding-bottom:var(--gap-xxxl)}.main::before{content:'';width:100vw;height:100vh;background:var(--base-color) url('../image/bg_map.png') no-repeat 100% 50% /95% auto;position:fixed;top:0;bottom:0;z-index:-1}@media (min-width:768px){.main{gap:6.4rem;padding-bottom:6.4rem}.main::before{background-size:contain}}.title-top{position:relative;font-size:var(--text-xl);font-weight:var(--weight-bold);display:flex;flex-direction:column;gap:var(--gap-md)}.title-top .sub-title{font-size:var(--text-sm)}.title-top::before{content:'';width:var(--p-xxxl);height:var(--p-md);border-radius:100px;background:var(--gradation-color);display:block}.title-top .title-inner{display:inline-block;font-size:var(--text-xl);gap:var(--gap-md);display:flex;align-items:center;line-height:1.5}@media (min-width:768px){.title-top .title-inner{font-size:var(--text-4xl)}}.title-top .title-inner .sub-title{font-size:var(--text-sm);padding-top:0.25em}@media (min-width:768px){.title-top .title-inner .sub-title{font-size:var(--text-lg)}}.fv{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;width:100vw;height:460px;padding-block:var(--p-xl) var(--p-lg);padding-inline:var(--content-spacing)}.fv .movie{display:block;position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fv .title{position:relative;z-index:1;display:flex;flex-direction:column;line-height:1.2;font-weight:500;font-size:var(--text-xxl);color:var(--text-contrast-color);text-align:left;letter-spacing:var(--p-sm);text-shadow:0 0 5px rgba(0,0,0,0.3);font-weight:var(--weight-bold);word-break:auto-phrase}.fv .img_medal{position:relative;align-self:flex-start}@media (min-width:768px){.fv{gap:0;aspect-ratio:16/9;padding-block:0;height:770px}.fv .title{padding-top:4.5rem;font-size:var(--text-4xl);justify-content:center;margin-bottom:1rem;line-height:var(--line-height-md);align-self:self-end}.fv .sub-title{font-size:var(--text-xl);margin-bottom:32px}.fv .img_medal{padding-bottom:var(--p-xxl)}}.section{display:flex;flex-direction:column;gap:var(--gap-xl)}.section .error{width:100%;display:block;text-align:center;grid-column:4 span;padding-block:var(--p-xl)}@media (min-width:768px){.section{padding-inline:var(--content-spacing)}}.img-bnr-link{display:block;margin:0 auto;width:-moz-fit-content;width:fit-content}.img-bnr-link:hover{background-color:#fff;position:relative}.img-bnr-link:hover::before{content:'';width:100%;height:100%;border:2px solid var(--main-color);display:block;box-sizing:border-box;position:absolute;left:0;z-index:1;top:0}.img-bnr-link:hover .img-bnr{opacity:0.7}.intro_bnr{margin-inline:var(--content-spacing);max-width:960px;display:block}@media (min-width:768px){.intro_bnr{width:100%;margin:0 auto}}.consultation{width:100%;padding-block:0;display:flex;flex-direction:column;align-items:flex-end}@media (min-width:768px){.consultation{padding-inline:0 var(--content-spacing)}}.consultation .consultation_container{display:flex;flex-direction:column;align-items:center;gap:var(--p-xl);width:100%}@media (min-width:768px){.consultation .consultation_container{gap:3rem;flex-direction:row}}@media (min-width:1000px){.consultation .consultation_container{gap:6rem}}.consultation .consultation_container .consultation_image-wrap{width:100%;flex:1;overflow:hidden;max-height:250px}@media (min-width:768px){.consultation .consultation_container .consultation_image-wrap{width:auto;align-self:stretch;flex:1;max-height:450px}}.consultation .consultation_container .consultation_image-wrap .consultation_image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:30% 35%;object-position:30% 35%}@media (min-width:768px){.consultation .consultation_container .consultation_image-wrap .consultation_image{border-radius:20px}}@media (min-width:768px){.consultation .consultation_container .consultation_image-wrap .consultation_image{border-radius:0 20px 20px 0}}.consultation .consultation_container .consultation_content{display:flex;flex-direction:column;padding-inline:var(--content-spacing);gap:30px}@media (min-width:768px){.consultation .consultation_container .consultation_content{padding-inline:0;width:350px}}@media (min-width:900px){.consultation .consultation_container .consultation_content{width:480px}}.consultation .consultation_container .consultation_content .consultation_heading{font-weight:var(--weight-bold);font-size:var(--text-xl);line-height:1.5}@media (min-width:900px){.consultation .consultation_container .consultation_content .consultation_heading{font-size:var(--text-xxxl)}}@media (min-width:630px){.consultation .consultation_container .consultation_content .consultation_heading br:first-child{display:none}}@media (min-width:768px){.consultation .consultation_container .consultation_content .consultation_heading br:first-child{display:inline}}.consultation .consultation_container .consultation_content .consultation_text{line-height:1.9;font-size:var(--text-md)}@media (min-width:768px){.consultation .consultation_container .consultation_content .consultation_text{font-size:var(--text-lg)}}.section-case{padding-inline:var(--content-spacing);padding-top:var(--p-xxxl)}.section-case .corner-wrapper{display:flex;flex-direction:column;gap:var(--gap-xxxl);align-self:stretch}.section-case .title-top{display:flex;align-items:center;gap:var(--gap-md);padding-inline:var(--content-spacing);font-size:var(--text-lg);font-weight:var(--weight-bold)}@media (min-width:768px){.section-case .title-top{padding:0}}.section-case .case-list{display:flex;flex-direction:column;gap:30px}@media (min-width:600px){.section-case .case-list{display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.section-case .case-list{display:flex;flex-direction:column;gap:30px}}.section-case .links{display:flex;gap:20px 40px;justify-content:center;flex-wrap:wrap}.section-case .links .button-link{margin:0}.section-case .links .button-link.consult-link{background-color:var(--sub-color);border-color:var(--sub-color)}.section-case .links .button-link.consult-link:hover{background-color:var(--contents-bg-color);color:var(--sub-color)}.section-search{padding-block:var(--p-xxxl)}@media (min-width:768px){.section-search{border-radius:20px;margin-inline:var(--content-spacing);padding-inline:var(--p-xxl)}}@media (min-width:900px){.section-search{padding-inline:var(--p-xxxl)}}.section-search .corner-wrapper{display:flex;flex-direction:column;gap:var(--p-xl);align-self:stretch}@media (min-width:768px){.section-search .corner-wrapper{gap:var(--p-xxxl)}}.section-search .title{padding-inline:var(--content-spacing)}@media (min-width:768px){.section-search .title{padding-inline:0}}.section-search .title .title-inner{font-size:var(--text-xl);display:flex;align-items:center;gap:var(--gap-md);line-height:1.5}@media (min-width:768px){.section-search .title .title-inner{font-size:var(--text-4xl)}}.section-search .title .title-inner .sub-title{font-size:var(--text-sm);padding-top:0.25em}@media (min-width:768px){.section-search .title .title-inner .sub-title{font-size:var(--text-lg)}}.section-search .link-list{width:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;padding-inline:var(--content-spacing)}@media (min-width:600px){.section-search .link-list{display:flex;justify-content:space-between;gap:10px}}@media (min-width:768px){.section-search .link-list{padding-inline:0;gap:30px 20px}}.section-search .link-list .link{display:block;overflow:hidden;border-radius:10px;display:grid;grid-template-rows:auto 2em;text-align:center;text-decoration:none;align-items:center;position:relative;transition:0.4s;align-items:stretch}.section-search .link-list .link::before{content:'';position:absolute;width:100%;height:100%;border-radius:9px;box-sizing:border-box;z-index:1}.section-search .link-list .link .name{display:flex;justify-content:center;align-items:center}.section-search .link-list .link .img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;aspect-ratio:238/130}.section-search .link-list .link:hover .img{opacity:0.7}.section-search .search{background-color:var(--contents-bg-color);border-radius:10px;box-shadow:1px 1px 0px 0px rgba(0,0,0,0.05);display:flex;padding:var(--p-lg);flex-direction:column;align-items:flex-start;gap:var(--p-xl);align-self:stretch;margin-inline:var(--content-spacing)}@media (min-width:768px){.section-search .search{margin-inline:0}}@media (min-width:800px){.section-search .search{flex-direction:row}}.section-search .search .search-contents{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}@media (min-width:800px){.section-search .search .search-contents{width:calc((100% - var(--p-xl)) / 2)}}.section-search .search .search-contents .search-title{font-size:20px;font-style:normal;font-weight:700;line-height:normal}.section-search .search .search-contents .search-form{display:flex;flex-direction:column;align-items:center;gap:var(--p-md);align-self:stretch}@media (min-width:768px){.section-search .search .search-contents .search-form{flex-direction:row;align-items:stretch}}@media (min-width:800px){.section-search .search .search-contents .search-form{flex-direction:column;align-items:center}}@media (min-width:1000px){.section-search .search .search-contents .search-form{flex-direction:row;align-items:stretch}}.section-search .search .search-contents .search-form .search-input{width:100%;height:50px;padding:3px 16px;border-radius:4px;border:1px solid #dfdfdf;background:#fff;font-size:var(--text-md)}@media (min-width:768px){.section-search .search .search-contents .search-form .search-input{height:40px}}.section-search .search .search-contents .search-form .search-submit{display:flex;width:140px;height:40px;justify-content:center;align-items:center;border:none;border-radius:10px;font-size:var(--text-md);cursor:pointer;transition:0.4s}.section-search .search .search-contents .search-list{display:flex;flex-wrap:wrap;align-items:center;gap:10px;align-self:stretch}.section-search .search .search-contents .search-list .link{padding:3px 16px;border-radius:30px;text-decoration:none;text-align:center;font-weight:var(--weight-bold);transition:0.4s;word-break:keep-all;overflow-wrap:break-word}.section-search .search .search-contents .search-list .link::before{content:'# '}.section-search .link.bnr .img{margin:0 auto}.section-search.search-rent{background-color:var(--deco1-color)}.section-search.search-rent .link-list .link{color:var(--text-contrast-color)}.section-search.search-rent .link-list .link .name{background-color:var(--main-color)}.section-search.search-rent .link-list .link:hover::before{border:2px solid var(--main-color)}.section-search.search-rent .search .search-contents .search-form .search-submit{color:var(--text-contrast-color);border:1px solid var(--main-color);background-color:var(--main-color)}.section-search.search-rent .search .search-contents .search-form .search-submit:hover{background-color:var(--text-contrast-color);color:var(--main-color)}.section-search.search-rent .search .search-contents .search-list .link{border:1px solid var(--main-color);color:var(--main-color)}.section-search.search-rent .search .search-contents .search-list .link:hover{background-color:var(--main-color);color:var(--text-contrast-color)}.section-search.search-rent .button-link:hover{color:var(--main-color)}.section-search.search-rent .scube-typeA .item:hover{border:1px solid var(--main-color)}.section-search.search-sale{background-color:var(--deco2-color)}.section-search.search-sale .link-list .link{color:var(--text-contrast-color)}.section-search.search-sale .link-list .link .name{background-color:var(--sub-color)}.section-search.search-sale .link-list .link:hover::before{border:2px solid var(--sub-color)}.section-search.search-sale .search .search-contents .search-form .search-submit{color:var(--text-contrast-color);border:1px solid var(--sub-color);background-color:var(--sub-color)}.section-search.search-sale .search .search-contents .search-form .search-submit:hover{background-color:var(--text-contrast-color);color:var(--sub-color)}.section-search.search-sale .search .search-contents .search-list .link{border:1px solid var(--sub-color);color:var(--sub-color)}.section-search.search-sale .search .search-contents .search-list .link:hover{background-color:var(--sub-color);color:var(--text-contrast-color)}.section-search.search-sale .button-link{background-color:var(--sub-color);border-color:var(--sub-color)}.section-search.search-sale .button-link:hover{color:var(--sub-color);background-color:var(--contents-bg-color)}.section-search.search-sale .scube-typeA .item:hover{border:1px solid var(--sub-color)}.section-search.search-sale .img-bnr-link:hover::before{border-color:var(--sub-color)}.section-search .banner{display:flex;justify-content:center;padding-inline:var(--content-spacing)}@media (min-width:768px){.section-search .banner{padding-inline:0}}@media (min-width:900px){.section-links{flex-direction:row;justify-content:space-between}.section-links .link{max-width:initial;width:50%}}.section-corner .corner-wrapper{display:flex;flex-direction:column;gap:var(--gap-xl);align-self:stretch}.section-corner .corner-wrapper .title{display:flex;align-items:center;gap:var(--gap-md);padding-inline:var(--content-spacing);font-size:var(--text-lg);font-weight:var(--weight-bold)}.section-corner .corner-wrapper .title .cornerIcon{fill:var(--main-color);width:40px;height:40px}@media (min-width:768px){.section-corner{gap:var(--gap-xxxl)}.section-corner .corner-wrapper .title{padding:0}}.section-ranking{padding-inline:var(--content-spacing)}.section-ranking .title{display:flex;flex-direction:column;align-items:flex-start;padding-left:0.5em;border-left:3px solid #000}.section-ranking .title .english{font-size:var(--text-lg);color:#000;font-weight:var(--weight-bold)}.section-ranking .title .sub{font-size:var(--text-sm);color:var(--text-color);font-weight:var(--weight-normal)}@media (min-width:768px){.section-ranking .title{flex-direction:row;gap:var(--gap-md);align-items:center;font-size:var(--text-lg)}}.section-instagram{padding-inline:var(--content-spacing);display:flex;flex-direction:column;gap:var(--gap-lg)}.section-instagram .instagram-header{display:flex;flex-direction:column;gap:var(--gap-xl);align-items:center}.section-instagram .instagram-header .title{align-items:center}.section-instagram .instagram-header .comment{line-height:2}@media (min-width:900px){.section-instagram{display:grid;grid-template-columns:1fr calc((136px * 3) + (10px * 2));align-items:center;gap:var(--gap-xxxl)}.section-instagram .instagram-header{gap:var(--gap-xxxl)}.section-instagram .instagram-header .title-top::before{background:linear-gradient(90deg,#821aff 0%,#ff4b3f 100%)}.section-instagram .instagram-header .title-top .title-inner{font-size:var(--text-4xl)}.section-instagram .instagram-header .comment{text-align:center}}.section-instagram .button-link{grid-column:span 2;background:var(--contents-bg-color);color:var(--main-color);font-size:1.25em;max-width:320px;padding-block:var(--p-lg)}.section-instagram .button-link:hover{background-color:var(--main-color);color:var(--text-contrast-color)}.section-blog{background-color:rgba(255,255,255,0.7);border-top:1px solid var(--sub-color);border-bottom:1px solid var(--sub-color);padding:20px var(--content-spacing)}@media (min-width:768px){.section-blog{margin-inline:var(--content-spacing);border:1px solid var(--sub-color);border-radius:20px;padding:30px}}@media (min-width:1000px){.section-blog{padding:60px}}.section-blog .title-top{margin-block:10px 30px}@media (min-width:768px){.section-blog .title-top{padding-top:0}}@media (min-width:900px){.section-blog .title-top{margin-bottom:60px}}.section-blog .blog-item{padding-block:40px;border-bottom:1px solid #c9c9c9;position:relative;display:flex;flex-direction:column}.section-blog .blog-item:first-child{padding-top:0}@media (min-width:900px){.section-blog .blog-item{flex-direction:row;flex-flow:row-reverse}}.section-blog .blog-item .item-link{width:100%;height:100%;position:absolute;left:0;top:0}.section-blog .blog-item .item-link:hover{background:rgba(255,255,255,0.3)}.section-blog .blog-item .head{margin-block:0 10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.section-blog .blog-item .head .time{display:block;color:#949494;font-size:16px;font-weight:bold}.section-blog .blog-item .head.new::after{content:'NEW';display:flex;justify-content:center;align-items:center;width:62px;font-size:var(--text-xs);line-height:var(--line-height-md);background-color:#ec6d12;color:var(--text-contrast-color);font-family:'Averia Libre',sans-serif;font-weight:700}.section-blog .blog-item .head .blog-type{font-size:12px;font-weight:bold;background-color:#fff;border:1px solid #999;border-radius:10px;display:inline-block;padding-inline:10px;line-height:18px;vertical-align:top}.section-blog .blog-item .title{margin-block:10px;color:var(--sub-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-all}.section-blog .blog-item .title .title-text{font-size:20px}.section-blog .blog-item .content{flex-grow:1}@media (min-width:768px){.section-blog .blog-item .content{padding-inline:0 20px;width:calc(100% - 350px)}}.section-blog .blog-item .content .description{margin-top:15px}.section-blog .blog-item .content .description p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;word-break:break-all}.section-blog .blog-item .images{width:100%;height:240px;margin-bottom:20px}@media (min-width:900px){.section-blog .blog-item .images{width:350px;margin-bottom:0}}.section-blog .blog-item .images .image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.section-blog .links{margin-block:40px 20px}@media (min-width:768px){.section-blog .links{margin-top:60px}}.section-news{padding-block:var(--p-xxxl);padding-inline:var(--content-spacing);display:flex;flex-direction:column;align-items:center;gap:60px;flex:1 0 0;background:var(--bg,#f4f1e9);align-self:stretch}.section-news .title{justify-content:center;align-items:center}.section-news .posts{display:flex;flex-direction:column;padding-bottom:30px;align-items:flex-start;gap:var(--gap-md);align-self:stretch}@media (min-width:768px){.section-news .posts{gap:0}}.section-news .posts .post-news{width:100%;display:flex;flex-direction:column;gap:var(--gap-sm);padding-block:var(--p-lg);border-top:1px solid var(--border-color)}@media (min-width:768px){.section-news .posts .post-news{gap:var(--gap-lg);padding-block:var(--p-xl)}}.section-news .posts .post-news:nth-child(1){border:none}.section-news .posts .post-news .heading{order:1;font-size:var(--font-size-lg);line-height:var(--line-height-md);text-align:left;color:var(--text-color);font-weight:var(--weight-normal);grid-template-columns:repeat(3,auto);display:flex;flex-direction:column;gap:var(--gap-md)}@media (min-width:768px){.section-news .posts .post-news .heading{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--gap-lg)}}.section-news .posts .post-news .heading .post-title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.section-news .posts .post-news .heading .post-title .link{color:var(--text-color);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.section-news .posts .post-news .heading .post-title .link:hover{color:var(--main-color)}.section-news .posts .post-news .heading .time{color:var(--text-sub-color);display:flex;align-items:center;gap:var(--gap-md);font-weight:var(--weight-bold)}.section-news .posts .post-news .content{order:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.section-news .posts .post-news .new .time::after{content:'NEW'}.section-news .posts .post-news .new .time::after,.section-news .posts .post-news .new::after{color:var(--text-contrast-color);font-size:var(--text-xs);line-height:var(--line-height-md);background-color:var(--new-color);display:flex;justify-content:center;align-items:center;width:62px;font-size:var(--text-xs);line-height:var(--line-height-md);background-color:#ec6d12;color:var(--text-contrast-color);font-family:'Averia Libre',sans-serif;font-weight:700}@media (min-width:768px){.section-news .posts .post-news .new .time::after{display:none}.section-news .posts .post-news .new::after{content:'NEW'}}.section-news .post-nothing{padding-block:var(--p-xl);text-align:center;font-size:var(--text-sm)}@media (min-width:768px){.section-news .corner-wrapper{grid-template-columns:clamp(28.5%,220px,342px) auto;display:grid;gap:var(--gap-xxl) var(--gap-xl)}.section-news .title{justify-content:flex-end}.section-news .title .title-inner{font-size:var(--text-xxl)}.section-news .posts{padding:0;grid-row:span 2}.section-news .button-link{max-width:220px}.section-news .post-nothing{padding-block:0;font-size:var(--text-md)}}.banner-list{margin-inline:var(--content-spacing)}.banner-list .banner-wrapper{display:flex;gap:12px;margin:0 auto;flex-wrap:wrap;justify-content:center}.banner-list .banner-wrapper .link{overflow:hidden;width:calc((100% - 12px) / 2);display:block;background-color:var(--contents-bg-color);border:1px solid var(--border-color);border-radius:10px;transition:0.4s;display:flex;justify-content:center;align-items:center}.banner-list .banner-wrapper .link:hover{border-color:var(--main-color)}.banner-list .banner-wrapper .link:hover .img{opacity:0.7}@media (min-width:768px){.banner-list .banner-wrapper{max-width:956px}.banner-list .banner-wrapper .link{width:230px}}.section-swiper .scube-typeA-pagenation,.section-swiper .scube-typeB-pagenation{text-align:center;line-height:0.5em;margin-top:var(--p-xl)}.section-swiper .scube-typeA-pagenation .swiper-pagination-bullet,.section-swiper .scube-typeB-pagenation .swiper-pagination-bullet{vertical-align:top}@media (min-width:768px){.section-swiper .scube-typeA-pagenation,.section-swiper .scube-typeB-pagenation{display:none}}.scube-typeA{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gap-md);width:160%;transform:translateX(calc(calc(100% - 135%) / 2))}.scube-typeA .item{display:flex;flex-direction:column;position:relative;border:1px solid var(--border-color);background:var(--contents-bg-color);height:auto}.scube-typeA .item:hover .pic{opacity:0.7}.scube-typeA .pic.stage-negotiation{position:relative}.scube-typeA .pic.stage-negotiation::after{content:'商談中';position:absolute;top:50%;left:50%;display:block;width:80px;height:20px;background:#e0af1b;border-radius:8px;color:var(--text-contrast-color);font-size:var(--text-sm);line-height:1.3;text-align:center;translate:-50% -50%}.scube-typeA .pic img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.scube-typeA .info{background-color:var(--contents-bg-color);flex-grow:1;font-size:var(--text-md);padding:var(--p-md);display:flex;flex-direction:column;line-height:1.6}.scube-typeA .price{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--price-color);margin-bottom:var(--p-md)}@media (min-width:768px){.scube-typeA .price{font-size:var(--text-xxl)}}.scube-typeA .price .unit{font-size:0.7em}@media (min-width:768px){.scube-typeA .price .unit{font-size:0.5em}}.scube-typeA .spec{font-size:var(--text-sm);flex-grow:1}.scube-typeA .spec .rimawari{font-weight:var(--weight-bold)}.scube-typeA .spec .rimawari .red{color:var(--price-color)}.scube-typeA .comment{display:block;font-size:var(--text-sm);padding-top:var(--p-md);margin-top:var(--p-md);border-top:1px solid var(--border-color);overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;min-height:calc((1.6em * 3) + var(--p-md))}.scube-typeA .link{display:block;position:absolute;top:0;left:0;right:0;bottom:0}.swiper-initialized .scube-typeA{display:flex;width:100%;transform:none;gap:initial}@media (min-width:768px){.scube-typeA{width:100%;transform:none;display:grid;grid-template-columns:repeat(2,calc((100% - (var(--gap-lg) * 1)) / 2));gap:var(--gap-lg)}}@media (min-width:950px){.scube-typeA{width:100%;transform:none;display:grid;grid-template-columns:repeat(4,calc((100% - (var(--gap-md) * 3)) / 4));gap:var(--gap-md)}}.scube-typeB{display:flex}.scube-typeB .item{display:flex;position:relative;border:1px solid var(--border-color);background:var(--contents-bg-color)}.scube-typeB .item:hover{border-color:var(--main-color)}.scube-typeB .item:hover .pic img{opacity:0.7}.scube-typeB .pic{width:120px;flex-shrink:0}.scube-typeB .pic img{width:120px;height:120px;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.scube-typeB .info{width:calc(100% - 120px);background-color:var(--contents-bg-color);font-size:var(--text-md);padding:0 var(--p-md);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.scube-typeB .price{font-size:var(--text-price);font-weight:var(--weight-bold);color:var(--price-color)}.scube-typeB .price .unit{font-size:0.7em}.scube-typeB .spec{height:calc(var(--line-height-md) * 4em);line-height:var(--line-height-md);font-size:var(--text-sm)}.scube-typeB .spec .rimawari{font-weight:var(--weight-bold)}.scube-typeB .spec .rimawari .red{color:var(--price-color)}.scube-typeB .comment{display:none}.scube-typeB .link{display:block;position:absolute;top:0;left:0;right:0;bottom:0}@media (min-width:768px){.scube-typeB{flex-wrap:wrap;gap:var(--gap-md)}.scube-typeB .item{width:calc(50% - (var(--gap-md)/2))}.scube-typeB .item .comment{display:block;font-size:var(--text-sm);padding-top:var(--p-md);margin-top:var(--p-md);border-top:1px solid var(--border-color);overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}.scube-typeB .pic{width:140px}.scube-typeB .pic img{width:100%;height:100%}.scube-typeB .info{width:calc(100% - 140px)}}@media (min-width:900px){.scube-typeB .item .pic{width:200px}.scube-typeB .item .info{width:calc(100% - 200px)}}.scube-typeC{display:flex;flex-direction:column;gap:var(--gap-md);padding-inline:var(--content-spacing)}.scube-typeC .item{display:flex;position:relative;border:1px solid var(--border-color);background:var(--contents-bg-color)}.scube-typeC .item:hover{border-color:var(--main-color)}.scube-typeC .item:hover .pic img{opacity:0.7}.scube-typeC .pic{width:130px;height:130px;flex-shrink:0}.scube-typeC .pic img{width:130px;height:130px;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.scube-typeC .info{background-color:var(--contents-bg-color);flex-grow:1;font-size:var(--text-md);padding:var(--p-md);height:130px;display:flex;flex-direction:column;gap:var(--gap-sm);overflow:hidden}.scube-typeC .price{font-size:var(--text-price);font-weight:var(--weight-bold);color:var(--price-color)}.scube-typeC .price .unit{font-size:0.7em}.scube-typeC .spec{font-size:var(--text-sm)}.scube-typeC .spec .rimawari{font-weight:var(--weight-bold)}.scube-typeC .spec .rimawari .red{color:var(--price-color)}.scube-typeC .comment{display:none}.scube-typeC .link{display:block;position:absolute;top:0;left:0;right:0;bottom:0}@media (min-width:768px){.scube-typeC{padding-inline-start:0;padding-inline-end:0}.scube-typeC .item{display:grid;grid-template-columns:200px 1fr}.scube-typeC .item .comment{display:block;font-size:var(--text-sm);padding-top:var(--p-md);margin-top:var(--p-md);border-top:1px solid var(--border-color);overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}.scube-typeC .item .pic{width:200px;height:200px}.scube-typeC .item .pic img{width:100%;height:100%}.scube-typeC .info{height:auto}}.scube-ranking{display:flex;flex-direction:column;gap:var(--gap-md);margin-inline:var(--content-spacing)}.scube-ranking .item{display:flex;position:relative;border:1px solid var(--border-color);background:var(--contents-bg-color)}.scube-ranking .item:hover{border-color:var(--main-color)}.scube-ranking .item:hover .pic img{opacity:0.7}.scube-ranking .item::after{position:absolute;top:0;left:0;z-index:1;display:block;width:20px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:bold}.scube-ranking .item:nth-child(1)::after{content:'1';background:#f7d019}.scube-ranking .item:nth-child(2)::after{content:'2';background:#ddd}.scube-ranking .item:nth-child(3)::after{content:'3';background:#854f41;color:#fff}.scube-ranking .pic{width:130px;flex-shrink:0}.scube-ranking .pic img{width:130px;height:130px;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.scube-ranking .info{background-color:var(--contents-bg-color);flex-grow:1;font-size:0 var(--text-md);padding:var(--p-md);height:130px;display:flex;flex-direction:column;gap:var(--gap-sm);overflow:hidden}.scube-ranking .price{font-size:var(--text-price);font-weight:var(--weight-bold);color:var(--price-color)}.scube-ranking .price .unit{font-size:0.7em}.scube-ranking .spec{font-size:var(--text-sm)}.scube-ranking .spec .rimawari{font-weight:var(--weight-bold)}.scube-ranking .spec .rimawari .red{color:var(--price-color)}.scube-ranking .comment{display:none}.scube-ranking .link{display:block;position:absolute;top:0;left:0;right:0;bottom:0}@media (min-width:900px){.scube-ranking{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin-inline:0}.scube-ranking .item{display:grid;grid-template-columns:130px 1fr}.scube-ranking .item .pic{width:130px}.scube-ranking .item .pic img{width:100%;height:100%}}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes skeltonLoading{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skelton-typeA-list{display:grid;grid-template-areas:200px 10px 10px 10px;gap:var(--gap-md);width:calc((100% - 20px) / 1.2);margin-inline:auto}.skelton-typeA-list:not(:nth-child(1)){display:none}.skelton-typeA-list .item-image{aspect-ratio:1;position:relative;width:100%;overflow:hidden;background-color:#ddd}.skelton-typeA-list .item-image::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));animation:skeltonLoading 1.2s ease-in-out infinite}.skelton-typeA-list .item{height:18px;position:relative;width:100%;overflow:hidden;background-color:#ddd}.skelton-typeA-list .item::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));animation:skeltonLoading 1.2s ease-in-out infinite}.skelton-typeB-list{display:grid;grid-template-columns:120px 1fr;gap:var(--gap-md);min-width:272px;width:calc((100% - 20px) / 1.2);margin:0 auto}.skelton-typeB-list:not(:nth-child(1)){display:none}.skelton-typeB-list .item-wrapper{display:flex;flex-direction:column;justify-content:space-around}.skelton-typeB-list .item-image{aspect-ratio:1;position:relative;width:100%;overflow:hidden;background-color:#ddd}.skelton-typeB-list .item-image::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));animation:skeltonLoading 1.2s ease-in-out infinite}.skelton-typeB-list .item{height:18px;position:relative;width:100%;overflow:hidden;background-color:#ddd}.skelton-typeB-list .item::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));animation:skeltonLoading 1.2s ease-in-out infinite}.skelton-typeC-list{display:grid;grid-template-columns:120px 1fr;gap:var(--gap-md)}.skelton-typeC-list .item-wrapper{display:flex;flex-direction:column;justify-content:space-around}.skelton-typeC-list .item-image{aspect-ratio:1;position:relative;width:100%;overflow:hidden;background-color:#ddd}.skelton-typeC-list .item-image::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));animation:skeltonLoading 1.2s ease-in-out infinite}.skelton-typeC-list .item{height:18px;position:relative;width:100%;overflow:hidden;background-color:#ddd}.skelton-typeC-list .item::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));animation:skeltonLoading 1.2s ease-in-out infinite}.skelton-ranking-list{display:grid;grid-template-columns:120px 1fr;gap:var(--gap-md)}.skelton-ranking-list .item-wrapper{display:flex;flex-direction:column;justify-content:space-around}.skelton-ranking-list .item-image{aspect-ratio:1;position:relative;width:100%;overflow:hidden;background-color:#ddd}.skelton-ranking-list .item-image::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));animation:skeltonLoading 1.2s ease-in-out infinite}.skelton-ranking-list .item-block{height:18px;position:relative;width:100%;overflow:hidden;background-color:#ddd}.skelton-ranking-list .item-block::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));animation:skeltonLoading 1.2s ease-in-out infinite}@media (min-width:460px){.skelton-typeA-list{width:calc((100% - 20px) / 1.8)}.skelton-typeB-list{width:calc((100% - 20px) / 1.8)}}@media (min-width:768px){.skelton-typeA-list{width:100%;display:grid;grid-template-areas:200px 10px 10px 10px;gap:var(--gap-md)}.skelton-typeA-list:not(:nth-child(1)){display:grid}.skelton-typeB-list{grid-template-columns:140px 1fr;width:calc(50% - var(--gap-md) / 2);margin:unset}.skelton-typeB-list:not(:nth-child(1)){display:grid}.skelton-typeC-list{grid-template-columns:140px 1fr}.skelton-ranking-list{grid-template-columns:120px 1fr}}@media (min-width:900px){.skelton-typeB-list{grid-template-columns:200px 1fr}.skelton-typeC-list{grid-template-columns:200px 1fr}.skelton-ranking-list{grid-template-columns:120px 1fr}}.floating-banner{width:calc(100% - 20px);position:fixed;bottom:10px;right:10px;z-index:100;display:flex;gap:10px;transition:opacity 0.3s ease,transform 0.3s ease;opacity:1;pointer-events:auto}@media (min-width:768px){.floating-banner{width:auto}}@media (min-width:950px){.floating-banner{flex-direction:column}}.floating-banner.is-hidden{opacity:0;transform:translateY(10px);pointer-events:none}@media (min-width:768px){.floating-banner .link{border-radius:8px;display:block;overflow:hidden;background:#fff}.floating-banner .link:hover img{opacity:0.7}}
