@charset "UTF-8";
/*
Theme Name: Storefront Child
Author: sakamoto
Author URI: https://mesona-j.jp/
Version: 1.0.0
Description: Storefront Child Theme
Template: storefront
Tags: e-commerce
*/

.site-branding .site-title a {
   color: #63D2D3;
}
body {
	position: relative;
	margin: 0;
	text-align: left;
	overflow-x: hidden;
	background: #ffffff;
	font-size: 16px;
	line-height: 2;
	color: #333333;
	font-family: 'Helvetica Neue', Helvetica, Arial, 'Yu Gothic', '游ゴシック Medium', sans-serif;
	font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	line-height: 1.4;
	color: inherit;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: italic;
}
h1 { font-size: 1.5rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1.1rem; }
h6 { font-size: 1.0rem; }

/* Bootstrap4 Compatibility */
.footer-widgets.col-1,
.footer-widgets.col-2,
.footer-widgets.col-3,
.footer-widgets.col-4 { max-width: 100%; }

/* Logo Image */
.site-branding a.custom-logo-link { display: inline-block; }

/* Input Shadow */
input.search-field { box-shadow: none; }
/* Blog Title */
.entry-header .entry-title {padding: 0 0 20px;letter-spacing: .2rem;}
/* Link */
a:focus {
	outline: none;
	cursor: pointer;
}
.site-branding a,
ul.page-numbers li a,
ul.products li.product a,
.woocommerce-breadcrumb a,
.primary-navigation ul li a,
.storefront-product-section ul.products li a { text-decoration: none; }


html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

.optional{
	display:none;
}

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: rgba(0,0,0,0)
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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
}
.center{
	text-align:center!important;
}
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: #43454b;
    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;
    font-weight: normal;
    /* margin: 0 0 .5407911001em; */
    /* color: #492419; */
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    font-weight: 300
}

h1,.alpha {
    font-size:1.8em;
    line-height: 1.214;
    letter-spacing: -1px
}

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

h2+h3,.beta+h3 {
    border-top: 1px solid rgba(0,0,0,.05);
    padding-top: .5407911001em
}

h3,.gamma {
    font-size: 1.218em;
	font-weight:bold;
}

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 1rem;
    font-size: 1rem;
    letter-spacing: .1rem;
    line-height: 1.8;
}

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
}
.red{
	color:red;
}
.link{
	color: currentcolor;
    border-bottom: 1px dotted currentcolor;
    font-weight: bold;
}
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 5.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: rgba(0,0,0,0)
}

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;*/
    /* border-radius: 3px; */
    /* vertical-align: bottom; */
}

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

a:focus,input:focus,textarea:focus,button:focus {
   
}

.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: 1em;
    padding-bottom: .5em;
    color: #9aa0a7;
    background-position: center center;
    /* position: fixed; */
    /* width: 100%; */
    z-index: 99;
    position: fixed;
    overflow-y: scroll;
    /* z-index: 99; */
    width:100%;
    /* height:100%; */
    border-bottom: 1px solid rgba(0,0,0,0);
}

.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:0; 
	position: relative;
}

.mt4{
	margin-top:4rem;
}

/* 小さい画面設定*/
@media (max-width: 767px) {
.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header {
    margin-bottom:0; 
	position: fixed;
	width: 100%;
}
	.site-main {
    margin-bottom: 2.617924em;
	margin-top:0;
}
h1, .alpha {
    font-size: 1.317924em;
    line-height: 1.214;
    letter-spacing: -1px;
}
	p {
    margin: 0 0 1rem;
    font-size: .9rem;
    letter-spacing: .1rem;
    line-height: 1.8;
}
}/*小さい画面　END*/


.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: 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
}

.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 2.41575em;
    border-collapse: separate
}

table caption {
    padding: 1em 0;
    font-weight: 600
}

table td,table th {
    padding: .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 8.235801em;
}

.hentry .wp-post-image {
    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: underline
}

.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;
    font-size: .8rem;
}





.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
}

.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: #1f2c5c;
    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
}

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: #292c55;
    border-color: #292c55;
}

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
}

.button.woocommerce-MyAccount-downloads-file {
    overflow-wrap: anywhere;
    word-break: break-word;
    -ms-word-break: break-all
}

.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 0 0 .3819820591em
}

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; */
    /*padding: 2rem!important;*/
    border: 0;
    margin: 0;
    margin-bottom: 1.618em;
    margin-top: 1.618em
}

fieldset legend {
    font-weight: 600;
    /* padding: .6180469716em 1em; */
    margin-left: 0em;
    margin-top: 0rem;
    background: transparent;
}

[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;
    text-align: center
}

.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%;
    width: 100%;
}

.secondary-navigation {
    display: none
}

button.menu-toggle {
    cursor: pointer;
    text-align: left;
    float: right;
    position: relative;
    border: 2px solid rgba(0,0,0,0);
    box-shadow: none;
    border-radius: 2px;
    background-image: none;
    padding: .6180469716em .875em .6180469716em 2.617924em;
    font-size: .875em;
    max-width: 120px;
	top: 5px;
}

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: rgba(0,0,0,0);
    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;
    /* margin: 0 2rem; */
}

.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 1rem;
    vertical-align: middle;
    width: 65px;
    height: 65px;
    padding: 1rem;
    /* font-size: 0.75rem; */
}
.next,.prev{
	font-size:.75rem!important;
	line-height:1.5;
}
.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: rgba(0,0,0,0)
}

.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: 768px) {
    table.shop_table_responsive tbody tr td,table.shop_table_responsive tbody tr th {
        text-align:left
    }

    .site-header {
       /* padding-top: 2.617924em;*/
       padding-bottom: 0;
       position: relative;
       overflow-y: initial;
    }

    .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: 230px;
        max-height: none;
        width: 197px;
    }

    .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: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%;
        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
    }

    .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: 80.498938em;
        margin-left: auto;
        margin-right: auto;
        padding: 0 2.617924em;
        box-sizing: content-box
    }
	
	 .wide {
        max-width: 66.4989378333em;
        margin-left: auto;
        margin-right: auto;
        padding: 0 2.617924em;
        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%
    }

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

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

    .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;
        min-height: 617px;
        margin: 0;
    }

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

    .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;
        font-size: 1rem;
    }

    .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
    }
}




















































































































































/*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************CHILD *****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  -js-display: flex;
  display: flex;
}
.justify {
  justify-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.jus_center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.align {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.align_bet {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
  text-decoration: none;
}
.under{
	text-decoration: underline;
}
.sp{
	display: block;
}
.pc{
	display: none;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    margin-bottom: 2.617924em;
    background-color: #292c55;
    margin-left: 0;
    border-radius: 2px;
    color: #fff;
    clear: both;
    border-left: .6180469716em solid rgba(0, 0, 0, .15);
    padding: 1em 2em 1em 3.5em;
    position: relative;
    list-style: none outside;
}

.wc-proceed-to-checkout .button.checkout-button {
    font-size: 1.01575em;
}

.products li a img{
	border:1px solid #ccc;
}

/* 大きい画面設定*/
@media (min-width: 767px){
.sp{
	display: none!important;
}
.pc{
	display:block;
}
	.site-header-cart .cart-contents::after {
        font-size: 1.6rem;
        line-height: 1;
	}
	.products li a:hover img{
	opacity:.6;
}
}/* 大きい画面END*/
/***********************ヘッダー調整*********************************/

h1 img{
		width: 15%;
	}
.woocommerce-active .site-header .site-branding {
     margin: .5rem 0 0;
}
/* 大きい画面設定*/
@media (min-width: 767px){
header .col-full,.storefront-breadcrumb .col-full,footer .col-full{
	max-width: unset;
}
.main-navigation ul li:nth-last-child(3) a{
	padding: .5rem 1rem!important;
    display: inline-block;
    font-size: .7rem!important;
    border: 1px solid #1f2c5c;
    background: transparent;
    border-radius: 30px;
	vertical-align: super;
	margin-left:1rem;
	}
}/* 大きい画面END*/

/* 小さい画面設定*/
@media (max-width: 767px) {
	
	.handheld-navigation{
    height: 100vh;
    /* position: absolute; */
    left: 0;
    top: 0;
    /* width: 100%; */
    /* background: #ffff; */
    margin: 0rem 0 0;
    /* padding: 1rem 0rem 0; */
    overflow-y: auto;
}
	.main-navigation ul li a {
    padding: .875em 0;
     border-bottom: dotted 1px #ccc;
}
	
.main-navigation .menu {
     margin: 2rem 0 0;
}	
	
.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img{
    width: 180px;
}
.home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
     padding: .5rem 0;
     top:0;
     overflow-y: unset;
}
.woocommerce-active .site-branding {
     margin-top: .5rem;
}
h1 img{
		width:60%;
	}
.gest_msg{
	margin-top: 0rem;
	}
  .storefront-full-width-content .content-area {
         min-height: 600px;
          }
/***************reCAPTCHA 消去******************/
	.grecaptcha-badge{
		display:none;
	}	
	
}/***小さい画面END***/

.more {
  margin: 2rem 0 0;
  text-align: center;
}
.more a {
  background: #1f2c5c;
  /* background-image: url("img/right.svg"); */
  /* background-position: 87% 50%; */
  /* background-repeat: no-repeat; */
  /* background-size: 6px 10px; */
  box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 37%);
  /* border-radius: 30px; */
  color: #fff;
  letter-spacing: .1rem;
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 60px;
  text-decoration: none!important;
}
.form-row.woocommerce-validated input.input-text {
    box-shadow: inset 2px 0 0 #1f2c5c;
}
.woocommerce-shipping-destination{
	display:none;
}

