/*
Theme Name:laundrymarket
Theme URI:https://laundry-market.com/
Author:mizuho ogino
Author URI:https://web.contempo.jp
*/

@charset "UTF-8";

@font-face {
  font-family:"din";
  src:url('font/din.eot');
  src:url('font/din.eot?#iefix') format('embedded-opentype'),
  url('font/din.woff') format('woff'),
  url('font/din.otf') format('otf');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"din";
  src:url('font/dinb.eot');
  src:url('font/dinb.eot?#iefix') format('embedded-opentype'),
  url('font/dinb.woff') format('woff'),
  url('font/dinb.otf') format('otf');
  font-weight:bold;
  font-style:normal;
}

/* :::::::::::OVERAL SETUP ::::::::::: */
/* Color & Typography */
:root {
  /* --body-font: "Cardo", serif; */
  /* --note-font:normal 12px/1.45 var(--sans-font); */
  --body-color:#ffffff;
  --line-height:1.8;
  --font-color:#111111;
  --border-color:#cccccc;
  --list-color:#17a2b8;
  --gray-color:#989898;
  --layer-color:#f1f1f1;
  --caution-color:#ed3a16;
  --strong-color:#dd6600;
  --theme-color:#ebd800;
  --subtheme-color:#68c6c0;
  --theme-tr-color:#ebd800ee;
  --subtheme-tr-color:#68c6c0ee;
  --theme-hover-color:#ffec1d;
  --subtheme-hover-color:#5cddd4;
  --link-color:#0f62fe;
  --hover-color:#0f9afe;
  --button-color:#0086e0;
  --button-hover-color:#00bbff;
  --input-field-color:#ffffff;
  --focus-color:#f9ffec;
  --invalid-color:#fefff8;
  --opposite-color:#ffffff;
  --container-width:1280px;
  /* --content-width:840px; */
  --section-gap:calc( var(--column-gap) * 2 );
  --input-padding:1em;
  --input-border-radius:0;
  --input-border-width:2px;
  --wc-message-text-color:var(--font-color);
  --transition:.35s;
  --woo-info-bg:var(--theme-color);
  --woo-info-color:var(--font-color);
}
html.theme { height:100%; }
html.theme body::after { content:""; display:block; position:fixed; width:100%; height:100%; top:0; right:0; left:0; bottom:0; z-index: -1; background-color:var(--body-color); }
body.toggle-opened::before { content:""; display:block; position:fixed; width:100%; height:100%; top:0; right:0; left:0; bottom:0; z-index:5; background-color:rgba(0,0,0,.5); }

/* Containers */
#wrapper { position:relative; padding:0; margin:0; height:100%;}
main { position:relative; z-index: 3; background-color:var(--body-color); }
body.home, body.home #wrapper { height:100%; }


