@import url('/_content/smtui/css/shared/smtPost.css?v=vKp__Uu8alH1x3ltEBVd2EG70II');.details{display:flex;gap:60px}.details>.content{max-width:800px;width:100%;margin-left:auto;margin-right:auto}.details h1{text-transform:capitalize;font-size:24px}@media screen and (max-width:1600px){.details{flex-direction:column}}.expertPost{overflow:hidden;display:flex;flex-direction:column}.expertPost a{text-decoration:none;color:#000;font-weight:bold}.expertPost>.title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#222;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.expertPost>.image{overflow:hidden}.expertPost img{aspect-ratio:5/7;object-fit:cover;object-position:center;filter:brightness(97%);transition:all .4s}.expertPost:hover img{transform:scale(1.1)}.nav-container{position:-webkit-sticky;position:sticky;top:var(--menu-height);background-color:#333;z-index:1000;width:100%}.nav-tabs{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;background-color:var(--lightgrey)}.nav-tabs li{margin:0}.nav-tabs a{display:block;padding:14px 20px;text-decoration:none;color:#000;text-align:center;border-bottom:3px solid transparent}.nav-tabs a.active{border-bottom:3px solid var(--logo-dark)}.tabBody{padding:60px 20px;margin:20px 0;border:1px solid #ddd}.tabTitle{line-height:2;font-size:2rem}h2{margin-top:0}.suggestion{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.suggestion>.card>.image{overflow:hidden}.suggestion>.card>.image img{filter:brightness(97%);transition:all .4s;aspect-ratio:1/1;object-fit:cover}.suggestion>.card>.image:hover img{transform:scale(1.03)}.suggestion>.card>.title>a{text-decoration:none;color:#000}@media screen and (max-width:992px){.suggestion{grid-template-columns:repeat(2,1fr)}}.shopping.mobile{display:none}.shopping .body{padding:2rem;box-shadow:0 -4px 20px 0 rgba(0,0,0,.06)}.shopping ul{padding-left:0;list-style-type:none}.shopping h2{font-size:24px}.shopping>.body{background-color:#fff;width:500px}@media screen and (min-width:1600px){.shopping>.body{position:sticky;top:var(--menu-height)}}.shopping>.body>div.area{padding-bottom:1rem;border-bottom:1px solid var(--lightgrey)}.shopping>.body>.attributes>ul{line-height:2}.shopping>.body>.attributes>ul>li>span:after{content:':';margin-left:.2rem;margin-right:.5rem}.shopping>.body>.variations>ul{display:flex;flex-wrap:wrap;gap:.1rem}.shopping>.body>.variations small{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-height:1}.shopping li.sibling.photo{width:5rem;height:7rem;overflow:hidden;cursor:pointer}.shopping li.text>div{padding:.5rem .75rem;border-radius:5px;border:2px solid #fff;transition:background-color .3s,color .3s}.shopping li.text>div:hover{background-color:var(--lightgrey)}.shopping li.text.active>div,.shopping li.photo.active img{border:2px solid var(--logo-light)}.shopping li.sibling>div{background-color:var(--lightgrey);cursor:pointer}.shopping li.sibling img{width:100%;aspect-ratio:1/1;object-fit:contain;object-position:center;border-radius:5px;display:block}.shoppingAction{margin-top:1rem;display:flex;flex-wrap:wrap;gap:8px}button.favorite,a.contact{padding:.75rem;font-size:1.2rem;border:none;border-radius:.25rem;cursor:pointer;color:#000;text-decoration:none}button.favorite{background-color:var(--logo-dark);color:#fff}a.contact{background-color:var(--logo-light);margin-left:1rem}@media screen and (max-width:1600px){.shopping{min-width:initial;max-width:100%}.shopping>.body{width:100%}.shopping.pc{display:none}.shopping.mobile{display:block}.shopping li.sibling{width:6rem}a.contact{margin-left:0}button.favorite,a.contact{font-size:1rem}}.smtSlider{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.slideIndex{position:relative;width:88%}.smtSlide{display:none;background-color:var(--lightgrey);border-radius:.5rem}.smtSlide>picture>img{aspect-ratio:7/5;object-fit:contain;object-position:center;display:block}.cursor{cursor:pointer}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:var(--logo-dark);font-weight:bold;font-size:20px;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none}.next{right:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{color:#fff;background-color:var(--logo-dark)}.demo{opacity:.7}.slideFade{animation-name:fade;animation-duration:1s}@keyframes fade{from{opacity:.4}to{opacity:1}}.selector>img.active,.selector>img.demo:hover{opacity:1}.selector>img.active{border:1px solid var(--logo-light)}.selector{display:flex;flex-direction:column;gap:1rem;max-width:4rem}.selector>img{object-fit:cover;object-position:center;aspect-ratio:1/1}@media screen and (max-width:1600px){.slideIndex{width:100%}}@media screen and (max-width:992px){.smtSlider{display:block}.selector{margin-top:1rem;display:grid;grid-template-columns:repeat(6,1fr);max-width:100%}}