.mw_wp_form_complete,.mw_wp_form_preview {
	background:#fbfbfb;
	padding: 2rem 1rem;
}
.mw_wp_form_preview .submit-btn{
	margin-top: -1rem;
}
.storefront-breadcrumb {
    padding: 1.41575em 0;
    margin: 0 0 0;
}
.woocommerce-error {
    background-color: #545454;
    color: #000;
}
.payment_method_cod img{
	display:none;
}
.woocommerce-MyAccount-navigation{
	margin-bottom:4rem;
}
/***************************************支払い画面制限(checkout)*********************************************/
#ship-to-different-address .woocommerce-form__input-checkbox {
     transform: scale(1.5);
}
.woocommerce-additional-fields{
	margin-top:2rem;
}
.form-row input[type=checkbox], .form-row input[type=radio] {

    transform: scale(2);
    margin-bottom: 2rem;
}
#payment .payment_methods li .payment_box fieldset label {
     margin-bottom: 1rem;
}
#paygent-use-stored-payment-info-no,#paygent-use-stored-payment-info-yes{
	margin-top:2rem;
}

.payment_box input[type=radio]{
	transform: scale(1.5);
    margin-right: .5rem;
}

.added_to_cart.alt, .added_to_cart, .widget a.button.checkout {
    background-color: #1f2c5c;
    border-color: #1f2c5c;
    color: #ffffff;
}
.payment_method_cod2 img{
	display:none!important
}
.to_shipping{
	margin-bottom:2rem;
}
/***************************************カート画面(お買い物カゴ)*********************************************/
/* 小さい画面設定*/
@media (max-width: 767px){
	.cart_totals h2{
		font-size:1rem;
	}
}/* 小さい画面END*/

.tax-rate small{
	display:none;
}

.buy_more a{
	border-radius: 0;
    width: 100%;
    font-weight: bold;
}
}
/***************************************メール認証後のユーザー関連*********************************************/

.page-id-53 ul{
	display:none;
}
.first_acces{
	display:none;
}

.logged-in .first_acces{
	display:block;
}
.wc-forward{
	display:none;
}
/**********checkout請求先追加を消去*********************/
.woocommerce-billing-fields .address_book{
	display:none;
}
.select2-results__options li:nth-child(2){
	/*display:none;*/
}
/**************ショップに戻るボタンの消去****************/
.wc-backward{
	display:none!important
}
.wc-proceed-to-checkout a{
	padding:1rem 1rem;
	font-size:1rem!important;
}

/* 小さい画面設定*/
@media (max-width: 767px){
.hentry .entry-content a.button, .hentry .entry-content a.components-button:not(.is-link), .hentry .entry-content a.wp-block-button__link {
      font-size: 1.1rem;
}
}/* 小さい画面END*/

/* 大きい画面設定*/
@media (min-width: 767px){
	#ship-to-different-address .woocommerce-form__input-checkbox {
     transform: scale(2);
}
	#paygent-use-stored-payment-info-no,#paygent-use-stored-payment-info-yes{
	margin-top:0;
}
}/* 大きい画面END*/

/***************************************会員登録フィールド調整*********************************************/
/* 大きい画面設定*/
@media (min-width: 767px){
.myform__wrap-row{
	margin:1rem 0; 
}
.myform__wrap-row:nth-of-type(4),.myform__wrap-row:nth-of-type(5){
	    display: inline-flex;
    flex-direction: column;
	width:48%;
}
.myform__wrap-row:nth-of-type(6),.myform__wrap-row:nth-of-type(7){
	    display: inline-flex;
    flex-direction: column;
	width:48%;
}
.myform__wrap-row:nth-of-type(5),.myform__wrap-row:nth-of-type(7){
	
margin-left: 20px;
}
}/* 大きい画面END*/


/* 小さい画面設定*/
@media (max-width: 767px){
	.myform__wrap-row{
	margin:2rem 0; 
}
	.myform__wrap-row:nth-of-type(1){
		margin-top: 1rem;
	}
	
}/* 小さい画面END*/
/***************************************wp-memberフィールド制限*********************************************/

#wpmem_login fieldset, #wpmem_reg fieldset {
      margin: 80px 0;
      padding: 3rem;
}

#wpmem_reg .req-text{
	display:none;
}
#wpmem_reg .button_div{
	padding: 40px 0;
    text-align: center;
}

#wpmem_login .button_div, #wpmem_reg .button_div  input[type=submit]{
	width:50%;
	float: none;
}
.wpmem_msg {
    width: 75%;
    margin: 6rem auto 2rem;
    padding: 1rem;
}
#wpmem_login .link-text {
     margin: 3rem 0 0;
   }
.link-text-forgot a{
	display:block;
	 margin-top: .5rem;
    text-decoration: underline;
}
.kiyaku{
	padding-bottom:10rem;
}
.kiyaku h2{
	font-size:2rem;
	margin-bottom:2rem;
}
.link-text-username a{
	display:block;
	margin-top:.5rem;
}
#wpmem_restricted_msg a{
	text-decoration:underline;
}
/* 小さい画面設定*/
@media (max-width: 767px) {
	.kiyaku{
	padding-bottom:4rem;
}
	.kiyaku h2{
	font-size:1.5rem;
		font-weight:bold;
	margin-bottom:1rem;
}
	
#wpmem_login fieldset {
      margin: 40px 0rem;
      padding: 1rem;
}
	
#wpmem_reg fieldset {
      margin: 80px 1rem;
	padding: 1rem;
}	
	
	#wpmem_login .button_div, #wpmem_reg .button_div input[type=submit] {
    width:100%;
    float: none;
}
	
	.form .buttons{
		margin-top:1rem!important;
	}
	#wpmem_login .link-text {
     margin: 5rem 0 0;
   }
	#wpmem_pwdreset_form fieldset{
		margin:40px 0;
	}
	#wpmem_restricted_msg{
		margin-top: 6rem;
	}
}

/***************************************カード情報画面*********************************************/

#add_payment_method .woocommerce-MyAccount-content form:after{
	display:none;
}

#payment .payment_methods li .payment_box fieldset label {
    font-size: 1rem;
	    margin-top: 2rem;
}

.payment_box fieldset{
	padding:1rem!important;
}

.payment_box select{
	font-size:.9rem;
	padding:0 .5rem;
}

#paygent-stored-info{
	padding: 15px 0 0 0px!important;
   
}
#payment .payment_methods li .payment_box fieldset .form-row {
    margin-bottom: 1em;
    margin: 0 0 0 0;
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number, #payment .payment_methods li .payment_box .wc-credit-card-form-card-expiry, #payment .payment_methods li .payment_box .wc-credit-card-form-card-cvc {
    font-size: 1.41575em;
    height: 45px;
}

#payment .payment_methods li .payment_box .wc-credit-card-form-card-number{
	height:60px;
}

#payment .payment_methods li .payment_box fieldset label {
    font-size: .9rem;
    
}

#wc-paygent_cc-cc-form{
	margin-top:-2rem!important;
}

/* 小さい画面設定*/
@media (max-width: 767px) {
.payment_box fieldset{
	padding:0rem!important;
}
#payment .payment_methods li .payment_box fieldset {
    margin-top: 1rem;
}
	#wc-paygent_cc-cc-form{
	margin-top:0!important;
}

}







/* 小さい画面設定*/
@media (max-width: 767px) {
#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg {
    width: 100%;
}
#wpmem_login, #wpmem_reg {
    margin: 0 auto;
	max-width:1200px;
}
}
/* 大きい画面設定*/
@media (min-width: 767px) {
#wpmem_login, #wpmem_reg {
    margin: 0 auto;
	max-width:800px;
}
	  .more {
    margin: 5rem 0 0;
  }
  .more a {
    background-size: 6px 13px;
    color: #fff;
    padding: 1rem 7rem;
	  letter-spacing: .2rem;
  }
	.mw_wp_form_complete,.mw_wp_form_preview{
	padding:4rem;
}
	.storefront-breadcrumb {
    padding: 1.41575em 0;
    margin: 0 0 0;
}
}
/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/position: fixed;width: 100%;height: 100%;z-index: 999;background: #fbfbfb;text-align:center;color:#fff;}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:260px;
  /* margin: 0 auto 0; */
  display: inline-block;
}

/* fadeUpをするアイコンの動き */
.fadeUp{
	animation-name: fadeUpAnime;
	animation-duration:3s;
	 animation-delay: 1s;
	animation-fill-mode:forwards;
	opacity: 0;
	text-align: center;
	display: block;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
   }
}







#secondary{
	display: none!important;
}
/*デフォルトのフィールドの削除（都道府県）**/
#billing_state_field{
	display:none;
}
/***************************************マイページ関連*********************************************/
.woocommerce-address-fields{
	position: relative;
	padding: 1rem 0 0;
}
#shipping_address_nickname_field{
   position: relative;
	padding: 4rem 0 0;
}

#shipping_address_nickname_field:after{
	position: absolute;
	font-size: 1rem;
	content:"※新規住所を追加並びに編集したい場合は初期値の住所を確認後「住所を保存」を押下してから別途住所の追加・編集をお願いいたします。";
	color: red;
    display: inline-block;
    left: 0;
    top: 0;
    padding: 0 0 0;
}
.woocommerce-EditAccountForm{
	padding:0!important;
}
.woocommerce-EditAccountForm:after{
	display:none!important;
}


label[for=shipping_address_nickname] {
font-size: 0px;
}

label[for=shipping_address_nickname]:before {
content:'名称(各お届け先のタイトル)';
font-size: 1.2rem;
}

label[for=billing_address_nickname] {
font-size: 0px;
}

label[for=billing_address_nickname]:before {
content:'名称(各請求先のタイトル)';
font-size: 1.2rem;
}
#billing_address_nickname_field .description,#shipping_address_nickname_field .description{
	display: none!important;
}
.woocommerce-account .address_book:nth-of-type(1) header h3{
	color: #ccc;
}

.shipping_address_book h3{
	font-size: 0;
    display: block!important;
    position: relative;
    padding: 2rem 0 0;
}
.shipping_address_book h3:after{
    font-size: 1.2rem;
	content:"お届け先の住所録（リスト）";
	position: absolute;
    left: 0;
    top: 0;
	font-weight: bold;
}