/* body.home . */
.section { margin:0; padding:0; }
.section a.button { margin:32px auto 0; }
h1 { font-weight:800; }
section > .container { padding-top:var(--section-gap); }
section > .container:last-child { padding-bottom:var(--section-gap); }
.headline { text-align:center; vertical-align:middle; margin-bottom:calc( var(--column-gap) + 1em ); position: relative; }
.headline::after { content:''; position:absolute; left:0; right:0; top:-.5em; margin:0 auto; z-index:-1; display:block; width:5em; height:2.5em; background: linear-gradient(0deg, #7addd7 0%, #7addd700 100%); clip-path: polygon(0 0, 100% 0%, 50% 100%); }
.archive-header { display:flex; width:100%; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:16px; }
.archive-header .archive-title { font-size:1.5em; width:100%;}
.archive-header .woocommerce-ordering select { width:100%;}
.archive-header .woocommerce-ordering, .archive-header .selector, .archive-header .searchform { flex: 1 1 calc(50% - 6px); display: block; margin:0; }
.archive-header .searchform { display: flex; }
.entry-section:last-child .columns.bg:last-child { margin-bottom:-120px; margin-bottom:calc( ( 4vw + 40px )*-1 ); }
.onecolumns.bg-hasimage { padding-top:calc( 4vw + 40px ); padding-bottom: calc( 4vw + 40px ); }
/* article.entry { margin-top:var(--section-gap); margin-bottom:var(--section-gap); } */
.entry-section-header, .column-title { font-size:1.15em; padding-bottom:.2em; border-bottom-width:1px; text-align:center; color:var(--subtheme-color); }
.entry h2 { border-bottom:8px solid var(--layer-color); padding-bottom:.25em; }
.entry h3 { display: flex; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; }
.entry h3::before { background-color: var(--theme-color); display: block; border-radius: 3px; content: ""; height: 1.6em; margin-right: 12px; width: 6px; min-width: 6px; }
.entry h4 { color:inherit; }
.entry .threecolumns h3, .entry .fourcolumns h3 { text-align:center; padding: .4em 0; border-width:1px 0; }
.entry li h3 { border-width:0; padding:0; }
.entry.notfound { text-align:center;}
.entry.notfound a.button { margin:var(--column-gap) auto 0; }
ol { --list-color:var(--gray-color); }

/* Linked items */
/* a { color:var(--link-color); }
a:hover { color:var(--hover-color); } */
button, button.button, a.gmap-link, input[type="button"], input[type="reset"], button[type="submit"], input[type="submit"] { text-align:center; font-weight:700; display:block; border-radius:0; font-family:var(--body-font); }
button:hover, button.button:hover, a.gmap-link:hover,input[type="button"]:hover, input[type="reset"]:hover, button[type="submit"]:hover, input[type="submit"]:hover { cursor:pointer; }
a.button, button.button, button.wpcf7-submit, a.register-switch-register, a.register-switch-login { display:block; position:relative; transition:all 1s ease 0s; font-weight:700; text-align:center; border-radius:100px; background-color:var(--button-color); color:#fff; border-width:0; line-height:var(--input-line-height); padding:var(--input-padding) calc(var(--input-padding)*2); width:20em; text-decoration:none; }
a.l-button, button.l-button { font-size:18px; --input-padding:1.5em; width:32em; } 
a.button:hover, button.button:hover, button.wpcf7-submit:hover, a.register-switch-register:hover, a.register-switch-login:hover { background-color:var(--button-hover-color); color:#fff; }
a.button-customer, a.register-switch-register { background-color:var(--theme-color); color:var(--font-color); }
a.button-customer:hover, a.register-switch-register:hover { background-color:var(--theme-hover-color); color:var(--font-color); }
a.button-vendor, a.register-switch-vendor { background-color:var(--subtheme-color); color:var(--font-color); }
a.button-vendor:hover, a.register-switch-vendor:hover { background-color:var(--subtheme-hover-color); color:var(--font-color); }
a.register-switch-register, a.register-switch-login { display:inline-table; padding:.5em; width:10em; }
.shop_table a.remove { color:var(--strong-color); font:var(--note-font); }
a.button.back::before { right:auto; left: 10px; border-right-color:inherit; border-left-color:transparent; border-top-color:transparent; }
a.button.back::after { right:auto; left: 16px; }
a.button.back:hover::before { right:auto; left:-15px; opacity:1; }
a.button.back:hover::after { right:auto; left:-10px; }
.woocommerce-form-login-toggle .woocommerce-info::before, .woocommerce-info.wc_points_rewards_earn_points::before, #wcms_message .woocommerce-info::before { color:var(--theme-color); }
@media screen and ( max-width : 782px ){
  a.button::before, a.button::after, button.wpcf7-submit::before, button.button::before , button.wpcf7-submit::after, button.button::after { display:none; }
  a.button, button.button, button.wpcf7-submit { width:100%; padding:var(--input-padding) calc( var(--input-padding) * 1.5 ); }
  a.l-button, button.l-button { font-size:16px; padding:var(--input-padding); } 
}


/* ::::::::::: HEADER CROWN & MENU ::::::::::: */

#site-header { display:flex; width:100%; flex-wrap:nowrap; justify-content:space-between; padding:0; background-color:var(--layer-color); }
#site-header-navi { display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; flex-direction:column; gap:1em; padding:1em 2em; }
#site-header-navi .buttons { display:flex; flex-wrap:nowrap; align-items:center; gap:.5em; margin-left:auto; font-weight:700; }
#site-header-navi .buttons .button { --input-padding:8px; width:auto; font-size:inherit; border-radius:100px; }
#site-header-navi .navi { display:flex; flex-wrap:nowrap; align-items:center; gap:1em; margin-left:auto; }
#site-header-navi .navi a { position: relative; }
#site-header-navi .navi .cart-count-box { position: absolute; transform:translate(-0.8em, -0em); background-color:var(--list-color); }
#back-to-checkout { display:block; position:fixed; z-index:999; bottom:8px; right:8px; padding:8px 16px; width:auto; background-color:var(--theme-color); color:var(--font-color) }
#back-to-checkout:hover { background-color:var(--theme-hover-color);}
#site-logo, #site-navi-logo { width:18em; overflow:hidden; padding:1em 2em; margin:0; display:block; fill:currentColor; }
#site-logo { color:inherit; fill:currentColor; background-color:var(--theme-color); }
#site-logo .logo-head { margin:0 0 2%;}
#site-logo .logo-sq { display:none; }
#site-navi { transition:all var(--transition); height:auto; max-height:100%; padding:var(--column-gap) 0; overflow-x:hidden; overflow-y:auto; position:fixed; z-index:90; top:var(--wp-admin--admin-bar--height, 0px ); max-height:calc( 100vh - var(--wp-admin--admin-bar--height, 0px ) ); width:calc( var(--column-gap) *2 + 240px ); right:0; transform:translateX(100%); background-color:var(--layer-color); }
ul.navi-list { margin:calc(var(--column-gap) - 8px ) auto;  padding:0 var(--column-gap); display:block; max-width:480px; }
ul.navi-list li { width:auto; display:block; position:relative; margin:0; padding:0; }
ul.navi-list a { display:block; padding:.6em 0; line-height:1; }
ul.navi-list a:hover { opacity:.85; }
#main { background-color:var(--body-color);}
#main-navi { display:block; }
#main-navi a { padding:.8em 0; }
#main-navi a::before { height:0; background-color:var(--theme-color); position:absolute; top:0; right:0; left:0; display:block; content:'';  }
#main-navi strong { display:block; line-height:1em; font-weight:400; padding:0; margin:0; }
#main-navi a:hover { color: inherit; }
#main-navi a:hover::before { height:4px;  }
#main-navi .image { display:none; width:100%; max-height:96px; margin:0 auto 6px; overflow:hidden; position:relative; }
#main-navi .image img { width:100%; height:100%; object-fit:cover; position:absolute; left: 0; top: 0; }
#main-navi .image::before { content:''; display:block; overflow:hidden; padding:50% 0 0 0; }
#main-navi button.toggle-children { font-size:1.2em; line-height:1.6; height:1.6em; font-weight:400; width:1.6em; text-align:center; background-color:transparent; position:absolute; right:0; top:8px; margin:0; transition:all var(--transition); }
#main-navi button.toggle-children:hover { background-color:transparent; opacity:.85; }
#main-navi button.toggle-children.open { transform:rotate(-45deg); }
#main-navi ul.children { clear:both; display:none; padding:0 0 0 1em; margin:0; font-size:.75em; transition:max-height calc(var(--transition) * 2); }
#main-navi ul.children li { padding:0; margin: 0; }
#main-navi ul.children a { position:relative; padding:6px 0; display:block; position:relative; }
#main-navi ul.children .image { display:block; }
#main-navi li { display:block; }
#main-navi a::before { display:none; }
#sub-navi { font-size:.75em; }
#wc-navi { height:auto; display:block; }
#wc-navi li { display:inline-block; padding:0; margin:0; }
#wc-navi li + li { margin-left:1.4em; }
#wc-navi a { padding:0; display:block; position: relative; }
#wc-navi a .icon { height:2em; width:auto; fill:var(--font-color);  }
#wc-navi a .cart-count-box { color:var(--opposite-color); background:var(--font-color); letter-spacing:-.1em; border-radius:1em; display:inline-block; position:absolute; right:0; top:0; text-align:center; padding:.35em .1em .25em 0; width:1.6em; height:1.6em; font:var(--note-font); line-height:1; transform:translate( .6em, -.6em); margin:0; }
#wc-navi a .cart-count-box[data-count="0"] { display:none; }

#toggle-menu { display:none; width:3em; height:3em; font-size:1.2em; position:fixed; border-radius:50%; background-color:transparent; mix-blend-mode: difference; color:white; right:24px; top:calc( 24px + var(--wp-admin--admin-bar--height, 0px ) ); z-index:95; transition:left var(--transition); }
#toggle-menu::after { content:'\30E1\30CB\30E5\30FC';/* メニュー */ font-size:12px; position:absolute; margin-top:-.5em; top:100%; left:0; right:0; text-align:center; line-height:1; height:1em; }
#toggle-menu span { display:block; width:2em; height:2px; border-radius:0.5px; background-color:currentColor; position:absolute; left:.5em; transition:all var(--transition); }
#toggle-menu .bar-1 { top:.8em; }
#toggle-menu .bar-2 { top:1.4em; }
#toggle-menu .bar-3 { top:2em; }
body.toggle-opened #toggle-menu { font-size:.6em; background-color:#1C2B36; mix-blend-mode:normal; }
body.toggle-opened #toggle-menu::after { height:0; opacity:0;  }
body.toggle-opened #toggle-menu .bar-1 { top:1.5em; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
body.toggle-opened #toggle-menu .bar-2 { width:0; }
body.toggle-opened #toggle-menu .bar-3 { top:1.5em; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
body.toggle-opened #site-navi { transform:translateX(0%); }
body.toggle-opened #main::before { content:''; display:block; background-color:rgba(0,0,0,.25); position:fixed; z-index:1; left:0; top:0; bottom:0; right:0; }
#cart-button { display:block; margin:0; position:fixed; right:64px; top:0; z-index:90; transition:left var(--transition); background-color:var(--theme-color);color:var(--body-color); width:64px; height:64px; padding:6px; text-align:center; }
#cart-button i { position:absolute; z-index:1; left:0; top:0; bottom: 0; right: 0; margin: auto; font-size:26px; line-height:1.2em; height:1.2em; width:1.2em; }
#cart-button i::before { margin:0;}

@media screen and ( max-width : 782px ){
  #toggle-menu { top: 16px; right:16px; left:auto; }
  body.toggle-opened #toggle-menu { left:auto; }
  #toggle-menu::after { display:none; }
  #site-navi { width:100vw; bottom:0; font-size:1.3em; }
  #site-navi-logo { display:block; width:auto; }
  /* #site-header { display:block; } */
  #site-header-navi .buttons span { display:none;}
  #site-header-navi .buttons, #site-header-navi .navi { margin:0; }
  #site-header-navi .buttons { width:100%;}
  #site-header-navi .buttons .button { --input-padding:8px; flex:1; }
  #site-header-navi .navi a { text-align:center; font-size:9px; }
  #site-header-navi .navi a i { font-size:24px; display:block; line-height:1; margin:0 auto;}
  #products-archive .products { position: relative; padding:var(--column-gap) 0; }
  /* #products-archive .products::after { content:''; display:block; z-index:-1; background-color:var(--layer-color); width:100vw; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);} */
  #products-archive .products .product-item a { border-width:0; background-color:#fff; }
}
@media screen and ( max-width : 600px ){
  body { --wp-admin--admin-bar--height:0px; }
  body.toggle-opened #wpadminbar {z-index:1; }
  #site-logo { width:25%; padding:12px; display:flex; align-items:center; justify-content:center; }
  #site-logo .logo-head { display:none; }
  #site-logo .logo-base { display:none; }
  #site-logo .logo-sq { display:block; max-width:120px; margin:0; }
}
@media screen and ( max-width : 480px ){
  #back-to-checkout { left:8px; bottom:0; right:0; border-radius:8px 8px 0 0; max-width:12em; margin:0 auto; }
}


/* ::::::::::: FADE SLIDER ::::::::::: */
ul.fade-slider { position:relative; overflow:hidden; display:block; margin:0; padding:0; z-index:1; background-position:center; background-repeat:no-repeat; -ms-background-size:cover; background-size:cover; }
ul.fade-slider li { list-style:none; z-index:1; opacity:0; transform: scale(1); overflow:hidden; list-style:none; margin:0; height:100%; width:100%; display:block; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; list-style:none; }
ul.fade-slider li.visible { opacity:1 }
ul.fade-slider li.current { z-index:2; opacity:1; transform:scale(1.15); transition:opacity 1s ease-out 1s, transform 8s linear 0s; }
ul.fade-slider li.last { opacity:1; transform:scale(1.15); transition:transform 8s linear 0s; }
ul.fade-slider li img { width:100%; height:100%; object-fit:cover; opacity:1; object-position: center 66.66%;}


/* ::::::::::: FRONTPAGE ::::::::::: */
#section-top-swiper { overflow:hidden; }
#section-top-swiper > .container { padding-top:var(--column-gap); }
#front-swiper .swiper-wrapper { margin:0; padding-bottom:var(--column-gap); }
#front-swiper .product-item { margin:0; width:25%; opacity:0; }
#front-swiper .swiper-slide { opacity:1; }
#section-top-welcome { position: relative; }
#section-top-welcome .button { font-size:1em; line-height:1.4; }
#section-top-welcome .button h3 { margin:0 0 .25em; font-size:1.5em; line-height:1.4; font-weight:900; color:#fff; }
#section-top-welcome .button h3 span { display: inline-block; }
#section-top-welcome .button .note { margin:4px 0 0; font-size:.875em; }
#section-top-welcome .button-vendor { background-color:var(--subtheme-tr-color); }
#section-top-welcome .button-customer { background-color:var(--theme-tr-color); }
#section-top-welcome .button-vendor:hover { background-color:var(--subtheme-hover-color); }
#section-top-welcome .button-customer:hover { background-color:var(--theme-hover-color); }
#section-top-concept { background-color:var(--subtheme-color);}
#section-top-concept .anshin { display:flex; align-items: center; justify-content:center; font-weight:700; font-size:2.7em; flex-wrap:wrap; }
#section-top-concept .anshin svg { height:1.7em; margin:.2em .5em; }
#section-top-concept .points { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; margin:var(--column-gap) calc(var(--column-gap)*-.5);  }
#section-top-concept .points li { margin:calc(var(--column-gap)*.5); width:calc(50% - var(--column-gap)); padding:calc(var(--column-gap)*.5); background-color:#fff; border-radius:0; position:relative; }
#section-top-concept .points h3 { text-align:center; color:var(--subtheme-color); font-weight:bold; margin:0 .5em .5em; }
#section-top-concept .points .point-image { margin:1em auto; height:160px; width:160px; display:block; object-fit:contain;}
#section-top-area { margin-top:var(--column-gap); position: relative; }
#section-top-area .bg-image { position: absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; object-fit:contain; z-index:-1; }
#section-top-area .areas { display:flex; flex-wrap:wrap; position: relative; z-index:2; gap:var(--column-gap); margin:var(--column-gap) 0 0; }
#section-top-area .areas a { display:block; width:calc( 33.333% - var(--column-gap) * 0.667 ); }
#section-top-area .areas h4 { border-bottom-width:1px; margin:0; border-color:currentColor; }
#section-top-area .areas ul { display:block; margin:8px -8px 0 0; font-size:.875em; }
#section-top-area .areas ul li { display:inline-block; margin:0 8px 0 0; }
@media screen and ( min-width : 960.1px ){
  #section-top-welcome { position: relative; max-height:800px; min-height:440px; }
  #section-top-welcome::before { content:''; display:block; padding:50% 0 0;}
  #section-top-welcome .bg-image, #section-top-welcome ul.fade-slider { position: absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; z-index:1; }
  #section-top-welcome .button { position: absolute; top:50%; z-index:2; width:66%; padding:2em; font-size:calc(1em + 0.2vw); }
  #section-top-welcome .button-vendor { right:0; border-radius:10em 0 0 10em!important; transform:translateY(calc( -100% - 16px )); margin-left:var(--column-gap); }
  #section-top-welcome .button-customer { left:0; z-index:2; font-weight:bold; border-radius:0 10em 10em 0!important; transform:translateY(16px); margin-right:var(--column-gap); }
}
@media screen and ( min-width : 782.1px ){
  .section-top-p { font-size:1.25em; }
  #section-top-news .post-list li:nth-child(4) { display:none; }

}
@media screen and ( max-width : 960px ){
  #front-swiper .product-item { width:33.333%; }
  #section-top-welcome { display:flex; flex-wrap:wrap; }
  #section-top-welcome .bg-image, #section-top-welcome ul.fade-slider { width:100%; height:calc( 240px + 28vw); }
  #section-top-welcome .button { text-align:left; padding:var(--column-gap); width:50%; border-radius:0!important; transition:background-color .25s; }
  #section-top-welcome .button h3 { font-size:3.5vw; text-align:center }
  #section-top-welcome .button h3 span {display:block;}
  #section-top-welcome .button-vendor::before { content:'\\売りたい/'; font-weight:bold; display:block; position:absolute; font-size:1.4em; line-height:1.2; left:0; top:-.5em; right:0; text-align:center; }
  #section-top-welcome .button-customer::before { content:'\\買いたい/'; font-weight:bold; display:block; position:absolute; font-size:1.4em; line-height:1.2; left:0; top:-.5em; right:0; text-align:center; }
}
@media screen and ( max-width : 782px ){
  #front-swiper .swiper-item { padding:var(--p-margin);  }
  #section-top-area .areas a { display:block; width:calc( 50% - var(--column-gap) * 0.5 ); }
  #section-top-concept .points li { width:calc(50% - var(--column-gap)); }
  #section-top-concept .anshin { font-weight:900; font-size:2em; display:block; text-align:center; }
  #section-top-concept .anshin svg { height:2.5em; display:block; margin:0 auto .8em; }
  #front-swiper .product-item { width:50%; }
}
@media screen and ( max-width : 480px ){
  #section-top-concept .points { display:block; margin:0; }
  #section-top-concept .points li { display:block; padding-left:calc(2em + 20%); margin:16px 0; width:auto; text-align:left; }
  #section-top-concept .points h3 { text-align:left; margin:0 0 6px }
  #section-top-concept .points .point-image { margin: auto 0; height:140px; width:20%; position:absolute; left:1em; top:0; bottom:0; object-fit:contain;}
  #front-swiper .product-item { width:100%; }
  #front-swiper { width:calc( 100% - 8px); margin:0 auto;}
  #section-top-welcome .button h3 { font-size:calc( 1em + 3vw ); }
  #section-top-welcome .button { width:100%; }
  #section-top-concept .anshin { font-size:1.7em; }
  #section-top-welcome .button-vendor::before, #section-top-welcome .button-customer::before { position:static; margin:-.25em 0 .25em 0 }

}

.steps { counter-reset:point; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; margin:var(--column-gap) calc(var(--column-gap)*-.5);  }
.steps li { margin:calc(var(--column-gap)*.5); width:calc(50% - var(--column-gap)); padding:calc(var(--column-gap)*.5); border-width:1px; border-radius:0; position:relative; display:flex; align-items:center; gap:calc(var(--column-gap)*.5); }
.steps li::before { counter-increment:point; font-family:"din"; content:counter(point); background-color:var(--theme-color); color:#fff; font-weight:bold; font-size:32px; margin:0; line-height:1; position:absolute; left:-.5em; top:-.5em; z-index:2; height:1.6em; width:1.6em; border-radius:50%; padding:.3em 0; text-align:center; }
.steps h3 { color:var(--subtheme-color); font-weight:bold; margin:0 0 .5em; }
.steps .flow-text { width:auto; flex:2; display:block; }
.steps .flow-image { height:160px; width:160px; flex:1; display:block; object-fit:contain;}
#vendor-register-button { max-width:560px; width:auto; display:block; margin:var(--column-gap) auto 0; }
#section-vendor-registration { background-color:var(--subtheme-color);}
.main-image { width:100%; height:auto; }
@media only screen and ( max-width : 782px ){
  .steps { display:block; }
  .steps li { width:auto; }
.steps .flow-image { min-height:120px; width:25%; flex:1; }
}

/* ::::::::::: FOOTER & ORDERGUIDE ::::::::::: */
#backtotop { display:block; width:10em; margin:0 auto; height:48px; padding:0; position:relative; z-index:20; color:#ffffff; background-image:url( "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 22' %3E%3Cpath d='M1.4,21.2L0,19.8L19.8,0l19.8,19.8l-1.4,1.4L19.8,2.8L1.4,21.2z' fill='%23ffffff' /%3E%3C/svg%3E"); background-position:center 14px; background-repeat:no-repeat; background-size:16px auto; }
#backtotop span { font-size:10px; line-height:1; text-transform:uppercase; display:block; text-align:center; padding:34px 0 0; }
#site-footer { --font-color:#ffffff; --subtheme-color:#ffffff; --button-color:transparent; --button-hover-color:transparent; color:var(--font-color); font-size:.875em; overflow:hidden; position:relative; padding:0; margin-top:-48px; z-index:2; background-color:#1C2B36; }
#site-footer a.button { border-width:1px; margin:0 auto; }
#footer-container { margin-top:calc( var(--section-gap) + 44px); margin-bottom:var(--section-gap); }
#footer-navi { display:flex; flex-wrap:wrap; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; }
#footer-navi li { margin:0; }
#footer-navi a { display:block; padding:8px; }
#site-footer a:hover { color:var(--hover-color); }
#footer-logo { width:240px; overflow:hidden; padding:0; margin:0 auto; display:block; }
#footer-logo svg { margin:8px 0; padding:0; display:block; fill:currentColor; }

#copyright { clear:both; font-size:10px; padding:var(--p-margin); text-align:center; color:var(--gray-color); }
body .cky-btn-revisit-wrapper, .cky-modal [data-cky-tag="detail-powered-by"] { display:none!important; }
.cky-accordion .cky-accordion-item { border-color:currentColor; }

@media only screen and ( max-width : 960px ){
  /* #backtotop { opacity:0; position:sticky; margin:0 4px -24px auto; padding:0; bottom:4px; border-radius:50%; background-color:#1C2B36; width:40px; height:40px; transition:opacity var(--transition); background-size:auto 20%; background-position: center; }
  #backtotop span { display:none; }
  #backtotop:hover { opacity:1; }
  body.fixed #backtotop { opacity:1; } */
}
@media only screen and ( max-width : 782px ){
  #footer-navi { column-count:2; }
}
@media only screen and ( max-width : 480px ){
  #footer-navi { font:var(--note-font); }
  #footer-logo { width:120px; }
  #footer-sns a + a { margin-left:1em; }
}




/* ::::::::::: FORMS ::::::::::: */

.wpcf7 { line-height:1.6em; }
.wpcf7 .form-wrap { margin:0; }
.wpcf7 .form-wrap + header { margin-top:2em; }
/* .wpcf7 .form-wrap .h:first-child, .wpcf7 .form-wrap .h:first-child + .d { padding-top:0; border-top-width:0; } */
.wpcf7 .form-wrap { clear:left; border-color:#ccc; display:block; display:flex; flex-wrap:wrap; align-items:stretch; }
.wpcf7 .form-wrap .h { width:30%; float:left; display:block; font-size:1em; padding:24px 32px 16px 0; }
.wpcf7 .form-wrap .d { width:70%; float:left; display:block; padding:16px 0 8px; }
.wpcf7 .form-wrap .d::after { clear:both; display:table; content: ''; }
.wpcf7 .form-response { clear:both; padding:0; height:32px; margin:0 0 8px; }
.wpcf7 .headword { width:30%; width:calc(0% + 7em); padding-top:14px; clear:left; float:left; display:block; font-size:1em; margin-bottom:8px; }
.wpcf7 small { font-size:11px; color:gray; display:inline-block; font-family:var(--sans-font); }
.wpcf7 em { display:inline-block; font-family:var(--sans-font); color: #fff; background-color:#c30d23; line-height:1em; font-size:11px; padding:2px 3px; margin-left:8px; }
.wpcf7 .headword + .wpcf7-form-control-wrap { width:70%; width:calc(100% - 7em); float:left; display:block; }
.wpcf7 .wpcf7-form-control-wrap[data-name=customerZip], .wpcf7 .wpcf7-form-control-wrap[data-name=customerPref], .wpcf7 .wpcf7-form-control-wrap[data-name=customerCity], .wpcf7 .wpcf7-form-control-wrap[data-name=numberAdult], .wpcf7 .wpcf7-form-control-wrap[data-name=numberChild] { max-width:200px; }
.wpcf7 .wpcf7-form-control-wrap {  margin-bottom:8px; }
.wpcf7-list-item { display:block; }
.wpcf7 .event-data { display:flex; flex-wrap:wrap; align-items:center; }
.wpcf7 .event-data .image { width:120px; }
.wpcf7 .event-data .text { width:calc( 100% - 120px ); padding-left:20px; }
.wpcf7 .event-data .text > h2 { font-size:1.1em; font-weight:bold; margin:0; }
.wpcf7 .event-data .text > span { font-size:.9em; display:block; }
.wpcf7 .event-data .text > span.event-place { font-size:1em; display:block; }
.wpcf7 .event-data + #selected-date { margin:16px 0 8px; }
.wpcf7 [type="email"] { font-size:24px; font-weight:500; letter-spacing:0.05em; border:4px solid var(--link-color); }
.thankyou_message { font-weight:700; color:var(--subtheme-color); }
@media screen and ( max-width : 782px ){
  .wpcf7 .form-wrap { display:block; }
  .wpcf7 .form-wrap .h { width:auto; float:none; font-size:1em; padding:16px 0 8px 0; }
  .wpcf7 .form-wrap .d { width:auto; float:none; padding:0 0 8px; border-top-width:0; }
  .wpcf7 .form-wrap .h br { display:none; }
  .wpcf7 .form-wrap .h small { margin-left:.5em; }
  .wpcf7 .form-wrap .h { word-spacing:.5em; }
  .wpcf7 [type="email"] { font-size:21px; font-weight:500; letter-spacing:0; border:3px solid var(--link-color);}
}


/* ::::::::::: MODAL & PHOTOSWIPE ::::::::::: */
.modal-overlay, .pswp__bg { background-color:#000; }
.modal-button, .pswp__button { background-color:rgba(40,30,20,.3); }
.modal-overlay::before, .modal-overlay::after { font-size:10px; width:10em; height:10em; }
.pswp__share-modal { background:rgba(40,30,20,0.5); }
.pswp__caption { background:rgba(40,30,20,0.5); }
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background:rgba(40,30,20,0.3); }
.pswp__counter { color:#222; }
.pswp--css_animation .pswp__preloader__donut { border:2px solid rgba(255,255,255,.3); }
.modal-button-close::before, .pswp__button--close::before { background-image:url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' %3E%3Cpath d='M22.3,20.2l15.2,15.2l-2.1,2.1L20.2,22.3L5,37.5l-2.1-2.1l15.2-15.2L2.8,5L5,2.8l15.2,15.2L35.4,2.8L37.5,5L22.3,20.2z' fill='%23ffffff' /%3E%3C/svg%3E"); } 
.products-swiper.swiper-container, #front-swiper { overflow: visible; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .pswp__button--arrow--left::before, .modal-button-prev::before { background-image:url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' %3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23ffffff' /%3E%3C/svg%3E"); }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .pswp__button--arrow--right::before, .modal-button-next::before { background-image:url( "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' %3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23ffffff' /%3E%3C/svg%3E"); }
/* .swiper-pagination-bullets .swiper-pagination-bullet { width:11px; height:11px; } */
.swiper-button-prev, .swiper-button-next { font-size:2em; width:1.5em; height:1.5em; border-radius:50%; margin-top:-.75em; z-index:10; cursor:pointer; background-size:20%; background-color:var(--subtheme-color); transition:all var(--transition); }
.swiper-button-prev:hover, .swiper-button-next:hover { background-color:var(--subtheme-hover-color); }
.swiper-button-prev { left:-.75em; }
.swiper-button-next { right:-.75em; }
.swiper-button-disabled { opacity:0; }
@media screen and ( min-width : 782.1px ){
  .pswp__ui--idle .pswp__top-bar, .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right , .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity:1; }
}

@media screen and ( max-width : 600px ){
  .swiper-button-prev, .swiper-button-next { width:1.2em; height:1.2em; margin-top:-.6em; }
  .swiper-button-prev { left:-.6em; }
  .swiper-button-next { right:-.6em; }
}


/* ::::::::::: ARCHIVE PAGE ::::::::::: */

#products-container { display:flex; max-width:none; flex-wrap:nowrap }
.controller .pagemenu-list { font-size:14px; margin:0; }
.controller .control-wrap + .control-wrap { margin-top:1.5em; }
.controller .pagemenu-list .count { font-size:11px; }
.controller .pagemenu-list a { border-width:3px; display:block; font-size:16px; margin:0; line-height:1.2em; width:100%; padding:6px 8px; }
.controller select { font-size:16px; margin:0; line-height:1.2em; display:block; width:100%; padding-top:6px; padding-bottom:6px; padding-left:8px; }
.controller .category-selector { display:none; }

.refineform { display:block; margin:0; padding:0; }
.refineform .control-item { display:block; text-align:left; clear:left; margin:0 0 16px; padding:0; overflow:hidden; }
.refineform .controller-title { font-size:14px; font-weight:700; border-bottom-width:1px; padding:8px 0; margin:0; line-height:1em; display:block; text-transform:uppercase; }
.refineform .refinebutton { display:block; width:100%; }
.refineform select, .refineform .search-box { display:block; }
.refineform .multi-link-box { display:block; text-align:left; margin:0 -3px; line-height:36px; }
.search-box { margin:0; padding:0; position:relative; border-width:var(--input-border-width); }
.search-box input.search-key { width:100%; margin:0; padding-right:48px; display:block; z-index:1; position:relative; border-width:0; }
.search-box button.search-button { position:absolute; z-index:2; right:0; top:0; bottom:0; line-height:inherit; padding:0; width:42px; height:100%; text-align:center; }

.controller-links > a { display:block; margin:4px 0; font-weight:400; font-size:13px; line-height:1.3em; padding:8px; background-color:#f5f5f5; cursor:pointer; position:relative; }
.controller-links > a strong small { display:inline-block; margin-right:.5em; }
.controller-links > a.selected { background-color:var(--link-color); color:#fff; }
.controller-links > a.selected:hover { background-color:var(--hover-color); color:#fff; }
.controller-links > a.tax-product_cat.selected { background-color:var(--theme-color); color:inherit}
.controller-links > a.tax-product_cat.selected:hover { background-color:var(--theme-hover-color); color:inherit }
.controller-links > a.tax-product_brand.selected { background-color:var(--subtheme-color); color:inherit}
.controller-links > a.tax-product_brand.selected:hover { background-color:var(--subtheme-hover-color); color:inherit}
.controller-links > a.selected:hover::after { content:'\00d7'; /* × */ position:absolute; z-index:2; display:block; left:auto; color:inherit; right:14px; bottom:0; top:0; margin:auto 0; font-size:16px; height:1em; line-height:1em; } 
.controller-links > a:hover:not(.selected) { background-color:#b4dfff; color:inherit; }
.controller-links::after { display:table; content:''; clear:both; }
.sub_terms { font-size:.875em; margin:0 -.5em 0 0; }
.sub_terms li { display:inline-block; margin:0 .5em 0 0;; }
#products-archive .woocommerce-result-count { font:var(--note-font); padding:0; margin:1em 0 0 0; text-align:center; }

.sidebar-menu { display:block; text-align:left; margin:4px 0 0; padding:0; }
.sidebar-menu li { margin:0; padding:0; line-height:1.2em; list-style:none; }
.sidebar-menu li:first-child::before { border-top-width:0; }
.sidebar-menu li::before { margin:0 auto; width:auto; display:block; content:''; background-color:transparent; padding:0; border-top-width:1px; border-top-style:dashed; }
.sidebar-menu li a { padding:1em .5em 1em 2em; display:block; position:relative; }
.sidebar-menu li a .en { display:none; }

ul.breadcrumb li { margin:0; padding:0; }
ul.breadcrumb li > * { padding:0; }
.breadcrumb a, .entry-summary .datalist a { color:var(--link-color); }
.breadcrumb a:hover, .entry-summary .datalist a:hover { color:var(--hover-color); }
.share-button, ul.share-icons li a { color:var(--gray-color); }
.products-swiper { margin:0; }
.products-swiper .products { margin:0; }
.products { margin:0 -16px; display:flex; flex-wrap:wrap; } /* important margin-top ** disable padding */
.product-item { width:33.333%; text-align:left; position:relative; z-index:1; margin:0; padding:16px; align-self:stretch; align-items:stretch; display:flex; }
.product-item a { padding:0; margin:0; width:100%; display:block; position: relative; }
.product-item a:hover { color:inherit; }
.product-item .product-image { display:block; position:relative; z-index: 1; border-radius:4px; overflow:hidden; }
.product-item .product-image::before { content:' '; display:block; padding:100% 0 0 0; margin:0; position:relative; z-index:4; }
.product-item p.stock.in-stock { display:none }
.product-item .product-image .image-wrap { display:block; padding:0; margin:0; overflow:hidden; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; background-color:#fff; background-size:cover; background-position:center; transition:opacity var(--transition); }
.product-item .product-image .image-wrap > img { position:absolute; position:absolute; z-index:1; top:0; left:0; right:0; bottom:0; margin:auto; display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.product-item .product-image .image-wrap.subpic { opacity:0; }
.product-item a:hover .product-image .image-wrap.subpic { opacity:1; }
.product-item.outofstock .product-image::before { background-color:rgba(0,0,0,.25); }
.product-item.new-product .product-image::after { content:'NEW'; font-family:"din"; font-weight:700; position:absolute; background-color:var(--caution-color); color:white; top:0; left:0; line-height:1; z-index:99; padding:.5em; font-size:.75em; }
.product-item.outofstock .product-image::after { content:'SOLD'; font-family:"din"; z-index:4; color:#fff; background-color:transparent; display:block; font-size:calc(1em + 1vw); letter-spacing:.2em; font-weight:bold; line-height:1em; text-align:center; height:auto; position: absolute; top: 50%; left:0; right:0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.product-item a:hover .image-wrap.subpic { opacity:1; }
.product-item .product-info { margin:0; padding:12px 0 0; }
.cats-list { display:flex; flex-wrap:wrap; gap:4px;}
.cats-list .cat { padding:.25em .5em; margin:0; display:block; background-color:var(--theme-color); color:inherit; line-height:1; }
.cats-list a.cat:hover { opacity:.8; color:inherit; }
.cats-list .cat.product_brand { background-color:var(--subtheme-color); } 
.product-item .cats-list { font-size:11px; }
.product-item .product-name { padding:0; margin:8px 0 0; font-size:1em; font-weight:700; }
.product-item .price-label { margin:8px 0 0; font-size:.75em; }
.product-item .price { display:block; margin:4px 0 0; padding:0; font-size:1em; }
.product-item .price del, .product-item .woocommerce-price-suffix { display:none; }
.woocommerce-price-suffix { font-size:12px;}
.product-item.sale .wrap::before { z-index:20; position:absolute; top:24px; left:12px; text-transform:uppercase; content:'SALE'; display:block; font-size:10px; line-height:14px;text-align:center; font-weight:700; padding:0 4px; color:var(--opposite-color); background-color:var(--caution-color); }
.price del, .product-price del { color:var(--theme-color); }
.stock.out-of-stock { font-size:1.2em; }
.search-box { display: flex; width: 100%; border-radius:var(--input-border-radius); }
.news-list { margin:0 auto; padding:0; text-align:left; }
.news-list .news { margin:var(--column-gap) 0 0; padding-bottom: var(--column-gap); list-style:none; display:block; border-bottom-width:2px; }
.news-list .news a { padding:0; display:block; position:relative; color:inherit;  }
.news-list .news a:hover { color:var(--hover-color); }
.news-list .news .date { display:block; color:var(--gray-color); }
.news-list .news h3 { font-size:1.05em; font-weight:bold; margin:0; }
.news-list .news .excerpt { font-size:.9em; margin:8px 0 0; }
.news-list .news a:hover { color:inherit; }
.news-list .news a:hover h3 { color:var(--hover-color); }
a.button.viewall { display:table; margin:8px 0 0 auto; --input-padding:8px; width:auto; }

.twocolumns-container { display: -webkit-box; display: flex;-webkit-box-align: flex-start;align-items: flex-start;flex-wrap: wrap; }
.twocolumns-container h1 { width:100%; }
.content-area { width:68%; min-width:calc(100% - 336px); }
.sidebar { width:32%; max-width:336px; position:sticky; top:120px; }
.content-area + .sidebar { padding-left:var(--column-gap); padding-right: 0; }
.sidebar.flex-end { align-self:flex-end; top: auto; bottom:24px; }
.archive-posts-title { display:table; padding:.25em 1em; font-size:1em; border:1px solid var(--border-color); border-radius:100px; margin:0 0 var(--column-gap); }
.archive-posts-title.archive-cat-title::before { content:'カテゴリー: ';}
.archive-posts-title.archive-tag-title::before { content:'#';}
.post-list { padding:0; margin:-16px;  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; flex-wrap:wrap; -ms-flex-align:stretch; align-items:stretch; }
.post-list li { display:block; width:33.3333%; float:left; margin:0; padding:16px; }
.post-list li:nth-child(3n+1) { clear:left; }
.post-list a { color:inherit; display:block; padding:0; margin:0; position:relative; z-index:1; transition:all .3s; } 
.post-list .post-image { margin:0; display:block; overflow:hidden; padding:0; position:relative; z-index:2; transition:opacity .3s ease-out; border-radius:6px; }
.post-list .post-image::before { padding:50% 0 0 0; content:' '; display:block; }
.post-list .post-image img { width:100%; height:100%; margin:0; display:block; position:absolute; top:0; left:0; z-index:-1; object-fit:cover; }
.post-list .post-title { line-height:1.4; display:block; font-weight:bold; color:inherit; margin:1em 0 0; font-size:1em; }
.cat-stamp { line-height:1; padding:6px 12px; border:1px solid rgba(20,35,70,.12); border-radius: 4px; margin: 8px 8px 0 0; font-size:12px; display: inline-block; }
.content-area .entry { padding:0; margin:var(--column-gap) 0 0; background-color:#fff; border-radius:0 0 4px 4px; }
.single-header { font-size:1em; line-height:1; padding:0; position:relative; margin:0; border-radius:4px; overflow:hidden; }
.single-header .single-title { clear:both; border-width: 0; background-color:transparent; line-height:1.3; margin:0; padding: 0; font-weight:bold;  }
.single-header .header-excerpt { margin:.8em 0 0; font-size:.875em; }
.single-header .date { color:var(--gray-color);  display:block; }
.single-header .image { overflow: hidden; display:block; width:100%; margin:0; z-index:1; position:relative; border-radius:4px 4px 0 0; }
.single-header .image img { object-fit:cover; height:auto; max-height:480px; width:100%; border-radius:0; }
.single-header .image .image-caption { position:absolute; right:0; bottom:0; z-index:2; padding:.4em .5em; line-height:1.1; font-size:12px; color:#ffffff; }
.single-header .image .image-caption::after { content:''; position:absolute; z-index:-1; left:0; top:0; right:0; bottom:0; background-color:rgba(80,80,80,.3); background-blend-mode:darken}
.single-header .header-caption { margin:0 auto; padding:0; z-index:2; background-color:var(--layer-color); position:relative; display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; flex-wrap:nowrap; overflow:hidden; }
.single-header .category { background-color:var(--subtheme-color); border-color:var(--subtheme-color); width:24%; margin:0; color:#fff; font-weight:700; padding:1.2em .25em; font-size:1em; line-height:1.4; position:relative; z-index:2; text-align:center; }
.single-header .category::after { display:block; content:''; background-color:inherit; position:absolute; left: 0; top:-100%; bottom:-100%; right: 0; z-index:-1; }
.single-header .category::before { display:block; content:''; position:absolute; top:calc( 50% - 12px ); right:-11px; border-color:transparent; border-left-color:inherit; border-width:12px 0 12px 12px; }
.single-header .header-title { width:80%; padding:1.5em; line-height:var(--line-height-mono); }
.related-posts { margin-top:var(--column-gap);}
.sidebar-item + .sidebar-item { margin-top:24px; }
.sidebar > div::after { clear:both ; display:table; content:''; }
.sidebar > div:first-child { margin-top:0; }
.sidebar > div:last-child { margin-bottom:0; }
.sidebar h2 { font-size:1em; margin:0 0 12px; padding:8px; color:#fff; background-color:var(--theme-color); position:relative; text-align:center; border-radius: 3px; }
.sidebar h2::after { display:block; content:''; position:absolute; left:calc( 50% - 12px ); bottom:-11px; border-color:transparent; border-top-color:var(--theme-color); ; border-width:12px 12px 0 12px; }
.sidebar select {width:100%; margin:12px 0 0;}
.archive-list { margin: 0; padding: 0;  list-style:none; }
.archive-list li { margin: 0; padding: 0; }
.archive-list li a { padding:8px 2px; display:block; color: inherit; font-weight:600; }
.sidebar-posts ol { margin:0; padding:0; counter-reset:li; list-style:none; }
.sidebar-posts li { margin:1em 0; padding:0; }
.sidebar-posts .post-text { font-size:14px; line-height:1.4; margin:0; padding:0 0 0 12px; display:block; overflow:hidden; width:calc( 100% - 80px) }
.sidebar-posts .post-title { clear:both; font-size:1.1em; font-weight:400; overflow:hidden; padding:0; margin:4px 0 0; }
.sidebar-posts .post-title * { display:inline; }
.sidebar-posts li:first-child { padding-top:0; }
.sidebar-posts li:last-child { padding-bottom:0; border-bottom:none; }
.sidebar-posts li:nth-child(n+6) {display:none; }
.sidebar-posts li a { display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; flex-wrap:nowrap; padding:0; margin:0; text-decoration:none; position:relative; color: inherit; }
.sidebar-posts .post-image { width:80px; height:80px; overflow:hidden; position:relative; border-radius:2px; }
.sidebar-posts .post-image img { display:block; width:100%; height:100%; object-fit:cover; }
.tag-cloud { align-items: center; flex-wrap:wrap; display:flex; font-size: 12px;}
a.tag-cloud-link { line-height:1; padding:6px 12px; border:1px solid rgba(20,35,70,.12); border-radius: 4px; margin: 8px 8px 0 0; font-size:12px; display:inline-block; }
a.tag-cloud-link::before { content:'#'; }
h2.related-posts-title { font-size:1em; margin:0 0 24px; padding:8px; color:#fff; background-color:var(--theme-color); position:relative; text-align:center; border-radius: 3px; }
h2.related-posts-title::after { display:block; content:''; position:absolute; left:calc( 50% - 12px ); bottom:-11px; border-color:transparent; border-top-color:var(--theme-color); ; border-width:12px 12px 0 12px; }

.channel { padding:0; border-width:0; }
.page-numbers { border-width:0;padding: .5em; min-width:0; margin:0 1em; }
.page-numbers.current { border-bottom-width:2px; font-weight:400; }
.noresult { margin:var(--section-gap) 0 0; }
.noresult .buttons { margin:var(--column-gap) 0 0; display:flex; flex-wrap:wrap; gap:1em; }
.noresult .buttons .button { width:auto; --input-padding:8px;}
#product-related { overflow:hidden; }
#product-related .headline { margin-bottom:var(--column-gap); }
#product-related .swiper { padding-bottom:40px; }
#product-related .swiper { padding-bottom:40px; }
.onsale { display:inline-block; margin: 0; text-transform:uppercase;  font:var(--note-font); text-align:center; font-weight:700; padding:1px 10px; color:var(--opposite-color); background-color:var(--caution-color); }

@media only screen and ( min-width : 2100.1px ){
  .product-item { width:16.66%; }
}
@media only screen and ( min-width : 1800.1px ){
  .product-item { width:20%; }
}
@media only screen and ( min-width : 1200.1px ){
  .product-item { width:25%; }
}
@media only screen and ( min-width : 960.1px ){
  #products-loop { padding:0 0 0 var(--column-gap); width:calc( 100% - 270px ); }
  #products-loop .archive-title { margin-top:0; float:left; }
  #products-loop .products, #products-loop .noresult { clear:both }
  #products-controller { width:270px; margin:0; padding:0; }
  .archive-header { background-color:var(--theme-color); padding:8px; }
  .tax-product_brand .archive-header { background-color:var(--subtheme-color); }
  .archive-header .selector, .archive-header .searchform { display:none; }
  .archive-header .archive-title { font-size:1.5em; font-weight:800; width:auto;}
  .archive-header .woocommerce-ordering { margin-left:auto; flex:none }
  .archive-header .woocommerce-ordering .orderby { border-width:0; --input-padding:.5em; }
}
@media only screen and ( max-width : 960px ){
  #products-container { display:block; }
  #products-container #products-loop { float:none; width:auto; position: static;  }
  #products-controller { display:none; }
  #products-loop .archive-title { margin-top:0; text-align:center; }
	#products-container .selector select { display:block; width:100%; margin-top:0; }
  .products { margin:0 -12px; }
  .product-item { padding:12px; }
  .content-area { width:100%; order:2; float:none; }
  .sidebar { width: 100%; max-width:none; padding-left:0; padding-right: 0; }
  .content-area + .sidebar, .sidebar + .content-area  { float: none; }
  .content-area + .sidebar { padding-left: 0; order:3; position:static; margin-top:var(--column-gap);  }
  .sticky { position:static; }
  .entry-section-header { font-size:1em;}
  .entry-section-header-h2::before { font-size: 1.5em; }
}
@media screen and ( max-width : 782px ){
  .term-entry { margin-top: 16px; }
  #home-headlines p { font-size:1em; }
  #home-headlines p br { display:none; }
  #category-archive { position:relative; padding:0 16px 32px; }
  .woocommerce-cart-form__contents .product-thumbnail { left: 6px; }
  #archive-navi { display:block; font-size:1em; }
  #archive-navi li a {padding:12px 0; line-height:1.3; }
  #archive-navi > li > a { font-size:1.1em; }
  .post-list { margin:-8px; }
  .post-list li { width:50%; padding:8px; }
  h2.related-posts-title { margin-bottom:12px; }
  .related-post-list { margin:0; }
  .related-post-list li { margin:1em 0; padding:0;  width:auto;}
  .related-post-list .post-text { font-size:14px; line-height:1.4; margin:0; padding:0 0 0 12px; display:block; overflow:hidden; width:calc( 100% - 80px) }
  .related-post-list .post-title { clear:both; font-size:1.1em; font-weight:400; overflow:hidden; padding:0; margin:4px 0 0; }
  .related-post-list .post-title * { display:inline; }
  .related-post-list li:first-child { padding-top:0; }
  .related-post-list li:last-child { padding-bottom:0; border-bottom:none; }
  .related-post-list li:nth-child(n+6) {display:none; }
  .related-post-list li a { display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; flex-wrap:nowrap; padding:0; margin:0; text-decoration:none; position:relative; color: inherit; }
  .related-post-list .post-image { width:80px; height:80px; overflow:hidden; position:relative; border-radius:2px; }
  .related-post-list .post-image img { display:block; width:100%; height:100%; object-fit:cover; }
}
@media screen and ( max-width : 600px ){
  .product-item { width:50%; }
  .product-item .cats-list { font-size:10px; }
}
@media screen and ( max-width : 480px ){
  .content-area .single-header, .content-area .entry { margin:0 calc( -1 * var(--column-gap) ); width:auto; }
  .single-header .image, .content-area .entry { border-radius:0; }
  .single-header .header-caption { margin:0; /* background-color: transparent;  */ display:block; line-height:16px; padding:.8em 6%; /* border-bottom-width:5px; */ }
  .single-header .category { position:static; color:#fff; width:auto; max-width:none; font-weight:600; display:inline-block; border-radius:.8em; font-size:12px; font-weight:400; line-height:1.4em; padding:0em .5em; margin:0 .4em 0 0;  }
  .single-header .single-title::before { display:block; content: ''; }
  .single-header .date { display: inline;}
  .single-header .single-title { display:inline; line-height:1.3em; }
  .single-header .category br, .single-header .category br::after, .single-header .category::before { display:none;}
  .single-header .header-title { width: auto; padding:0; display:inline; line-height:inherit; font-size: inherit; }
  .single-header .category::after { display:none }
}



/* ::::::::::: PAGE CONTENT ::::::::::: */
section.page, #archive-news, #single-news { --container-width:960px; }
section.page .entry * + h2 { margin-top:var(--section-gap); }
section.page .entry > *:first-child { margin-top:0; }
section.page .entry > .size-large { max-width:none; }

#page-guide .box-layout { counter-reset:box; }
#page-guide .box-layout .box + .box { margin-top:0; }
#page-guide .box-layout .box { counter-increment:box; display:block; padding-bottom:32px; min-height:120px; margin-bottom:16px; position:relative; }
#page-guide .box-layout .box:last-child { display:block; margin-bottom:0; padding-bottom:0; min-height:0; }
#page-guide .box-layout .box:last-child .text::after, #page-guide .box-layout .box:last-child .text::before { display:none; }
#page-guide .box-layout .box .text { padding:0; width:auto; flex:1; position:static; } 
#page-guide .box-layout .box .text::after { position:absolute; bottom:0; transition-delay:0.5s; top:72px; left:32px; content:''; display:block; width:0; margin:0; border-left:2px solid #ccc; }
#page-guide .box-layout .box .text::before { position:absolute; transition-delay:0.6s; left:33px; bottom:-1px; content:''; display:block; width:24px; height:24px; margin:0 auto; border-left:2px solid #ccc; border-bottom:2px solid #ccc; -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
#page-guide .box-layout .box::before, #page-guide .box-layout .box::after { color:var(--body-color); display:block; font-weight:300; line-height:1em; font-size:12px; position:absolute; left:0; top:0; width:64px; height:64px; text-align:center; }
#page-guide .box-layout .box::before { content:counter(box, decimal-leading-zero); z-index:2; padding-top:.55em; font-size:36px; }
#page-guide .box-layout .box::after { content:'STEP'; z-index:1; border-radius:50%; padding-top:.5em; background-color:var(--theme-color); }
#page-guide .box-layout .box h2 { margin-left:80px; margin-bottom:0; font-size:1.5em; }
#page-guide .box-layout .box .entry { margin-left:80px; margin-top:1em; }

.vertial-image { max-width:80%; }
.office-info { text-align:center;}
.office-info > * { margin:0; }
article.message-entry .columns { max-width:800px;}
.message-entry .message-image { border-radius:50%; margin:0 auto }
.message-entry .text-column h2 { text-align:center; }
.message-entry .column.side-image .text { width:calc(100% - 280px); }

.tab-selector { display: flex; margin:0; position: relative; border-bottom-width: 1px; }
.tab-selector-button { width: calc(50% - 5px); max-width: 400px; flex:1; font-size: 1.1em; font-weight:bold; border-radius: 7px 14px 0 0; border-width: 1px 1px 0 1px; border-style: solid; background: #F8F8F8; height: 6.5em; display: flex; align-items:center; justify-content:center; font-weight:500; cursor: pointer; }
.tab-selector-button + .tab-selector-button { margin-left: 10px; }
#tab-1:checked ~ .tab-selector #tab-1-button, #tab-2:checked ~ .tab-selector #tab-2-button { background: #FFF; position: relative; z-index: 2; }
#tab-1:checked ~ .tab-selector #tab-1-button::after, #tab-2:checked ~ .tab-selector #tab-2-button::after { content: ""; width: 100%; height: 2px; background: #FFF; display: block; position: absolute; left: 0; right: 0; bottom: -1px; margin: auto; }
.tab-contents { display: none; }
#tab-1:checked ~ #tab-1-contents, #tab-2:checked ~ #tab-2-contents { display: block; }

.faq-list { margin:0 0 2em; padding:1em 0; }
.faq-list:last-of-type { margin-bottom: 0; }
.faq-list .faq-header { flex:1; }
.faq-list .faq-header h2.faq-title { font-size: 1.2em; font-weight:bold; padding:0; margin:0; border-width:0; }
.faq-list .faq { position: relative; padding:.25em 4.5em .25em 0; margin:0; cursor:pointer; }
.faq-list .faq-content { flex:4; padding:.5em 0; }
.faq-list .faq::before, .faq-list .faq::after { content: ""; width:1.5em; height:2px; background-color:var(--border-color); display: block; position: absolute; right: 1em; top:2em; margin: auto; transition:transform 0.3s; }
.faq-list .faq::after { transform: rotate(90deg); }
.faq-list .faq.open::after { transform: rotate(0deg); }
.faq-list .faq h3 { font:inherit; font-size:inherit; border:none; padding:0; }
.faq-list .faq h3::before { display:none; }
.faq-list .faq .faq-dt::before, .faq-list .faq .faq-dd::before { font-weight:bold; color: #FFF; font-size: 0.875em; width: 2em; height: 2em; display: flex; align-items: center; justify-content: center; position: absolute; left: 1em; margin: auto; }
.faq-list .faq .faq-dt { padding:.75em 0 .75em 4.5em; position: relative; margin:0; }
.faq-list .faq .faq-dt::before { content: "Q"; background:var(--theme-color) no-repeat center center/contain; top:1em; }
.faq-list .faq .faq-dd { padding:.75em 0 .75em 4.5em; position: relative; display: none; }
.faq-list .faq .faq-dd::before { content: "A"; background:var(--subtheme-color) no-repeat center center/contain; top:1em; }
@media screen and (min-width: 781.1px) { 
  .faq-list .faq-header { padding: 1rem 0;  }
  .faq-list { display: flex; flex-wrap: wrap; margin-bottom:0; border-top: 1px solid var(--border-color); }
  .faq-list:first-child { border-top:0; }
  .faq-list .faq { position: relative; padding:.5em 5em .5em 2em; margin:0; }
  .faq-list .faq:first-child { border-top: 0; }
  .faq-list .faq .faq-dt::before, .faq-list .faq .faq-dd::before { font-size: 1.25em; width: 2.5em; height: 2.5em; left: 1.5em; }
  .faq-list .faq .faq-dt { padding: 1em 0 1em 6.5em; }
  .faq-list .faq .faq-dt::before { top: .25em; }
  .faq-list .faq .faq-dd { padding: 1em 0 1em 6.5em; }
  .faq-list .faq .faq-dd::before { top: 0.25em; }
}
@media screen and (min-width: 1280.1px) { 
}


a.page-button { display:block; color: #fff; margin:1em 0 0; position:relative; z-index: 2; overflow: hidden; padding:3.5em 1em; font-size:2em; text-align:center; }
a.page-button::after { display:block; content:''; position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; background-color:black; opacity:.3; }
a.page-button:hover::after { opacity:.2; }
a.page-button img { position:absolute; z-index:-2; left:0; top:0; width:100%; height:100%; object-fit:cover; }



/* ::::::::::: Single Post ::::::::::: */

.post-title-header { margin-left:auto; margin-right:auto; margin-bottom:var(--section-gap); }
.post-title-header .date { display:block; font-size:.75em; color:var(--gray-color); }
.post-title-header h1 { margin:0; }
.single-post-entry {  margin-left:auto; margin-right:auto; }
.single-post-navi-wrap { padding:var(--column-gap) 0; border-width:1px 0; position:relative; }
.single-post-navi-wrap::after { content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-image:url( "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' %3E%3Cpath d='M22,22H0V0h22V22z M48,0H26v22h22V0z M22,26H0v22h22V26z M48,26H26v22h22V26z' fill='%2362624D' /%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; background-size:100%; height:36px; width:36px; }
.single-post-navi .image-wrap, .single-post-navi .post-info .date { display:none; }
.single-post-navi .post-info { padding:0; }
.single-post-navi .post-info .pager { display:block; color:var(--gray-color); font-size:.75em; margin:0 0 1em; }
.single-post-navi.newer, .single-post-navi.older { border-width:0; padding:0; }
.single-post-navi.newer::before, .single-post-navi.older::before { display:none; }

@media only screen and ( max-width : 782px ){
  .single-post-navi-wrap::after { height:24px; width:24px; }
}
@media only screen and ( max-width : 480px ){
  .single-post-navi-wrap { flex-wrap:wrap; padding:24px 0 72px; }
  .single-post-navi.newer { order:1; width:100%; margin:0; padding:8px 0; }
  .single-post-navi.older { order:2; width:100%; margin:0; padding:8px 0; }
  .single-post-navi-wrap::after { top:auto; bottom:16px; }
  .single-post-navi .post-info .pager { margin:0 0 .5em; }
}


/* ::::::::::: Single Product ::::::::::: */
#product-image-swiper .swiper-slide { margin:0 16px; border-width:2px; border-radius:0; border-color:var(--border-color); background-color:#fff; cursor: pointer; }
#product-image-swiper .swiper-slide:hover { border-color:var(--theme-color);}
#product-image-swiper .product-image-wrap { position:relative; overflow:hidden; display:block; padding:0; margin:var(--grid-gap); }
#product-image-swiper .product-image-wrap::before { content:''; padding:100% 0 0 0; display:block; }
#product-image-swiper .product-image-wrap:hover { color:inherit; }
#product-image-swiper .product-image-wrap figcaption { position:absolute; left:0; right:0; bottom:0; max-width:100%; display:table; margin:0 auto; background-color:#ffffffbb; line-height:1; padding:.25em .5em; font-size:.875em; }
#product-image-swiper .product-image-wrap img { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:-1; object-fit:contain; }
#product-image-swiper-thumbs .swiper-slide { border-width:2px; border-color:var(--border-color); }
.swiper-pagination-bullet.swiper-pagination-image { border-width:2px; border-color:var(--border-color); }
.swiper-pagination-bullet.swiper-pagination-image img { margin:4px; width:calc( 100% - 8px ); }
.swiper-pagination-bullet.swiper-pagination-image::before { border:none; }
.swiper-pagination-bullet.swiper-pagination-image:hover, .swiper-pagination-bullet-active.swiper-pagination-image { border-color: var(--theme-color); }

.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { background-color:transparent; position:static; color:inherit; padding:8px 0 0; text-align:left; }
.condition-wrap { display:flex; align-items:center; }
strong.condition { color:#68c6c0; font-size:4em; font-weight:900; font-family:"din"; line-height:1;  }
.condition-wrap .condition {margin-right:8px;}

.entry > .wp-block-image.size-large, .entry > .wp-block-buttons, .entry > .wp-block-columns { margin:var(--column-gap) 0; }
.wp-block-image.scrollclass img { filter: grayscale(100%) contrast(150%); transition:filter .5s 0; }
.wp-block-image.scrollin img { filter: grayscale(0) contrast(100%); transition:filter .75s 1s; }
form.cart .outofstock-message { background-color:var(--layer-color); padding:1em; margin:1em 0;}
form.cart .outofstock-message strong { font-weight:bold; color:var(--strong-color);}
form.cart .quantity { display:none; }
form.cart .price { text-align:right; }
form.cart .price .amount { font-size:3.2em; }
form.cart .price .woocommerce-price-suffix { display:none; }
form.cart .single_add_to_cart_button { width:100%; margin-top:16px; border-radius:100px; }
.woocs_auto_switcher { display:block; position:relative; z-index:3; }
.woocs_auto_switcher .woocs_auto_switcher_select { position:absolute; left:0; right:0; display:block; height:0em; overflow:hidden; transition:height 500ms; z-index:2;  }
.woocs_auto_switcher:hover .woocs_auto_switcher_select { height:calc(96px + 6em); }
.woocs_auto_switcher .currency-field { cursor:pointer; margin:0; height:auto; width:7.2em; padding:15px 12px; background-color:var(--gray-color); display:flex; flex-wrap:nowrap; align-items:center; }
.woocs_auto_switcher a.currency-field:hover { background-color:#acacac; }
.woocs_auto_switcher .currency-field img.flag { width:2em; margin-right:.5em; }
.woocs_auto_switcher .currency-field span { font-size:.875em; }
.datalist caption h3 { display:inline; font-size:1.4em; }
.datalist caption .shuppin-number { display:inline-table; color:var(--border-color); background-color:#fff; padding:.125em; line-height:1; font-size:.875em; margin-right:.5em; }
.datalist th { font-size:.875em; width:25%; font-weight:700; border-width:0; padding:8px 0; line-height:1.5;}
.datalist td { width:75%; border-width:0; padding:8px; line-height:1.5; }
.datalist td a.product-image, .datalist td .product-serial a { display:block; }
.datalist td a.product-image img, .datalist td .product-serial a img { display:block; max-width:160px; max-height:160px; height:auto; width:auto; }
.datalist td .product-serial { display:flex; align-items:center; gap:1em; }
.datalist + .datalist { margin-top:32px; }
.tag-links { display:flex; flex-wrap:wrap; flex-wrap:wrap; }
.tag-link { margin-right:8px; }
.tag-link::before { content:'#';}
.tag-link:hover { opacity:.85; }
.entry-summary .entry { margin:var(--p-margin) 0; padding:0; background-color:transparent; }
.entry-summary .entry p { margin:0; }
.entry-summary .product_title_header h1.product_title { margin:0; padding:0; }
.new-product .product_title_header p.cats-list::before { padding:.25em .5em; line-height:1; content:'NEW'; font-family:"din"; font-weight:700; background-color:var(--caution-color); color:white; } 
.entry-summary .product_title_header p.cats-list { margin: 0 0 16px; font-size:.875em;}
.entry-summary h1.title { display:block; padding:4px; }
.shuppin-list-wrapper { display:flex; justify-content:space-between; align-items:flex-end; width:100%; border-top:1px dashed var(--border-color); margin:var(--p-margin) 0 0; padding:var(--p-margin) 0 0; }
.shuppin-list { margin:0; }
.shuppin-list li { margin:0; }
.shuppin-list li::before {content: "\025cf"; color:var(--list-color); padding-right: 0.4em; }
.shuppin-list li .times { color:var(--gray-color)}
.shuppin-list-wrapper .shuppin-total { text-align:right; color:var(--list-color); }
.simple_form { border-top:1px dashed var(--border-color); margin:var(--p-margin) 0 0; padding:var(--p-margin) 0 0; }
.product-form-row .product-attributes { display:none }
form .quantity input.plus, form .quantity input.minus { background-color:transparent!important }
.entry-summary .breadcrumb { margin:16px 0 0 0; }

#single-product { position: relative; z-index:3; }
.price { font-size:1em; line-height:1.4em; }
.price .duration { display:inline-block; margin-right: 1em; }
.price .duration::after { content:' ── ' }
.price .offprice { font:var(--note-font); }
.woocommerce-Price-amount { font-size:2em; color:inherit; font-family:"din"; }
.woocommerce-Price-amount .amount-sub { font-size:.75em; }
.woocommerce-Price-amount + .currency { margin-left:.25em; }
.woocommerce-product-notice-text { font:var(--note-font); }
.woocommerce-product-notice-text dl.field { margin: 0; font-size:inherit; }
.woocommerce-product-notice-text dl.field dt, .woocommerce-product-notice-text dl.field dd { font-size:inherit; }
#products-viewed { background-color:var(--body-color); }
#products-viewed .product-item { width:25%; }
#products-viewed .product-item a img { transition:transform var(--transition); }
#products-viewed h2 { text-align:center; }
.entry-data-tables { counter-reset:item; --border-color:#9fd0cd; }
.entry-data-tables .datalist { margin:var(--column-gap) 0 0; border-width:2px; counter-increment:item; border-color:var(--border-color); flex-wrap:wrap; border-collapse:collapse; position: relative; padding:.5em; border-radius:0; }
.entry-data-tables .datalist caption { background-color:var(--border-color); font-weight:bold; border-radius:0; }
.entry-data-tables .datalist::before { content:"\88FD\54C1\a0No." counter(item);/*製品No.*/ display:block; position:absolute; top:-.85em; left:.5em; border-radius:100px; border:1px solid #fff; background-color:var(--border-color); line-height:1; padding:.25em .5em; font-size:12px; }
.entry + .entry-data-tables:empty { margin-bottom:16px; border-bottom:1px dashed var(--border-color); }
.entry-data-tables .datalist tr { border-top:1px dashed var(--border-color); }
.entry-data-tables .datalist tr:first-child { border-top-width:0; }
@media only screen and ( max-width : 960px ){
  #before-entry-summary { overflow:hidden; margin:0 calc( var(--column-gap) * -1 ) }
#single-product { overflow:hidden; }
  #single-product .single-product-images { overflow:visible; max-width:540px; width:88%; margin:0 auto; }
  /* #product-image-swiper-pagination { margin:8px calc(100/88 * -1%) 0; } */
  #products-viewed .product-item { width:33.333%; }
}
@media screen and ( max-width : 600px ){
  #products-viewed .product-item { width:50%; }
}

/* WOOCOMMERCE */
.woocommerce-checkout-review-order-table .checkout-cart-item-product .checkout-cart-item-product-image { display:block; }
.woocommerce-cart-form-wrapper, form.checkout { display:block; }
.woocommerce-cart-form-wrapper .woocommerce-cart-form, #customer_details-wrapper { width:auto; padding:0; }
.shop_table.cart .product-quantity, .shop_table.cart .product-price,.shop_table.cart .product-subtotal::before { display:none!important; }
a.button.empty-cart-link { background-color:var(--gray-color); font-size:.875em; --input-padding:8px; display:block; width:100%; margin:1em 0 0; }
a.button.empty-cart-link:hover { background-color:var(--caution-color); }
.shop_table.cart .product-thumbnail { max-width:160px; }
.formlogin-wrapper { display:flex; flex-wrap:wrap; align-items:flex-start; }
form.checkout h3 { margin-bottom:.75em; }
.woocommerce-form-login { margin:0 auto; }
.woocommerce-form-login .form-row-first:first-child { padding-top:0; }
#order_review .woocs_auto_switcher { --gray-color:var(--layer-color); margin-left:auto; width:7.2em; }
#order_review .remove_link { color:var(--link-color); font:var(--note-font); display:table; }
#order_review .remove_link:hover { color:var(--hover-color); }
.cart-collaterals { padding: 0; }
.checkout-cart-item-product-info .out-of-stock { display:block; font:var(--note-font); color:var(--strong-color); margin:8px 0;}
.shop_table .note { font:var(--note-font); color:var(--strong-color); }
.cart-collaterals .cart_totals, #review-order-wrapper { padding:0; }
.cart-collaterals::after, #review-order-wrapper:after { display:none }
.woocommerce-cart-form-wrapper .woocommerce-cart-form, #customer_details, .woocommerce-cart-form-wrapper .cart-collaterals, #review-order-wrapper { display:block; width:auto; margin:var(--column-gap) 0; padding:0; }
.woocommerce-MyAccount-navigation { font-size:.875em }
.woocommerce-MyAccount-navigation-link a { border-radius:16px; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--vendor-dashboard a::before,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--become-a-vendor a::before { content: "\e922"!important; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--vendor-dashboardorder a::before { content: "\e993"!important; }
.woocommerce-orders-table .woocommerce-orders-table__row .button.pay, .woocommerce-MyAccount-content .shop_table.order_details .button.pay { display:none!important; } /* 履歴内に支払いアクションボタンを表示しない */
.wcv-dashboard-nav-wrapper { display:none; }
.wcv-tab-page-heading { margin-top:0!important; }

.order-status-shipped { background:#c8d7e1;color:#003d66 }
.order-status-pending { background:#f8dda7;color:#573b00 }
.estimate-in-jpy { margin-bottom:0; }
.estimate-note { max-width:480px; margin-left:auto; }
.checkout-form-address-edit-buttons a.button { font-size:16px; }
.woocommerce-terms-and-conditions-wrapper.modal-target-content::after { display:block; padding:var(--column-gap) 0 0; }
.woocommerce-terms-and-conditions-wrapper > .form-row { order:initial; }
#mailpoet_woocommerce_checkout_optin_present_field { display:none; }
.woocommerce-account-dashboard #customer_login h2 { display:none; }
.terms-content { height:400px; min-height:240px; overflow-x:hidden; overflow-y:auto; padding:var(--column-gap); border-width:1px; }
.guest_permmission_denied { text-align:center; }
.guest_permmission_denied a.button {  margin:1em auto 0; }
a#terms_controller_button, #place_order { margin:var(--p-margin) 0; border-radius:100px; border-width:0; padding:24px; line-height:24px; font-size:18px; display:block; text-decoration:none; text-align:center; }
#place_order::after, #place_order::before { display:none; }
a#terms_controller_button.confirmed, #place_order.disabled, #payment[style="position: relative;"] a#terms_controller_button, #payment[style="position: relative;"] #place_order { background-color:var(--gray-color); }
#place_order, .wc-ppcp-checkout-container, #payment button.apple-pay-button { margin-top:var(--p-margin); width:100%!important; height:72px!important; }
#payment .place-order { margin-top: var(--column-gap); padding:0; }
#payment .place-order .form-row { padding:0; margin-top:var(--p-margin); }
#payment[style="position: relative;"] #place_order, #place_order.disabled { pointer-events:none!important; display:block!important; position:static!important; }
#place_order.disabled ~ * { display:none!important; }
#terms_modal_wrapper { border-radius:0; display:none; }
#terms_modal_wrapper.modal-target-content { display:flex; flex-wrap:nowrap; flex-direction: column; }
.terms-h2 { font-size:1em; text-align:center; margin:0; }
.terms-buttons + .terms-h2 { margin-top:var(--column-gap); }
.terms-buttons { display:flex; gap:var(--p-margin); margin:var(--p-margin) 0 0; justify-content:center; }
.terms-buttons label.terms-label { flex:1; max-width:260px; }
.terms-buttons label.terms-label span { display:block; background-color:#fff; border:2px solid var(--gray-color); border-radius:2px; color:currentColor; padding:var(--p-margin); text-align:center; transition:all var(--transition); }
.terms-buttons label.terms-label input { display:block!important; }
.terms-buttons label.terms-label input + span::before, .terms-buttons label.terms-label input + span::after { display:none; }
.terms-buttons label.accept_checkbox_label span { border-color:var(--link-color); color:var(--link-color); }
.terms-buttons label.accept_checkbox_label:hover span, .terms-buttons label.accept_checkbox_label input:checked + span { background-color:var(--link-color); border-color:var(--link-color); color:#fff; }
.terms-buttons label.decline_checkbox_label:hover span, .terms-buttons label.decline_checkbox_label input:checked + span { background-color:var(--gray-color); border-color:var(--gray-color); color:#fff; }
.checkout-return-link { text-align:center; }
a.checkout-return-link { text-decoration:underline; color:var(--link-color); }
a.checkout-return-link:hover { text-decoration:underline; color:var(--hover-color); }
.woocommerce-form-login-toggle a.showlogin { font-weight:normal; }
.woocommerce-form-login-toggle a.showlogin::before, .woocommerce-register-switch-link a::before { display:none; }
p.cart-empty { text-align:center; }
.woocommerce-register-switch-link a + a { margin-left:1em; }
a.showlogin { display:table; text-align:center; margin-left:auto; margin-right:auto; }
.order-after-table-buttons { display:flex; flex-wrap:nowrap; align-items:inherit; gap:16px; }
.order-after-table-buttons a.button { flex:1; }
.order-after-table-buttons a.button i::before { font-size:1.3em; margin:-.2em .5em -.2em -.2em;}
span.woocommerce_gateway_icons.kuronekopayment-icon img { height:3.4em; }
.wc_payment_method span.woocommerce_gateway_icons.kuronekopayment-icon img { height:2.2em;  }
.wc-ppcp-payment-method__container .wc-ppcp-popup__container p { text-align:left; }
.wc-ppcp-payment-method__container .wc-ppcp-popup__container img { display:none; }
.wc-ppcp-checkout-container { margin-top:var(--p-margin); }
.woocommerce-checkout-review-order-table tr.cart_item { display:block; }
#terms_modal_wrapper.modal-target-content::after { display:block; content:''; padding:var(--column-gap) 0 0; } 
@media only screen and ( max-width : 782px ){
  .formlogin-wrapper { display:block }
  .formlogin-wrapper form { width:auto; margin: 0; }
  .formlogin-wrapper form + form { margin: 0; }
}
@media only screen and ( max-width : 960px ){
  #order_review_heading { padding:0 0 16px}
  a.button.empty-cart-link {width: auto; margin: 0;position: absolute; top: 24px; right:0;}
}

/* 登録画面 */
.multiform_wrapper { padding:8px 0 16px; margin:0; border-width:0 0 1px; border-style:dotted; display:flex; align-items:start; }
.multiform_wrapper:first-child { border-top-width:1px; }
.multiform_wrapper::after { display:table; content:''; clear:both; }
.multiform_label { width:25%; font-size:1em; font-weight:700; padding:16px 16px 16px 0; }
.multiform_fields { width:75%; padding:0 0 16px; display:block; }
#reg_email { font-size:24px; font-weight:bold; letter-spacing:0.05em; border-width:4px; border-color:var(--list-color); }
.woocommerce-form-register .woocommerce-terms-and-conditions-wrapper, .woocommerce-form-register .woocommerce-privacy-policy-text { margin:24px 0 0%; }
.woocommerce-form-register .woocommerce-terms-and-conditions-wrapper .form-row.validate-required { font-size:1.2em; }
.form-row label[for] { font-size:14px; }
select * { background-color:#f2edeb; color: var(--layer-color); }
.form-row .description { color: var(--strong-color); }
.form-row .optional { display:none }

@media screen and ( max-width : 600px ){
  .multiform_wrapper { padding:16px 0; border-width:0; display:block; }
  .multiform_label { padding:0; display:block; color:var(--link-color); font-size:1.15em; }
  .woocommerce-form-register > .form-row > .woocommerce-input-wrapper { padding:16px 0; }
  .multiform_label { width:100%; }
  .multiform_fields { padding:0 0 16px 0; width:100%; }
  .multiform_fields::after { content:''; clear:both; display:table; }
  #reg_email { font-size:24px; letter-spacing:0; border-width:4px; }
}