/*
Theme Name: CRAFT + FOOD CO.CSS
Description: BASE
Version: 1.0
Author: yuushi.kai
Author URI: https://www.craft-foodco.com/
*/

@charset "utf-8";

:root {
  --text-color:#212121;
  --subtext-color:#999999;
  --a-color:#454545;
  --ahover-color:#999999;
  --cart-color:#000000;
  --title-color:#111111;
  --title-line-color:#e5e5e5;
  --sale-color:#E50F0D;
  --comming-color:#00C7B6;
  --takeout-color:#ff9800;
  --pre-color:#1e88e5;
  --lottery-color:#5e35b1;
  --community-color:#000000;
  --header-bg-color:#ffffff;
  --header-text-color:#333333;
  --shop-bg-color:#fafafa;
  --shop-text-color:#333333;  
  --footer-bg-color:#fafafa;
  --footer-text-color:#333333;
  --soldout-color:#E50F0D;
}
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin:0;
  padding:0;
  border:0;
  outline:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
  display:block
}
*,*:before,*:after{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box
}
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.clear{clear:both}
a{outline:none}
a:focus,*:focus{outline:none !important}
.mar0{margin:0 !important}
.mar5{margin:5px}
.mar10{margin:10px}
.mar15{margin:15px}
.mar20{margin:20px}
.mar25{margin:25px}
.mar30{margin:30px}
.mar35{margin:35px}
.mar40{margin:40px}
.mart5{margin-top:5px}
.mart10{margin-top:10px}
.mart15{margin-top:15px}
.mart20{margin-top:20px}
.mart25{margin-top:25px}
.mart30{margin-top:30px}
.mart35{margin-top:35px}
.mart40{margin-top:40px}
.marb5{margin-bottom:5px}
.marb10{margin-bottom:10px}
.marb15{margin-bottom:15px}
.marb20{margin-bottom:20px}
.marb25{margin-bottom:25px}
.marb30{margin-bottom:30px}
.marb35{margin-bottom:35px}
.marb40{margin-bottom:40px}
.marl5{margin-left:5px}
.marl10{margin-left:10px}
.marl15{margin-left:15px}
.marl20{margin-left:20px}
.marl25{margin-left:25px}
.marl30{margin-left:30px}
.marl35{margin-left:35px}
.marl40{margin-left:40px}
.marr5{margin-right:5px}
.marr10{margin-right:10px}
.marr15{margin-right:15px}
.marr20{margin-right:20px}
.marr25{margin-right:25px}
.marr30{margin-right:30px}
.marr35{margin-right:35px}
.marr40{margin-right:40px}
.pd0{padding:0 !important}
.pd5{padding:5px}
.pd10{padding:10px}
.pd15{padding:15px}
.pd20{padding:20px}
.pd25{padding:25px}
.pd30{padding:30px}
.pd35{padding:35px}
.pd40{padding:40px}
.pdl10{padding-left:10px}
.pdl20{padding-left:20px}
.pdl30{padding-left:30px}
.pdr10{padding-right:10px}
.pdr20{padding-right:20px}
.pdr30{padding-right:30px}
strong{font-weight:bold}
em{font-weight:bold}
b{font-weight:bold}
small{  font-size:80%}
.text-normal{font-weight:normal !important}
.text-xs{font-size:0.75rem !important;line-height:1.6em}
.text-s{font-size:0.8125rem !important;line-height:1.6em}
.text-m{font-size:0.875rem !important}
.text-l{font-size:1rem !important}
.text-xl{font-size:1.125rem !important}
.text-xxl{font-size:1.25rem !important}
.text-xxxl{font-size:1.5rem !important}
.text-left{  text-align:left !important}
.text-right{  text-align:right !important}
.text-center{  text-align:center !important}
.text-justify{  text-align:justify !important}
.text-underline{text-decoration:underline !important}
.text-muted{  color:#bdbdbd}.text-primary{  color:#333}
a.text-primary:hover{  color:#757575}
.text-success{  color:#0277bd}
a.text-success:hover{  color:#039be5}
.text-info{  color:#78909c}
a.text-info:hover{  color:#b0bec5}
.text-warning{  color:#e65100}
a.text-warning:hover{  color:#f57c00}
.text-danger{  color:#E50F0D}
a.text-danger:hover{  color:#ff5252}
.relative_on{position:relative !important}
.relative_off{position:absolute !important}
.relative_off_fixed{position:fixed !important}
.center-block{display:block;margin-left:auto;margin-right:auto}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.float-right{  float:right !important}
.float-left{  float:left !important}
.hide{  display:none}
.show{  display:block !important}
.invisible{  visibility:hidden}
.text-hide{  font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0}
.hidden{ display:none !important; visibility:hidden !important}
.affix{ position:fixed}
pre,blockquote,code{ page-break-inside:avoid}
html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  font-size:16px;
  letter-spacing:0.02rem;
  line-height:1.7;
  font-family:'Roboto','Noto Sans JP','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif
}
@media (max-width:959px){
  html{ font-size:15px}
}
body{
  color:var(--text-color,#212121);
  background-color:#fff;
  font-weight:normal;
  margin:0;
  word-wrap:break-word;
  overflow-wrap:break-word
}
.font_reset{
  font-family:'Roboto','Noto Sans JP','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif !important
}
input,select,textarea{
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif !important
}
input,select,textarea,button{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background:transparent; border:none; border-radius:0; font:inherit; outline:none}
select::-ms-expand{ display:none}
textarea{ display:block}
ul{list-style:none}
ol{list-style:decimal}
img{ vertical-align:middle; border:0; max-width:100%; height:auto;  image-rendering:-webkit-optimize-contrast}
a:focus,*:focus{outline:none}
a{ color:var(--a-color,#454545); text-decoration:none; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s}
a:hover,a:focus{ color:var(--ahover-color,#999); text-decoration:none}
hr{ -moz-box-sizing:content-box; box-sizing:content-box; height:0; border:0; border-top:1px solid #bdbdbd; margin:1rem 0}
@media (max-width:639px){
  .mobile-only{display:block;position:relative}
  .screen-only{display:none}
}
@media (min-width:640px){
  .mobile-only{display:none}
  .screen-only{display:block;position:relative}
}
@media (max-width:959px){
  .mobile-and-tablet-only{display:block}
  .pc-only{display:none}
}
@media (min-width:960px){
  .mobile-and-tablet-only{display:none}
  .pc-only{display:block}
}
@media (max-width:1280px){
  .under1280{display:block}
  .over1280{display:none}
}
@media (min-width:1281px){
  .under1280{display:none}
  .over1280{display:block}
}
.svg-symbol{ display:none}
/* uk */
h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-h6,.uk-heading-small,.uk-heading-medium,.uk-heading-large,.uk-heading-xlarge,.uk-heading-2xlarge,.uk-navbar-nav >li >a,.uk-navbar-item,.uk-navbar-toggle,.uk-logo {  font-family:'Roboto','Noto Sans JP','繝偵Λ繧ｮ繝手ｧ偵ざ ProN','Hiragino Kaku Gothic ProN','繝｡繧､繝ｪ繧ｪ',Meiryo,'�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け','MS PGothic',sans-serif}
h1{  font-size:1.25rem;  line-height:1.4}
h2{  font-size:1.25rem;  line-height:1.4}
h3{  font-size:0.875rem;  line-height:1.4}
h4{  font-size:0.875rem;  line-height:1.4}
dt{  font-weight:400}

.uk-navbar-item,.uk-navbar-nav >li >a,.uk-navbar-toggle{height:50px;min-height:50px !important}
.uk-search-input{color:#000}
.uk-search-input::placeholder{  color:#999 !important}
.uk-search-input::-ms-input-placeholder{  color:#999  !important}
.uk-search-navbar .uk-search-input{  border-color:#999;  outline:none}
.uk-search-navbar .uk-search-input::placeholder{  color:#bbb !important}
.uk-search-navbar .uk-search-input::-ms-input-placeholder{  color:#bbb !important}
.uk-navbar-container:not(.uk-navbar-transparent){  background:none}
.uk-navbar-nav >li >a,.uk-navbar-item,.uk-navbar-toggle{  font-size:0.875rem}
.uk-navbar-nav >li >a,#g-nav-list >li >a{  color:var(--header-text-color,#111)}
.uk-navbar-nav >li:hover >a,.uk-navbar-nav >li >a:focus,.uk-navbar-nav >li >a.uk-open,.uk-navbar-nav >li >a:active,.uk-navbar-nav >li.uk-active >a{  color:var(--ahover-color,#999)}
.uk-offcanvas-bar,#g-nav-list{
  background:var(--header-bg-color,#fff)
}
.uk-nav-header:not(:first-child){  margin-top:10px}
.uk-nav-parent-icon >.uk-parent >a::after{  width:1.2em;  height:1.2em;  height:1.5em;  background:url('data:image/svg + xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg"version="1.1"viewBox="0 0 24 24"><path fill="%23757575"d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"/></svg>') no-repeat center center}
.uk-nav-parent-icon >.uk-parent.uk-open >a::after{  background:url('data:image/svg + xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg"version="1.1"viewBox="0 0 24 24"><path fill="%23757575"d="M19,13H5V11H19V13Z"/></svg>') no-repeat center center}
.uk-label{ line-height:1; font-size:11px; padding:4px 7px; margin-left:10px}
.uk-label.label-red{ background:var(--sale-color,#E50F0D)}
.uk-label.label-green{ background:var(--comming-color,#00C7B6)}
.uk-label.label-orange{ background:var(--takeout-color,#ff9800)}
.uk-label.label-pink{ background:#d81b60}
.uk-label.label-purple{ background:var(--lottery-color,#5e35b1)}
.uk-label.label-blue{ background:var(--pre-color,#1e88e5)}
.uk-label.label-black{ background:var(--community-color,#000)}
.uk-label.label-clear{ background:transparent !important}
.uk-button{ padding-top:1px; min-width:180px; font-size:0.8125rem}
.uk-button-default{ border:1px solid #ddd; color:var(--text-color,#212121)}
.uk-button-default{ background:transparent}
.uk-button-default:hover,.uk-button-default:focus,.uk-button-default:active{ background:transparent; color:var(--ahover-color,#999)}
.uk-heading-line{ background:#fff}
footer .uk-heading-line{ background:transparent !important}
@media (max-width:959px){
  ul.uk-nav-sub{padding:0 0 5px 10px}
  ul.uk-nav-sub li{opacity:0.7;font-size:0.875rem}
  ul.uk-nav-sub li a{position:relative; display:inline-block; padding:3px 0 3px 6px !important; margin:0 0 0 0; font-weight:400 !important}
  ul.uk-nav-sub li:last-child a{ padding:5px 0 0 6px !important}
}
@media (min-width:960px){
  .uk-search-navbar .uk-search-input{ font-size:0.8125rem; padding-left:1em}
  .uk-navbar-dropdown{padding:10px 20px; width:auto !important;  background-color:var(--header-bg-color,#fff)}
  #header.fixed .uk-navbar-dropdown{background-color:var(--header-bg-color,#fff)}
  .uk-navbar-dropdown{background-color:transparent;}
  ul.uk-nav-sub{padding:0 0 5px 12px}
  ul.uk-nav-sub li{opacity:0.7;font-size:0.75rem}
  ul.uk-nav-sub li a{position:relative; display:inline-block; padding:0 0 0 5px !important; margin:0 0 0 0; font-weight:400 !important}
  .sidebar ul.uk-nav-sub li{opacity:1;font-size:0.8125rem}.uk-navbar-dropdown{ overflow-y:auto; max-height:calc(100vh - 90px)}
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-header,.uk-offcanvas-bar .uk-nav-default >li.uk-active >a,.uk-offcanvas-bar .uk-nav-default >li >a,.uk-offcanvas-bar,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active >a,.uk-navbar-nav >li >a,.uk-navbar-dropdown-nav >li >a,.uk-navbar-dropdown-nav .uk-nav-header,.uk-navbar-dropdown-nav .uk-nav-sub a ,#g-nav li a{
  color:var(--header-text-color,#111)}
.uk-offcanvas-bar .uk-nav-default >li >a:hover,.uk-offcanvas-bar .uk-nav-default >li >a:focus,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus,.uk-navbar-nav >li:hover >a,.uk-navbar-nav >li >a:focus,.uk-navbar-nav >li >a.uk-open,.uk-navbar-nav >li >a:active,.uk-navbar-nav >li.uk-active >a,.uk-navbar-dropdown-nav >li >a:hover,.uk-navbar-dropdown-nav >li >a:focus,.uk-navbar-dropdown-nav >li.uk-active >a,.uk-navbar-dropdown-nav .uk-nav-sub a:hover,.uk-navbar-dropdown-nav .uk-nav-sub a:focus,.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active >a{
  color:var(--ahover-color,#999)}
.uk-heading-line >::before,.uk-heading-line >::after{ border-bottom-color:var(--title-line-color,#e5e5e5)}
.uk-offcanvas-bar .uk-heading-line >::after,.uk-offcanvas-bar .uk-heading-line >::before{
  border-bottom-color:var(--title-line-color,#e5e5e5)}
.uk-heading-bullet::before{ border-color:var(--title-line-color,#e5e5e5)}
.uk-offcanvas-bar{
  padding:100px 15px 15px 12px
}

select{ min-width:100px; background-color:#fff; border:1px solid #ccc; color:#555; vertical-align:middle; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; moz-appearance:menulist; -webkit-appearance:menulist}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333;border:0;border-bottom:1px solid #e5e5e5}
input,textarea,.uneditable-input{margin-left:0}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}
textarea{height:auto}
select{display:inline-block;padding:4px 6px;font-size:0.875rem;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
input,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{ display:inline-block; width:100%; padding:4px 6px; font-size:0.875rem; color:#555; vertical-align:middle; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none}
@media (max-width:959px){
  select,input,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{ font-size:16px}
}
.flickity-enabled.is-fade .flickity-slider >*{ pointer-events:none; z-index:0}
.flickity-enabled.is-fade .flickity-slider >.is-selected{ pointer-events:auto; z-index:1}
#i18{ z-index:2005}
#i18 .lang{ float:left; margin:0 5px 0 0; position:relative}
#i18 .lang::after{ content:''; width:6px; height:6px; border:0px; border-bottom:solid 2px #333; border-right:solid 2px #333; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:50%; right:10px; margin-top:-4px}
#i18 .currency{ float:left; position:relative}
#i18 .currency::after{ content:''; width:6px; height:6px; border:0px; border-bottom:solid 2px #333; border-right:solid 2px #333; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:50%; right:10px; margin-top:-4px}
#i18 select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#fff; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#000; cursor:pointer; font-family:inherit; font-size:11px; line-height:20px; min-width:inherit; padding:5px 25px 5px 10px; vertical-align:middle; outline:none !important}
#i18 select option{ font-size:13px}
@media (max-width:959px){
  #i18 select{ font-size:16px}
}
#privacy,#law{ background-color:#fff; box-sizing:border-box; font-size: 0.8125rem; line-height:1.6em; margin:0 auto; padding:30px 40px 40px; text-align:left; width:100%; color:#000 !important}
#privacy h2,#law h2{ font-size: 1.125rem; font-weight:bold; margin:0; padding:0 0 20px; color:#000 !important}
#law h2{ padding:0}
#privacy h3,#privacy dt{ font-weight:bold; margin:15px 0 8px; color:#000 !important}
#privacy .privacy_intro{ margin:0 0 20px}
#law h3{ font-weight:bold; margin:20px 0 5px}
#law .atobaraiTerm{ margin:20px 0}
#law .atobaraiTerm .atobaraiTerm__title{ margin-bottom:8px}
#law .atobaraiTerm .atobaraiTerm__body{ padding-left:20px}
#law .atobaraiTerm p{ font-size:100%; line-height:1.5; margin:0 0 10px}
@media (max-width:959px){
  #privacy,#law{ background-color:#fff; box-sizing:border-box; font-size:13px; line-height:1.6em; margin:0 auto; padding:20px 20px 20px}
}
.itemCb #cboxPrevious{  background:url(https://basefile.akamaized.net/dolcevivace-shopselect-net/60b741822744c/controls.png) no-repeat 0 0;  bottom:0;  height:20px;  left:0;  overflow:visible;  text-indent:-9999px;  width:20px}
.itemCb #cboxNext{  background:url(https://basefile.akamaized.net/dolcevivace-shopselect-net/60b741822744c/controls.png) no-repeat -22px 0;  bottom:0;  height:20px;  left:30px !important;  overflow:visible;  text-indent:-9999px;  width:20px}
.itemCb #cboxClose{  background:url(https://basefile.akamaized.net/dolcevivace-shopselect-net/60b741822744c/controls.png) no-repeat -52px 0; height:20px; overflow:visible; text-indent:-9999px; width:20px}
.itemCb #cboxContent button{ border:none}
.itemCb:focus{ outline:none}
a.cboxElement:focus{ outline:none}

[class^="si-"],
[class*=" si-"] {
  font-family: "shopicon" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}
.si-attentionTriangle:before {
    content: "\e903";
}
.si-cart:before {
    content: "\e900";
}
.si-message:before {
    content: "\e901";
}
.si-cross:before {
    content: "\e902";
}
.si-search:before {
    content: "\e912";
}
.si-information:before {
    content: "\e919";
}
.si-tipi:before {
    content: "\e922";
}
.si-pin:before {
    content: "\e929";
}

.shareButtons{ width:100%; display:flex; flex-direction:row; flex-wrap:wrap; align-content:space-between; align-items:start; justify-content:flex-end; cursor:pointer; margin:20px 0 10px 0; padding:0; vertical-align:top; font-size:12px; color:#999 !important; text-decoration:none}
.shareButtons .pinterest{ margin:0 0 4px 8px}
.shareButtons .twitter{ margin:0 0 4px 8px}
.shareButtons .facebook{ margin:0 0 4px 8px}
.illegal-report{ text-align:right}
.illegal-report a{ color:#666!important; cursor:pointer; display:inline-block; font-size:11px !important; margin:10px 0 10px 8px; vertical-align:middle; text-align:left; border:solid 1px #ccc; padding:2px 6px; border-radius:2px; background-color:#fff}
.illegal-report a:hover{ opacity:1; text-decoration:none}
footer #baseMenu{
  text-align:left;
  margin:10px 5px;
}
footer #baseMenu >ul >li{ list-style:none}
footer #baseMenu >ul >li.cart{ display:none !important}
footer #baseMenu >ul >li.base{ margin:0 auto}
footer #baseMenu >ul >li a{
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  cursor:pointer;
  display:inline-block;
  margin:0;
  padding:11px 20px 10px 2px;
  text-decoration:none;
  font-size:12px;
  color:#666
}
footer #baseMenu >ul >li.base img{ width:15px; height:15px; margin-right:6px; margin-top:-4px}
/* app */
#deeplink{ display:none}
@media (max-width:959px){
  #deeplink{ display:block; width:100%; margin:20px auto}
  #deeplink a,#deeplink a:hover,#deeplink a:focus{ background:#fafafa; font-size:0.8125rem; color:#333; border:solid 1px #e5e5e5; padding:5px 15px; width:100%; display:block; text-align:center}
}
.label_image{ position:absolute !important; top:-12px; left:-12px; height:70px !important; width:70px !important; z-index:300; background:0 0!important}
.cat-list .item .label_image{ height:56px !important; width:56px !important}
@media (min-width:601px) and ( max-width:959px){
  .label_image{ top:-9px; left:-9px; height:56px !important; width:56px !important}
  .cat-list .item .label_image{ height:49px !important; width:49px !important}
}
@media (max-width:600px){
  .label_image{ top:-9px; left:-9px; height:56px !important; width:56px !important}
  .cat-list .item .label_image{ height:42px !important; width:42px !important}
}
.msg_startButton{ transition:background-color .3s ease}
.msg_startButton:hover{ box-shadow:none !important; background:#C1C9D5 !important}
@media (min-width:481px){
  .msg_startButton{z-index:1010 !important; right:15px !important; bottom:60px !important}
}
@media (max-width:480px){
  .msg_startButton{ z-index:300 !important; bottom:17px !important; bottom:calc(17px + env(safe-area-inset-bottom)) !important; -webkit-transition:bottom 0.1s !important; transition:bottom 0.1s !important; transition-delay:bottom 0.1s !important}
}
#review-apps{ color:#000}
.review01__tabWrap,.x_reviewList{ background-color:#fff}
.x_reviewList li{ padding-left:15px; padding-right:15px}
.review01__list{ height:auto}
.communityMain .communityTitle{ font-size:1.5rem !important}
.communityMain{ padding:0 !important; width:100% !important}
.communityMain .communityContent{ margin-top:20px !important; padding:15px 15px !important}
.communityMain .communityOverview{ width:55% !important}
.communityMain .communityNav{ width:45% !important}
.communityMain h1{ font-size:1.5rem !important}
.communityMain .communityItems .communityItem .communityItemLabel{ padding:6px 8px !important; border-radius:4px !important; color:#fff !important; font-size:12px !important; font-weight:bold !important}
.communityMain .overview{ width:100% !important}
.communityMain .communitySignin .button{ height:auto!important}
.communityMain #limitedItem{ width:100% !important}
.communityMain #limitedUrl{ width:100% !important}
.communityMain .communityItems{ width:100% !important}
.communityMain .communityItems .communityItem{ margin-left:0 !important; width:33.33% !important; padding:0 8px !important}
.communityMain .communityItems .communityItem:first-child, .communityMain .communityItems .communityItem:nth-child(3n + 1){ margin-left:0 !important}
.communityMain .communityItems .communityItem .communityItemTitle{ margin-top:10px !important; width:auto !important; margin-bottom:10px !important}
.communityMain .communityItems .communityItem .communityImageContainer{ width:auto !important; height:auto !important}
.communityMain .communityModalHeader{ padding-bottom:24px !important; color:#000 !important}
.communityModalTable{ color:#000 !important}
.communityMain .communityUrlHeader{ margin-top:30px !important}
.communityModal{ color:#000 !important}
.communityMain #productsLimitedUrl .urlBox{ padding:10px !important; background-color:transparent !important; width:calc(50% - 20px) !important; border:1px solid #c2c8d2; border-radius:4px; margin:0 10px 20px !important}
.communityMain #productsLimitedUrl .urlBox:nth-child(2n){ margin:0 10px 20px !important}
@media (max-width:959px){
  .communityModal{ max-width:85% !important; max-height:80vh !important; min-width:200px!important; width:85% !important; overflow:scroll !important}
  .communityModalHeader{ font-size:1rem !important}
  .communityTitle h1,.communityPrice h3{ font-size:0.9375rem !important}
  .communityOverview{ font-size:0.875rem !important}
  .communityMain .communityItems .communityItem{ width:50% !important; padding:0 10px !important}
  .communityMain .communityContent{ margin-top:20px !important; padding:15px !important; -webkit-flex-direction:column;flex-direction: column}
  .communityMain .communityOverview{ width:100% !important; padding-bottom:20px !important}
  .communityMain .communityNav{ width:100% !important; margin-left:0 !important}
  .communityMain #productsLimitedUrl .urlBox{ padding:10px !important; background-color:transparent !important; width:100% !important; border:1px solid #c2c8d2; border-radius:4px; margin:0 0 20px !important}
  .communityMain #productsLimitedUrl .urlBox:nth-child(2n){ margin:0 0 20px !important}
  .communityBox .button__guest{ margin:10px 0 0 !important; display:block !important; width:100% !important}
  .communityBox .button__purchase{ margin: 0 !important; display:block !important; width:100% !important}
  .communityRegisterButtons{ display:flex !important; flex-direction:column-reverse !important; align-items:center !important}
}
.irContainer{ width:282px !important}
#irContainer legend{ text-align:center}
#irContainer input select{ font-size:16px !important}
#irContainer input textarea{ font-size:16px !important}
#IllegalReportTitle,#x_illegalReportMessage{ width:100%}
#irContainer .btn.btn-danger{ padding:10px 0 !important;margin:5px 0 !important;font-size:14px !important}body{width:100%;position:relative}
.flex-wrapper{
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-direction:row;
  flex-direction: row;
  -webkit-flex-wrap:wrap;
  flex-wrap: wrap;
  -webkit-justify-content:flex-start;
  justify-content: flex-start;
  -webkit-align-items:stretch;
  align-items: stretch;
  -webkit-align-content:stretch;
  align-content: stretch
}
.flex-between{-webkit-justify-content:space-between !important;justify-content: space-between !important}
.flex-space-around{-webkit-justify-content:space-around !important;justify-content: space-around !important}
.flex-nowrap{ -webkit-flex-wrap:nowrap !important;flex-wrap: nowrap !important}
.flex-aligncenter{ -webkit-align-items:center !important;align-items: center !important}
.flex-wrapper .flex-cell-col1{width:100%}
.flex-first{ order:-1}
.flex-last{ order:99}
.sticky-container{
  position:relative;
  width:100%
  margin-top: 25%;
  }
main{width:100%;padding:100px 20px 30px;z-index:2;margin:0 auto}
#shopTopPage main{padding:85px 20px 30px}

.main-wrapper{
}
.shop-wrapper {
  position:relative;
  width: 100%;
  padding:25px 20px 10px;
  z-index:2;
  margin:0 auto;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-direction:row;
  flex-direction: row;
  -webkit-flex-wrap:wrap;
  flex-wrap: wrap;
  -webkit-justify-content:flex-start;
  justify-content: flex-start;
  -webkit-align-content:stretch;
  align-content: stretch;
  -webkit-box-align:end;
  -webkit-align-items:flex-end;
  -ms-flex-align:end;
  align-items:flex-end;
  background:var(--shop-bg-color,#fafafa);
  color:var(--shop-text-color,#333);
}
.shop-pic {
  width: 50%;
  padding:60px 10% 50px 0;
  position:relative;
}
.shop-list {
  width: 50%;
  padding: 70px 2% 50px 10%;
  position: relative;
}
@media (max-width:959px){
  .shop-pic,.shop-list{
    width:100%;
    padding:0;
    position:relative
  }
  .shop-pic {
    order: 1;
  }
  .shop-list {
    order: 2;
    margin-top: 50px;
    margin-left: 2%;
  }
}
.footer-wrapper {
 position:relative;
 max-width:1240px;
 padding:25px 20px 10px;
 z-index:2;
 margin:0 auto;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 -webkit-flex-direction:row;
 flex-direction: row;
 -webkit-flex-wrap:wrap;
 flex-wrap: wrap;
 -webkit-justify-content:flex-start;
 justify-content: flex-start;
 -webkit-align-content:stretch;
 align-content: stretch;
 -webkit-align-items:stretch;
 align-items:stretch
}

.btn-more{ text-align:center; width:100%; padding:5px 0}
#page-top{ 
  position:fixed; 
  -webkit-transition:opacity 0.3s ease;
  transition:opacity 0.3s ease;
  bottom:30px;
  bottom:calc(30px + env(safe-area-inset-bottom));
  -webkit-transition:bottom 0.1s;
  transition:bottom 0.1s;
  transition-delay:bottom 0.1s;
  right:20px;
  font-size:14px;
  line-height:1;
  z-index:998;
}
#page-top::after {
  content: "TOP";
  position: absolute;
  bottom: -15px;
  right: 7px;
  color: var(--header-text-color,#111);
  font-size: 0.6rem;
  text-transform: uppercase;
}
#page-top a{ background:#000; color:#fff; width:30px; padding:4px 5px 6px; text-align:center; display:block; opacity:0.9; transition:all .3s ease; border-radius:50%}
#page-top a:hover{ background:#474747}
@media (max-width:600px){
  main{ max-width:100%; padding:85px 15px 0}
  #shopTopPage main{ padding:85px 15px 0}
}
@media (min-width:601px) and ( max-width:959px){
  main{ max-width:100%; padding:85px 20px 0}
  #shopTopPage main{    padding:85px 20px 0}
}
@media (max-width:959px){
  .sidebar{
    width:100%;
    order:4 !important;
    font-size:0.875rem;
  }
  .cushion{display:none}
  .maincontainer{margin:0 auto;width:100%;font-size:0.875rem}
  .btn-more a{  width:90%;  margin:0 auto;  display:block}
  .footer-wrapper {
  padding:50px 10px 10px
  }
  #page-top{  -webkit-transition:opacity 0.3s ease;  transition:opacity 0.3s ease;  bottom:20px;  bottom:calc(20px + env(safe-area-inset-bottom));  -webkit-transition:bottom 0.1s;  transition:bottom 0.1s;  transition-delay:bottom 0.1s;  right:15px}
  #page-top a{  -webkit-transition:opacity 0.3s ease;  transition:opacity 0.3s ease;  width:34px;  padding:6px 7px 8px}
}
@media (min-width:960px){
  .sidebar{
    width:280px;
    order:1;
    font-size:0.875rem;
  }
  .cushion{width:20px;order:2}
  .maincontainer{
    margin:0 auto;
    width:calc(100% - 240px);
    order:3;
    font-size:0.875rem
  }
}
.breadcrumb{  padding:0;  list-style:none;  margin-bottom:15px}
.breadcrumb >*{  display:contents;  font-style:italic}
.breadcrumb >* >*{  font-size:0.8125rem;  color:var(--ahover-color,#999)}
.breadcrumb >* >:hover,.breadcrumb >* >:focus{  color:var(--ahover-color,#999);  text-decoration:none}
.breadcrumb >:last-child >span,.breadcrumb >:last-child >a:not([href]){  color:var(--ahover-color,#999)}
.breadcrumb >:nth-child(n + 2)::before{  content:"/"; display:inline-block; margin:0 20px 0 calc(20px - 4px); font-size:0.8125rem; color:var(--ahover-color,#999)}
@media (max-width:959px){
  .breadcrumb{ margin-bottom:5px}
}

.header-search-pc{height:50px;min-height:50px}
.header-base{
  height:50px;
  min-height:50px;
  padding-top:12px;
}
.header-cart{height:22px;min-height:50px !important;padding:0 15px;display:-webkit-flex; display:flex; -webkit-justify-content:center;justify-content:center;align-items:center;box-sizing:border-box}
header #baseMenu >ul >li.base{display:none !important}
header #baseMenu >ul >li.cart img{height: 20px}
.nav-divider{ border-top:1px solid #e5e5e5; margin:10px auto}
#header-box img{max-height:50px}
#header-box .uk-icon{ color:var(--header-text-color,#111)}
#header-box .uk-icon >svg{ fill:currentColor}
.header-logo,.footer-logo{
  position:relative;
  text-align:center;
  height:50px
}
.header-logo img{
  max-height:100%;
  max-width:100%;
  display: block;
}
.header-logo,.footer-logo,.header-logo a,.footer-logo a,.header-logo a:hover,.footer-logo a:hover{
  font-size:1.5rem;
  line-height:normal;
  border:none;
  color:#111;
  font-weight:normal !important;
  height:50px;
  display:inline-block;
  opacity:1 !important;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.header-logo h1,.logo_size{
  height:30px;
  display:inline-block
}
.header-logo .logoText,.footer-logo .logoText{
  display:table-cell;
  vertical-align:middle;
  height:50px
}
@media (max-width:959px){
  .header-search-pc .uk-search-icon >svg,.header-cart .uk-icon >svg{width:24px !important;height:24px !important}
  .uk-navbar-toggle{ padding:0 10px 0 20px}
  .header-cart{padding:0 20px 0 6px}
  .header-logo{
    -webkit-flex-grow:1;
    flex-grow:1;
    text-align:center
  }
  #header-menu-pc{display:none}
  .header-search-pc{display:none}
  #first-view {
    height: 80vh;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
  }
  #first-view .key-label{
    position:absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:4}
  #first-view .key-label .key-content{
    padding:10px;
    color: #21A0DB;
    line-height: 2;
    font-size: 1.2rem;
    max-width: 250px;
    text-align: center;}
}
@media (min-width:960px){
  .header-search-pc .uk-search-icon >svg,.header-cart .uk-icon >svg{width:22px !important;height:22px !important}
  .header-cart{padding:0 14px}
  #first-view{height:calc(100vh - 48px);width:100%;position:relative;overflow:hidden;max-width:1920px;margin:0 auto}
  #first-view .key-label{
    position:absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:4}
  #first-view .key-label .key-content{
    padding:10px;
    color: #21A0DB;
    line-height: 2;
    font-size: 1.5rem;
    max-width: 250px;
    text-align: center;}
  #first-view .key-visual{position:absolute;height:100%;width:100%;z-index:3;max-width:1920px}
  #header-menu-pc{display:block;margin-left:auto}
  .header-search-pc{display:block;width: 80px;padding: 0 30px;}
  .header-search-pc .uk-search{background:#fff;border:none}
}
@media (min-width:960px){
  #header-menu-pc #appsItemCategoryTag .appsItemCategoryTag_child >a{ margin-left:0; min-height:34px}
  #header-menu-pc .appsItemCategoryTag_lowerchild li a{ display:-webkit-flex; display:flex; -webkit-box-align:center; align-items:center; position:relative; opacity:0.7; font-size:0.75rem; color:var(--header-text-color,#111); margin-bottom:5px; margin-top:2px}
  #header-menu-pc .appsItemCategoryTag_lowerchild li >::before{ left:0; margin-bottom:0}
  #header-menu-pc .appsItemCategoryTag_lowerchild li{ margin-bottom:5px; padding-left:0; margin-left:20px}
  #header-menu-pc .appsItemCategoryTag_lowerchild li::before{ content:''; position:relative; left:-30px; width:30px; height:1.5em; margin-bottom:-1.5em; display:list-item; list-style-position:inside; text-align:right;}
}
@media (max-width:959px){
  #slide-menu ul.uk-nav-sub{ padding:5px 0 5px 10px}

  #header-menu-sp .uk-nav >li >a{ padding:15px 0 0}
  #slide-menu .uk-nav:last-of-type{ padding-bottom:17px}
  #header-menu-sp h2,#g-nav-list h2{ font-size:0.8125rem; margin:20px 0 10px; text-align:center; color:var(--title-color,#111)}
  #slide-menu h2:last-of-type{ margin:15px 0 5px}
  .pl3{ padding-left:3px}
  .pl5{ padding-left:8px}
  .pl8{ padding-left:8px}
  .pl13{ padding-left:13px}
}
@media (max-width:600px){
  .banner-item-1{  width:100%;margin-bottom:10px; text-align:left;}
  .banner-item-2{  width:100%;margin-bottom:10px; text-align:left;}
  .banner-item-3{width:100%;margin-bottom:10px; text-align:left;}
  ul.uk-nav-sub li a{ margin-bottom:5px; margin-top:5px}
}
@media (min-width:601px) and ( max-width:959px){
  .banner-item-1{width:50%; padding-right:5px;margin-bottom:10px; text-align:left;}
  .banner-item-2{width:50%; padding-left:5px;margin-bottom:10px; text-align:left;}
  .banner-item-3{max-width:420px; margin:0 auto;margin-bottom:10px; text-align:left;}
  .sidebar ul.uk-nav-sub li a{ margin-bottom:5px; margin-top:2px}
}
@media (min-width:960px){
  .banner-item-1{
    width:48%;
    margin: 0 2% 20px 0;
    text-align:center
  }
  .banner-item-2{
    width:48%;
    margin: 0 0 20px 2%;
    text-align:center
  }
  .banner-item-3{
    width:100%;
    margin-bottom:20px;
    text-align:center
  }
  .sidebar-banner-item:last-of-type{margin-bottom:20px}
  .sidebar ul.uk-nav-sub li a{ margin-bottom:5px; margin-top:2px}
}
#sidebar-banner-top{margin-bottom:20px;width: 80%;margin: 0 auto;font-weight: bold;}
#sidebar-banner-bottom{margin-bottom:20px;width: 100%;margin: 0 auto;}
#sidebar-menu{  padding:0; margin-bottom:20px}
#sidebar-info{  padding:0; margin-bottom:20px}
@media (max-width:959px){
  #sidebar-menu,#sidebar-info{ padding:0}
  #sidebar-banner-top{width:90%;}  
  #sidebar-banner-bottom{width:100%;}  
}
#sidebar-menu >span{ display:block}
#sidebar-menu .category-btn{display:-webkit-flex; display:flex;-webkit-box-align:center;align-items:center;position:relative;margin-top:5px}
#sidebar-menu .category-btn .cat-pic{min-height:40px;width:40px}
#sidebar-menu .category-btn .cat-inner{height:30px;width:30px;margin:5px 10px 5px 0;background-size:cover;background-repeat:no-repeat}
#sidebar-menu .category-btn:nth-of-type(1) .cat-inner{background-position:0px 0px}
#sidebar-menu .category-btn:nth-of-type(2) .cat-inner{background-position:0px -30px}
#sidebar-menu .category-btn:nth-of-type(3) .cat-inner{background-position:0px -60px}
#sidebar-menu .category-btn:nth-of-type(4) .cat-inner{background-position:0px -90px}
#sidebar-menu .category-btn:nth-of-type(5) .cat-inner{background-position:0px -120px}
#sidebar-menu .category-btn:nth-of-type(6) .cat-inner{background-position:0px -150px}
#sidebar-menu .category-btn:nth-of-type(7) .cat-inner{background-position:0px -180px}
#sidebar-menu .category-btn:nth-of-type(8) .cat-inner{background-position:0px -210px}
#sidebar-menu .category-btn:nth-of-type(9) .cat-inner{background-position:0px -240px}
#sidebar-menu .category-btn:nth-of-type(10) .cat-inner{background-position:0px -270px}
#sidebar-menu .category-btn:nth-of-type(11) .cat-inner{background-position:0px -300px}
#sidebar-menu .category-btn:nth-of-type(12) .cat-inner{background-position:0px -330px}
#sidebar-menu .category-btn:nth-of-type(13) .cat-inner{background-position:0px -360px}
#sidebar-menu .category-btn:nth-of-type(14) .cat-inner{background-position:0px -390px}
#sidebar-menu .category-btn:nth-of-type(15) .cat-inner{background-position:0px -420px}
#sidebar-menu .category-btn:nth-of-type(16) .cat-inner{background-position:0px -450px}
#sidebar-menu .category-btn:nth-of-type(17) .cat-inner{background-position:0px -480px}
#sidebar-menu .category-btn:nth-of-type(18) .cat-inner{background-position:0px -510px}
#sidebar-menu .category-btn:nth-of-type(19) .cat-inner{background-position:0px -540px}
#sidebar-menu .category-btn:nth-of-type(20) .cat-inner{background-position:0px -570px}
#sidebar-menu .category-btn .cat-title{width:calc(100% - 80px);line-height:1.2em}
#sidebar-menu .category-btn .cat-title a{width:100%;display:inline-block}
#sidebar-menu .category-btn .cat-icon{min-height:40px;width:40px;cursor:pointer}
#sidebar-menu .category-btn .cat-icon::before,#sidebar-menu .category-btn .cat-icon::after{ content:''; display:block; width:12px; height:2px; background:#bbb; position:absolute; right:10px; top:50%; transform:translateY(-50%)}
#sidebar-menu .category-btn .cat-icon::after{ background:#bbb; transform:translateY(-50%) rotate(90deg); transition:0.5s}
#sidebar-menu .category-btn .cat-icon.active::after{display:none}
#sidebar-menu .medium-category{width:100%;padding-left:50px !important}
@media (min-width:960px){
  #sidebar-menu ul.uk-nav-sub{ opacity:0.7}
}
.sidebar h2{ font-size:0.875rem; margin-bottom:10px; color:var(--title-color,#111)}
#sidebar-info li{width:100%;padding-top:10px}
#sidebar-info li a{display:-webkit-flex; display:flex;-webkit-box-align:center;align-items:center;position:relative;width:100%}
#sidebar-info .info-icon{height:30px;width:40px;padding-left:5px}
#sidebar-info .info-title{min-height:30px;width:calc(100% - 50px); line-height:1.65em}
#sideber-social li{width:40px;padding:10px 5px;margin-right:5px}
#sideber-social img{width:20px;height:20px}
#sidebar-shipping{text-align:center;border:#ddd double 4px;padding:11px 10px 10px; margin:0 0 20px}
#sidebar-shipping a,#sidebar-shipping a:hover{ color:var(--text-color,#212121)}
#sidebar-shipping .conditions{font-size:0.875rem;line-height:1em; padding-top:1px; color:#111}
#sidebar-shipping .shipping{color:#E50F0D}
#sidebar-shipping .shipping svg{ width:30px; height:30px}
#sidebar-shipping .shipping span{font-size:1.25rem; font-weight:bold; vertical-align:middle}
#sidebar-shipping .exclusion{font-size:0.75rem;line-height:1em; color:#111}
#sidebar-shipping .conditions,#sidebar-shipping .shipping,#sidebar-shipping .exclusion{ margin:2px auto}
@media (min-width:601px) and ( max-width:959px){
  #sidebar-shipping{ max-width:420px; margin:0 auto}
}
.maincontainer .section,.maincontainer section{margin-bottom:30px}
@media (max-width:959px){
  .maincontainer .section,.maincontainer section{margin-bottom:20px}
}
.maincontainer h1,.maincontainer h2{ font-size:1.3rem; margin-bottom:30px; color:var(--title-color,#111)}
.maincontainer h1,.maincontainer h2{ padding-top:2px; padding-bottom:2px}
#header-menu-sp h2,.sidebar h2{ padding-top:2px; padding-bottom:2px; padding-left:5px}
#fixed-article{ text-align:center}
.attentionbox{
  text-align:left;
  margin:3% auto 5%;
  font-size:0.8125rem;
  background:#111;
  color:#fff;
  width: 80%;
  padding:8px 10px;
  line-height:1.4;
}
@media (max-width: 959px){
  .attentionbox{
    width: 100%;
  }
}
.attentionbox a,.attentionbox a:hover{color:#fff}

#news{font-size:0.875rem;width: 80%;margin: 0 auto;}
.news-box{padding:0.25rem 10px; vertical-align:middle}
.news-box:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.news-date{
  display:inline-block;
  width:130px;
  opacity:0.5;
  float:left
}
.news-text{
  display:inline;
  width:calc(100% - 130px);
  float:left;
}
@media (max-width:959px){
  #news{width:100%;}
  .news-box{ padding:0 10px; margin-bottom:1rem; vertical-align:top}
  .news-date{
    display:block;
    width:130px;
    float:none
  }
  .news-text{
    display:block;
    width:100%;
    float:none}
  }

@media (max-width:959px){
  #top-banner{ margin-bottom:15px}
}

#blog{font-size:0.875rem}
.blog-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
}
#blog .blog-box{
  width:calc(50% - 5px);
  margin:0 0 10px;
  padding:0 0 10px;
}
#blog .blog-box:nth-child(2n + 1){
  width:calc(50% - 5px);
  margin:0 0 10px;
}
.bpic-cover{
  overflow: hidden;
  width: 40%;
  height: auto;
  padding: 5px;
}
.blog-box .b-pic{
  min-height:50px;
  width:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:top;
  height:150px;
}
.blog-box .b-contants{
  width:60%;
  padding-top:10px;
  padding-left:10px;
  line-height:1.4
}
.blog-box .b-contants a{
  color:var(--text-color,#212121)
}
.blog-box .b-contants a:hover,.blog-box .b-contants a:focus{
  color:var(--ahover-color,#999)
}
.blog-box .b-contants .b-date{
  font-size:0.75rem;
  opacity:0.5;
  padding-top:6px;
}
.blog-box .b-contants .b-desc{
  font-size:0.75rem;
  opacity:0.5;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  padding-top:10px;
}
@media (max-width:601px){
  #blog .blog-box{
    width:100%;
    margin:0 0 10px;
    padding:0 0 5px
  }
  #blog .blog-box:nth-child(2n + 1){
    width:100%;
    margin:0 0 10px
  }
}
@media (max-width:959px){
  .blog-wrapper{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;    
  }
  .blog-box .b-pic{
    width: 100%;
    height: 100px;
  }
}

#pickup{font-size:0.875rem; margin-bottom:10px}
@media (min-width:601px){
  #pickup .pickup-wrapper{ display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; -webkit-flex-direction:row; flex-direction: row; -webkit-align-items:stretch; align-items: stretch; -webkit-align-content:stretch; align-content: stretch; -webkit-justify-content:space-around; justify-content: space-around; -webkit-flex-wrap:nowrap;  flex-wrap:nowrap}
  #pickup .pickup-item{  width:auto;  max-width:calc(50% - 10px);  margin:0 0 20px 20px;  position:relative}
  #pickup .pickup-item:nth-child(1){  margin:0 0 20px;  max-width:calc(50% - 10px)}
}
#pickup .pickup-item a{  color:#111;  color:var(--text-color,#212121)}
#pickup .pickup-item a:hover,#pickup .pickup-item a:focus{  color:var(--ahover-color,#999)}
#pickup .pickup-desc{font-size:0.8125rem;line-height:1.2rem;text-align:center;padding-top:6px;font-weight: bold;}
#pickup .pickup-as-anking{  position:absolute;  z-index:3;  top:0;  left:0;  width:38px;  height:38px;  text-align:center}
#pickup .ranking_1{  background:-webkit-gradient(linear,right bottom,left top,color-stop(50%,rgba(255,255,255,0)),color-stop(50.5%,#EBC043)) no-repeat top left/100% 100%;  background:linear-gradient(to top left,rgba(255,255,255,0) 50%,#EBC043 50.5%) no-repeat top left/100% 100%}
#pickup .ranking_2{  background:-webkit-gradient(linear,right bottom,left top,color-stop(50%,rgba(255,255,255,0)),color-stop(50.5%,#C6C6C6)) no-repeat top left/100% 100%;  background:linear-gradient(to top left,rgba(255,255,255,0) 50%,#C6C6C6 50.5%) no-repeat top left/100% 100%}
#pickup .ranking_3{  background:-webkit-gradient(linear,right bottom,left top,color-stop(50%,rgba(255,255,255,0)),color-stop(50.5%,#9A6746)) no-repeat top left/100% 100%;  background:linear-gradient(to top left,rgba(255,255,255,0) 50%,#9A6746 50.5%) no-repeat top left/100% 100%}
#pickup .ranking_4{  background:-webkit-gradient(linear,right bottom,left top,color-stop(50%,rgba(255,255,255,0)),color-stop(50.5%,#fafafa)) no-repeat top left/100% 100%;  background:linear-gradient(to top left,rgba(255,255,255,0) 50%,#fafafa 50.5%) no-repeat top left/100% 100%}
#pickup .ranking_number{ width:20px; margin-top:2px; display:block; font-weight:bold; font-size:14px}
#pickup .ranking_1 .ranking_number { color:#FFF}
#pickup .ranking_2 .ranking_number { color:#FFF}
#pickup .ranking_3 .ranking_number { color:#FFF}
#pickup .ranking_4 .ranking_number { color:#000}
@media (max-width:600px){
  #pickup{ margin-bottom:5px}
  #pickup .pickup-wrapper{ display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;-webkit-flex-direction:row;flex-direction: row;-webkit-flex-wrap:wrap;flex-wrap: wrap;-webkit-justify-content:flex-start;justify-content: flex-start;-webkit-align-items:stretch;align-items: stretch;-webkit-align-content:stretch;align-content: stretch}
  #pickup .pickup-item{ width:auto; max-width:calc(50% - 5px); margin:0 0 15px 10px; position:relative}
  #pickup .pickup-item:nth-child(2n + 1){ margin:0 0 15px}
  #pickup .pickup-desc{ font-size:0.8125rem}
}
.embla{  position:relative;  background-color:#fafafa;  padding:0;  max-width:100%;  margin-left:auto;  margin-right:auto;  font-size:0.875rem;  overflow:hidden}
@media (max-width:600px){
  .embla{    margin-left:-15px;    margin-right:-15px;    max-width:calc(100% + 30px)}
}
@media (min-width:601px) and ( max-width:959px){
  .embla{    margin-left:-20px;    margin-right:-20px;    max-width:calc(100% + 40px)}
}
.embla__viewport{  overflow:hidden;  width:100%}
.embla__viewport.is-draggable{  cursor:move;  cursor:grab}
.embla__viewport.is-dragging{  cursor:grabbing}
.embla__container{  display:flex;  user-select:none;  -webkit-touch-callout:none;  -khtml-user-select:none;  -webkit-tap-highlight-color:transparent}
.cat-list .item .item-title{-webkit-line-clamp:2 !important}
@media (max-width:600px){
  .cat-list .item{    position:relative;    overflow:hidden;    height:auto;    --widthA:calc(100% - 60px);    --widthB:calc(var(--widthA) / 3); --widthC:calc(var(--widthB) + 15px); min-width:var(--widthC);     padding:13px 0 7px 15px}
  .cat-list .item:last-child{    --widthA:calc(100% - 60px);    --widthB:calc(var(--widthA) / 3);    --widthC:calc(var(--widthB) + 30px);    min-width:var(--widthC);    padding:13px 15px 7px 15px}
  .cat-list .item .label_image{top:3px;left:8px}
}
@media (min-width:601px) and ( max-width:959px){
  .cat-list .item{  position:relative;  --widthA:calc(100% - 20px);  --widthB:calc(var(--widthA) / 4);  min-width:var(--widthB);  padding:10px 0 10px 20px;  overflow:hidden;  height:auto}
  .cat-list .item:last-child{  --widthA:calc(100% - 20px);  --widthB:calc(var(--widthA) / 4);  --widthC:calc(var(--widthB) + 20px);  min-width:var(--widthC);  padding:10px 20px 10px 20px}
  .cat-list .item .label_image{top:2px;left:12px}
}
@media (min-width:960px){
  .cat-list .item{  position:relative;  --widthA:calc(100% - 20px);  --widthB:calc(var(--widthA) / 4);  min-width:var(--widthB);  padding:15px 0 10px 20px;  overflow:hidden;  height:auto}
  .cat-list .item:last-child{  --widthA:calc(100% - 20px);  --widthB:calc(var(--widthA) / 4); --widthC:calc(var(--widthB) + 20px); min-width:var(--widthC); padding:15px 20px 10px 20px}
  .cat-list .item .label_image{top:6px;left:11px}
}
.embla__button{ outline:0; cursor:pointer; background-color:transparent; background-color:rgba(255,255,255,0.7); touch-action:manipulation; position:absolute; z-index:1; top:50%; transform:translateY(-50%); border:0; width:40px; height:40px; border-radius:50%; justify-content:center; align-items:center; fill:#333; opacity:1; transition:1s}
.embla__button--next{ padding:8px 6px 8px 10px}
.embla__button--prev{ padding:8px 5px 8px 11px}
.embla__button:disabled{ cursor:default; opacity:0}
.embla__button__svg{ width:100%; height:100%; vertical-align: baseline;}
.embla__button--prev{ left:27px}
.embla__button--next{ right:27px}
.embla__dots{ display:flex; list-style:none; justify-content:center; padding-top:14px}
.embla__dot{ background-color:transparent; cursor:pointer; position:relative; padding:0; outline:0; border:0; width:8px; height:8px; margin-right:9px; margin-left:9px; display:flex; align-items:center}
.embla__dot:after{ background-color:#efefef; width:100%; height:8px; border-radius:50%; content:""}
.embla__dot.is-selected:after{ background-color:var(--text-color,#212121); opacity:1}
.order-cat-list .embla__dots{ display:flex; list-style:none; justify-content:center; padding-top:0}
.order-cat-list .embla__dot{ background-color:transparent; cursor:pointer; position:relative; padding:0; outline:0; border:0; width:30px; height:30px; margin-right:0; margin-left:0; display:flex; align-items:center}
.order-cat-list .embla__dot:after{ background-color:#efefef; width:100%; height:4px; border-radius:0; content:""}
.order-cat-list .embla__dot:first-child:after,.order-cat-list .embla__dot:last-child:after{ border-radius:2px}
.order-cat-list .embla__dot.is-selected:after{ background-color:var(--text-color,#212121); border-radius:2px; opacity:1}
@media (max-width:600px){
  .embla__button{ display:none}
  .embla__dots{ padding-top:10px}
  .embla__dot{ margin-right:7px; margin-left:7px}
  .order-cat-list .embla__dot{ width:26px}
}
.item{ position:relative}
.item a{ color:var(--text-color,#212121)}
.item a:hover,.item a:focus{ color:var(--ahover-color,#999)}
#item-list{font-size:0.8rem}
#item-list h1,#item-list h2{ margin-bottom:20px}
@media (min-width:601px){
  #item-list .item{  --widthA:calc(100% - 40px);  --widthB:calc(var(--widthA) / 3);  --widthC:calc(var(--widthB) + 20px);  width:var(--widthC);padding:0 0 30px 20px}
  #item-list .item:nth-child(3n + 1){  --widthA:calc(100% - 40px);  --widthB:calc(var(--widthA) / 3); width:var(--widthB); padding:0 0 30px}
  #item-list .item:nth-child(3n + 2) .label_image,#item-list .item:nth-child(3n + 3) .label_image{ left:8px}
}
@media (min-width:601px) and ( max-width:959px){
  #item-list .item:nth-child(3n + 2) .label_image,#item-list .item:nth-child(3n + 3) .label_image{ left:12px}
}
@media (max-width:600px){
  #item-list .item{  width:50%;  --widthA:calc(100% - 15px);  --widthB:calc(var(--widthA) / 2);  --widthC:calc(var(--widthB) + 15px);  width:var(--widthC);padding:0 0 20px 15px}
  #item-list .item:nth-child(2n + 1){  width:50%;  --widthA:calc(100% - 15px);  --widthB:calc(var(--widthA) / 2); --widthC:calc(var(--widthB) + 15px); width:var(--widthB); padding:0 0 20px 0}
  #item-list .item:nth-child(2n) .label_image{ left:6px}
}
.item .item-image{ text-align:center; padding-bottom:8px}
.item .item-title{ text-align:left; line-height:1.35; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight: bold;}
.item .item-title:hover{ text-decoration:underline}
.item a .item-price,.item a:hover .item-price{ text-align:right; font-size:0.875rem; font-weight:bold; padding-top:3px; color:var(--text-color,#212121)}
.item a .item-price.sale-price,.item a:hover .item-price.sale-price{ color:var(--sale-color,#E50F0D)}
.item .item-price .price{ white-space:nowrap}
.item .item-price.sale-price .rate{ font-size:0.6875rem; display:inline-block; padding-left:5px; font-weight:normal}
.item .item-price.soldout .soldout-text{ color:var(--soldout-color,#E50F0D); display:inline-block; padding-left:5px; font-weight:bold; opacity:1}
.item .item-price.soldout .price{ color:#d3d3d3; font-weight:normal; display:inline-block}
.item .item-status{ text-align:right}
.item .item-status .uk-label{ margin-top:3px}
#hotWordOutput span{ display:inline-block; font-size:0.875rem;  border:solid 1px #ddd; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; padding:5px 10px 4px; margin:10px 10px 0 0}

footer{ padding:0 0 70px; background:var(--footer-bg-color,#fafafa); color:var(--footer-text-color,#333); font-size:0.875rem}
footer a{ color:var(--footer-text-color,#333)}
footer section{margin-bottom:50px}

.footer-item-left{
  width:38%;
  padding:60px 2% 0 0;
  position:relative;
}
.footer-item-center{
  width:38%;
  padding:60px 2% 0 2%;
  position:relative;
}
.footer-item-right{
  width:24%;
  padding:60px 0 0 2%;
  position:relative;
}

.footer-copyright{
  text-align:center;
  font-size:0.75rem;
  opacity:0.5;
}
.footer-copyright span {
  margin: 0 20px;
}
.footer-copyright br {
  display: contents;
}
@media (max-width: 767px) {
  .footer-copyright span {
  display: none;
  }
  .footer-copyright br {
  display: block;
  }
}

.footer-logo{
  width: 100%;
  height: auto;
  overflow: hidden;
  display:inline-block;
  text-align: left;
}
@media (max-width: 600px) {
  .footer-logo{
    text-align: center;
  }
}
.footer-logo img{
  width: 200px;
  height: auto;
}
.footer-shopname{
  font-size: 1rem;
  margin-bottom: 10px;
}
.footer-pic{
  margin-bottom:15px
}
.footer-text{ margin-bottom:15px; padding:0 5px}
.footer-address{
  font-size:0.875rem;
  margin-bottom:15px;
}
.footer-address dl dt{
  width:25%
}
.footer-address dl dd{
  width:75%
}
#footer-payment{ padding:0 5px}
#footer-payment .payment-item{ color:#fff; background:#00C7B6; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; padding:5px 10px 4px; display:inline-block; margin:10px 5px 0 0; font-weight:700}
#footer-payment .payment-item span{ color:#fff; padding-right:2px}
footer h3{ font-size:0.9rem; margin-bottom:10px; line-height:20px; font-weight:bold; color:var(--footer-text-color,#333)}
footer h4{ font-size:0.8125rem; margin-bottom:10px; line-height:20px; color:var(--footer-text-color,#333)}

#about #shopping-Guide {margin-top: 80px}
#about-shipping{text-align:left; padding:0; line-height:1.2}
#footer-shipping,#footer-calendar{
  text-align:left;
  padding:0 5px;
  line-height:1.2
}
#about-shipping .conditions,#footer-shipping .conditions{
  font-size:0.9rem;
  display:inline-block
}
#about-shipping .shipping,#footer-shipping .shipping{
  color:#E50F0D;
  display:inline-block
}
#about-shipping .shipping span,#footer-shipping .shipping span{
  font-size:0.9rem;
  font-weight:bold
}
#about-shipping .exclusion,#footer-shipping .exclusion,#footer-calendar .exclusion{
  font-size:0.75rem;
  padding-top:2px
}
#about-shipping .conditions,#about-shipping .shipping,#about-shipping .exclusion,#footer-shipping .conditions,#footer-shipping .shipping,#footer-shipping .exclusion{
  margin:2px auto
}
.footer-info li{width:100%; font-size:0.75rem; line-height:30px}
.footer-info li a{display:-webkit-flex; display:flex;-webkit-box-align:center;align-items:center;position:relative;width:100%}
.footer-info .info-icon{height:30px;width:40px;padding-left:5px}
.footer-info .info-title{min-height:30px;width:calc(100% - 50px)}
.footer-link{
  margin-top:10px;
  margin-right:30px;
}
.footer-link li{width:100%; font-size:0.75rem; line-height:20px}
.footer-link li a{display:-webkit-flex; display:flex;-webkit-box-align:center;align-items:center;position:relative;width:100%}
.footer-link .info-title-m{min-height:20px;width:100%}
#footer-search{ padding-top:3px}
@media (max-width:959px){
  #footer-search{ width:90%; margin:0 auto}
}
#footer-search .uk-search-default{ width:100%}
#footer-search .uk-search-input{ background:#fff !important; color:#000; font-size:0.8125rem}
#footer-search .uk-search-input::placeholder{ color:#bbb !important}
#footer-search .uk-search-input:focus{ border-color:#999; outline:none}
#footer-social{
  text-align:left;
  margin:20px auto;
}
#footer-social li{
  display:inline-block;
  width:40px;
  padding:10px;
}
#footer-social img{
  width:20px;
  height:20px;
}
@media (max-width:959px){
  footer section{ margin-bottom:50px}
  .footer-item-left,.footer-item-center,.footer-item-right{
    width:100%;
    padding:0;
    position:relative;
  }
  .footer-link{
    margin-top:5px;
    margin-right:0px;
  }
  .footer-link li{ line-height:25px}
}
.youtube-wrapper{ position:relative; width:100%; padding-top:56.25%}.youtube-wrapper iframe{ position:absolute; top:0; right:0; width:100% !important; height:100% !important}
#floating-banner{ display:none}#floating-banner .floating-banner-image{ padding:4px}
@media (min-width:481px){
  #floating-banner .uk-alert-close{ top:-11px; right:-11px; background:#fff; opacity:1; padding:8px; border-radius:50%; color:#666}
  #floating-banner .uk-alert-close svg{ width:14px; height:14px}
  #floating-banner{ position:fixed; z-index:9999; right:15px; bottom:20%}
  #floating-banner .uk-alert{ margin:0; padding:0; background:#fff; position:relative}
}
@media (max-width:480px){
  #floating-banner .uk-alert-close{ top:-15px; right:-15px; background:#fff; opacity:1; padding:10px; border-radius:50%; color:#666}
  #floating-banner .uk-alert-close svg{ width:20px; height:20px}
  #floating-banner{ position:fixed; z-index:9990; left:0; bottom:35px; bottom: calc(40% + env(safe-area-inset-bottom)); width:100%; text-align:center}
  #floating-banner .floating-banner-wrap{ margin:0 auto; width:auto; display:inline-block}
  #floating-banner .uk-alert{ margin:20px; padding:0; background:#fff}
}
#floating-banner .floating-banner-image img{ max-width: 280px !important}
#floating-banner.messenger-padding{ bottom: 20% !important}
@media (max-width: 480px){
  #floating-banner.messenger-padding{ bottom: 35px !important; bottom: calc(40% + env(safe-area-inset-bottom)) !important}
  #floating-banner{ -webkit-transition: bottom 0.5s; transition: bottom 0.5s; transition-delay: bottom 0.5s}
}

@media (min-width:960px){
  #sp-search{ display:none}
}
@media (max-width:959px){
  #sp-search{ display:block; width:90%; margin:0 auto 15px}
  #sp-search .uk-search-default{ width:100%}
  #sp-search .uk-search-input{ background:#fff !important; color:#000; font-size:16px}
}
.flex-order{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;-webkit-flex-direction:column;flex-direction: column}

.order-slider,.order-fixed-article,.order-top-banner,.order-news,.order-blog,.order-pickup,.order-youtube,.order-cat-list,.order-item-list,.order-top-banner2{
  width:100%
}
.order-slider{order: 1}
.order-fixed-article{order: 2}
.order-top-banner{order: 3}
.order-news{order: 4}
.order-blog{order: 5}
.order-pickup{order: 6}
.order-cat-list{order: 7}
.order-hotword{order: 8}
.order-youtube{order: 9}
.order-item-list{order: 10; margin-top:5%;}
.order-top-banner2{order: 11;}

#itemdetail{ font-size:0.9375rem; font-size:0.875rem}
.itemdetail-wrapper{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;-webkit-flex-direction:row;flex-direction: row;-webkit-flex-wrap:wrap;flex-wrap: wrap;-webkit-justify-content:flex-start;justify-content: flex-start;-webkit-align-items:flex-start;align-items: flex-start;-webkit-align-content:stretch;align-content: stretch}
.itempage-item{ position:relative; width:57%;  margin-bottom:20px}
.itempage-purchase{ position:relative; width:43%; padding-left:20px; margin-bottom:20px}
#itemdetail h1{ margin-bottom:20px !important}
#itemdetail .h4l{ display:block}
#itemdetail .h4s{ display:none}
.itempage-item:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.itempage-item__image{}
.itempage-item__cell{width:100%;margin:0 10px 5px}
.preview{ display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; -webkit-flex-direction:row; flex-direction: row; -webkit-flex-wrap:wrap; flex-wrap: wrap; -webkit-justify-content:flex-start; justify-content: flex-start; -webkit-align-items:stretch; align-items: stretch; -webkit-align-content:stretch;  align-content: stretch}
.preview__content{  cursor:pointer;  --widthA:calc(100% - 20px);  --widthB:calc(var(--widthA) / 5);  --widthC:calc(var(--widthB) + 5px);  width:var(--widthC);padding:0 0 5px 5px}
.preview__content:nth-child(5n + 1){  --widthA:calc(100% - 20px);  --widthB:calc(var(--widthA) / 5); --widthC:calc(var(--widthB) + 5px); width:var(--widthB); padding:0 0 5px}
.preview__content a:focus{ opacity:0.6}
#itemdetail .uk-label{ margin-left:0; margin-right:10px; margin-bottom:15px; font-size:0.875rem; display:inline-block; padding:2px 10px; line-height:1.5; font-size:0.875rem; color:#fff; vertical-align:middle; white-space:nowrap; border-radius:2px; text-transform:uppercase; font-weight:normal}
#itemdetail .item-price{ margin-bottom:20px; font-size:1.75rem; line-height:1.2rem; font-weight:bold;font-family:sans-serif;}
#itemdetail .item-price.sale-price{ color:var(--sale-color,#E50F0D)}
#itemdetail .proper{ color:#d3d3d3; font-size:0.875rem; font-weight:normal; display:block; text-decoration:line-through; margin-bottom:3px}
#itemdetail .item-price .price{ white-space:nowrap}
#itemdetail .item-price.soldout .soldout-text{ color:var(--soldout-color,#E50F0D); display:inline-block; padding-left:5px; font-weight:bold; opacity:1}
#itemdetail .item-price.soldout .price{ color:#d3d3d3; font-weight:normal; display:inline-block; font-size:1.125rem}
#itemAttention{ font-size:0.6875rem; margin-bottom:20px}
#itemAttention .attention{ opacity:0.4}
#variationSelectWrap,#variationSelectWrap,#itemdetail .select-wrapper,#itemSelect,#amountSelectWrap{ margin-bottom:20px}
#itemSelect label{ font-size:0.8125rem; opacity:0.5; padding-bottom:3px; display:block}
#itemSelect .select-dropdown{ display:none}
#itemSelect .itemOption__caption{ font-size:0.8125rem; padding-bottom:3px}
#itemSelect .itemOption__bottomCaptionBlock{ text-align:right; font-size:0.75rem; padding-right:10px; padding:3px 5px 10px 0; opacity:1}
#itemSelect input,#itemSelect textarea{ padding:8px 6px !important}
#itemSelect input:focus,#itemSelect textarea:focus{ border-color:#999; outline:none}
.purchaseButton{ margin:25px auto 0}
.purchaseButton .purchaseButton__btn{ font-size:0.9375rem; font-weight:bold; line-height:1.5; position:relative; display:block; padding:14px 25px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-transition:all 0.3s; transition:all 0.3s; text-align:center; vertical-align:middle; text-decoration:none; border:none; border-radius:9px; width:100%; max-width:100%; background-color:var(--cart-color,#000); color:#fff}
.purchaseButton .purchaseButton__btn:hover{ opacity:0.8}
#itemAttention .salesPeriod--willStart{ font-size:0.875rem; color:var(--comming-color,#00C7B6); font-weight:bold; opacity:1; margin-bottom:5px}
#itemAttention .lottery{ font-size:0.875rem; color:var(--lottery-color,#5e35b1); font-weight:bold; opacity:1; margin-bottom:5px}
#itemAttention .lottery__label{ display:inline-block; padding:2px 10px; background:var(--lottery-color,#5e35b1); line-height:1.5; font-size:0.875rem; color:#fff; vertical-align:middle; white-space:nowrap; border-radius:2px; text-transform:uppercase; font-weight:normal; margin-bottom:5px}
#itemAttention .takeout{ font-size:0.875rem; color:var(--takeout-color,#ff9800); font-weight:bold; opacity:1; margin-bottom:5px}
#itemAttention .takeout__label{ display:inline-block; padding:2px 10px; background:var(--takeout-color,#ff9800); line-height:1.5; font-size:0.875rem; color:#fff; vertical-align:middle; white-space:nowrap; border-radius:2px; text-transform:uppercase; font-weight:normal; margin-bottom:5px}
#itemAttention .preOrder{ font-size:0.875rem; color:var(--pre-color,#1e88e5); font-weight:bold; opacity:1; margin-bottom:5px}
#itemAttention .preOrder__label{ display:inline-block; padding:2px 10px; background:var(--pre-color,#1e88e5); line-height:1.5; font-size:0.875rem; color:#fff; vertical-align:middle; white-space:nowrap; border-radius:2px; text-transform:uppercase; font-weight:normal; margin-bottom:5px}
#itemAttention .communityLabel{ background-color:#000 !important; margin-bottom:10px; padding:14px 12px 12px !important}
#itemAttention .communityLabel__title{ color:#fff !important; font-size:0.875rem; font-weight:bold; margin-bottom:5px}
#itemAttention .communityLabel__note{ font-size:0.875rem; color:#fff !important; opacity:1; margin-top:0 !important}
#itemAttention .preOrder__label,#itemAttention .takeout__label,#itemAttention .lottery__label{ display:none}
.sub-itemname{ font-size:1rem; margin-bottom:5px}
@media (max-width:1080px){
  .itempage-item{ width:100%; margin-bottom:20px}
  .itempage-purchase{ width:100%; padding-left:0; margin-bottom:20px}
  #itemdetail h1{ margin-bottom:10px !important}
  #itemdetail .h4l{ display:none}
  #itemdetail .h4s{ display:block}
  .purchaseButton{ margin:25px auto 5px }
}
@media (max-width:959px){
  .itempage-item{ margin-bottom:10px}
  .purchaseButton .purchaseButton__btn{ font-size:0.9375rem; display:block; margin:25px auto 5px; width:100%}
  #itemdetail .item-price{ margin-top:8px}
  #itemdetail .uk-label{ margin-bottom:5px}
  .sub-itemname{ font-size:0.9375rem}
}
.gg-zoom-in{  box-sizing:border-box;  position:relative;  display:block;  transform:scale(var(--ggs,1));  width:16px;  height:16px;  border:2px solid;  border-radius:100%;  background:  linear-gradient(to bottom,  currentColor 5px,transparent 0)  no-repeat 2px 5px/8px 2px;  margin-top:-4px}
.gg-zoom-in::after,.gg-zoom-in::before{  content:"";  display:block;  box-sizing:border-box;  position:absolute;  width:2px;  height:8px;  background:currentColor}
.gg-zoom-in::after{  transform:rotate(-45deg);  border-radius:3px;  top:10px;  left:12px}
.gg-zoom-in::before{  top:2px;  left:5px}
.itempage-item__mainImage .zoom-icon{  position:absolute;  z-index:1;  padding:7px 5px 6px 4px;  pointer-events:none;  right:8px;  bottom:13px;  color:#fff;  opacity:0.8}
#related .item{  --widthA:calc(100% - 20px);  --widthB:calc(var(--widthA) / 3);  --widthC:calc(var(--widthB) + 10px);  width:var(--widthC);padding:0 0 0 10px}
#related .item:nth-child(3n + 1){  --widthA:calc(100% - 20px);  --widthB:calc(var(--widthA) / 3); width:var(--widthB); padding:0}
#related .item .item-title{ text-align:left; line-height:1.35; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2 !important;overflow:hidden}
#related .item .item-title:hover{ text-decoration:underline}
#related .item a .item-price,#related .item a:hover .item-price{ text-align:right; font-size:0.875rem; font-weight:bold; padding-top:3px; color:var(--text-color,#212121); margin-bottom:0}
#bottom-cart{display:none}#itemdetailtext{ margin-bottom:30px}
#about #shipping,#about #payment,#about #access,#about #shopping-Guide{
  margin-top:-90px !important;
  padding-top:90px !important}
#about .about-pic{ text-align:center; margin:20px auto 30px}
#about .about-text{
  width: 80%;
  margin: 0 auto 50px;
}
#about .aboutus{
  width: 80%;
  margin: 0 auto 50px;
}
@media (max-width:600px){
  #about .about-text{width: 100%}
  #about .aboutus{width: 100%}
}
.aboutus dl{ display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;-webkit-flex-direction:row;flex-direction: row;-webkit-flex-wrap:wrap;flex-wrap: wrap;-webkit-justify-content:flex-start;justify-content: flex-start;-webkit-align-items:stretch;align-items: stretch;-webkit-align-content:stretch;align-content: stretch; line-height:2}
.aboutus dl dt{ width:100px}
.aboutus dl dd{ width:calc(100% - 100px)}
.about-social{ text-align:left; margin:10px auto 0}
.about-social li{ display:inline-block;width:40px;padding:10px}
.about-social img{width:20px;height:20px}
#about #shipping .shipping-text{ margin-top:15px}
#about #payment .payment-item{ margin:12px 0 0; padding:2px 10px 7px; border:solid 1px #ddd; border-radius:10px; display:inline-block; background-color:#fff}
#about #payment .payment-item:last-child{ padding-bottom:10px; border-bottom:solid 1px #ddd}
#about #payment .payment-label{ color:#fff; background:#00C7B6; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; padding:5px 10px 4px; display:inline-block; margin:10px 5px 0 0; font-weight:700}
#about #payment .payment-label span{ color:#fff; padding-right:2px}
#about #payment .payment-image{ padding-top:5px}
#about #payment .payment-image img{ width:100%; max-width:560px}
@media (max-width:600px){
  #about #payment .payment-image img{ width:400px; max-width:100%}
}
#about #payment1 img{padding-top:0}
#about #payment2 img{padding-top:0}
#about #payment3 img{padding-top:3px}
#about #payment4 img{padding-top:5px}
#about #payment5 img{padding-top:3px}
#about #payment6 img{padding-top:2px}
#about #payment7 img{padding-top:3px}

#map iframe{
  width:100% !important;
  height:400px !important;
}
#cfc-contact{ width:90%; margin:0 auto}#cfc-contact h1{ display:none}
#cfc-contact #ShopInquiryInquiryForm dt{ margin-bottom:5px; margin-top:20px}
#cfc-contact #ShopInquiryInquiryForm dt:first-child{ margin-top:0px}
#cfc-contact input,#cfc-contact textarea{ width:100%; padding:15px; background:#f8f8f8; border:1px solid rgba(0,0,0,0.075); color:#111 !important; font-size:16px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s}
#cfc-contact textarea:focus,#cfc-contact input:focus{ outline:none; border:1px solid #999}
#cfc-contact textarea{ height:200px; max-height:200px; max-width:100%}
#cfc-contact .control-panel{ text-align:center}
#cfc-contact .error-message{ color:var(--soldout-color,#E50F0D); padding-top:3px; font-weight:bold}
#cfc-contact #buttonLeave{margin:25px auto;border:none;overflow:visible;text-transform:none;-webkit-appearance:none;border-radius:0;display:inline-block;box-sizing:border-box;padding:0 30px;vertical-align:middle;font-size:0.875rem;line-height:38px;text-align:center;text-decoration:none;text-transform:uppercase;transition:0.1s ease-in-out;transition-property:color,background-color,border-color;background-color:#333; color:#fff !important; border:1px solid transparent; width:auto; cursor:pointer}

.blogListMain .blog_inner{ width:100%; padding:25px 0 !important; border-color:#e5e5e5 !important; border:none !important}
.blogListMain .blog_inner:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.blogDetail .blog_inner .blog_title,.blogListMain .blog_inner .blog_title{ position:relative; border-left:calc(5px + .1em) solid #e5e5e5; padding-left:7px}
.blogDetail h2,.blogListMain h2{ line-height:1.4 !important; font-size:1rem !important}
.blogDetail .blog_inner .blog_publish,.blogListMain .blog_inner .blog_publish{ margin:10px 0 10px !important; opacity:0.5}
.blogListMain .blog_inner .blog_head_image{ float:left; width:40%; text-align:center; padding-right:10px}
.blogListMain .blog_inner .blog_head_image img{ max-height:300px}
.blogListMain .blog_inner .blog_contents{ float:right; width:60%; padding-left:10px; height:auto !important}
.blogListMain .blog_inner .blog_contents .read_more{ float:right; width:auto; position:relative !important; margin:15px auto; text-align:right; padding-right:10px}
.blogListMain .blog_inner .blog_contents .read_more a,.blogListMain .blog_inner .blog_contents .read_more a:hover,.blogListMain .blog_inner .blog_contents .read_more a:focus{ background:#fafafa; font-size:0.8125rem; color:#333 !important; border:solid 1px #e5e5e5; padding:5px 20px; display:inline-block; text-align:center; font-weight:400 !important}
.blogListMain .blog_inner .blog_contents .read_more a:hover,.blogListMain .blog_inner .blog_contents .read_more a:focus{ border:solid 1px #ccc}
.b-title{font-weight: bold;}
@media (max-width:959px){
  .blogListMain .blog_inner{ padding:15px 0 !important}
}
@media (max-width:600px){
  .blogListMain .blog_inner .blog_head_image{ float:none; width:100%}
  .blogListMain .blog_inner .blog_contents{ float:none; width:100%; padding-top:10px; padding-left:0}
  .blogListMain .blog_inner .blog_head_image img{ max-height:240px}
  .blogListMain .blog_inner .blog_contents .read_more{ float:none; width:auto; position:relative !important; margin:0 auto; text-align:center; padding-right:0}
  .blogListMain .blog_inner .blog_contents .read_more a,.blogListMain .blog_inner .blog_contents .read_more a:hover,.blogListMain .blog_inner .blog_contents .read_more a:focus{ font-size:0.875rem; padding:10px 20px; display:block}
}
@media (min-width:960px){
  #header-menu-pc .appsItemCategoryTag_lowerchild{ padding-bottom:2px}
  #sidebar-menu ul.uk-nav-sub{ padding:5px 0 0px 12px}
}
@media (max-width:959px){
  #slide-menu ul.uk-nav-sub{ padding:10px 0 0px 10px}
}
#header-menu-pc .uk-navbar-dropdown::-webkit-scrollbar{width:8px;height:8px}
#header-menu-pc .uk-navbar-dropdown::-webkit-scrollbar-track{background:#fafafa}
#header-menu-pc .uk-navbar-dropdown::-webkit-scrollbar-thumb{border-radius:5px;background:#ddd}
@media (min-width: 960px){
  .blog-box .b-contants{padding-right: 10px}
}
.btn-more{ position:relative}
#loading{ position:absolute; left:50%; margin-left:-12px; margin-top:5px}
#cat-list-1,#cat-list-2{background-color: #f5f5f5}
@media (max-width: 959px){
  #purchase_form{ margin-top: -90px; padding-top: 90px }
}
footer .uk-heading-line > ::before,footer .uk-heading-line > ::after { border-bottom-color: var(--footer-text-color, #111111); opacity: 0.1}
#itemdetail .h4l{ margin-left: -5px; padding-left: 5px}
#itemdetail .h4s{ padding-left: 3px}
.header-logo .logoText,.footer-logo .logoText{
  line-height:normal !important;
  font-size:24px
}
.uk-label,.uk-button,.uk-table th,.uk-description-list >dt,.uk-tab >* >a,.uk-subnav >* >:first-child,.uk-navbar-nav >li >a,.uk-nav-header{text-transform:none}
.header-cart,.uk-navbar-toggle{ min-width:22px}
select{ max-width:100% !important; text-overflow:ellipsis}
#itemdetail .item-price .price{ white-space:normal}
#itemdetail .item-price{ margin-bottom:12px; line-height:2rem}
#related .item-price{ line-height:1.2rem}
#itemSelect .itemOption__select{ margin-bottom:15px !important}
#itemdetail .itempage-purchase h1 small{ display:block; word-break:break-all}
#privacy a,#law a{ color:#666 !important; text-decoration:underline}
#privacy a:hover,#law a:hover{ color:#999 !important}
#footer-search .uk-search-default{ height:40px}
#i18 select{ margin-bottom:0}
.item .item-price .price{ white-space:normal}
#itemdetail .itemOption__caption--error{ color:var(--soldout-color,#E50F0D)}
#itemdetail .itemOption__count{ opacity:0.5}
.purchaseButton .purchaseButton__btn:disabled,.purchaseButton .purchaseButton__btn:disabled:hover{ background-color:#cdcdcd !important; color:#fff !important; opacity:1 !important}
.communityMain .communityItems .communityItem .communityItemTitle{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.news-date,.blog-box a .b-contants .b-date,.blog-box a .b-contants .b-desc,#itemAttention .attention,.blogDetail .blog_inner .blog_publish,.blogListMain .blog_inner .blog_publish,#itemdetail .itemOption__count,#itemdetail .itemOption__caption,#itemSelect label{ color: var(--subtext-color, #999999); opacity: 1}
#itemdetail .item-price .proper-price{ color: #d3d3d3; text-decoration: line-through; font-size:  1.125rem !important; font-weight: normal !important; display: inline-block; padding-right: 10px}
.item .item-image img{ max-height:600px !important; width:auto !important}
.smallcatbox{margin:0 0 20px}
.smallcat{ display:inline-block; margin:0 10px 10px 0}
.smallcat .uk-button{ min-width:auto !important}
@media (max-width:959px){
  .smallcatbox{margin:0 0 15px}
}
@media (max-width: 959px){
  #bottom-cart #purchase_form{margin-top: 0px; padding-top: 0px}
}
.order-slider,.order-fixed-article,.order-top-banner,.order-top-banner2,.order-news,.order-blog,.order-pickup,.order-cat-list,.cat-list-1,.cat-list-2,.order-hotword,.order-youtube {
  margin-bottom: 10%;
}
@media(max-width:959px){
  .order-slider,.order-fixed-article,.order-top-banner,.order-top-banner2,.order-news,.order-blog,.order-pickup,.order-cat-list,.cat-list-1,.cat-list-2,.order-hotword,.order-youtube {
    margin-bottom: 10%;
  }
}
@media (max-width:330px){ #item-list .item{ width:50% !important; padding:0 0 20px 5px !important}
  #item-list .item:nth-child(2n + 1){ width:50% !important; padding:0 5px 20px 0 !important}
  #item-list .item .label_image, #item-list .item:nth-child(3n + 2) .label_image, #item-list .item:nth-child(3n + 3) .label_image{ left:-1px !important}
  #item-list .item:nth-child(2n + 1) .label_image{ left:-6px !important}
}