.woocommerce-MyAccount-content .form-row-last,form.woocommerce-EditAccountForm p.form-row-first{
	width:46%;
}

#billing_address_nickname::placeholder{content:"abab";}

/******マイページの請求先追加は消去*******/
.billing_address_book{
	display:none;
}




/* 小さい画面設定*/
@media (max-width: 767px) {
form.woocommerce-EditAccountForm p.form-row-first,form.woocommerce-EditAccountForm p.form-row-last {
    width: 100%;
}
#shipping_address_nickname_field {
       padding: 7rem 0 0;
}
.woocommerce-orders-table__row {
    margin-bottom: 3rem;
    display: inline-block;
     width: 100%;
}
}
/*****************日時指定の所の注意書き*******************/

#order_wc4jp_delivery_date_field{
	font-size: 0;
	position: relative;
	padding:10rem 0 0;
}

#order_wc4jp_delivery_date_field:after{
    font-size:.8rem;
	white-space: pre-wrap;
	content:'配達希望日\A※弊社営業日の当日受注分は翌営業日出荷となります。\A(休業日：土日祝及び夏期・年末年始)\A北海道・四国・中国・九州方面のお届けは受注日の３日後予定となります。';
	position: absolute;
    left: 0;
    top: 0;	
	font-size:.8rem;
	
}

.woocommerce-additional-fields h3{
	margin-bottom:2rem;
}





/*
.wc-address-book-add-billing-button{
	font-size: 0;
    position: relative;

}
.add-new-address:after .wc-address-book-add-billing-button{
	display:inline-block;
	   font-size: 1.6rem;
    content: "新規請求先住所追加";
    position: absolute;
    left: 0;
    top: 0;

}*/
/***********以下の問題が見つかりました:消去****************/
.wc-block-components-notice-banner__summary{
	display:none;
}
/***********faxフィールド:消去****************/
.woocommerce-additional-fields__field-wrapper #fax_field{
	display:none;
}

.woocommerce-shipping-calculator{
	display:none;
}
.woocommerce-MyAccount-content h2 {
    font-size: 1.2em;
    font-weight: 600;
}
.addresses header.title h3 {
       font-size: 1.3em;
    font-weight: bold;
}

.shipped_via{
	display:none;
}
/***マイページのキャンセルボタンの消去****/
.cancel{
	display:none;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
	.woocommerce-MyAccount-content form{
	padding: 0 0 0;
}
/*****************日時指定の所の注意書き*******************/

#order_wc4jp_delivery_date_field{
	padding:8rem 0 0;
}

#order_wc4jp_delivery_date_field:after{
    font-size: 1rem;

}	
	
}/*大きい画面　END*/


/***********************************footer************************************************/
#footer-navi,.footer_img{
	-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.footer_img{
	margin:0 0 2rem;
}
#footer-navi{

}

#footer-navi ul{
	display:flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#footer-navi ul li a{
	text-decoration:none;
	padding:0 .5rem;
}
.site-info a{
	display:none;
}
.footer_img a{
	
}
.footer_img a img{
	width:50%;
}
.footer_baner{
	padding:0 2rem 5rem;
	text-align:center;
}
.footer_baner img{
	display:inline-block;
	border:1px solid #ededed;
	
}
#footer-navi ul span{
display:inline-block;
}
/***************footerバナー消去******************/
.woocommerce-checkout .footer_baner,.woocommerce-account .footer_baner,.woocommerce-cart .footer_baner{
	display:none;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
.footer_img{
-ms-flex: 0 0 20%;
    -webkit-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
}	
#footer-navi{
	-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 75%;
	margin:0 0 0 2rem;
padding:0 2rem;
}	

	
.footer_img a img{
	width: 80%;
}
.footer_baner{
	padding:10rem 0;
	
}
.footer_baner img{
	
}
}/*大きい画面　END*/

/*************************************************お問い合わせ********************************************/
.wpcf7-form, .half {
  margin: 0 auto;
  width: 100%;
}
::placeholder {
  color: #ccc;
}
.wpcf7-form {
  padding: 0;
}
select, .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="date"], .wpcf7-form textarea {
  background: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px #fff, 0 2px 4px #eee inset;
  -moz-box-shadow: 0 1px 1px #fff, 0 2px 4px #eee inset;
  box-shadow: 0 1px 1px #fff, 0 2px 4px #eee inset;
  color: #555;
  font-size: 1rem;
  height: 45px;
  padding: 0rem 1rem;
  width: 100%;
}
.wpcf7-form textarea {
  height: 230px;
  line-height: 1.5;
  overflow: auto;
  padding: 1rem;
  width: 100%;
}
.wpcf7-form input[type="date"] {
  letter-spacing: 1.0rem;
}
.wpcf7-form label {
  display: block;
  font-size: .8rem;
  padding-bottom: 2rem;
  text-align: left;
}
.wpcf7-form label span {
  color: red;
  font-size: .8rem;
  margin-left: .1rem;
}
.req {
  color: #fd738a;
  font-size: 80%;
  vertical-align: super;
}
#captcha-text {
  width: 199px;
}
.wpcf7-submit {
  background: url(images/button.png) no-repeat 0 0;
  background-color: #63d2d3;
  border: 0;
  border-radius: 5px;
  color: #fdfdfd;
  cursor: pointer;
  font-size: 16px;
  height: 46px;
  letter-spacing: .5em;
  margin: 5rem 0 0;
  text-indent: .5em;
  width: 161px;
}
.wpcf7-submit:hover {
  background-position: 0 100%;
}
.wpcf7-submit:active {
  position: relative;
  top: 1px;
}
select:focus, .wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form input[type="tel"]:focus, .wpcf7-form input[type="date"]:focus, .wpcf7-form textarea:focus {
  border: 2px solid #1f2c5c;
  outline: 0;
}
.wpcf7-form-validation-errors.screen-reader-response, .wpcf7-form-not-valid-tip, .wpcf7-form-not-valid-tip {
  color: #f00;
  font-size: 1.00rem;
}
.wpcf7-form-response-output wpcf7-form-mail-sent-ok {
  font-size: 1.00rem;
  padding-top: 1rem;
}
.screen-reader-response, .wpcf7-form-response-output wpcf7-form-mail-sent-ok {
  color: #00a9f9;
  font-size: 1.20rem;
  font-weight: bold;
  padding: 1rem 0;
}
.submit-btn{
	float: left;
    margin-right: 1rem;
}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline-color: #1f2c5c;
}
.storefront-sorting{
	display:none;
}

input[type=submit]{
    float: left;
    margin: 0 1rem 0 0;
}
/**************reCAPTCHAマーク消去************************/
.grecaptcha-badge{
	display:none;
}



/* 大きい画面の場合 */
@media (min-width: 769px) {
  .wpcf7-form, .half {
    margin: 5rem auto 0;
    padding: 0;
    width: 60%;
  }
  select, .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="date"], .wpcf7-form textarea {
    font-size: 1.15rem;
    height: 50px;
    margin: .5rem 0 0;
    width: 100%;
  }
  .wpcf7-form textarea {
    height: 300px;
  }
	.wpcf7-form label {
  font-size: 1rem;
  padding-bottom: 2rem;
 
}
	
/**************reCAPTCHAマーク消去************************/
.grecaptcha-badge{
	display:none;
}
.page-id-230 .grecaptcha-badge,.page-id-53 .grecaptcha-badge{
	display:block!important;
}
}

/*************************************************領収書・請求書・納品書********************************************/
/***************functionに追加*****************/

/*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************HOME************************************************************************************************************************************************************************************************************************************************************************/


/************************************************FV(ファースビュー)********************************************************************************************************************************************************************************************************************/

.top_vi{
	/* position: relative; */
	/* margin-top:4rem; */
	/* padding: 0 0 0rem; */
}
.kiki{
	position: relative;
		
}


.kiki_img{
	opacity: 1;
	/*left: 12%;
	top: 0%;
	padding:0;
	display: inline-block;
	position: relative;*/
}
.appear .kiki_img {
	 /*animation: kikiimg 0ms cubic-bezier(0.5,0,0.75,0) both;*/
   /*animation: kikiimg 1800ms cubic-bezier(0.5,0,0.75,0) both;*/
}
@keyframes kikiimg {
    0% {
        transform: translatey(0px);
        filter: blur(100px);
        opacity: 0
    }

    to {
        transform: translatey(0px);
        filter: blur(0px);
        opacity: 1
    }
}

.top_text{
	position: absolute;
	display: inline-block;
	top: 91%;
	right: 26%;
	padding: 0 0 0 1rem;
	opacity: 1;
}
.appear .top_text {
	/*animation: visualtxt 0ms 0ms cubic-bezier(0.83,0,0.17,1) both;*/
   /* animation: visualtxt 2900ms 1300ms cubic-bezier(0.83,0,0.17,1) both;*/
}
@keyframes visualtxt {
    0% {
        transform: translatex(-160px);
        filter: blur(100px);
        opacity: 0
    }

    to {
        transform: translatex(0px);
        filter: blur(0px);
        opacity: 1
    }
}


@keyframes visualback {
    0% {
        transform: translatey(0px);
        filter: blur(100px);
        opacity: 0
    }

    to {
        transform: translatey(0px);
        filter: blur(0px);
        opacity: 1
    }
}
/****************google font***************/
.font{
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}


/***************loding moji******************/
.randomAnime {
	visibility: hidden;
	font-size: 1.2rem;
	color: #000;
	margin-bottom: 1rem;
	letter-spacing: .2rem;
	line-height: 2;
}

