/*!
Theme Name:   Storefront
Theme URI:    https://woocommerce.com/storefront/
Author:       Automattic
Author URI:   https://woocommerce.com/
*/

html {
  font-family: almanach, sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  letter-spacing: 0.02em;
}
body {
  margin: 0;
  min-width:;
  color: #000;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}

a {
  background-color:transparent;
  text-decoration:none !important;
  outline: none !important;
}
a:link,
a:visited,
a:hover {
  text-decoration:none;
}
a:active {
  color: #000 !important;
  text-decoration:none;
}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}

h1 {
  font-size: 2em;
  margin: .67em 0;
}
h1.product_title {
  font-weight: 600;
}

mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

body {
  -ms-word-wrap:break-word;
  word-wrap:break-word;
}
body,button,input,textarea {
  color: #000;
  font-family:"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;line-height:1.618;text-rendering:optimizeLegibility;
  font-weight:400
}

select{color:initial;font-family:"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;max-width:100%}
summary{display:list-item}

h1,h2,h3,h4,h5,h6 {
  clear: both;
  color: #131315;
  font-weight: 300;
  margin: 40px 0 30px;
/*  margin:0 0 .5407911001em;*/
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:300}
h1,.alpha {
  font-size:2.617924em;
  line-height:1.214;
  letter-spacing:-1px;
  font-weight: 500;
}

h2,.beta{font-size:2em;line-height:1.214}

h2+h3,.beta+h3 {
/*  border-top:1px solid rgba(0,0,0,.05);padding-top:.5407911001em;*/
}
h3,.gamma{font-size:1.618em}
h4,.delta{font-size:1.41575em}
.alpha,.beta,.gamma,.delta{display:block}
p+h2,p+header h2,p+h3,p+h4,ul+h2,ul+header h2,ul+h3,ul+h4,ol+h2,ol+header h2,ol+h3,ol+h4,table+h2,table+header h2,table+h3,table+h4,blockquote+h2,blockquote+header h2,blockquote+h3,blockquote+h4,form+h2,form+header h2,form+h3,form+h4{margin-top:2.2906835em}
hr{background-color:#ccc;border:0;height:1px;margin:0 0 1.41575em}

p {
/*  margin:0 0 1.41575em;*/
}

ul,ol {
/*  margin:0 0 1.41575em 3em;*/
  padding: 0;
}
ul {
  list-style:disc;
}
ol {
  list-style:decimal;
}
li>ul,li>ol {
  margin-bottom: 0;
  /*margin-left:1em;*/
}

dt{font-weight:600}
dd{margin:0 0 1.618em}
b,strong{font-weight:600}
dfn,cite,em,i{font-style:italic}
blockquote{padding:0 1em;border-left:3px solid rgba(0,0,0,.05);font-style:italic}
address{margin:0 0 1.41575em}
pre{background:rgba(0,0,0,.1);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.618em;padding:1.618em;overflow:auto;max-width:100%}
code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;background-color:rgba(0,0,0,.05);padding:.202em .5407911001em}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{text-decoration:none;font-weight:600;background:transparent}
sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
small{font-size:75%}
big{font-size:125%}
figure{margin:0}

img {
  height:auto;
  max-width:100%;
  display:block;
}

a {
  color:#2c2d33;
  text-decoration: none;
}

a:focus,input:focus,textarea:focus,button:focus{outline:2px solid #96588a}
.storefront-cute *{font-family:"Comic Sans MS",sans-serif}
*{box-sizing:border-box}
body{background-color:#fff;overflow-x:hidden}
.site{overflow-x:hidden}
.site-content,.header-widget-region{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.site-header{background-color:#2c2d33;padding-top:1.618em;padding-bottom:1.618em;color:#9aa0a7;background-position:center center;position:relative;z-index:999;border-bottom:1px solid transparent}
.site-header .site-logo-anchor,.site-header .site-logo-link,.site-header .custom-logo-link{display:block;margin-bottom:0}
.site-header .site-logo-anchor img,.site-header .site-logo-link img,.site-header .custom-logo-link img{width:100%;max-width:210px}
.site-header .widget{margin-bottom:0}

.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header {
/*  margin-bottom:4.235801032em;*/
}
.no-wc-breadcrumb .site-header{margin-bottom:4.235801032em}
.no-wc-breadcrumb.page-template-template-homepage .site-header{margin-bottom:0}
.header-widget-region{position:relative;z-index:99}
.header-widget-region::before,.header-widget-region::after{content:"";display:table}
.header-widget-region::after{clear:both}
.header-widget-region .widget{margin:0;padding:1em 0;font-size:.875em}
.site-branding{float:left;margin-bottom:0;width:calc(100% - 120px)}
.site-branding .site-title{font-size:2em;letter-spacing:-1px;margin:0}
.site-branding .site-title a{font-weight:700}
.site-branding .site-description{font-size:.875em;display:none}
.site-branding .logo{margin:0}

.site-main {
  margin-bottom: 2.617924em;
/*  margin-bottom: 8em;*/
}

@media only screen and (min-width: 960px) and (max-width: 1260px) {
	.site-main {
	  width: 100%;
	  padding: 0 3%;
	}
}
@media only screen and (max-width: 959px) {
	.site-main {
	  width: 100%;
	  padding: 0;
	}
}

.site-content{outline:none}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main{padding-top:4.235801032em}
.page-template-template-homepage .type-page{padding-top:2.617924em;padding-bottom:2.617924em;position:relative}
.page-template-template-homepage .type-page .storefront-hero__button-edit{position:absolute;top:1em;right:1em;font-size:.875em}
.page-template-template-homepage .entry-content{font-size:1.1em}
.page-template-template-homepage .entry-content p:last-child{margin-bottom:0}
.page-template-template-homepage .entry-header h1{font-size:3.706325903em;margin-bottom:.2360828548em}
.page-template-template-homepage .entry-content,.page-template-template-homepage .entry-header{max-width:41.0994671405em;margin-left:auto;margin-right:auto;text-align:center}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail{background-size:cover;background-position:center center;padding-top:6.8535260698em;padding-bottom:6.8535260698em}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title{opacity:0;transition:all,ease,.5s}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded{opacity:1}

.site-footer {
  background-color:#f3f3f3;
  color:#3b3c3f;
  padding:1.618em 0 3.706325903em
}

.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6{color:#333437}
.site-footer a{color:#2c2d33;text-decoration:underline}
.site-footer a:hover{text-decoration:none}
.site-footer a.button,.site-footer a.components-button:not(.is-link),.site-footer a.wp-block-button__link{text-decoration:none}

.site-info {
  padding:2.617924em 0;
  max-width: 100%;
  width: 1260px;
  margin: 0 auto;
  display: block;
}

@media only screen and (min-width: 960px) and (max-width: 1260px) {
	.site-info {
	  padding:2.617924em 3%;
	}
}

.site-footer {
/*  margin-top: 80px;*/
}


.site-info span[role=separator]{padding:0 .2360828548em 0 .3342343017em}
.site-info span[role=separator]::before{content:"|"}
.alignleft{display:inline;float:left;margin-right:1em}
.alignright{display:inline;float:right;margin-left:1em}
.aligncenter{clear:both;display:block;margin:0 auto}
.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto !important;display:block;font-weight:700;height:auto;left:0;line-height:normal;padding:1em 1.618em;text-decoration:none;top:0;width:auto;z-index:100000;outline:none}
.screen-reader-text.skip-link:focus{-webkit-clip-path:none;clip-path:none}
.clear::before,.clear::after,.entry-content::before,.entry-content::after,.comment-content::before,.comment-content::after,.site-header::before,.site-header::after,.site-content::before,.site-content::after,.site-footer::before,.site-footer::after{content:"";display:table}
.clear::after,.entry-content::after,.comment-content::after,.site-header::after,.site-content::after,.site-footer::after{clear:both}
table{border-spacing:0;width:100%;margin:0 0 1.41575em;border-collapse:separate}
table caption{padding:1em 0;font-weight:600}

table td,table th {
  padding: 0.7em 1.41575em;
  text-align: left;
  vertical-align: top;
}

table td p:last-child,table th p:last-child{margin-bottom:0}
table th{font-weight:600}
table thead th{padding:1.41575em;vertical-align:middle}
table tbody h2{font-size:1em;letter-spacing:normal;font-weight:400}
table tbody h2 a{font-weight:400}

.error404 .site-content .widget_product_search{padding:1.618em;background-color:rgba(0,0,0,.025)}
.error404 .site-content .widget_product_search form{margin:0}
.error404.right-sidebar .content-area,.error404.left-sidebar .content-area{width:100%}
.error404 .fourohfour-columns-2{padding:2.617924em 0;border:1px solid rgba(0,0,0,.05);border-width:1px 0;margin-bottom:2.617924em}
.error404 .fourohfour-columns-2::before,.error404 .fourohfour-columns-2::after{content:"";display:table}
.error404 .fourohfour-columns-2::after{clear:both}
.error404 .fourohfour-columns-2 ul.products li.product,.error404 .fourohfour-columns-2 .widget{margin-bottom:0}
.error404 .fourohfour-columns-2 .col-1 ul.products{margin-bottom:2.2906835em}
.error404 .fourohfour-columns-2 .col-1 ul.products li.product{width:45.4545454545%;float:left;margin-right:9.0909090909%}
.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child{margin-right:0}
.error404 .fourohfour-columns-2 .col-2{padding:1.618em;background-color:rgba(0,0,0,.025)}
#comments{padding-top:2.617924em}
#comments .comments-title{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:.5407911001em;margin-bottom:1.618em}
#comments .comment-list{list-style:none;margin-left:0}
#comments .comment-list .comment-body::before,#comments .comment-list .comment-body::after{content:"";display:table}
#comments .comment-list .comment-body::after{clear:both}
#comments .comment-list .comment-content{padding-bottom:1.618em;margin-bottom:1.618em}
#comments .comment-list .comment-content .comment-text{padding:1.618em;border-radius:3px}
#comments .comment-list .comment-content .comment-text p:last-child{margin-bottom:0}
#comments .comment-list .comment-meta{margin-bottom:1em}
#comments .comment-list .comment-meta .avatar{margin-bottom:1em;max-width:64px;height:auto}
#comments .comment-list .comment-meta a.comment-date{font-size:.875em}
#comments .comment-list .comment-meta cite{font-style:normal;clear:both;display:block}
#comments .comment-list .reply{margin-bottom:1.618em;padding-top:.6180469716em}
#comments .comment-list .reply::before,#comments .comment-list .reply::after{content:"";display:table}
#comments .comment-list .reply::after{clear:both}
#comments .comment-list .reply a{display:inline-block;margin-right:1em}
#comments .comment-list .reply a:last-child{margin-right:0}
#comments .comment-list .children{list-style:none}
.comment-content a{word-wrap:break-word}
#respond{clear:both;padding:1.618em;background-color:rgba(0,0,0,.0125);position:relative}
#respond .comment-form-author input,#respond .comment-form-email input,#respond .comment-form-url input{width:100%}
#respond .form-submit,#respond form{margin-bottom:0}
#respond #cancel-comment-reply-link{position:absolute;top:.5407911001em;right:.5407911001em;display:block;height:1em;width:1em;overflow:hidden;line-height:1;font-size:1.41575em;text-align:center;transition:transform,ease,.3s}
#respond #cancel-comment-reply-link:hover{transform:scale(1.3)}
.hentry{margin:0 0 4.235801032em}

.hentry .wp-post-image {
  display: none;
  margin-bottom:1.618em;
  margin-left:auto;
  margin-right:auto;
}

.hentry .entry-header{margin-bottom:1em;border-bottom:1px solid rgba(0,0,0,.05)}
.hentry .entry-header .posted-on,.hentry .entry-header .post-author,.hentry .entry-header .post-comments,.hentry .entry-header .byline{font-size:.875em}
.hentry .entry-header .posted-on a,.hentry .entry-header .post-author a,.hentry .entry-header .post-comments a,.hentry .entry-header .byline a{font-weight:600;text-decoration:underline}
.hentry .entry-header .posted-on a:hover,.hentry .entry-header .post-author a:hover,.hentry .entry-header .post-comments a:hover,.hentry .entry-header .byline a:hover{text-decoration:none}
.hentry .entry-content a{text-decoration:none}
.hentry .entry-content a:hover{text-decoration:none}
.hentry .entry-content a.button,.hentry .entry-content a.components-button:not(.is-link),.hentry .entry-content a.wp-block-button__link{text-decoration:none}
.hentry .entry-taxonomy{margin:1.41575em 0 0;padding-top:1em;border-top:1px solid rgba(0,0,0,.05)}

.hentry.type-page .entry-header {
  border-bottom:0;
  margin-bottom:0;
  padding: 0;
}

.cat-links,.tags-links{font-size:.875em}
.cat-links a,.tags-links a{color:#727272;font-weight:600;text-decoration:underline}
.byline,.updated:not(.published){display:none}
.single .byline,.group-blog .byline{display:inline}
.page-links{clear:both;margin:0 0 1em}
form{margin-bottom:1.618em}
button,input,select,textarea{font-size:100%;margin:0}
button,input[type=button],input[type=reset],input[type=submit],.button,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,.added_to_cart{border:0;border-radius:0;background:none;background-color:#43454b;border-color:#43454b;color:#fff;cursor:pointer;padding:.6180469716em 1.41575em;text-decoration:none;font-weight:600;text-shadow:none;display:inline-block;-webkit-appearance:none;word-break:break-all}
button::after,input[type=button]::after,input[type=reset]::after,input[type=submit]::after,.button::after,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,.added_to_cart::after{display:none}
button.cta,button.alt,input[type=button].cta,input[type=button].alt,input[type=reset].cta,input[type=reset].alt,input[type=submit].cta,input[type=submit].alt,.button.cta,.button.alt,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,.added_to_cart.cta,.added_to_cart.alt{background-color:#2c2d33;border-color:#2c2d33}
button.cta:hover,button.alt:hover,input[type=button].cta:hover,input[type=button].alt:hover,input[type=reset].cta:hover,input[type=reset].alt:hover,input[type=submit].cta:hover,input[type=submit].alt:hover,.button.cta:hover,.button.alt:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,.added_to_cart.cta:hover,.added_to_cart.alt:hover{background-color:#2c2d33}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,.button:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,.added_to_cart:hover{color:#fff}
button.loading,input[type=button].loading,input[type=reset].loading,input[type=submit].loading,.button.loading,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,.added_to_cart.loading{opacity:.5}
button.small,input[type=button].small,input[type=reset].small,input[type=submit].small,.button.small,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,.added_to_cart.small{padding:.5407911001em .875em;font-size:.875em}
button.disabled,button:disabled,input[type=button].disabled,input[type=button]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=submit].disabled,input[type=submit]:disabled,.button.disabled,.button:disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,.added_to_cart.disabled,.added_to_cart:disabled{opacity:.5 !important;cursor:not-allowed}
button.disabled:hover,button:disabled:hover,input[type=button].disabled:hover,input[type=button]:disabled:hover,input[type=reset].disabled:hover,input[type=reset]:disabled:hover,input[type=submit].disabled:hover,input[type=submit]:disabled:hover,.button.disabled:hover,.button:disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover,.added_to_cart.disabled:hover,.added_to_cart:disabled:hover{opacity:.5 !important}
.wc-block-components-button:not(.is-link).disabled,.wc-block-components-button:not(.is-link):disabled{opacity:.5;cursor:not-allowed}
.wc-block-components-button:not(.is-link).disabled:hover,.wc-block-components-button:not(.is-link):disabled:hover{opacity:.5}
input[type=checkbox],input[type=radio]{padding:0}

input[type=checkbox]+label,input[type=radio]+label {
  margin:0 2em 0 0.5em;
}

input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=search]{box-sizing:border-box}
input[type=search]::placeholder{color:#616161}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=search],textarea,.input-text{padding:.6180469716em;background-color:#f2f2f2;color:#43454b;border:0;-webkit-appearance:none;box-sizing:border-box;font-weight:400;box-shadow:inset 0 1px 1px rgba(0,0,0,.125)}
input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,.input-text:focus{background-color:#ededed}
textarea{overflow:auto;padding-left:.875em;vertical-align:top;width:100%}
label{font-weight:400}
label.inline input{width:auto}
fieldset{padding:1.618em;padding-top:1em;border:0;margin:0;margin-bottom:1.618em;margin-top:1.618em}
fieldset legend{font-weight:600;padding:.6180469716em 1em;margin-left:-1em}
[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:0}
.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;display:inline-block;border-radius:0}
.wp-caption{margin-bottom:1em;max-width:100%}
.wp-caption img[class*=wp-image-]{display:block;margin:0 auto}
.wp-caption .wp-caption-text{text-align:left;font-style:italic;border-bottom:2px solid rgba(0,0,0,.05);padding:1em 0}
.gallery{margin-bottom:1em}
.gallery::before,.gallery::after{content:"";display:table}
.gallery::after{clear:both}
.gallery .gallery-item{float:left}
.gallery .gallery-item .gallery-icon a{display:block}

.gallery .gallery-item .gallery-icon img {
  border:none;
  height:auto;
  margin:0 auto;
}

.gallery .gallery-item .gallery-caption {
/*  margin:0;*/
  color: #000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 10px;
}

.gallery.gallery-columns-1 .gallery-item{width:100%}
.gallery.gallery-columns-2 .gallery-item{width:50%}
.gallery.gallery-columns-3 .gallery-item{width:33.3%}
.gallery.gallery-columns-4 .gallery-item{width:25%}
.gallery.gallery-columns-5 .gallery-item{width:20%}
.gallery.gallery-columns-6 .gallery-item{width:16.666666667%}
.gallery.gallery-columns-7 .gallery-item{width:14.285714286%}
.gallery.gallery-columns-8 .gallery-item{width:12.5%}
.gallery.gallery-columns-9 .gallery-item{width:11.111111111%}
embed,iframe,object,video{max-width:100%}

.secondary-navigation {
  display:none;
}
secondary-navigation a {
  color: #000;
}

button.menu-toggle{cursor:pointer;text-align:left;float:right;position:relative;border:2px solid transparent;box-shadow:none;border-radius:2px;background-image:none;padding:.6180469716em .875em .6180469716em 2.617924em;font-size:.875em;max-width:120px}
button.menu-toggle:hover{background-image:none}
button.menu-toggle span::before{transition:all,ease,.2s}
button.menu-toggle::before,button.menu-toggle::after,button.menu-toggle span::before{content:"";display:block;height:2px;width:14px;position:absolute;top:50%;left:1em;margin-top:-1px;transition:all,ease,.2s;border-radius:3px}
button.menu-toggle::before{transform:translateY(-4px)}
button.menu-toggle::after{transform:translateY(4px)}
.toggled button.menu-toggle::before,.toggled button.menu-toggle::after{transform:rotate(45deg)}
.toggled button.menu-toggle::after{transform:rotate(-45deg)}
.toggled button.menu-toggle span::before{opacity:0}
.primary-navigation{display:none}
.main-navigation::before,.main-navigation::after{content:"";display:table}
.main-navigation::after{clear:both}
.main-navigation div.menu{display:none}
.main-navigation div.menu:last-child{display:block}
.main-navigation .menu{clear:both}
.handheld-navigation,.nav-menu,.main-navigation div.menu>ul:not(.nav-menu){overflow:hidden;max-height:0;transition:all,ease,.8s}
.handheld-navigation{clear:both}
.handheld-navigation ul{margin:0}
.handheld-navigation ul.menu li{position:relative}
.handheld-navigation ul.menu li button::after{transition:all,ease,.9s}
.handheld-navigation ul.menu li button.toggled-on::after{transform:rotate(180deg)}
.handheld-navigation ul.menu .sub-menu{visibility:hidden;opacity:0;max-height:0;transition:all,ease,.9s}
.handheld-navigation ul.menu .sub-menu.toggled-on{visibility:visible;max-height:9999px;opacity:1}
.handheld-navigation .dropdown-toggle{background:transparent;position:absolute;top:0;right:0;display:block}
.main-navigation.toggled .handheld-navigation,.main-navigation.toggled .menu>ul:not(.nav-menu),.main-navigation.toggled ul[aria-expanded=true]{max-height:9999px}
.main-navigation ul{margin-left:0;list-style:none;margin-bottom:0}
.main-navigation ul ul{display:block;margin-left:1.41575em}
.main-navigation ul li a{padding:.875em 0;display:block}
.main-navigation ul li a:hover{color:#e6e6e6}
.site-main nav.navigation{clear:both;padding:2.617924em 0}
.site-main nav.navigation::before,.site-main nav.navigation::after{content:"";display:table}
.site-main nav.navigation::after{clear:both}
.site-main nav.navigation .nav-previous a,.site-main nav.navigation .nav-next a{display:inline-block}
.site-main nav.navigation .nav-previous{float:left;width:50%}
.site-main nav.navigation .nav-next{float:right;text-align:right;width:50%}
.pagination,.woocommerce-pagination{padding:1em 0;border:1px solid rgba(0,0,0,.05);border-width:1px 0;text-align:center;clear:both}
.pagination ul.page-numbers::before,.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::before,.woocommerce-pagination ul.page-numbers::after{content:"";display:table}
.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::after{clear:both}
.pagination .page-numbers,.woocommerce-pagination .page-numbers{list-style:none;margin:0;vertical-align:middle}
.pagination .page-numbers li,.woocommerce-pagination .page-numbers li{display:inline-block}
.pagination .page-numbers li .page-numbers,.woocommerce-pagination .page-numbers li .page-numbers{border-left-width:0;display:inline-block;padding:.3342343017em .875em;background-color:rgba(0,0,0,.025);color:#43454b}
.pagination .page-numbers li .page-numbers.current,.woocommerce-pagination .page-numbers li .page-numbers.current{background-color:#2c2d33;border-color:#2c2d33}
.pagination .page-numbers li .page-numbers.dots,.woocommerce-pagination .page-numbers li .page-numbers.dots{background-color:transparent}
.pagination .page-numbers li .page-numbers.prev,.pagination .page-numbers li .page-numbers.next,.woocommerce-pagination .page-numbers li .page-numbers.prev,.woocommerce-pagination .page-numbers li .page-numbers.next{padding-left:1em;padding-right:1em}
.pagination .page-numbers li a.page-numbers:hover,.woocommerce-pagination .page-numbers li a.page-numbers:hover{background-color:rgba(0,0,0,.05)}
.rtl .pagination a.next,.rtl .pagination a.prev,.rtl .woocommerce-pagination a.next,.rtl .woocommerce-pagination a.prev{transform:rotateY(180deg)}
.widget{margin:0 0 3.706325903em}
.widget select{max-width:100%}
.widget .widget-search .search-submit{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}
.widget .widget-title,.widget .widgettitle{font-size:1.41575em;letter-spacing:0;border-bottom:1px solid rgba(0,0,0,.05);padding:0 0 1em;margin-bottom:1em;font-weight:300}
.widget ul{margin-left:0;list-style:none}
.widget ul ul{margin-left:1.618em}
.widget-area .widget{font-size:.875em;font-weight:400}
.widget-area .widget h1.widget-title{font-size:1.41575em}
.widget-area .widget a{font-weight:600;text-decoration:underline}
.widget-area .widget a:hover{text-decoration:none}
.widget-area .widget a.button,.widget-area .widget a.components-button:not(.is-link),.widget-area .widget a.wp-block-button__link{text-decoration:none}
.widget-area .widget a.button{font-weight:600 !important}
.widget_search form:not(.wp-block-search),.widget_product_search form:not(.wp-block-search){position:relative}
.widget_search form:not(.wp-block-search) input[type=text],.widget_search form:not(.wp-block-search) input[type=search],.widget_product_search form:not(.wp-block-search) input[type=text],.widget_product_search form:not(.wp-block-search) input[type=search]{width:100%}
.widget_search form:not(.wp-block-search) input[type=submit],.widget_search form:not(.wp-block-search) button[type=submit],.widget_product_search form:not(.wp-block-search) input[type=submit],.widget_product_search form:not(.wp-block-search) button[type=submit]{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important;top:0;left:0}
.widget_recent_entries ul,.widget_pages ul,.widget_categories ul,.widget_archive ul,.widget_recent_comments ul,.widget_nav_menu ul,.widget_links ul,.widget_product_categories ul,.widget_layered_nav ul,.widget_layered_nav_filters ul{margin:0}
.widget_recent_entries ul li,.widget_pages ul li,.widget_categories ul li,.widget_archive ul li,.widget_recent_comments ul li,.widget_nav_menu ul li,.widget_links ul li,.widget_product_categories ul li,.widget_layered_nav ul li,.widget_layered_nav_filters ul li{list-style:none;margin-bottom:1em;line-height:1.41575em}
.widget_recent_entries ul .children,.widget_pages ul .children,.widget_categories ul .children,.widget_archive ul .children,.widget_recent_comments ul .children,.widget_nav_menu ul .children,.widget_links ul .children,.widget_product_categories ul .children,.widget_layered_nav ul .children,.widget_layered_nav_filters ul .children{margin-left:0;margin-top:1em}
#wp-calendar th,#wp-calendar td,.wp-calendar-table th,.wp-calendar-table td{padding:.236em;text-align:center}
.widget_recent_entries ul ul.children,.widget_pages ul ul.children{margin:.6180469716em 0 0 1.41575em}
.widget_rating_filter .wc-layered-nav-rating{margin-bottom:.6180469716em}
.widget_rating_filter .wc-layered-nav-rating a{text-decoration:none !important}
.widget_rating_filter .wc-layered-nav-rating .star-rating{display:inline-block;height:1em;line-height:1}

@media(min-width: 1065px){ /* 元は768 */
table.shop_table_responsive tbody tr td,table.shop_table_responsive tbody tr th{text-align:left;}

.site-header {
/*  padding-top:2.617924em;*/
  padding-top: 1.5em;
  padding-bottom: 0;
}

.site-header .site-branding{display:block;width:100%;float:left;margin-left:0;margin-right:0;clear:both}

.site-header .site-branding img { 
  height: auto;
  max-width: 190px;
  max-height: none;
}

.woocommerce-active .site-header .site-branding{width:73.9130434783%;float:left;margin-right:4.347826087%}
.woocommerce-active .site-header .site-search{width:21.7391304348%;float:right;margin-right:0;clear:none}

.woocommerce-active .site-header .main-navigation {
  width: 100%;
  float:left;
  clear:both;
}

.woocommerce-active .site-header .site-header-cart{width:21.7391304348%;float:right;margin-right:0;margin-bottom:0}
.storefront-secondary-navigation .site-header .site-branding{width:39.1304347826%;float:left;margin-right:4.347826087%}
.storefront-secondary-navigation .site-header .secondary-navigation{width:56.5217391304%;float:right;margin-right:0}
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding{width:21.7391304348%;float:left;margin-right:4.347826087%}
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation{width:47.8260869565%;float:left;margin-right:4.347826087%}
.site-branding .site-description{margin-bottom:0;display:block}

.site-branding,.site-search,.site-header-cart,.site-logo-anchor,.site-logo-link,.custom-logo-link {
/*  margin-bottom: 1.41575em*/
  margin-bottom: 0;
}

.site-header .subscribe-and-connect-connect{float:right;margin-bottom:1em}
.site-header .subscribe-and-connect-connect .icons{list-style:none;margin:0}
.site-header .subscribe-and-connect-connect .icons a{font-size:1em !important}
.site-header .subscribe-and-connect-connect .icons li{margin:0 0 0 .5407911001em !important;display:inline-block}

.col-full {
/*  max-width:66.4989378333em;*/
  width: 100%;
  margin-left: auto;
  margin-right: auto;
/*  padding:0 2.617924em;
  padding: 0 6em;*/
  box-sizing: content-box;
}

.col-full::before,.col-full::after{content:"";display:table}
.col-full::after{clear:both}
.col-full:after{content:" ";display:block;clear:both}
.site-content::before,.site-content::after{content:"";display:table}
.site-content::after{clear:both}

.content-area {
/*  width:73.9130434783%;
  float:left;
  margin-right:4.347826087%;*/

  max-width: 100%;
  width: 1260px;
  margin: 0 auto;
  display: block;
}


.widget-area{width:21.7391304348%;float:right;margin-right:0}

.right-sidebar .content-area {
/*  width:73.9130434783%;
  width:100%;
  float:left;
  margin-right:4.347826087%;*/

  max-width: 100%;
  width: 1260px;
  margin: 0 auto;
  display: block;

}

.right-sidebar .widget-area{width:21.7391304348%;float:right;margin-right:0}
.left-sidebar .content-area{width:73.9130434783%;float:right;margin-right:0}
.left-sidebar .widget-area{width:21.7391304348%;float:left;margin-right:4.347826087%}
.storefront-full-width-content .content-area{width:100%;float:left;margin-left:0;margin-right:0}

.content-area,.widget-area {
  margin-bottom:2.617924em;

  max-width: 100%;
  width: 1260px;
  margin: 0 auto;
  display: block;
}

.page-template-template-fullwidth-php .content-area,.page-template-template-homepage-php .content-area{width:100%;float:left;margin-left:0;margin-right:0}
.footer-widgets{padding-top:4.235801032em;border-bottom:1px solid rgba(0,0,0,.05)}
.footer-widgets::before,.footer-widgets::after{content:"";display:table}
.footer-widgets::after{clear:both}
.footer-widgets.col-2 .block{width:47.8260869565%;float:left;margin-right:4.347826087%}
.footer-widgets.col-2 .block.footer-widget-2{float:right;margin-right:0}
.footer-widgets.col-3 .block{width:30.4347826087%;float:left;margin-right:4.347826087%}
.footer-widgets.col-3 .block.footer-widget-3{float:right;margin-right:0}
.footer-widgets.col-4 .block{width:21.7391304348%;float:left;margin-right:4.347826087%}
.footer-widgets.col-4 .block.footer-widget-4{float:right;margin-right:0}
.comment-list::before,.comment-list::after{content:"";display:table}
.comment-list::after{clear:both}
.comment-list .comment{clear:both}
.comment-list .comment-meta{width:17.6470588235%;float:left;margin-right:5.8823529412%;text-align:right}
.comment-list .comment-meta .avatar{float:right}
.comment-list .comment-content{padding-bottom:3.706325903em;margin-bottom:3.706325903em}
.comment-list .comment-content,.comment-list #respond{width:76.4705882353%;float:right;margin-right:0}
.comment-list #respond{float:right}
.comment-list #respond .comment-form-author,.comment-list #respond .comment-form-email,.comment-list #respond .comment-form-url{width:100%;margin-right:0}
.comment-list .comment-body #respond{box-shadow:0 6px 2em rgba(0,0,0,.2);margin-bottom:2.617924em;margin-top:-1.618em}
.comment-list .reply{clear:both;text-align:right}
.comment-list ol.children{width:88.2352941176%;float:right;margin-right:0;list-style:none}
.comment-list ol.children .comment-meta{width:20%;float:left;margin-right:6.6666666667%}
.comment-list ol.children .comment-content,.comment-list ol.children #respond{width:73.3333333333%;float:right;margin-right:0}
.comment-list ol.children ol.children{width:86.6666666667%;float:right;margin-right:0}
.comment-list ol.children ol.children .comment-meta{width:23.0769230769%;float:left;margin-right:7.6923076923%}
.comment-list ol.children ol.children .comment-content,.comment-list ol.children ol.children #respond{width:69.2307692308%;float:right;margin-right:0}
.comment-list ol.children ol.children ol.children{width:84.6153846154%;float:right;margin-right:0}
.comment-list ol.children ol.children ol.children .comment-meta{width:27.2727272727%;float:left;margin-right:9.0909090909%}
.comment-list ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children #respond{width:63.6363636364%;float:right;margin-right:0}
.comment-list ol.children ol.children ol.children ol.children{width:81.8181818182%;float:right;margin-right:0}
.comment-list ol.children ol.children ol.children ol.children .comment-meta{width:33.3333333333%;float:left;margin-right:11.1111111111%}
.comment-list ol.children ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children ol.children #respond{width:55.5555555556%;float:right;margin-right:0}
#respond{padding:2.617924em}
#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url{width:29.4117647059%;float:left;margin-right:5.8823529412%}
#respond .comment-form-url{float:right;margin-right:0}
#respond .comment-form-comment{clear:both}
.hentry .entry-header{margin-bottom:2.617924em}
.menu-toggle,.handheld-navigation,.main-navigation.toggled .handheld-navigation,.main-navigation.toggled div.menu{display:none}
.primary-navigation{display:block}
.main-navigation,.secondary-navigation{clear:both;display:block;width:100%}
.main-navigation ul,.secondary-navigation ul{list-style:none;margin:0;padding-left:0;display:block}
.main-navigation ul li,.secondary-navigation ul li{position:relative;display:inline-block;text-align:left}
.main-navigation ul li a,.secondary-navigation ul li a{display:block}
.main-navigation ul li a::before,.secondary-navigation ul li a::before{display:none}
.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul,.secondary-navigation ul li:hover>ul,.secondary-navigation ul li.focus>ul{left:0;display:block}
.main-navigation ul li:hover>ul li>ul,.main-navigation ul li.focus>ul li>ul,.secondary-navigation ul li:hover>ul li>ul,.secondary-navigation ul li.focus>ul li>ul{left:-9999px}
.main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device{display:none;left:0}
.main-navigation ul li:hover>ul li:hover>ul,.main-navigation ul li:hover>ul li.focus>ul,.main-navigation ul li.focus>ul li:hover>ul,.main-navigation ul li.focus>ul li.focus>ul,.secondary-navigation ul li:hover>ul li:hover>ul,.secondary-navigation ul li:hover>ul li.focus>ul,.secondary-navigation ul li.focus>ul li:hover>ul,.secondary-navigation ul li.focus>ul li.focus>ul{left:100%;top:0;display:block}
.main-navigation ul ul,.secondary-navigation ul ul{float:left;position:absolute;top:100%;z-index:99999;left:-9999px}
.main-navigation ul ul.sub-menu--is-touch-device,.secondary-navigation ul ul.sub-menu--is-touch-device{display:none;left:0}
.main-navigation ul ul li,.secondary-navigation ul ul li{display:block}
.main-navigation ul ul li a,.secondary-navigation ul ul li a{width:200px}
ul.menu li.current-menu-item>a{color:#43454b}
.storefront-primary-navigation{clear:both}
.storefront-primary-navigation::before,.storefront-primary-navigation::after{content:"";display:table}
.storefront-primary-navigation::after{clear:both}
.main-navigation div.menu{display:block}
.main-navigation ul.menu,.main-navigation ul.nav-menu{max-height:none;overflow:visible;margin-left:-1em;transition:none}
.main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{padding:1.618em 1em}
.main-navigation ul.menu>li.menu-item-has-children:hover::after,.main-navigation ul.menu>li.page_item_has_children:hover::after,.main-navigation ul.nav-menu>li.menu-item-has-children:hover::after,.main-navigation ul.nav-menu>li.page_item_has_children:hover::after{display:block}
.main-navigation ul.menu ul,.main-navigation ul.nav-menu ul{margin-left:0}
.main-navigation ul.menu ul li a,.main-navigation ul.nav-menu ul li a{padding:.875em 1.41575em;font-weight:400;font-size:.875em}
.main-navigation ul.menu ul li:last-child,.main-navigation ul.nav-menu ul li:last-child{border-bottom:0}
.main-navigation ul.menu ul ul,.main-navigation ul.nav-menu ul ul{margin-left:0;box-shadow:none}
.main-navigation ul.menu ul a:hover,.main-navigation ul.menu ul li:hover>a,.main-navigation ul.menu ul li.focus,.main-navigation ul.nav-menu ul a:hover,.main-navigation ul.nav-menu ul li:hover>a,.main-navigation ul.nav-menu ul li.focus{background-color:rgba(0,0,0,.025)}
.main-navigation a{padding:0 1em 2.2906835em}
.secondary-navigation{margin:0 0 1.618em;width:auto;clear:none;line-height:1}
.secondary-navigation .menu{font-size:.875em;width:auto;float:right}
.secondary-navigation .menu>li:hover>a{text-decoration:none}
.secondary-navigation .menu ul a{padding:.326em .875em;background:rgba(0,0,0,.05)}
.secondary-navigation .menu ul li:first-child a{padding-top:1em}
.secondary-navigation .menu ul li:last-child a{padding-bottom:1em}
.secondary-navigation .menu ul ul{margin-top:-.6180469716em}
.secondary-navigation .menu a{padding:1em .875em;color:#737781;font-weight:400}
.secondary-navigation .menu a:hover{text-decoration:none}
.error404 .fourohfour-columns-2 .col-1{width:47.8260869565%;float:left;margin-right:4.347826087%}
.error404 .fourohfour-columns-2 .col-1 ul.products{margin-bottom:0}
.error404 .fourohfour-columns-2 .col-2{width:47.8260869565%;float:right;margin-right:0}
}
@media(max-width: 66.4989378333em){.col-full{margin-left:2.617924em;margin-right:2.617924em;padding:0}
}
@media(max-width: 568px){.col-full{margin-left:1.41575em;margin-right:1.41575em;padding:0}
}



/* ----------------------------------------------- */
/* 以下追記 あああ
 * ----------------------------------------------- */
.wrapper {
  max-width: 100%;
  width: 1260px;
  margin: 0 auto;
  display: block;
}
header {
  max-width: 100%;
  width: 1260px;
  margin: 0 auto;
  display: block;
}

@media only screen and (min-width: 960px) and (max-width: 1260px) {
	.wrapper {
	  width: 100%;
	  padding: 0 3%;
	}
	header {
	  width: 100%;
	  padding: 0 3%;
	}
	.woocommerce-products-header {
	  padding: 0;
	}
}
@media only screen and (max-width: 960px) {
	.woocommerce-products-header {
	  padding: 0;
	}
	.wrapper {
	  width: 100%;
	}
	header {
	  width: 100%;
	}
}



ul {
  list-style: none;
}
a:hover img {
  opacity: 0.7;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.md {
  display: block;
}
.sm {
  display: none;
}
@media only screen and (max-width: 960px) {
	.md {
	  display: none;
	}
	.sm {
	  display: block;
	}
}

/* ----------------------------------------------- */
/* a
 * ----------------------------------------------- */

.section-brand a,
.section-top a {
  color: #000;
  text-decoration: none;
}

/* ----------------------------------------------- */
/* Font
 * ----------------------------------------------- */

.minion {
  font-family: minion-pro, serif;
}
.almanach {
  font-family: almanach, sans-serif;
}

/* ----------------------------------------------- */
/* Margin / Padding
 * ----------------------------------------------- */
.mgT10 {margin-top:10px;}
.mgT20 {margin-top:20px;}
.mgT30 {margin-top:30px;}
.mgT40 {margin-top:40px;}
.mgT50 {margin-top:50px;}
.mgT60 {margin-top:60px;}
.mgT70 {margin-top:70px;}
.mgT80 {margin-top:80px;}
.mgT90 {margin-top:90px;}
.mgT100 {margin-top:100px;}

.mgB10 {margin-bottom:10px;}
.mgB20 {margin-bottom:20px;}
.mgB30 {margin-bottom:30px;}
.mgB40 {margin-bottom:40px;}
.mgB50 {margin-bottom:50px;}
.mgB60 {margin-bottom:60px;}
.mgB70 {margin-bottom:70px;}
.mgB80 {margin-bottom:80px;}
.mgB90 {margin-bottom:90px;}
.mgB100 {margin-bottom:100px;}

.pdB10 {padding-bottom:10px;}
.pdB20 {padding-bottom:20px;}
.pdB30 {padding-bottom:30px;}
.pdB40 {padding-bottom:40px;}
.pdB50 {padding-bottom:50px;}
.pdB60 {padding-bottom:60px;}
.pdB70 {padding-bottom:70px;}
.pdB80 {padding-bottom:80px;}
.pdB90 {padding-bottom:90px;}
.pdB100 {padding-bottom:100px;}

.pdT10 {padding-top:10px;}
.pdT20 {padding-top:20px;}
.pdT30 {padding-top:30px;}
.pdT40 {padding-top:40px;}
.pdT50 {padding-top:50px;}
.pdT60 {padding-top:60px;}
.pdT70 {padding-top:70px;}
.pdT80 {padding-top:80px;}
.pdT90 {padding-top:90px;}
.pdT100 {padding-top:100px;}


/* ----------------------------------------------- */
/* section top keyvisual
 * ----------------------------------------------- */
.section-top-keyvisual {
  overflow-x: hidden;
/*  position: relative;*/
}
.section-top-keyvisual .keyvisual-slider {
  margin:0 -200%;
  padding:0 200%;
  text-align: center;
  margin-top: -55px;
}
.section-top-keyvisual .keyvisual-slider .item img {
  height: 700px;
  width: 100%;
  object-fit: cover;
}
.section-top-keyvisual .wrapper {
  text-align: left;
  padding-top: 180px;
}
.section-top-keyvisual .keyvisual-heading {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
}
.section-top-keyvisual .flexBox {
  display: flex;
  justify-content: space-between;
  width: 540px;
  text-align: left;
}
.section-top-keyvisual .flexBox .txt {
  width: 413px;
}
.section-top-keyvisual .flexBox img {
  width: 126px;
}


@media print, (min-width: 1065px) { /* 元は768 */
  .section-top-keyvisual .key-title,
  .section-top-keyvisual .key-text,
  .section-top-keyvisual .key-text-en,
  .section-top-keyvisual .key-text-jp {
    width: 100%;
    color: #fff;
    font-feature-settings: "palt";
    letter-spacing: 0.06em;
  }
  .section-top-keyvisual .key-title {
    font-size: 80px;
    letter-spacing: -0.001em;
    margin-bottom: 30px;
  }
  .section-top-keyvisual .key-text-en {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .section-top-keyvisual .key-text-jp {
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 2px;
  }
  .section-top-keyvisual .key-text-jp span.ftc-y {
    color: #fdfa01;
  }
}

@media only screen and (max-width: 960px) {
  .section-top-keyvisual {
    background: url(../img/top/sp/img_keyvisual.jpg) center center no-repeat;
    background-size: cover;
  }
  .section-top-keyvisual .keyvisual-slider .item img {
    height: 700px;
  }
  .section-top-keyvisual .wrapper {
    height: 700px;
    position: relative;
    padding-top: 70px;
  }
  .section-top-keyvisual .key-title,
  .section-top-keyvisual .key-text {
    width: 100%;
    color: #fff;
    font-feature-settings: "palt";
    letter-spacing: 0.06em;
    text-align: left;
  }
  .section-top-keyvisual .key-title {
    font-size: 20px;
    line-height: 2.2;
    margin: 0px 0 8px;
    letter-spacing: 0.05em;
  }
  .section-top-keyvisual .key-text {
    font-size: 16px;
    line-height: 1;
    margin-top: 10px;
  }
  .section-top-keyvisual .key-title,
  .section-top-keyvisual .key-text,
  .section-top-keyvisual .key-text-jp {
    width: 100%;
    color: #fff;
    font-feature-settings: "palt";
    letter-spacing: 0.06em;
  }
  .section-top-keyvisual .key-text-en {
    width: 90%;
    color: #fff;
    font-feature-settings: "palt";
    letter-spacing: 0.06em;
  }
  .section-top-keyvisual .key-title {
    font-size: 60px;
    letter-spacing: -0.001em;
    margin-bottom: 30px;
    line-height: 1;
  }
  .section-top-keyvisual .key-text-en {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .section-top-keyvisual .key-text-en {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .section-top-keyvisual .key-text-jp {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 1.8px;
  }
  .section-top-keyvisual .key-text-jp span.ftc-y {
    color: #fdfa01;
  }
  .section-top-keyvisual .flexBox {
    flex-wrap: wrap;
    width: 100%;
    text-align: left;
  }
  .section-top-keyvisual .flexBox .txt {
    width: 88%;
  }
  .section-top-keyvisual .flexBox img {
    width: 93%;
    margin-top: 30px;
  }
}



/* ----------------------------------------------- */
/* section top
 * ----------------------------------------------- */
.section-top .ttl,
.section-top-resources .ttl {
  font-size: 3em;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.1;
  text-align: left;
  height: 80px;
  background: transparent;
  border-left: solid 5px #bf0101;
  padding: 1em 0.4em;
}

@media only screen and (max-width: 960px) {
	.section-top .ttl,
	.section-top-resources .ttl {
	  height: auto;
	  padding: 0.8em 0 0.1em 0.4em;
	}
}

.section-top .ttl span,
.section-top-resources .ttl span {
  font-size: 0.5em;
}
.collectBox {
  width: 1260px;
}
.collectBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.collectBox li {
  margin-bottom: 30px;
  width: 230px;
}
.movieBox {
  text-align: center;
  width: 1260px;
}

@media only screen and (min-width: 960px) and (max-width: 1260px) {
	.collectBox,.movieBox {
	  width: 100%;
	  padding: 0 3%;
	}
}

@media only screen and (max-width: 959px) {
	.collectBox,.movieBox {
	  width: 100%;
	}
	.collectBox ul {
	  flex-wrap: wrap;
	  width: 100%;
	}
	.collectBox li {
	  padding-right: 0;
	  width: 48%;
	}
}

/* ===== NEWS/EVENT ===== */

.newsBox {
  display: flex;
  color: #000;
/*  border-bottom: solid 1px #bbb;*/
}
.newsBox .newslist {
  padding-left: 100px;
}
.newsBox .newslist table {
  background: transparent !important;
  margin-top: 85px;
}
.newsBox .newslist table .date {
  font-size: 16px;
  font-weight: bold;
  width: 120px;
}
.newsBox .newslist table .txt {
  font-weight: normal;
  width: 880px;
}
table:not(.has-background) th {
/*  background: transparent !important;*/
}

@media only screen and (max-width: 960px) {
	.newsBox {
	  flex-wrap: wrap;
	  margin-top: 60px;
	}
	.newsBox .newslist {
	  padding-left: 0;
	}
	.newsBox .newslist table {
	  width: 100%;
	  margin-top: 0;
	}
	.newsBox .newslist table tr {
	  display: block;
	  margin-bottom: 10px;
	}
	.newsBox .newslist table .date {
	  width: 20%;
	}
	.newsBox .newslist table .txt {
	  width: 80%;
	}
}

.eventBox {
  display: flex;
  justify-content: space-between;
  margin: 40px 0;
  width: 1260px;
  max-width: 100%;
}
.eventBox ul {
  width: 380px;
}
.eventBox ul img {
  margin-bottom: 30px;
}

@media only screen and (max-width: 960px) {
	.eventBox {
	  flex-wrap: wrap;
	  width: 100%;
	}
	.eventBox ul {
	  width: 100%;
	}
}

/* ===== About Vivica ===== */

.about .aboutBox {
  display: flex;
  justify-content: space-between;
}
.about .aboutBox .txtBox {
  width: 560px;
}
.about .aboutBox .txtBox .ttl-about {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 40px;
}
.about .aboutBox .txtBox .ttl-about span {
  color: #b90303;
}
.about .aboutBox .txtBox .txt {
  line-height: 2;
}

@media only screen and (max-width: 960px) {
	.about .aboutBox {
	  flex-wrap: wrap;
	  margin-top: 20px;
	}
	.about .aboutBox .txtBox {
	  width: 100%;
	}
	.about .aboutBox img {
	  margin-top: 40px;
	}
	.ourbrand h2 .fts {
	  padding-left: 0;
	}
	.ourbrand h2 .fts.block {
	  display: block;
	  padding-left: 0;
	  padding-top: 10px;
	}
}

.ourbrand h2 .fts {
  font-size: 20px;
  padding-left: 20px;
}
.threeBox {
  display: flex;
  justify-content: space-between;
}
.threeBox ul {
  position: relative;
  border-radius: 10px;
  width: 380px;
}
.threeBox ul img {
  border-radius: 10px;
}
.threeBox li.txt {
  font-size: 22px;
  font-weight: 600;
  padding-top: 20px;
}
.threeBox li.txt1,
.threeBox li.txt2,
.threeBox li.txt3 {
  position: absolute;
  color: #fff;
  font-size: 50px;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-shadow: #000 1px 1px 8px;
}
.threeBox li.txt1 {
  bottom: 15%;
  left: 15%;
}
.threeBox li.txt2 {
  top: 20%;
  right: 13%;
}
.threeBox li.txt3 {
  bottom: 30%;
  left: 15%;
}

@media only screen and (max-width: 960px) {
	.threeBox {
	  flex-wrap: wrap;
	  margin-top: 80px;
	}
	.threeBox ul {
	  width: 100%;
	  margin-bottom: 50px;
	}
	.threeBox li.txt1,
	.threeBox li.txt2,
	.threeBox li.txt3 {
	  line-height: 1;
	  letter-spacing: 0.05em;
	  font-weight: 500;
	  text-shadow: #000 1px 1px 8px;
	}
	.threeBox li.txt1 {
	  bottom: 15%;
	  left: 15%;
	}
	.threeBox li.txt2 {
	  top: 20%;
	  right: 13%;
	}
	.threeBox li.txt3 {
	  bottom: 30%;
	  left: 15%;
	}
}

.section-top-resources {
  overflow-x: hidden;
  background: #f8f8f8;
  padding-bottom: 80px;
  margin-top: 80px;
}
.section-top-resources .resources {
  width: 1260px;
  margin: 0 auto;
}
.section-top-resources .resources .resourceBox {
  display: flex;
  justify-content: space-between;
}
.section-top-resources .resources .resourceBox ul {
  position: relative;
  margin-bottom: 50px;
}
.section-top-resources .resources .resourceBox li.txt {
  position: absolute;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  top: 42%;
  left: 0;
  right: 0;
}
.section-top-resources .resources .resourceBox ul.box-bottom {
  margin-top: 60px;
}
.section-top-resources .resources .resourceBox ul.box-bottom li.txt {
  top: 43%;
}

@media only screen and (max-width: 960px) {
	.section-top-resources .resources {
	  width: 100%;
	}
	.section-top-resources .resources .resourceBox {
	  flex-wrap: wrap;
	}
	.section-top-resources .resources .resourceBox li.txt {
	  font-size: 30px;
	  font-weight: bold;
	  top: 37%;
	}
	.section-top-resources .resources .resourceBox ul.box-bottom {
	  margin-top: 0;
	}
	.section-top-resources .resources .resourceBox ul.box-bottom li.txt {
	  top: 37%;
	}
}


/* ===== SNS ===== */
.sns .snsBox {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 40px 0 100px;
}
.sns .snsBox .facebook {
  margin-right: 40px;
}
.sns .snsBox .twitter {
  width: 500px;
  height: 500px;
}
.sns .instaBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 40px 0 80px;
}
.sns .instaBox li {
  width: 20%;
}

@media only screen and (max-width: 768px) {
	.sns .snsBox {
	  display: flex;
	  flex-wrap: wrap;
	}
	.sns .snsBox .facebook {
	  margin-right: 0;
	  width: 100%;
	}
	.sns .snsBox .twitter {
	  width: 100%;
	}
	.sns .instaBox li {
	  width: 50%;
	}
}


/* ----------------------------------------------- */
/* section about
 * ----------------------------------------------- */

.section-about h2,
.section-stylefinder h2 {
  color: #333;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.01em;
  border-bottom: solid 3px #333;
  padding-bottom: 15px;
  margin-bottom: 40px;
}
.section-stylefinder h3.finder-ttl {
  color: #9b0106;
  font-size: 24px;
  letter-spacing: 0.01em;
  margin-bottom: 15px;
}


/* ----------------------------------------------- */
/* section brand
 * ----------------------------------------------- */

.section-brand {
  width: 1260px;
}
.section-brand h2.brand-ttl {
  color: #333;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.01em;
  border-bottom: solid 3px #333;
  padding-bottom: 15px;
  margin-bottom: 40px;
}
.brandBox {
  display: flex;
  justify-content: space-between;
}
.brandBox ul {
  width: 600px;
  margin-right: 60px;
  color: #000;
}
.brandBox ul:nth-child(2),
.brandBox ul:nth-child(4),
.brandBox ul:nth-child(6),
.brandBox ul:nth-child(8) {
  margin-right: 0;
}
.brandBox img {
  width: 610px;
}
.brandBox li.ttl {
  font-size: 22px;
  font-weight: bold;
  margin-top: 30px;
}
.brandBox li.txt {
  font-size: 18px;
  margin-top: 20px;
}
.brandBox .clmnd {
  margin-top: 110px;
}
.brandBox li img {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
}
.mainimgBox {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.mainimgBox .img01 {
  width: 440px;
}
.mainimgBox .img02 {
  width: 400px;
  margin-top: 185px;
}
.mainimgBox .img03 {
  width: 320px;
  margin-top: 50px;
}
.cb {
  clear: both;
}

@media only screen and (min-width: 960px) and (max-width: 1260px) {
	.section-brand {
	  width: 100%;
	}
}
@media only screen and (max-width: 960px) {
	.section-brand {
	  width: 100%;
	}
	.brandBox ul:nth-child(1),
	.brandBox ul:nth-child(3),
	.brandBox ul:nth-child(5),
	.brandBox ul:nth-child(7) {
	  margin-right: 0;
	}
	.brandBox {
	  flex-wrap: wrap;
	}
	.brandBox ul {
	  margin-right: 30px;
	  width: 100%;
	}
	.brandBox img {
	  width: 100%;
	}
	.brandBox .clmnd {
	  margin-top: 0;
	}
	.brandBox ul {
	  margin-bottom: 60px;
	}
	.mainimgBox {
	  flex-wrap: wrap;
	}
	.mainimgBox .img01 {
	  width: 100%;
	}
	.mainimgBox .img02 {
	  width: 80%;
	  margin-top: 50px;
	  float: right;
	}
	.mainimgBox .img03 {
	  width: 90%;
	}
}


/* ----------------------------------------------- */
/* section style-finder
 * ----------------------------------------------- */

.section-stylefinder table {
  border-collapse: collapse;
  width: 1260px;
}
.section-stylefinder table tr {
  padding: 30px;
}
.section-stylefinder table th {
  color: #000;
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  padding: 20px;
}
.section-stylefinder table th.ttl {
  font-weight: bold;
  width: 220px;
  background: #eee;
}
.section-stylefinder table th.txtBox {
  background: #fff;
  width: 1040px;
}
.section-stylefinder table th.ttls {
  font-weight: bold;
  width: 220px;
  background: #eee;
}
.section-stylefinder table th.txtBoxs {
  background: #fff;
  width: 410px;
}
.section-stylefinder table th li {
  line-height: 1.8;
}
.section-stylefinder select.s-color {
  width: 260px;
  text-align: center;
  padding: 10px 0;
  color: #999;
}

@media only screen and (min-width: 960px) and (max-width: 1260px) {
	.section-stylefinder table {
	  width: 90%;
	}
}


/* ----------------------------------------------- */
/* Button
 * ----------------------------------------------- */
.btn {
  width: 100%;
  display: flex;
}
.btn.right {
  justify-content: flex-end;
}
.btn.center {
  justify-content: center ;
}
.btn .btn-more {
  display: block;
  color: #fff;
  background: #333;
  border: solid 2px #333;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  width: 280px;
  padding: 15px;
  border-radius: 80px;
  letter-spacing: 0.2em;
  position: relative;
}
.btn .btn-more:hover {
  color: #333;
  background: #fff;
  transition: 0.4s;
}
.btn .btn-more::after {
  position: absolute;
  content: url(common/img/arrow_btn_wt.png);
  top: 15%;
  right: 35px;
}
.btn .btn-more:hover::after {
  position: absolute;
  content: url(common/img/arrow_btn_bk.png);
  top: 15%;
  right: 35px;
}
.btn .btn-more.catalog {
  width: 480px;
  padding: 20px 0;
  letter-spacing: 0.06em;
  margin-bottom: 50px;
}
.btn .btn-more.catalog::after {
  top: 20%;
  right: 25px;
}
.btn .btn-more.catalog:hover::after {
  top: 20%;
  right: 25px;
}
.btn .more-news {
  display: block;
  color: #fff;
  background: #333;
  border: solid 2px #333;
  font-size: 1em;
  text-align: center;
  width: 150px;
  padding: 4px;
  letter-spacing: 0.2em;
  position: relative;
  margin: 0 0 10px 25px;
}
.btn .more-news:hover {
  color: #333;
  background: #fff;
  transition: 0.4s;
}
.btn .btn-search {
  display: block;
  color: #fff;
  background: #333;
  border: solid 2px #333;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  width: 240px;
  padding: 11px;
  letter-spacing: 0.1em;
  position: relative;
  margin: 0 0 60px 25px;
}
.btn .btn-search:hover {
  color: #333;
  background: #fff;
  transition: 0.4s;
}



@media only screen and (max-width: 960px) {
	.btn.right {
	  justify-content: center;
	}
	.btn .btn-more {
	  width: 100%;
	}
	.btn {
	  width: 100%;
	  display: block;
	}
	.btn .btn-more.catalog {
	  font-size: 0.8em;
	  width: 100%;
	  padding: 20px 0;
	  letter-spacing: 0.06em;
	  margin-bottom: 50px;
	}
	.btn .btn-more.catalog::after {
	  top: 27%;
	  right: 15px;
	}
	.btn .btn-more.catalog:hover::after {
	  top: 27%;
	  right: 15px;
	}

}

/* ----------------------------------------------- */
/* Length Chart
 * ----------------------------------------------- */
.length-chart img {
  width: 800px;
}
@media only screen and (max-width: 960px) {
	.length-chart img {
	  width: 100%;
	}
}

/* ----------------------------------------------- */
/* Color Chart
 * ----------------------------------------------- */
.chartlist {
  border-bottom: dotted 1px #bbb;
  padding-top: 20px;
  margin-bottom: 70px;
}

/* ----------------------------------------------- */
/* WHO IS VIVICA
 * ----------------------------------------------- */
.txtimgBox {
  display: flex;
  justify-content: space-between;
}
.txtimgBox .txtBox {
  width: 760px;
  padding-right: 40px;
}
.txtimgBox .imgBox img {
  width: 500px;
}
.txtimgBox.border {
  border-bottom: dotted 1px #bbb;
  padding-bottom: 40px;
}

@media only screen and (max-width: 960px) {
	.txtimgBox {
	  flex-wrap: wrap;
	}
	.txtimgBox .txtBox {
	  width: 100%;
	  padding-right: 0;
	  padding-bottom: 30px;
	}
	.txtimgBox .imgBox img {
	  width: 100%;
	}
}

.aboutV {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.aboutV .txt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
  width: ;
}
.aboutV .movie {
  width: 560px;
  padding-right: 40px;
}
.aboutV .movie iframe {
  width: 560px;
  height: 380px;
}
.otherMovie {
  display: flex;
  justify-content: space-between;
  margin: 60px 0;
}
.otherMovie .movie {
  width: 400px;
  padding-right: 30px;
}
.otherMovie .movie:last-child {
  padding-right: 0;
}
.otherMovie .movie iframe {
  width: 400px;
  height: 280px;
}

@media only screen and (max-width: 960px) {
	.aboutV {
	  flex-wrap: wrap;
	}
	.aboutV .txt {
	  width: 100%;
	}
	.aboutV .movie {
	  width: 100%;
	  padding-right: 0;
	}
	.aboutV .movie iframe {
	  width: 800px;
	  height: 400px;
	}
	.otherMovie {
	  flex-wrap: wrap;
	}
	.otherMovie .movie {
	  width: 100%;
	  padding-right: 0;
	  padding-bottom: 30px;
	}
	.otherMovie .movie iframe {
	  width: 100%;
	  height: 280px;
	}
}

.caretipBox {
  display: flex;
  margin-top: 40px;
}
.caretipBox li {
  padding-left: 20px;
}
.caretipBox li:first-child {
  padding-left: 0;
}


/* ----------------------------------------------- */
/* Styling Video
 * ----------------------------------------------- */
.list-styling {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.list-styling li {
  width: 390px;
  margin-bottom: 50px;
  padding-right: 40px;
}
.list-styling li figure {
  width: 390px;
}
.list-styling .txt {
  font-size: 1em;
  font-weight: bold;
}


table:not(.has-background) th {
  background-color: #fff !important;
}