:root{--main-width: calc( 100vw - 20px - 200px - 36px )}.container{padding-left:var(--vertical-gutter);padding-right:var(--vertical-gutter)}.hide-desktop{display:none !important}.grid-desktop-4{gap:34px var(--vertical-gutter);--flex-basis: 180px}.grid-desktop-5{gap:16px;--flex-basis: calc( 100% / 5 )}.site-header{display:flex;justify-content:space-between}.site-header .site-logo{max-width:324px}.site-gnavi{flex-grow:0}#site-headnav-wrapper{background-color:var(--color-primary);color:#fff}.site-headnav{padding-top:10px;padding-bottom:10px;display:flex;gap:var(--vertical-gutter);align-content:center;align-items:center;justify-content:space-between}.site-headnav #site-headnav-search{flex-shrink:0;flex-grow:1;flex-basis:400px;width:400px}.site-headnav .site-headnav__text{flex-grow:0;flex-shrink:1;font-size:1.3rem;border-bottom:2px solid #d9d9d9}.site-gnavi-sp-wrapper{display:none}#site-content{display:grid;grid-template-columns:200px 1fr;grid-gap:36px}#site-content.site-content--one-column{display:block}#site-sidebar{order:-1}.sidebar__block{box-shadow:var(--color-shadow) 0 3px 6px;background-color:var(--color-secondary);border-radius:4px 4px 0 0}.sidebar__title{text-align:center;border-radius:4px 4px 0 0}.sidebar__block--text{padding:1rem 0}.sidebar__block--text p{margin:0;padding:0 0 1rem}.sidebar__block--userinfo p{margin:0;padding:1rem}.sidebar__block--payment p:not(:first-child){padding:0 1em 1em}.sidebar__block--news .sidebar__content{padding-top:1ex;padding-bottom:1em}.sidebar__block--news li>a{padding:1em 1ex;border-bottom:#d9d9d9 2px solid}.sidebar__block--news .link-more-wrapper{padding:1em 1ex 0}#site-main{width:100%;overflow:hidden}#site-footer-wrapper{margin-top:90px}.site-footer__upper{text-align:center;padding:35px 0;font-size:1.4rem}.site-footer__upper ul{display:grid;grid-template-columns:repeat(2, 50%);max-width:550px;margin-left:auto;margin-right:auto}.site-footer__upper li{text-align:center;margin-bottom:20px}.site-footer__copyright{font-size:1.2rem;padding:10px 0}#site-main>section{padding:var(--vertical-gutter)}#site-main>section:nth-child(1){padding-top:0}.ranking-list{margin-bottom:2em;--icon-size: 45px;--slide-width: 180px}.ranking-list .slick-slide{height:100%}.ranking-list .ranking-item{padding-right:32px;width:calc(var(--slide-width) + 32px);max-width:calc(var(--slide-width) + 32px);display:flex !important;height:100%;flex-direction:column;justify-content:flex-end}.ranking-list .ranking-item .ranking__number{padding:.5rem;font-size:1.6rem}.ranking-list .ranking-item[data-rank="1"],.ranking-list .ranking-item[data-rank="2"],.ranking-list .ranking-item[data-rank="3"]{--slide-width: 220px}.ranking-list .ranking-item[data-rank="1"] .ranking__number,.ranking-list .ranking-item[data-rank="2"] .ranking__number,.ranking-list .ranking-item[data-rank="3"] .ranking__number{height:45px}.ranking-list .ranking-item[data-rank="1"] .ranking__content,.ranking-list .ranking-item[data-rank="2"] .ranking__content,.ranking-list .ranking-item[data-rank="3"] .ranking__content{flex-grow:1}.ranking-list .ranking-item[data-rank="3"]{--icon-size: 40px}.latest-list .slick-slide,.history-list .slick-slide{padding-right:12px}.product-detail{display:grid;grid-template-columns:55% 1fr;gap:4%;padding-bottom:40px}.product-detail .product__info table th,.product-detail .product__info table td{padding:1.2rem}.product__thumbnails{padding-bottom:40px;display:grid;grid-template-columns:repeat(5, 1fr);gap:4.2713567839%}.product__thumbnails .btn{padding:0}.product__thumbnails img{width:100%}textarea[name="email_contact[body]"]{width:400px;height:400px;max-width:initial;font-size:1.4rem}.cart__item{display:grid;grid-template-rows:1fr auto;grid-template-columns:180px 1fr 10em;grid-template-areas:"image text  price" "image blank action"}.user-payment__info{grid-template-columns:6em auto 6em auto}.table--transfer tr>*:nth-child(1){width:13%}.table--transfer tr>*:nth-child(2){width:20%}.table--transfer tr>*:nth-child(3){width:15%}.table--transfer tr>*:nth-child(5){width:35%}.table--saleslogs tr>*:nth-child(1){width:13%}.table--saleslogs tr>*:nth-child(2){width:20%}.table--saleslogs tr>*:nth-child(3){width:13%}