/****************google font***************/
.font{
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.wrapper{
	position: relative;
}

.top_msg {
    position: absolute;
    z-index: 2222;
    top: 24%;
    left: 5%;
    /* transform: translate(-50%, -50%); */
    text-align: center;
    font-size: 6.5vw;
    letter-spacing: 0.1rem;
    color: #ffffff;
    width: 306px;
    text-shadow: -1px -1px 20px rgb(74 72 72 / 62%);
}


.top_msg p{margin:0;text-align: left;}

.top_msg img{
	width:80%;
	margin: 1rem auto 0;
}
.top_msg span{
	font-size: 1.2rem;
	margin:1rem 0 0;
	display: inline-block;
	line-height: 1.5;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
	
.wrapper{
	max-width: 1300px;
    margin: 0 auto;
}	
	
.top_vi{
	margin-top:0;
	padding: 0 0 5rem;
	position: relative;
}
	
.top_vi:before{
	content: "";
	position: absolute;
	left:0;
	top: 45%;
	width: 100%;
	height: 100%;
	z-index: -1;
	background:#faf8f5;
	}	
	
.kiki_img {
    left: 2%;
    top: 0%;
    padding: 1rem 0 0;
}

.randomAnime {
	visibility: hidden;
	font-size: 1.8rem;
	color: #000;
	/* margin-bottom: 1rem; */
	letter-spacing: .2rem;
	line-height: 2;
}	

.top_msg {
    top: 47%;
    left: 75%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 1.75vw;
    letter-spacing: 0.1rem;
    color: #ffffff;
    width: 30vw;
}
	.top_msg img{
	width:50%;
	margin-bottom: .2rem;
}
.top_msg span{
	font-size: 1.5rem;
	margin:1rem 0 0;
	line-height: 1.5;
	/* display: inline-block; */
	letter-spacing: .15rem;
	font-weight: bold;
}
	
}/*大きい画面　END*/

/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position:relative;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 70vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	}
.slider:after{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	background:#6b6b6d1a;
}
.slick-list {
    height: 70vh;
}

/*　背景画像設定　*/

.slider-item01 {
    background:url(img/img_03.jpg);
}

.slider-item02 {
    background:url(img/img_04.jpg);
}

.slider-item03 {
    background:url(img/img_01.jpg);
}
.slider-item04 {
    background:url(img/img_02.jpg);
}
.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

.slick-prev, 
.slick-next {
    position: absolute;
	z-index: 23;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin:-50px 0 0 0;/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#fff;
}

.slick-dots .slick-active button{
    background:#333;
}
/* 小さい画面設定*/
@media (max-width: 767px) {
.slider {
 	margin-top:4rem;
}

.slider-item01 {
    background:url(img/img_01_s.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.slider-item02 {
    background:url(img/img_02_s.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}

.slider-item03 {
    background:url(img/img_03_s.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}
.slider-item04 {
    background:url(img/img_04_s.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}


}/*小さい画面　END*/



/*******************top_about************************/
.top_about{
	background: #faf8f5;
	min-height: 60vh;
	padding: 4rem 0;
}

.top_about h2,.top_about h3{
	text-align: center;
	letter-spacing: .25rem;
}
.top_about h2{
	border: none;
	text-align: center;
	padding: 0 1rem 1rem;
	color: #492419;
	font-size: 1.4rem;
	margin: 0;
}
.top_about h3{text-align: center;border: none;font-size: 1.3rem;font-weight: normal;padding: 0 0 2rem;color: #492419;}
.top_about h4{text-align: center;border: none;font-size: 1.5rem;font-weight: normal;padding: 1rem 0 2rem;color: #492419;}
.top_about h4 span{display: block;font-size: 1rem;font-weight: normal;color: #b5a096;padding: 1rem 0 0;}
.t_about_img,.t_about_text{-ms-flex: 1 1 100%;-webkit-box-flex: 1 1 100%;-webkit-flex: 1 1 100%;flex: 1 1 100%;text-align: left;margin: 0 0 1rem;}
.t_about_text p{
	text-align: justify;
	font-size: 1rem;
	letter-spacing: .2rem;
	line-height: 1.8;
	margin:0 0 4rem;
	color: #321810;
	font-size: .8rem;
    padding: 0 .5rem !important;
}
.online .t_about_box{
	align-items: flex-end;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
	.top_about{
	min-height: 60vh;
	padding: 0rem 0 10rem;
}
.top_about h2{
	padding: 0 0 1rem;
	font-size: 1.35rem;
}
.top_about h3{
    font-size: 2.4rem;
    padding: 0 0 5rem;
    margin: 0;
}
.top_about h4{font-size: 1.6rem;padding: 0 0 3rem;text-align: left;letter-spacing: .2rem;}	
.t_about_img{
	
-ms-flex: 1 1 28%;
-webkit-box-flex: 1 1 28%;
-webkit-flex: 1 1 28%;
flex: 1 1 28%;
text-align: left;

}
.t_about_moji{
    -ms-flex: 0 0 3%;
    -webkit-box-flex: 0 0 3%;
    -webkit-flex: 0 0 3%;
    flex: 0 0 3%;
    text-align: left;
    padding-right: .4rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 1.5rem;
    padding-bottom:15rem;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.t_about_text{
	-webkit-flex: 1 1 45%;
	-ms-flex: 1 1 23%;
	-webkit-flex: 1 1 45%;
	flex: 1 1 45%;
	text-align: left;
	margin-left: 5rem;
	}
.t_about_text p{
	font-size: 1rem;
	letter-spacing: .25rem;
	line-height: 1.8;
	margin:0 0 4rem;
}
.t_baner_box li:nth-of-type(1) div{
	font-size: 1.5rem;
	display: inline-block;
}	
}/*大きい画面　END*/

/*******************top_baner************************/
.top_baner{
	height: 54vh;
	background-image: url("img/t_baner_back21.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size:cover;
}
.t_baner_box li:first-child{
	background: #eae5e2;
	height: 13vh;
	width: 100%;
	font-size: 1rem;
	color: #fff;
}
.t_baner_box li:nth-of-type(2){
	background-color: transparent;
	height: 54vh;
}

.t_baner_box li:nth-of-type(3){
	background-color: transparent;
	position: relative;
	align-items: flex-end;
	width: 100%;
}
.t_baner_box li:nth-of-type(1) div{
	font-size: 2rem;
}
.baner_p{
	background-color: #ffffff7a;
	color:#fff;
	width: 100%;
	padding: 3rem 2rem;
	display: inline-block;
	text-align: center;
	letter-spacing: .2rem;
	background: rgb(255 255 255 / 44%);
	backdrop-filter: blur(5px);
}
.baner_p p{
	font-size: 1rem;
	color: #492419;
}
.more_baner{
}
.more_baner a{
	background-color:#1f2c5c;
	color: #fff;
	border-radius: 30px;
	display: inline-block;
	padding: 1rem 4rem;
	 transition: background-color .8s;
    -webkit-transition: background-color .8s;
		
}
.more_baner a:hover{
opacity: .8;
	background: #c0bab6;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
.top_baner{
	height: 70vh;
}
.t_baner_box ul{
		
	}	

.t_baner_box li:first-child{
	-ms-flex: 1 1 20%;
	-webkit-box-flex: 1 1 20%;
	-webkit-flex: 1 1 20%;
	flex: 1 1 20%;
	padding: 2rem;
	height: 70vh;
		text-align: center;
	color: #fff;
}
.t_baner_box li:nth-of-type(2){-ms-flex: 1 1 45%;
	-webkit-box-flex: 1 1 45%;
	-webkit-flex: 1 1 45%;
	flex: 1 1 45%;
	}
.t_baner_box li:nth-of-type(3){
	-ms-flex: 1 1 30%;
	-webkit-box-flex: 1 1 30%;
	-webkit-flex: 1 1 30%;
	flex: 1 1 30%;
	align-items: flex-end;
	margin: 0 0;}
.t_baner_box li:nth-of-type(1) div{
	font-size: 3rem;
}
.baner_p{
	padding: 3rem 2rem;
	display: inline-block;
	text-align: center;
	letter-spacing: .2rem;
	/* background: #eee; */
	background-color: #fbfbfb;
	background-color: #ffffff7a;
	/* border: #fff solid 20px; */
	/* border-radius: 126px; */
	margin: 0 1rem 1rem 0;
	border-radius: 5px;
}
.baner_p p{
	font-size: 1.4rem;
	color: #1b1b18;
}
}/*大きい画面　END*/



/*************************************************news********************************************/

/*******************news_top************************/
#news_t {
  padding: 4rem 0;
  background: #fff;
  margin-top: 7rem;
}
.news_ta {
	 padding:4rem 0 0!important;
   }

#news_t li {
  -ms-flex: 1 1 100%;
  -webkit-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  margin: 0 0 3rem;
}
#news_t h2, #clinic_t h2, #solvent_t h2, #company_t h2, #cli_t h2 {
  padding-bottom: 2rem;
}
#news_t h2 img, #clinic_t h2 img, #solvent_t h2 img, #company_t h2 img, #cli_t h2 img {
  height: 17px;
  width: auto;
}
#news_t h3 {
  text-align: center;
  margin: .5rem 0 0;
  padding: 0;
  font-size: 1rem;
}
#news_t time {
  display: inline-block;
  margin: 0 0 1rem;
}
#news_t picture {
  margin: 2rem 0;
}
#news_t picture img {
 
}
#news_t p {
  font-size: .85rem;
  margin: 1rem 0 0;
  letter-spacing: .2rem;
  line-height: 1.8;
}
/*大きい画面の場合*/
@media (min-width: 767px) {
  #news_t {
    padding: 10rem 0;
    margin-top: 0;
  }
.news_ta{
	 padding: 10rem 0 0!important;
    margin-top: 0;
}	
	
  #news_t li {
    -ms-flex: 1 1 50%;
    -webkit-box-flex: 1 1 50%;
    -webkit-flex: 1 1 50%;
    flex: 0 0 30%;
    margin: 0;
    padding: 0 2rem 4rem 0;
  }
  #news_t li:not(:first-child) {
    /* border-left: 1px solid #63D2D3; */
    /* padding: 0 0 0 4rem; */
  }
  #news_t h2, #clinic_t h2, #solvent_t h2, #company_t h2, #cli_t h2 {
    padding-bottom: 4rem;
    font-size: 2.5rem;
    margin: 0;
  }
  #news_t h2 img, #clinic_t h2 img, #solvent_t h2 img, #company_t h2 img, #cli_t h2 img {
    height: 38px;
    width: auto;
  }
  #news_t h3 {
    margin: 1rem 0 0rem;
    text-align: center;
    font-size: .9rem;
  }
  #news_t time {
    margin: 0 0 .5rem;
  }
  #news_t picture {
    margin: 2rem 0;
  }
  #news_t picture {
    margin: 2rem 0;
  }
  #news_t p {
    font-size: .9rem;
    margin: 1rem 0.5rem 0;
  }
} /*大きい画面　END*/


