/* カスタマイズ用CSS */
/* ===== remベース：1ファイル運用の土台 ===== */
html{font-size:100%}
:root{font-size:clamp(0.4rem,1.5vw,1rem)}
@media(max-width:50rem){:root{font-size:clamp(0.4rem,3.2vw,2rem)}}
a:hover,button:hover{opacity:0.8;}
p,h1,h2,h3,h4,h5,h6,ol,ul,dl,li{color: #564739;}

/* === H1 === */
.pageHeadline{background:#f1ece6;}
.pageHeadline__inner{max-width:63.75rem;margin:0 auto;padding:.5rem 0}
.pageHeadline__h1{margin:0;font-size:.875rem;font-weight:400;color:#000;line-height:1}
.ec-pageHeader h1, .ec-pageHeader .h1{font-size: 2rem;display: flex;align-items: center;justify-content: space-between;margin: 0 0 1rem;border-bottom: .0625rem solid #564739;padding: 0 0 .5rem;}

/* === GLOBAL NAVI === */
.globalNav{background:#fff}
.globalNav__list{display:grid;grid-template-columns:repeat(4,1fr);max-width:63.75rem;margin:0 auto;padding: 0 0 1rem;}
.globalNav__item{list-style:none;border-left: .0625rem solid #ccc;}
.globalNav__item:last-child{border-right: .0625rem solid #ccc;}
.globalNav__link{display:block;text-align:center;color:#000;font-weight:400;font-size:1rem;padding: .25rem 0;text-decoration:none}

/* === Category === */
.ec-categoryRole .ec-categoryRole__list.categoryButtons{display:flex;flex-wrap:wrap;gap:.6rem}
.categoryButtons .ec-categoryRole__listItem{margin:0;width:18%}
.ec-categoryRole .ec-categoryRole__listItem:not(:last-of-type){margin-right:0}
.categoryButtons .cat-btn{display:inline-block;background:#000;color:#fff;text-decoration:none;padding:.75rem 1rem;border:.0625rem solid #000;font-weight:600;line-height:1.2;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .05s ease;white-space:nowrap;width:100%}
.categoryButtons .cat-btn:hover,.categoryButtons .cat-btn:focus{background:#111;border-color:#111;color:#fff}
.ec-layoutRole__left .headerCompact__search{display:flex;gap:.75rem;margin:0 0 1rem 0;}
.ec-layoutRole__left .ec-headerSearch .ec-input{display:flex;width:100%}
.ec-layoutRole__left .ec-headerSearch .ec-input input[type="search"]{flex:1;min-width:0}
.ec-layoutRole__left .ec-headerSearch__category .ec-select select{width:100%}
.ec-categoryNaviRole{padding: 0;font-size: 1rem;}
.ec-headerRole__navSP{display:none;}
.ec-headerSearch .ec-headerSearch__keyword input[type=search]{height: 2.125rem;padding: 0.5rem 1.875rem 0.5rem 0.5rem;font-size: .75rem;}
.ec-headerSearch .ec-headerSearch__keyword .ec-icon {width: 1rem;height: 1.25rem;}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {top: 1rem;right: 0.4rem;border-left: 0.4rem solid transparent;border-right: 0.4rem solid transparent;border-top: 0.4rem solid #fff;}
.ec-headerSearch .ec-headerSearch__category .ec-select select{height: 2.25rem;font-size: .75rem;line-height: 1;padding: 0 1.25rem 0 .75rem;}
.ec-layoutRole .ec-layoutRole__left{width: 20%;}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search{border-top-left-radius: 0;border-bottom-left-radius: 0;background: #715f4e;}
.ec-headerSearch .ec-headerSearch__category{width: 50%;}
.ec-headerSearch .ec-headerSearch__keyword{width: 50%;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.ec-categoryNaviRole__title {font-size: 1rem;font-weight: 400;margin: 0;text-align: center;background-color: #715f4e;color: #FFF;padding: .5rem 0;}
.sideBanners{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}
.sideBanners__item{display:block}
.sideBanners__item img{display:block;width:100%;height:auto;border-radius:.25rem}
.sideActions{margin:0 0 1rem}
.sideActions__cartBtn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(180deg,#f7a559 0%,#e87421 100%);color:#fff;text-decoration:none;font-weight:700}
.sideActions__cartBtn:hover{filter:brightness(.96)}
.sideActions__cartIcon{display:inline-block;width:1.25rem;height:1.25rem;background:#fff;-webkit-mask:url('/html/template/default/assets/icon/cart.svg') no-repeat center/contain;mask:url('/html/template/default/assets/icon/cart.svg') no-repeat center/contain}
.sideActions__cartText{line-height:1}
.sideActions__login{margin:.75rem 0 0;border:.0625rem solid #e2d9cc;overflow:hidden;background:#fff}
.sideActions__loginHead{background:#bfa98d;color:#fff;font-weight:700;padding:.5rem .75rem}
.sideActions__loginBody{padding:.75rem}
.sideActions__entry{border-top:.0625rem solid #e2d9cc;text-align:center}
.sideActions__entry a{display:block;padding:.5rem 0;color:#c85a2e;text-decoration:underline}
.sideLoginForm__legend{margin:0 0 .5rem;font-weight:700;font-size:.875rem}
.sideLoginForm__group{margin:.5rem 0}
.sideLoginForm__label{display:block;font-size:.875rem;margin:0 0 .25rem}
.sideLoginForm__input{width:100%;height:2rem;padding:.25rem .5rem;border:.0625rem solid #ccc;border-radius:.125rem;font-size:.875rem;background:#fff}
.sideLoginForm__remember{display:flex;align-items:center;gap:.375rem;margin:.5rem 0}
.sideLoginForm__submit{display:block;width:100%;padding:.5rem 0;border: none;background:linear-gradient(180deg,#b6d66b 0%,#80b324 100%);color:#fff;font-weight:700;text-align:center}
.sideLoginForm__submit:hover{filter:brightness(.96)}
.sideLoginForm__note{margin:.5rem 0 0;font-size:.75rem;color:#666;text-align:center}

/* ===== Header ===== */
.ec-headerNaviRole{max-width: 63.75rem;font-size: 1rem;}
.headerCompact{display:flex;align-items:center;justify-content:space-between;padding: .5rem 0;}
.headerCompact .site-title{font-size:2rem;font-weight:700;color:#000;text-decoration:none;line-height:1}
.headerCompact__right{display:flex;align-items:center;gap:1.5rem}
.headerCompact__ops{display:flex;align-items:center;gap:1rem}
.headerCompact__search{display:flex;align-items:center;gap:.75rem}
.ec-headerNaviRole .ec-headerNaviRole__search{margin-top:0}
.ec-headerNav .ec-headerNav__item{font-size:1.125rem}
.ec-newItemRole{padding:0 0 1.25rem 0}
.ec-sliderRole{margin-bottom:0;padding: 0 0 0 1.25rem;font-size: 1rem;}
.ec-categoryRole{padding:1.875rem 0}
.ec-newsRole{padding:1.875rem 0 0}
.ec-itemNav__nav li{width:100%}
.ec-itemNav__nav li a{text-align:left;background-color: #f0f0f0;font-weight: 400;color: #000;padding: 1rem;line-height: 1;margin: 0 0 1px;font-size: .875rem;}
.ec-itemNav__nav li a:hover{background-color: #f0f0f0;}
.ec-headerNaviRole:after{display:none;}
.ec-headerNav .ec-headerNav__itemLink{margin-right: .3125rem;font-size: .875rem;}
.ec-cartNavi .ec-cartNavi__badge{top: 0;left: 0;position: relative;display: inline-block;min-width: 1.0625rem;padding: .3125rem;height: 1.0625rem;font-size: .625rem;}
.ec-cartNavi .ec-cartNavi__icon{font-size: 1.25rem;}
.ec-cartNavi .ec-cartNavi__price{display: inline-block;font-size: .875rem;}
.ec-headerNav .ec-headerNav__itemIcon{margin-right: .625rem;margin-left: .625rem;font-size: 1.25rem;}
.ec-cartNavi {display: flex;justify-content: space-between;border-radius: 99999px;box-sizing: border-box;padding: .75rem 1.0625rem .625rem;width: auto;min-width: 8.75rem;height: 2.75rem;white-space: nowrap;cursor: pointer;background: #F8F8F8;}

/* === TOP === */
.ec-layoutRole .ec-layoutRole__mainWithColumn {width: 80%;}
.ec-layoutRole .ec-layoutRole__contents {max-width: 63.75rem;}
.newItems{padding:0}
.newItems__heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 1rem;border-bottom: 1px solid #564739;padding: 0 0 .5rem;}
.newItems__title{font-size:1.5rem;font-weight:700;margin:0;color: #564739;}
.newItems__btn{display:inline-block;padding:.5rem .75rem;color:#fff;text-decoration:none;line-height:1;background: #715f4e;font-size: .875rem;}
.newItems__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.newItems__card{background:#fff}
.newItems__link{display:block;color:inherit;text-decoration:none}
.newItems__img{width:100%;height:auto;display:block}
.newItems__name{font-size:.875rem;line-height:1.4;margin:.5rem 0 0}
.newItems__price{font-size:1rem;font-weight:700;margin:.25rem 0 0}
.ec-role,.ec-registerRole,.ec-contactRole{color: #564739;padding: 1.25rem 0 0 1.25rem;font-size: 1rem;}

/* === OTHER === */
.ec-registerCompleteRole{color: #564739;font-size: 1rem;}
.ec-blockBtn--cancel:hover{background-color: #564739;}
.ec-blockBtn--cancel{background-color: #564739;}
.ec-required {margin-left: 1rem;font-size: .75rem;}
.ec-zipInputHelp .ec-zipInputHelp__icon {font-size: .8125rem;margin-top: -.625rem;width: 1.25rem;height: 1.25rem;font-size: .8125rem;top: -.375rem;}
.ec-zipInputHelp .ec-zipInputHelp__icon .ec-icon img {width: 1rem;height: 1rem;left: .1875rem;top: .1875rem;}
.ec-zipInputHelp{margin-left: .625rem;margin-bottom: 1rem;}
.ec-zipInputHelp span{margin-left: .5rem;vertical-align: .1875rem;}
.ec-zipInput span{padding: 0 .3125rem 0 .1875rem;}
.ec-progress .ec-progress__number {line-height: 2.625rem;width: 2.625rem;height: 2.625rem;font-size: 1.25rem;}
.ec-progress .ec-progress__item{font-size: .875rem;}
.ec-progress,.ec-cartRole .ec-cartRole__totalText{margin-bottom: 1.875rem;}
.ec-cartRole,.ec-cartRole{padding: 0 1.25rem;font-size: 1rem;}
.ec-cartHeader .ec-cartHeader__label{padding: 1rem;}
.ec-cartRow .ec-cartRow__delColumn .ec-icon img {width: 1rem;height: 1rem;}
.ec-icon img {max-width: 5rem;max-height: 5rem;}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled,.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton{width: 1.875rem;min-width: 1.875rem;max-width: 1.875rem;height: 1.875rem;line-height: 2.5rem;}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountDownButton__icon img, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountDownButton__icon img,.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img{margin-left: -0.4rem;width: 0.8rem;height: 0.8rem;}
.ec-cartRole .ec-cartRole__total{padding: .9375rem 0 1.875rem;font-size: 1rem;}
.ec-cartRole .ec-cartRole__totalAmount{font-size: 1.5rem;margin-left: 1.875rem;}
.ec-cartRole .ec-blockBtn--action {margin-bottom: .625rem;}
.ec-alert-warning .ec-alert-warning__text{font-size: 1rem;}
.ec-alert-warning{padding: .625rem;margin-bottom: 1.25rem;}
.ec-alert-warning .ec-alert-warning__icon{width: 1.25rem;height: 1.25rem;}
.ec-login{padding: 1.875rem 13% 3.75rem;}
.ec-para-normal{margin-bottom: 1rem;}
.ec-forgotRole .ec-forgotRole__intro {font-size: 1rem;}
.ec-label{margin-bottom: .3125rem;}
.ec-borderedDefs dt{padding-top: .875rem;padding: .9375rem 0 .25rem;width: 100%;}
.ec-borderedDefs{margin-bottom: 1rem;}
.ec-forgotRole{font-size: 1rem;}
.ec-borderedDefs dl{flex-flow: column;}
.ec-borderedDefs dd{width: 100%;}

/* === RANKING === */
.ranking{padding:1.25rem 0 0 1.25rem;}
.ranking__heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 1rem;border-bottom:.0625rem solid #564739;padding:0 0 .5rem}
.ranking__title{font-size:1.5rem;font-weight:700;margin:0;color:#564739}
.ranking__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.ranking__card{position:relative;background:#fff}
.ranking__link{display:block;color:inherit;text-decoration:none}
.ranking__img{width:100%;height:auto;display:block}
.ranking__name{font-size:.875rem;line-height:1.4;margin:.5rem 0 0}
.ranking__price{font-size:1rem;font-weight:700;margin:.25rem 0 0}
.ranking__badge{position:absolute;top:.5rem;left:.5rem;display:inline-block;min-width:1.5rem;height:1.5rem;padding:0 .375rem;border-radius:9999px;background:#715f4e;color:#fff;line-height:1.5rem;text-align:center;font-weight:700;font-size:.875rem}

/* === GUIDE === */
.guide{padding:1.25rem 0 0 1.25rem;}
.guide__heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 1rem;border-bottom:.0625rem solid #564739;padding:0 0 .5rem}
.guide__title{font-size:1.5rem;font-weight:700;margin:0;color:#564739}
.guide__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.guide__section{background:transparent}
.guide__h3{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#715f4e}
.guide__h4{font-size:1rem;font-weight:700;margin:.75rem 0 .25rem}
.guide__list{margin:.25rem 0 .75rem;padding-left:1.25rem}
.guide__list li{margin:.25rem 0}
.guide__cards{display:flex;gap:.5rem;flex-wrap:nowrap;align-items:center;margin:.5rem 0;overflow-x:auto}
.guide__cardImg{display:block;height:100%;width:auto}
.guide__note{font-size:.875rem}
.guide__section--shipping{order:1}
.guide__section--shippingout{order:2}
.guide__section--payment{order:3}
.guide__section--returns{order:4}
.guide__section--contact{order:5}

/* === ABOUT === */
.legal{max-width:63.75rem;margin:0 auto;padding: 1.25rem 0 0 1.25rem;}
.legal__title{color: #564739;font-size:1.5rem;font-weight:700;display: flex;align-items: center;justify-content: space-between;margin: 0 0 1rem;border-bottom: 1px solid #564739;padding: 0 0 .5rem;}
.legal__h3{font-size:1.25rem;}
.legalTable{width:100%;border-collapse:collapse;background:#fff}
.legalTable th,.legalTable td{border:.0625rem solid #ddd;padding:.75rem;vertical-align:top;font-size:.875rem;line-height:1.6}
.legalTable th{width:14rem;background:#f7f7f7;font-weight:700;color:#333}

/* === POLICY === */
.policy{max-width:63.75rem;margin:0 auto;padding: 1.25rem 0 0 1.25rem;}
.policy__title{color: #564739;font-size: 1.5rem;font-weight: 700;display: flex;align-items: center;justify-content: space-between;margin: 0 0 1rem;border-bottom: 1px solid #564739;padding: 0 0 .5rem;}
.policy__section{margin:0 0 1rem}
.policy__h3{font-size:1.125rem;font-weight:700;margin:0 0 .5rem;color:#715f4e}
.policy p{margin:.25rem 0;line-height:1.8}
.policy__list{margin:.25rem 0 .75rem;padding-left:1.25rem}
.policy__list li{margin:.25rem 0}
.policy__address p{margin:.125rem 0}

/* === PRODUCT === */
.btn-primary, .ec-blockBtn--action {background: linear-gradient(180deg, #f7a559 0%, #e87421 100%);border-color: unset;}
.btn-primary:hover, .ec-blockBtn--action:hover {background: linear-gradient(180deg, #f7a559 0%, #e87421 100%);border-color: unset;}
.ec-blockBtn--action{--bs-btn-padding-y: .375rem;--bs-btn-padding-x: .75rem;padding: .625rem 1rem;height: 3.5rem;line-height: 1;align-items: center;display: flex;justify-content: center;}
.ec-headingTitle,.ec-productRole__profile{color: #564739;}
.pd-secHead{color: #564739;font-size: 1.5rem;font-weight: 700;display: flex;align-items: center;justify-content: space-between;margin: 0 0 1rem;border-bottom: 1px solid #564739;padding: 0 0 .5rem;}
.pd-notice__body{background:#fff;border:.0625rem solid #ddd;padding:.75rem}
.pd-notice__body p{margin:.25rem 0}
.pd-notice__credit{margin:.75rem 0 0;padding:.5rem;border:.0625rem solid #cfcfcf;background:#f7f7f7}
.pd-notice__creditHead{margin:0 0 .25rem;font-weight:700;color:#c33}
.pd-reco{margin:1.5rem 0 0}
.pd-reco__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.pd-reco__card{background:#fff}
.pd-reco__link{display:block;color:inherit;text-decoration:none}
.pd-reco__img{display:block;width:100%;height:auto}
.pd-reco__name{font-size:.875rem;line-height:1.4;margin:.5rem 0 0}
.pd-reco__price{font-size:1rem;font-weight:700;margin:.25rem 0 0}
.pd-back{display:flex;justify-content:center;margin:1.25rem 0 0}
.pd-back__btn{display:inline-block;padding:.625rem 1.25rem;background:#e6ded3;border:.0625rem solid #c9bca9;border-radius:.25rem;color:#564739;text-decoration:none}
.pd-back__btn:hover{background:#e0d6c9}
.ec-productRole,.pd-notice,.pd-reco{padding: 0 0 0 1.75rem;}
.slick-track{margin: 0;}
.ec-sliderItemRole{padding: 0 1.25rem 0 0;font-size: 1rem;margin-bottom: 1.5rem;}
.ec-topicpath {padding: 1.875rem 0 .625rem;font-size: 1rem;}
.ec-searchnavRole .ec-searchnavRole__infos{font-size: 1rem;}
.ec-select {margin-bottom: 1rem;}
.ec-searchnavRole,.ec-shelfRole{padding-left: 1.25rem;padding-right: 1.25rem;font-size: 1rem;}
.ec-searchnavRole .ec-searchnavRole__infos{padding-top: 1rem;}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {padding: 0 1rem;}
.ec-shelfGrid {margin-left: -1rem;margin-right: -1rem;}
.ec-shelfRole{font-size: 1rem;}
.ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {margin-bottom: 1rem;height: 2.5rem;padding: .375rem .75rem;}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {padding: 0 1rem;}
.ec-shelfGrid .ec-shelfGrid__item{margin-bottom: 2.25rem;}
.ec-productRole .ec-productRole__title .ec-headingTitle {font-size: 2rem;margin: 0 0 .5rem;}
.ec-productRole .ec-productRole__tags{margin-top: 1rem;padding-bottom: 1rem;}
.ec-productRole{font-size: 1rem;}
.ec-productRole .ec-productRole__priceRegularTax {margin-left: .3125rem;font-size: .625rem;}
.ec-productRole .ec-productRole__price{padding: .875rem 0;font-size: 1.75rem;}
.ec-price .ec-price__price {font-size: unset;padding: 0 0.3rem;}
.ec-price .ec-price__tax {font-size: .625rem;}
.ec-productRole .ec-productRole__code,.ec-productRole .ec-productRole__category,.ec-productRole .ec-productRole__actions{padding: .875rem 0;}
.ec-productRole .ec-productRole__btn{margin-bottom: 1rem;min-width: 21.875rem;}
.ec-blockBtn--cancel{--bs-btn-padding-y: .375rem;--bs-btn-padding-x: .75rem;padding: .625rem 1rem;height: 3.5rem;line-height: 1;align-items: center;display: flex;justify-content: center;}
.slick-slider {margin-bottom: 1.875rem;}
.ec-sliderItemRole .slideThumb{margin-bottom: 1.5625rem;}
.ec-birth select {margin: 0 .5rem .625rem;}
.ec-input select, .ec-birth select, .ec-select select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select{padding: .375rem .75rem;border-radius: .1875rem;}
.ec-radio input {margin-right: .625rem;margin-bottom: .625rem;}
.ec-radio label {margin-right: 1.25rem;}

/* === FOOTER === */
.ec-footerRole{border-top: none;background: #f1ece6;padding-top: 3.125rem;margin-top: 3.125rem;}
.ec-footerTitle .ec-footerTitle__logo a{color: #000;font-size: 2rem;}
.ec-footerTitle .ec-footerTitle__copyright{color: #000;font-size: .75rem;}
.ec-footerNavi .ec-footerNavi__link a{color: #000;margin: 0 .625rem;font-size: .875rem;}
.ec-footerTitle {padding: 1.25rem 0 2.5rem;}
.ec-footerRole__inner .guide{padding:1.25rem 0}
.ec-footerSep{border-top:.0625rem solid #ddd;margin:1rem 0}
.ec-footerRole .ec-footerRole__inner{max-width: 63.75rem;padding:0;font-size: 1rem;}
.ec-footerRole .ec-footerRole__inner img {width: auto;}

/* 購入手続き：配送方法・お届け時間を完全に非表示（disabled なフィールド群） */
.ec-layoutRole [disabled][name$="[Delivery]"],
.ec-layoutRole [disabled][name$="[DeliveryTime]"] {
  display: none !important;
}
/* ラベルや親要素も消したい場合（様子を見て適用。過剰に消える場合は外してください） */
.ec-layoutRole label[for*="Delivery"], 
.ec-layoutRole label[for*="DeliveryTime"] {
  display: none !important;
}

/* お届け時間ブロックを隠す（フォーム構造は保持） */
.ec-select__time { display: none !important; }

/* レスポンシブ */
@media(max-width:800px){
  .headerCompact{flex-flow: column;gap:.75rem;padding: 1rem 0;}
  .headerCompact__right{width:100%;justify-content:center;gap:.75rem}
  .headerCompact__search .ec-headerSearch .ec-input input[type="search"]{min-width:10rem}
  .globalNav__list{grid-template-columns:repeat(2,1fr);padding: 0 1rem 1rem;}
  .newItems__grid{grid-template-columns:repeat(2,1fr)}
  .ranking__grid{grid-template-columns:repeat(2,1fr)}
  .guide__grid{grid-template-columns:1fr}
  .pd-reco__grid{grid-template-columns:repeat(2,1fr)}
  .pageHeadline__inner{padding: .5rem 1rem;}
  .pageHeadline__h1{line-height: 1.4;}
  .globalNav__item:nth-child(2){border-right:.0625rem solid #ccc}
  .ec-layoutRole .ec-layoutRole__contents{flex-flow: column-reverse;}
  .ec-layoutRole .ec-layoutRole__mainWithColumn{width: 100%;}
  .ec-sliderRole{padding: 0;}
  .globalNav__link{padding: .5rem 0;}
  .ec-role, .ec-registerRole, .ec-contactRole,.ranking{padding: 1rem;}
  .ec-layoutRole .ec-layoutRole__left {width: 100%;padding: 3rem 1rem 1rem;}
  .ec-headerNaviRole__search{width: 100%;}
  .sideBanners__item{width: 48%;}
  .sideBanners{flex-direction: unset;flex-wrap: wrap;justify-content: space-between;gap: .75rem;}
  .ec-footerRole{padding-top: 1rem;margin-top: 1rem;}
  .ec-footerRole__inner .guide {padding: 1rem;}
  .ec-footerNavi__link{width: 50%;text-align: left;}
  .ec-footerNavi .ec-footerNavi__link a{margin: 0;}
  .ec-footerNavi{display: flex;flex-wrap: wrap;padding: 1rem;gap: 1rem 0;}
  .ec-blockTopBtn{right: 1rem;bottom: 1rem;width: 7.5rem;height: 2.5rem;line-height: 2.5rem;}
  .ec-footerTitle {padding: 1.25rem 0 5rem;}
  .ec-shelfGrid .ec-shelfGrid__item{width: 50%;}
  .ec-grid2{flex-flow: column;}
  .ec-grid2 .ec-grid2__cell {width: 100%;}
  .slick-track{margin: 0 auto;padding: 0;}
  .ec-sliderItemRole .slideThumb img{width: 100%;}
  .ec-sliderItemRole .item_nav{gap: 1rem;}
  .ec-sliderItemRole .slideThumb{width: 20%;}
  .ec-productRole .ec-productRole__profile {margin-left: 0;}
  .ec-productRole, .pd-notice, .pd-reco{padding: 1rem;}
  .ec-sliderItemRole{padding: 0;}
  .ec-productRole .ec-productRole__btn{min-width: unset;width: 100%;}
  .legal,.policy{padding: 1rem;}
  .ec-off1Grid .ec-off1Grid__cell,.ec-off1Grid .ec-off1Grid__cell,.ec-off2Grid .ec-off2Grid__cell{width: 100%;margin-left: 0;}
  .ec-login{margin: 0;}
  .ec-headerNav .ec-headerNav__itemLink{display: none;}
  .ec-inlineBtn--action,.ec-inlineBtn--cancel{width: 100%;}
  .ec-inlineBtn--cancel{margin-bottom: 1rem;}
}