.news_box {}
.news_box h4 {
  font-size: 1.5rem;
  padding: 2rem 0 2rem;
  letter-spacing: .2rem;
  text-align: left;
}
.news_box time {
  border-bottom: dotted 1px #ccc;
  display: inline-block;
  font-size: 1rem;
  letter-spacing: .2rem;
  padding: 1rem 0 .5rem;
}
.news_box p {
  font-size: 1rem;
  line-height: 2;
}
.news_box img {
  height: auto;
  margin: 1rem auto;
  width: 100%;
}
.news_list {
  padding: 2rem 0rem;
  font-size: 1rem;
}
.news_list ul {
  /* border-top:1px dotted #ccc; */
}
.news_list li {
 -ms-flex: 1 1 100%;
    -webkit-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 0 3rem;
    text-align: center;
    border-bottom: 1px dotted #ccc;
}
.news_list time {
  display: block;
  font-size: 1rem;
  margin: .8rem 1rem 0;
  text-align: left;
}
.news_list a {
  display: block;
  padding: 1rem 0rem;
}
.news_list h4 {
  font-weight: normal;
  margin: 0 1rem;
  text-align: left;
}
.news_list img {
  max-height: 200px;
  object-fit: cover;
	margin: 0 auto;
}
.page_nation {
  font-size: 1rem;
  margin: 0 auto;
  padding: 10rem 0;
  text-align: center;
}
.page_nation a {
  background-color: #fff;
  color: #9c9c9c;
  display: inline-block;
}
.page_nation a:hover {
  background-color: #63D2D3;
  border-color: #53aebb;
  color: #fff;
}
.page-numbers {
  border: solid 1px #53aebb;
  color: #53aebb;
  display: inline-block;
  line-height: 1.5;
  margin: 0 .3rem;
  padding: 1rem;
}
.page_nation ul {
  align-items: center;
  display: flex;
}
.pagination-total {
  margin-left: 2rem;
}
.post-navi {
  padding: 5rem 0;
  clear: both;
}
#news_t img {
  height: 200px;
  object-fit: cover;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
  .news_box {}
  .news_box h4 {
    font-size: 1.8rem;
    padding: 4rem 0 4rem;
  }
  .news_box time {
    font-size: 1rem;
  }
  .news_box p {
    font-size: 1rem;
    line-height: 2;
  }
  .news_box img {
    margin: 1rem 0;
    width: revert-layer;
  }
  .news_list {
    padding: 2rem 1rem;
    font-size: 1.3rem;
  }
  .news_list ul {}
  .news_list li {
     -ms-flex: 0 0 30.6%;
    -webkit-box-flex: 0 0 30.6%;
    -webkit-flex: 0 0 30.6%;
    flex: 0 0 30.6%;
    margin: 0 1rem 3rem;
    border: none;
  }
  .news_list li:nth-last-child(2), .news_list li:nth-last-child(1) {
    -ms-flex: 0 0 30.6%;
    -webkit-box-flex: 0 0 30.6%;
    -webkit-flex: 0 0 30.6%;
    flex: 0 0 30.6%;
	  border:none;
  }
  .news_list a {
    padding: 0rem 0rem;
  }
  .news_list h4 {
    /* margin-left: 0; */
    font-size: 1rem;
  }
  .news_list img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  .page_nation {
    font-size: 1rem;
    margin: 0 auto;
    max-width: 1200px;
    padding: 10rem 0 5rem;
    text-align: center;
  }
  .post-navi {
    padding: 5rem 0;
  }
  #news_t img {
    height: 250px;
    width: 390px;
  }
} /*大きい画面　END*/

/*************************************************特定商取引法に基づく表記********************************************/
.tokushow{	}
.tokushow li{
border-bottom: 1px dotted #ccc;
}
.tokushow li:first-child{
border-top: 1px dotted #ccc;
}
.tokushow span{
-ms-flex: 1 1 20%;
-webkit-box-flex: 1 1 20%;
-webkit-flex: 1 1 20%;
flex: 1 1 20%;
padding: 0 .5rem;
}
.tokushow p{
-ms-flex: 1 1 70%;
-webkit-box-flex: 1 1 70%;
-webkit-flex: 1 1 70%;
flex: 1 1 70%;
text-align: left;
padding: 1rem 1rem 1rem 2rem;
 margin: 0;
}

.debit{
	
}
.debit a{
	text-align: center;
	display: inline-block;
}
.debit li:last-of-type p{
	display: inline-flex;
}
.debit a:last-of-type{
	margin-left: 2rem;
}
.debit img{
	margin:0 auto;
	display: inline-block;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
.tokushow{}
.tokushow li{}
.tokushow span{
-ms-flex: 1 1 8%;
-webkit-box-flex: 1 1 8%;
-webkit-flex: 1 1 8%;
flex: 1 1 8%;
}
.tokushow p{
 -ms-flex: 1 1 70%;
 -webkit-box-flex: 1 1 70%;
-webkit-flex: 1 1 70%;
flex: 1 1 70%;
text-align: left;
padding: 1rem 1rem 1rem 2rem;
 margin: 0;
}
} /*大きい画面　END*/
/**********************************************************************************************************************************************************************************************************************************************************************************************************************************UNDER(下層ペー)************************************************************************************************************************************************************************************************************************************************************************/
/*************************ONLINE SHOP******************************************/
.online{
	padding: 2rem 1rem;
	background: #f3f9f8;
	background: rgb(194,233,241);
	/* background: linear-gradient(90deg, rgba(194,233,241,1) 0%, rgba(198,245,255,1) 100%); */
	background: linear-gradient(162deg, rgb(221 252 255) 0%, rgb(255 255 255) 100%);
}
.online h2{
	padding: 1rem 0 1rem;
	border-top: 2px dotted #756558;
	border-bottom: 2px dotted #726257;
	/* border-left: 2px dotted #1f2c5c; */
	vertical-align: middle;
	/* background: #ffffff; */
	/* border: solid #ccc 1px; */
	margin-bottom: 2rem;
}
.online h2 img{
	width: 87%;
	vertical-align: bottom;
	margin: 0 auto;
}










.online h3{
	font-size: 1rem;
	letter-spacing: .2rem;
	text-align: justify;
	padding: 0 1.5rem 1rem;
	line-height: 1.8;
}	
.online p{
	padding:0 0 0;
	margin: 0;
}

#post-398 h1{
	display:none;
}


.lineup{
	padding:4rem 0;
}
.lineup h2{
	padding:0 0 2rem;
	margin:0;
	text-align: center;
	letter-spacing: .2rem;
}
.lineup_box{
	
}
.lineup_box li{
	-ms-flex: 1 1 100%;
	-webkit-box-flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	margin: 0 0 3rem;
}
.lineup_box h3{
	text-align: center;
	padding: 1rem 0;
}
.lineup_box h3 span{
font-size:.8rem;
}
.lineup_box h3 span span{
font-size:1.1rem;
}
.lineup_box h3 br{
display: block;
}
.lineup_box li img{
	border:1px solid #ccc;
	width: 100%;
}
.more_new{
	text-align: center;
}
.more_new a{
	 padding: .5rem 3rem;
	 display: inline-block;
	 color:#1f2c5c;
	 border:1px solid #1f2c5c;
	 background:transparent;
	 border-radius: 30px;
	 background-image: url("img/right.svg");
	 background-size: 20px auto;
	 background-position: 95% 50%;
	 background-repeat: no-repeat;
	 transition: background 2s;
	 text-decoration: none!important;
}

.shop_kiyaku h3{
	border:none;
}
.shop_kiyaku a{
	text-decoration:none!important;
}
#post-415 h1{
	font-size: 1.8rem;
	text-align: center;
	/* font-weight: bold; */
}
.shop_kiyaku.underver{
	    text-decoration: underline!important;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
.online{
	padding: 4rem;
	min-height: unset;
	border-radius: 10px;
}
.online h2{
	padding: 2rem 0 2rem;
	/* text-align: center; */
	/* margin: 0 auto; */
	margin: 0 auto 2rem;
	width: 80%;
}
.online h2 img{
	width: 85%;
	margin: 0 auto;
	display: inline-block;
}
.online h3{
	font-size: 1.4rem;
	/* margin-bottom: 1rem; */
	padding: 0 0 2rem;
	max-width: 718px;
	margin: 0 auto;
	text-align: center;
}
.online .t_about_text{
	-webkit-flex: 1 1 23%;
	-ms-flex: 1 1 23%;
	-webkit-flex: 1 1 23%;
	flex: 1 1 23%;
	text-align: left;
	margin-left: 5rem;
	}	
	
.online	.t_about_img {
     -ms-flex: 1 1 39%;
     -webkit-box-flex: 1 1 39%;
     -webkit-flex: 1 1 39%;
     flex: 1 1 39%;
     text-align: left;
}
	.online	.t_about_text {
    margin-left: 3rem;
}
.online p{
	padding:0 0 0;
	line-height: 2.5;
}
#lineup_movie .lineup:not(:first-child){
		padding:4rem 0 0;
}	
.lineup{
	padding: 8rem 0 0rem;
}
.lineup h2{
	padding: 0 0 5rem;
	margin:0;
	font-size: 2.5rem;
}
	.lineup_box h3 span{
font-size:.8rem;
}
.lineup_box h3 span span{
font-size:1.1rem;
}
.lineup_box h3 br{
display: none;
}
.lineup_box{
	
}
.lineup_box li{
	-ms-flex: 0 0 30%;
	-webkit-box-flex: 0 0 30%;
	-webkit-flex: 0 0 30%;
	flex: 0 0 30%;
	margin: 0 1rem 4rem;
}
	
.more_new a:hover{
	background:#1f2c5c;
	color:#fff;
}
	
#post-415 h1{
	font-size: 2.5rem;
   }
	.movie_box p,.download_box p{
	margin-bottom: 4rem;
	}		
} /*大きい画面　END*/

/*************************MESONA-J使用方法紹介******************************************/
.video{
	padding:3rem;
	border:1px solid #ccc;
}
.video_elia{
	width:80%;
	margin:0 auto;
}
#post-314 .entry-title{
	display:none;
}
.use h3{
	padding:3rem 1rem;
	font-size:1.7rem;
	margin: 0;
	text-align: center;
	font-weight: normal;
	letter-spacing: .2rem;
}
/*アコーディオン全体*/
.accordion-area,accordion-first{
    list-style: none;
    width: 100%;
    max-width: 1200px;
    margin:0 auto;
}

.accordion-area li,.accordion-first li{
    margin: 0px 0;
}
.accordion-area li img,.accordion-first img{
    width:100%;
}
.accordion-area section,.accordion-first section{
	border-bottom: 1px solid #ccc;
}
.accordion-area li:first-child,.accordion-first li:first-child{
	border-top: 1px solid #ccc;
}
/*アコーディオンタイトル*/
.titleA {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 20px;
    transition: all .5s ease;
    margin: 0;
    letter-spacing: .1rem;
}

/*アイコンの＋と×*/
.titleA::before,
.titleA::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 1px;
    background-color: #333;
}
.titleA::before{
    top:48%;
    right: 27px;
    transform: rotate(229deg);
}
.titleA::after{
    top:48%;
    right: 18px;
    transform: rotate(129deg);
}
/*　closeというクラスがついたら形状変化　*/
.titleA.close::before{
	transform: rotate(315deg);
	/* right: 5px; */
}

.titleA.close::after{
	transform: rotate(47deg);
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
    background: #faf8f5;
	  margin: 0 3% 3% 3%;
    padding: 4% 4%;
  }

.box p{
	margin: 0;
}
.use p{
	padding:1rem 0;
}

/* 小さい画面設定*/
@media (max-width: 767px) {
	.video{
	padding:1rem;
	
}
.video_elia{
	width:100%;
	margin:0 auto;
}
.box {
    margin: 0 3% 3% 3%;
    padding: 7% 5%;
}
	.box p{
		font-size:.85rem;
	}
.use h3{
	padding: 2rem 1rem;
	font-size:1.2rem;
	margin: 0;
}
	.titleA {
    font-size: .85rem;
    padding: 4% 14% 4% 20px;
    margin: 0;
    letter-spacing: .1rem;
}
.titleA::before, .titleA::after {
    width: 7px;
    height: 1px;
}
	.titleA::before {
    top: 48%;
    right: 23px;
  }
.accordion-area li,.accordion-first{
    margin: 10px 0;
}
	.accordion-area section,.accordion-first section{
	border: 1px solid #ccc;
		        margin-bottom: .5rem;
}
.accordion-area li:first-child,.accordion-first li:first-child{
	border-top: none;
	margin: 0;
}
}


/*************************************************商品ページ（AddQuicktag）********************************************/
.categori_tit{
background: #292c55;
    text-align: left;
    color: #fff;
    padding: .5rem 1rem;
    font-size: 1.5rem;
    /*margin: 0 0 3rem;*/
	}

.item_h4{
padding: .1rem 1rem;
    background: #292c55;
    border-radius: 30px;
    letter-spacing: .2rem;
    display: inline-block;
    margin: 0 auto 1rem;
    color: #fff;
    width: 30%;
    text-align: center;
	line-height: 1.8;
	}
.groop{
	margin:0 0 3rem;
}
.woocommerce-tabs .panel h2:first-of-type {
    display: none;
}
.single-product table,.single-product table td{
	background:#fff!important;
	vertical-align: middle;
}
.single-product table .item_h4 {
     width: 100%;
	margin:0;
    
}
.item_img_box{
	position:relative;
	margin-bottom: 2rem;
}
.item_img_box img{
	width:auto;
	border-radius:0;
}
.item_img_box:after{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	background-color:#0404040f;
}
.text_lt{
	position:absolute;
	left:5%;
	top:5%;
	z-index:10;
	text-shadow:0px 2px 5px rgb(0 0 0);
}

.storefront-product-pagination {
    display: none;
}
/*
.related{
	display:none;
}*/
ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img {
    /* max-height: 242px; */
    /* width: fit-content; */
    width: 270px;
    height: 230px;
    object-fit: cover;
}
ul.products li.product .button,.related .price{
     display: none!important;
}

/* 大きい画面設定*/
@media (min-width: 767px) {
.storefront-full-width-content .woocommerce-tabs ul.tabs {
  display:none;
}
.storefront-full-width-content .woocommerce-tabs .panel {
    width: 100%;
 
}	
.woocommerce-variation-price .price .woocommerce-Price-amount bdi{
	font-size: 1.5rem;
    font-weight: bold;
    background: #f2f2f2;
    padding: .7rem;
    margin: 1rem 0;
    display: block;
    text-align: center;
    border: 1px solid #ccc;
	}	
}/*大きい画面　END*/

/* 小さい画面設定*/
@media (max-width: 767px) {
.categori_tit {
    font-size: 1.2rem;
}
.text_lt span{
 font-size: 1rem!important;   
}
.item_img_box img {
    height: 40vh;
    object-fit: cover;
}
.single-product table{
margin-left: 5px;
    margin-right: 5px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
    white-space: nowrap;
}
.single-product table tbody{	
	width: 300px;
    /* overflow: hidden; */
    display: inline-block;
    overflow-x: auto;
	}
.single-product table, .single-product table td {
    padding: .7rem .3rem;
}
	.single-product table td {
    min-width:220px;
}
.single-product table .item_h4 {
    width: 140px;
  }
	.single-product table img{
		width:240px;
		height:auto;
		}
}/*小さい画面　END*/


/*************************************************導⼊溶剤レシピ紹介（Recipe introduction）********************************************/

.resipi{}
.resipi h3{
	font-size: 1.1rem;
	font-weight: normal;
	color: #492419;
	padding: 1rem 1rem;
}
.resipi_box{
 margin-bottom:2rem;
 background: #f9f9f9;
 padding: 0;
}

.resipi_box ul{}
.resipi_box li{
-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
	text-align: center;
}

.resipi_box li:nth-of-type(even) {
-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 0 0 50px;
}
.resipi_box li img{
	width: 65%;
	margin: 0 auto 1rem;
}
.resipi_box li span{
	font-size: 2rem;
	margin-bottom: 1rem;
	display: inline-block;
	color: #959595;
}
.resipi_box li p{
	text-align: center;
}
.resipi_tit{
    padding: 1px 1px;
    background: #1D2B58;
    color: #fff;
    border-radius: 30px;
    font-size: .9rem;
    display: block;
    width: 60%;
    margin: 0 auto 1rem;
}
	.h2_tit{
		font-size:1.2rem;
		margin-bottom: 1rem;
	}
.font-small{
	font-size:.7rem;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
.resipi{}
.resipi_box{margin-bottom: 4rem;padding: 1rem;}
.resipi h3{
	font-size: 1.3rem;
	padding: 2rem 1rem 1rem;
}
.resipi_box ul{}
.resipi_box li{
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
	text-align: center;
}
.resipi_box li:nth-of-type(even) {
-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 0 0 50px;
}
.resipi_box li img{
	width: 250px;
	border: 1px solid #b5b0b0;
}
.resipi_box li span{
	font-size:3rem;
	margin-bottom: 3rem;
}
.resipi_box li p{
	font-size:.85rem;
}
.resipi_tit{
    padding: 1px 1px;
    font-size: .9rem;
    width: 190px;
    margin: 0 auto 1rem;
}
	.h2_tit{
		font-size:1.2rem;
		margin-bottom: 1rem;
	}
.font-small{
	font-size:.75rem!important;
}
}/*大きい画面　END*/

/*************************************************導入事例紹介（example）********************************************/

#sharm{
	margin-bottom: 5rem;
}
.sharm h3{
	color:#0070c0;
}
.ranking h4{
	    /* color: #cb530a; */
	    font-size: 1.1rem;
}
.ranking h5{
	font-size: 1.1rem;
	margin-top: 3rem;
	letter-spacing: .1rem;
	}	
#sharm .box{
	
}

.sharm_box{}
.sharmbox .sharm_img,.sharm_txt{
	-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.sharm_img{
	text-align: center;
}
.sharm_img img{
	width: 80%;
}
.ranking_box{
	margin-bottom: 2rem;
}
.ranking_box li{
	-ms-flex: 0 0 48%;
	-webkit-box-flex: 0 0 48%;
	-webkit-flex: 0 0 48%;
	flex: 1 1 41%;
	text-align: center;
	margin:0 .5rem;
}
.ranking_box p{
	font-size:.8rem;
}
.hikaku{
	padding: 1rem 0 0;
}
.hikaku li{
	border:none!important;
	margin-bottom: 3rem;
}
.hikaku p{
	text-align: center;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
.ranking h4{/* color: #cb530a; */font-size: 1.3rem;}	
	.ranking h5{
		font-size: 1.3rem;
		margin-top: 3rem;
	}	
#sharm{
	margin-bottom: 5rem;
}

#sharm .box{
	
}

.sharm_box{}
.sharmbox .sharm_img,.sharm_txt{
	
}
.sharm_img{
	-ms-flex: 1 1 28%;
-webkit-box-flex: 1 1 28%;
-webkit-flex: 1 1 28%;
flex: 1 1 28%;
	text-align: center;
}
.sharm_txt{
	-ms-flex: 1 1 60%;
-webkit-box-flex: 1 1 60%;
-webkit-flex: 1 1 60%;
flex: 1 1 60%;
        margin: 0 0 0 5rem;
}
	.sharm_img img{
	width: 100%;
}
	.ranking_box{
	margin-bottom: 2rem;
}
.ranking_box li{
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
	margin:0 .5rem;
}	
.ranking_box p{
	font-size: .7rem;
}
	.hikaku{
	padding: 2rem 2rem 0rem;
}
.hikaku li{
	margin:0 4rem 5rem;
}
.hikaku li:last-of-type {
	margin:0 4rem;
}
.hikaku p{
	
}
	.doctor_01{
		width: 68%!important;
		margin: 0 auto;
	}
}/*大きい画面　END*/

.download_box li{
	text-align: center;
	margin: 0 0 5rem;
}
.download_box li img {
     width: 60%;
	margin: 0 auto;
	position: relative;
}
.download_box li a{
 	position: relative;
	
}
.download_box li span {
    position: absolute;
    right: 5.5rem;
    bottom: 1rem;
    border: 2px solid #d7571a;
    border-radius: 5px;
    font-size: .8rem;
    background-color: #ffffff;
    padding: .3rem .5rem;
    color: #d7571a;
    font-weight: bold;
    line-height: 1.5;
}

.movie_box li{
	text-align: center;
	margin: 0 0 5rem;
}
.movie_box li img {
     width: 60%;
	margin: 0 auto;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
.download_box li{
	-ms-flex: 0 0 30%;
	-webkit-box-flex: 0 0 30%;
	-webkit-flex: 0 0 30%;
	flex: 0 0 30%;
	margin: 0 1rem 4rem;
	}
.download_box li img {
    border: 1px solid #ccc;
    width: 60%;
}
.movie_box li{
	-ms-flex: 0 0 30%;
	-webkit-box-flex: 0 0 30%;
	-webkit-flex: 0 0 30%;
	flex: 0 0 30%;
	margin: 0 1rem 4rem;
	}
.movie_box li img {
    border: 1px solid #ccc;
    width: 100%;
}
}/*大きい画面　END*/


/*************************************************よくあるご質問（FAQ）********************************************/


.question h3{
	text-align: center;
	margin:2rem 0;
	font-weight: normal;
}
.que_box{
	padding: 2rem 0 0;
}

.que_box li:nth-child(1),.que_box li:nth-child(3){
	-ms-flex: 1 1 15%;
	-webkit-box-flex: 1 1 15%;
	-webkit-flex: 1 1 15%;
	flex: 1 1 15%;
	font-size: 2rem;
	border: none;
	text-align: left;
}
.que_box li:nth-child(2),.que_box li:nth-child(4){
	-ms-flex: 1 1 68%;
	-webkit-box-flex: 1 1 68%;
	-webkit-flex: 1 1 68%;
	flex: 1 1 68%;
	margin: 0 0 0 1rem;
}
.que_box li:nth-child(2) p,.que_box li:nth-child(4) p{
margin-bottom: 2rem;
}
.que_box li:nth-child(2) img,.que_box li:nth-child(4) img{width: 95%;}
.que_box li:nth-child(3) {margin-left: 0rem;}

.que_box li:nth-child(2){
margin-bottom: 3rem;
}

/* 大きい画面設定*/
@media (min-width: 767px) {
.question h3{
	margin:5rem 0;
}
	.que_box{
	padding:2rem 1rem 0;
}

.que_box li:nth-child(1),.que_box li:nth-child(3){
	-ms-flex: 1 1 6%;
	-webkit-box-flex: 1 1 6%;
	-webkit-flex: 1 1 6%;
	flex: 1 1 6%;
	font-size: 2.5rem;
	border: none;
	text-align: center;
}
.que_box li:nth-child(2),.que_box li:nth-child(4){
	-ms-flex: 1 1 34%;
	-webkit-box-flex: 1 1 34%;
	-webkit-flex: 1 1 34%;
	flex: 1 1 34%;
	margin:0 0 0 2rem;
}
.que_box li:nth-child(2) p,.que_box li:nth-child(4) p{
margin-bottom: 2rem;
}
.que_box li:nth-child(2) img,.que_box li:nth-child(4) img{width: 85%;}
.que_box li:nth-child(3) {
margin-left: 2rem;
}
	.que_box li:nth-child(2){
margin-bottom: 0;
}
}/*大きい画面　END*/


/******************************導入事例紹介(症状紹介)*********************************/

.ultimet{
	margin:1rem 0 0;
}

.ultimet_h2,.ultimet_h4{
	text-align: center;
}
.ultimet_h3{
	text-align: center;
    border: none;
    padding: 1rem 0;
    letter-spacing: .1rem;
}
.ultimet_h4{
		margin:0 0 3rem;
	}
.ultimet_h4 img{
	width: 2%;
    vertical-align: text-top;
    margin: 0 .5rem 1rem;
}
.shourei_box h5 {
  font-size: 1rem;
  font-weight: normal;
}
.shourei_img {
  margin: 2rem 0 0;
}
.shourei_img li:nth-of-type(odd) {
  -ms-flex: 1 1 100%;
  -webkit-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  text-align: center;
}
.shourei_img li:nth-of-type(even) {
  -ms-flex: 1 1 15%;
  -webkit-box-flex: 1 1 15%;
  -webkit-flex: 1 1 15%;
  flex: 1 1 15%;
  margin: 1rem 0;
  text-align: center;
}
.shourei_img li:nth-of-type(odd) img {
  border: 15px solid #ffffff;
  width: 96%;
}
.shourei_img li:nth-of-type(even) img {
  transform: rotate(90deg);
  width: 11%;
}
.meso_color {
  border-radius: 30px;
  font-size: .8rem;
  margin: 1rem auto 1rem;
  padding: .5rem 1rem;
  text-align: center;
  width: 157px;
}
.m_pink {
  border: 1px solid #dd198d;
  color: #DD198D;
}
.m_white {
  border: 1px solid #a5a5a5;
  color: #a5a5a5;
}
.m_orenge {
  border: 1px solid #FF6F2F;
  color: #FF6F2F;
}
.m_black {
  border: 1px solid #3F3F3F;
  color: #3F3F3F;
}
.m_yellow {
  border: 1px solid #e5c301;
  color: #e7c502;
}
.product_box {
  background: #fbfbfb;
  border-radius: 15px;
  margin: 1rem 0;
  padding: 2rem 1rem;
}
.product_box:last-of-type {
  margin: 1rem 0 0;
}
/*******************メールマガジン調整****************************/
.news_box table{
	display:flex;
	justify-content:center;
	
}
.news_box table:not( .has-background ) tbody td {
    background-color: transparent;
}
.news_box table p {
        line-height: 1.5;
        letter-spacing: .5px;
    }
/* 大きい画面設定*/
@media (min-width: 767px) {
	.news_box table{
	width: 600px;
    margin: 0 auto;
	
}
	.ultimet{
	margin:5rem 0 0;
}
	.ultimet_h2{
	font-size: 2.5rem;
}
	.ultimet_h3{
    padding: 1rem 0;
    letter-spacing: .1rem;
}
	.ultimet_h4{
		margin:0 0 3rem;
	}
	.ultimet_h4 img{
	width: 2%;
        vertical-align: text-top;
        margin: 0 .5rem 1rem;
}
	
  .shourei_box h5 {
    font-size: 1.2rem;
    font-weight: normal;
  }
  .shourei_img {
    margin: 2rem 0 0;
  }
  .shourei_img li:nth-of-type(odd) {
    -ms-flex: 1 1 45%;
    -webkit-box-flex: 1 1 45%;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    text-align: center;
  }
  .shourei_img li:nth-of-type(even) {
    -ms-flex: 1 1 5%;
    -webkit-box-flex: 1 1 5%;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    text-align: center;
  }
  .shourei_img li:nth-of-type(odd) img {
    width: 60%;
	margin: 0 auto;
  }
  .shourei_img li:nth-of-type(even) img {
    transform: rotate(0deg);
    width: 60%;
  }
  .meso_color {
    border-radius: 30px;
    font-size: 1rem;
    margin: 1rem auto 3rem;
    padding: .5rem 1rem;
    text-align: center;
    width: 200px;
  }
	  .product_box {
    margin: 1rem 0 4rem;
    padding: 7rem 7rem;
  }
  .product_box:last-of-type {
    margin: 1rem 0 0;
  }
} /*大きい画面　END*/


































/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/
/************************************************************iPad,iPadpro*******************************************************************************/
@media (min-width: 768px) and (max-width: 1200px) {
   .top_text {
    /* top: 100%; */
    /* right: 10%; */
   }
	.appear .top_back {
     height: 45vh;
}
	 .kiki_img {
    left: 2%;
    top: 0%;
    padding: 2rem 0 0;
}
.kiki_img img{
		width:75%;
	}
	#news_t li {
    padding: 0 1rem 0 0;
}
	#news_t li:not(:first-child) {
    padding: 0 0 3rem 1rem;
}
	.top_msg {
    top: 48%;
    left: 48%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 5.5vw;
    letter-spacing: 0.1rem;
    color: #ffffff;
    width: 94vw;
}
	.kiki_img img {
    width: 50%;
}
	.top_baner,.t_baner_box li:first-child,.t_baner_box li:nth-of-type(2){
		height: 50vh;
	}
	.t_baner_box li:nth-of-type(3) {
    -ms-flex: 1 1 34%;
    -webkit-box-flex: 1 1 34%;
    -webkit-flex: 1 1 34%;
    flex: 1 1 34%;
   }
	.t_baner_box li:first-child {
    background: #ececec73;
}
	.footer_img a img {
    width: 100%;
}
	h1 img {
    width: 31%;
}
	#news_t {
    margin-top: 4rem;
}
	.t_about_text {
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    -webkit-flex: 1 1 45%;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    text-align: left;
    margin-left: 2rem;
}
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 0.618em .5em .5rem;
        font-size: 1rem;
    }
	
	
	    .download_box li {
        -ms-flex: 0 0 44%;
        -webkit-box-flex: 0 0 44%;
        -webkit-flex: 0 0 44%;
        flex: 0 0 44%;
        margin: 0 1rem 4rem;
    }
	.t_about_moji {
        -ms-flex: 0 0 3%;
        -webkit-box-flex: 0 0 3%;
        -webkit-flex: 0 0 3%;
        flex: 0 0 3%;
        text-align: left;
        padding-right: .4rem;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 1.5rem;
        padding-bottom: 1rem;
        color: #fff;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: italic;
    }
	    .online h3 {
        font-size: 1.1rem;
         padding: 0 0 2rem;
        max-width: 718px;
        margin: 0 auto;
        text-align: center;
    }
	#order_wc4jp_delivery_date_field{
		padding:12rem 0 0;
    }
	    .lineup_box li {
        -ms-flex: 0 0 28.5%;
        -webkit-box-flex: 0 0 28.5%;
        -webkit-flex: 0 0 28.5%;
        flex: 0 0 28.5%;
        margin: 0 1rem 4rem;
    }
	  .shourei_img li:nth-of-type(odd) img {
    width: 90%;
  }
  .shourei_img li:nth-of-type(even) img {
    transform: rotate(0deg);
    width: 90%;
  }
	.lineup_box h3 {
     padding: 1rem 0;
   font-size: 1rem;
	}
.more_new a {
    padding: .5rem 2rem;
}
	.product_box {
        margin: 1rem 0 4rem;
        padding: 5rem 5rem;
    }
		.que_box li:nth-child(2), .que_box li:nth-child(4) {
        -ms-flex: 1 1 30%;
        -webkit-box-flex: 1 1 30%;
        -webkit-flex: 1 1 30%;
        flex: 1 1 30%;
        margin: 0 0 0 2rem;   
}
	    .que_box li:nth-child(2) img, .que_box li:nth-child(4) img {
        width: 100%;
    }
}


/*******************************************************************AIR***************************************************************************************************************************************************************************************************************************/
@media (min-width: 820px) and (max-width: 1022px) {

}
/*************************
***************************************************ipad pro**************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1023px) and (max-width: 1200px) {
  .top_text {
    /* top: 100%; */
    /* right: 10%; */
   }
    #order_wc4jp_delivery_date_field {
        padding: 12rem 0 0;
    }	
	
	    .lineup_box li {
        -ms-flex: 0 0 29.7%;
        -webkit-box-flex: 0 0 29.7%;
        -webkit-flex: 0 0 29.7%;
        flex: 0 0 29.7%;
        margin: 0 1rem 4rem;
    }
	.que_box li:nth-child(2), .que_box li:nth-child(4) {
        -ms-flex: 1 1 30%;
        -webkit-box-flex: 1 1 30%;
        -webkit-flex: 1 1 30%;
        flex: 1 1 30%;
        margin: 0 0 0 2rem;   
}
}
/******************************************************************************************************************************************************************************************************************ノートPC******************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1201px) and (max-width: 1366px) {

 .kiki_img {
    left: 2%;
    top: 0%;
    padding: 0rem 0 0;
}
.kiki_img img{
		width:75%;
	}
	.top_text {
    top:50%;
    right:10%;
    padding: 0;
}
.top_msg span{
	font-size:1.1rem;	
	}
	.wrapper{
	max-width: 1100px;
    margin: 0 auto;
}	
h1 img {
	width:20%;
	}
.kiki_img {
  padding: 1rem 0 0;
}
  .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 1em .8em;
        font-size: 1rem;
    }
	 .main-navigation ul.nav-menu>li>a span{
font-size: 1.2rem;
    font-weight: normal;
}
}
/************************************************************sp_beside*******************************************************************************/
@media (min-width: 450px) and (max-width: 767px) {}
/************************************************************PC*******************************************************************************/
@media (min-width: 1367px) and (max-width: 1699px) {
	  .kiki_img {
    left: 5%;
  }
	.top_text {
    right:7%;
    padding: 0;
}
}
/************************************************************HD_PC*******************************************************************************/
@media (min-width: 1700px) {
  .kiki_img {
    left: 10%;
  }
.top_text {
    right:15%;
    padding: 0;
}
.footer_img a img {
    width: 60%;
}
	  .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
       padding: 1em 1em;
        font-size: 1rem;
    }
	
 .main-navigation ul.nav-menu>li>a span{
font-size: 1.2rem;
    font-weight: normal;
}
	
}


/*******************買い物ボタン強制消去***********************/
button.disabled,button.alt{
	display:block!important;
}
/**********テストのみ*************/
/**********テストのみ*************/
.postid-18 button.disabled,.postid-18 button.alt,.postid-731 button.disabled, .postid-731 button.alt{
display:block!important;
}
.place-order #place_order{
display:block!important;	
}

/***************************************************fax終了お知らせ*******************************************************/
#wpmem_reg .button_div {
	margin-top:5rem;
	position:relative;
}
	#wpmem_reg .button_div:after {
		position:absolute;
	left:0;
		top:-30%;;
		 white-space: pre-wrap;
		content:"消耗品・溶剤のFAXでのご注文は2025年1月1日よりご利用できなくなります。\Aご注文は、マスターズクラブサイト内【ONLINE SHOP】よりお願い申し上げます。";
		color:red;
		text-align:left;
		font-size:.8rem;
}	

#wpmem_reg legend {
	padding-bottom: 8rem;
	position:relative;
	text-align:center;
}
#wpmem_reg legend:after {
		position:absolute;
		left:0;
		top: 64%;
		white-space: pre-wrap;
		content:"この登録内容は、請求先データとして登録されます。\A変更は登録後、MyPageにて行うことが可能です。\Aまた、商品お届け先が請求先と違う場合は、MyPageにて登録が可能です。";
		color:red;
		text-align:left;
		font-size:.8rem;
		line-height:1.5;
		color:#000;
		font-weight:normal;
}	
.kokuchi{
	text-align:center;
	color:#ff4d26;
	margin: 5rem 1rem 0;
    text-align: left;
}

.kokuchi h3 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
	font-size:1rem;
}

.kokuchi h3:before, .kokuchi h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #ff2e00;
}

.kokuchi h3:before {
  left:0;
}
.kokuchi h3:after {
  right: 0;
}


.slider {
        margin-top: 0rem;
    }
#wpmem_reg  .myform__section legend{
	padding:0;
	font-size:1.3rem;
}


#wpmem_reg .myform__section legend:after{
	display:none;
}
/* 大きい画面設定*/

@media (min-width: 767px) {
	#wpmem_reg .button_div {
padding-bottom: 5rem;
	}
		#wpmem_reg .button_div:after {
		font-size:1rem;
	}
	#wpmem_reg legend {
	margin-top: 5rem;
	padding-bottom: 12rem;
	}
		#wpmem_reg legend:after {
		font-size:1rem;
		top: 75%;
	}


	.kokuchi{
	margin:0;
	text-align:center;
}
	
.kokuchi h3 {
    padding: 0 55px;
	font-size:1.2rem;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
	#wpmem_reg .button_div:after {
		font-size:.8rem;
	}
	#wpmem_reg legend:after {
		font-size:.8rem;
	}
    .kokuchi {
        margin: 1rem;
      }
	

}

/***************************************************fax終了お知らせ　END*******************************************************/
/***************************************************new マーク*******************************************************/
/********************商品PARTS*******************************/
.term-parts .post-1606{
	position:relative;
}

.term-parts .post-1606:before{
position: absolute;
    left: 11%;
    top: 3%;
    content: "NEW";
    color: red;
    width: 40px;
    height: 34px;
    font-size: .8rem;
    background: #ffffff;
    vertical-align: middle;
    line-height: 2.5;
    border-radius: 15px;
    letter-spacing: .1rem;
    font-weight: bold;
	
}


@media (min-width: 768px) {
.term-parts .post-1606:before{
    left: 7%;
    top: 3%;
 	
}
}

/***************************************************newsをTOPスライダーに*******************************************************/
/***************************************************news*******************************************************/
/***************************************************/
.slick-slide img{
	width: 100%;
	/*height: 642px;*/
	object-fit: cover;
	object-position:  center;
}
.top_msg span{
	display: block;
	font-size:1.3rem;
	padding-bottom: 1rem;
	color: #fff;
	text-shadow: none;
}
.top_msg{
	background:#0000008c!important;
    padding: 2rem!important;
	
	
}
.slider-item a{
	display:block;
}
.slider-item a:hover{
	opacity:.7;
}
.slider:after{
	display:none;
}
.right{
	margin-top:1rem!important;
	text-align: right!important;
}
@media (max-width: 767px) {
.slick-slide img {
     height: 100vh;
	}
.top_msg{
	left: 8%;
	top: 15%;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.top_msg{
	left: 50%;
	top: 16%;
	}
	.slider {
	height:30vh;
}
	.slick-list {
    height: 32vh;
}
	.slick-slide img {
     height: 32vh;
	}
}
@media (min-width: 1201px) and (max-width: 1466px) {
.slider {
	height:35vh;
}
	.top_msg{
	top: 41%;
	width: 45vw;
		left: 72%;
	}
		.slider {
	height:60vh;
}
	.slick-list {
    height: 60vh;
}
}

@media (min-width: 1700px) {
.top_msg{
	top: 53%;
	
	}
}