@charset "UTF-8";
/*
Theme Name: Storefront Child
Author: sakamoto
Author URI: efebonhazlab.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;display: none;}

.logged-in .entry-header .entry-title {
	padding: 0rem 0 4rem;
	display:block;
	text-align:center;
}

/* 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: 0 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
}

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: #ffffff00;
   padding-top: 0em;
   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);
}
.logged-in .site-header{
	background-color:#fff;
}

.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: absolute;
    padding: 1rem 0 0;
}

.mt4{
	margin-top:4rem;
}

/* 小さい画面設定*/
@media (max-width: 767px) {
.logged-in .entry-header .entry-title {
	padding: 2rem 0 4rem;
	display:block;

}
	
	
	
.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;
}
	
.woocommerce-products-header__title {
		margin:0 0 3rem;
}
	
	
}/*小さい画面　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
}

.logged-in .site-main {
    margin-bottom: 0;
	margin-top: 6rem;
}

.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: #ffffff;
    color: #3b3c3f;
    padding: 1.618em 0 1rem;
    border-top: 1px solid #ccc;
}

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

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





.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; */
    margin: 0rem 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: #60c0bd;
    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: #60c0bd;
  border-color: #60c0bd;
}

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: #58a6a2
}

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
}

.pagination ul.page-numbers::before,.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::before,.woocommerce-pagination ul.page-numbers::after {
    content: "";
    display: table
}

.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::after {
    clear: both
}

.pagination .page-numbers,.woocommerce-pagination .page-numbers {
    list-style: none;
    margin: 0;
    vertical-align: middle
}

.pagination .page-numbers li,.woocommerce-pagination .page-numbers li {
    display: inline-block
}

.pagination .page-numbers li .page-numbers,.woocommerce-pagination .page-numbers li .page-numbers {
    border-left-width: 0;
    display: inline-block;
    padding: .3342343017em .875em;
    background-color: rgba(0,0,0,.025);
    color: #43454b
}

.pagination .page-numbers li .page-numbers.current,.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #2c2d33;
    border-color: #2c2d33
}

.pagination .page-numbers li .page-numbers.dots,.woocommerce-pagination .page-numbers li .page-numbers.dots {
    background-color: 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: 1rem;
       padding-bottom: 0;
       position: relative;
       overflow-y: initial;
    }
	
	  .logged-in .site-header {
 		   padding:2rem 0;
		  background-color:#fff;
    }

    .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: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0 2rem;
        /* 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: unset;
        margin-left: 0;
        margin-right: 0;
        min-height: 800px;
        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 .6em;
        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: 1.617924em;
        margin-right: 1.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;
}
.center{
	text-align:center;
}
.right{
	text-align:center;
}
.center_pc{
text-align:left;
}
.content{
		padding: 0 2rem;
	}
.contents{
	margin-bottom:10rem;
}
a:hover{
	opacity:.7;
}

.border{
	border:1px solid #000;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    margin-bottom: 2.617924em;
    background-color: #60c0bd;
    margin-left: 0;
    border-radius: 2px;
    color: #fff;
    clear: both;
    border-left: .6180469716em solid rgb(223 223 223 / 15%);
    padding: 1em 2em 1em 3.5em;
    position: relative;
    list-style: none outside;
	margin-top: 8rem!important;
}
/***************KOMOJU discription消去********************/
#payment .payment_methods li:first-child .payment_box {
	display:none!important;
}
/***********************商品説明の強制表示*******************************/
 .storefront-full-width-content .woocommerce-tabs .panel {
       display: block !important;
    }
.woocommerce-tabs ul.tabs li {
    margin-bottom: 2rem;
}

.wc-proceed-to-checkout .button.checkout-button {font-size:1.01575em;}
.gest{
	margin-top:5rem;
}
.gest section{
	padding: 0 0 2rem;
}
.gest section:last-of-type{
	padding: 0rem 0 4rem;
}
.under h3{
	font-size:2rem;
	text-align: center;
}
.under .font{font-family: "Work Sans", sans-serif;font-optical-sizing: auto;font-style: normal;font-weight: 700;font-size:3rem;margin-bottom: 2rem;color: #4d4d4d;}
.under .font span{
	display: block;
	color:#d6d6d6;
	text-align: right;
}
.logged-in .footer_img a,.logged-in .site-branding a,.logged-in .woocommerce-breadcrumb a:first-child {
	pointer-events: none;
}
#under_inner{
	margin-top: 9rem;
}
.gest a{
	text-decoration: none!important;
}
.storefront-breadcrumb {
	position:absolute;
	bottom: 32rem;
}
.woocommerce form .form-row .required {
      display: inline;
}
.products{
	margin-bottom:3rem;
	    padding: 0 3rem;
}

/* 大きい画面設定*/
@media (min-width: 767px){
.sp{
	display: none!important;
}
.pc{
	display:block;
}
.logged-in .col-full {
        max-width:1280px;
       margin:0 auto;
        padding: 0 2rem;
      
    }
	.site-header-cart .cart-contents::after {
        font-size: 1.6rem;
        line-height: 1;
        color: #60c0bd;
 }
.gest{
	margin-top: 1rem;
}
	.gest section{
	padding: 0 0 15rem;
}
	.gest section:last-of-type{
	padding: 0 0 15rem;
}
	.under h3{
	font-size: 1.7rem;
	text-align: left;
	margin-bottom: 2rem;
}
.under .font{font-size: 3vw;max-width: 850px;margin: auto 0 4rem 0;}
.container {
    max-width: 1280px;
    margin: 0 auto!important;
  }
  .container_short {
    max-width: 1000px;
    margin: 0 auto;
  }
.content{
		padding: 0 4rem;
	}
.contents{
	margin-bottom:10rem;
}
	#under_inner{
	margin-top: 6rem;
}
.storefront-breadcrumb {
    bottom: 30rem;
}
.right{
	text-align:right;
}
.center_pc{
text-align:center;
	}
	
.products{
padding-bottom:6rem;
}
 .storefront-full-width-content.single-product div.product .summary {
 margin-bottom: 10.706326em;
    }
	.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {

    margin-top:0rem !important;
}
}/* 大きい画面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;
	padding:0;
}
.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;
          }
	
	.menu-header-sub-navi-container{
		position: relative;
    right: 4px;
		top: 3px;
	}
/***************reCAPTCHA 消去******************/
	/*.grecaptcha-badge{
		display:none;
	}	*/
	
}/***小さい画面END***/

.more {
  margin: 2rem 0 0;
  text-align: center;
}
.more a {
  background: #8dc1bf;
  /* 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;
}

.woocommerce-error {
    background-color: #60c0bd;
    color: #000;
}
.payment_method_cod img{
	display:none;
}
.woocommerce-MyAccount-navigation{
	margin-bottom:4rem;
}
.error-404{
	margin-top:5rem;
}

/*========= ナビゲーションのためのCSS ===============*/
@media screen and (max-width:767px) {
  /*アクティブになったエリア*/
  #g-nav.panelactive {
    background: #edf9f8;
    left: 0;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  /*丸の拡大*/
  .circle-bg {
    background: #edf9f8;
    bottom: -50px;
    border-radius: 50%;
    height: 100px;
    position: fixed;
    right: -50px;
    transform: scale(0);
    transition: all .6s;
    width: 100px;
    z-index: 3;
  }
  .circle-bg.circleactive {
    transform: scale(50);
  }
  /*ナビゲーションの縦スクロール*/
  #g-nav-list {
    display: none;
    height: 100vh;
    -webkit-overflow-scrolling: touch;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  #g-nav.panelactive #g-nav-list {
    display: block;
  }
  /*ナビゲーション*/
  #g-nav ul {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
  }
  /*背景が出現後にナビゲーションを表示*/
  #g-nav.panelactive ul {
    opacity: 1;
  }
  #g-nav.panelactive ul li {
    animation-name: gnaviAnime;
    animation-duration: 1s;
    animation-delay: .2s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  /*リストのレイアウト設定*/
  #g-nav li {
    list-style: none;
    margin: 0 0 10px 0;
    text-align: center;
  }
  #g-nav li a {
    color: #fff;
    font-weight: bold;
    display: block;
    letter-spacing: .1em;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
  }
}
@keyframes gnaviAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*===========================================================*/
/*3本線が×に*/
/*===========================================================*/
.openbtn {
  display: none;
}
@media screen and (max-width:767px) {
  .openbtn {
        background: #ffffff;
        border-radius: 5px;
        border: 1px solid #79cfcf;
        cursor: pointer;
        display: block;
        height: 94px;
        margin: 0.4rem 0 .2rem .2rem;
        position: fixed;
        right: 70px;
        top: 0px;
        width: 94px;
        z-index: 9999;
  }
  /*×に変化*/
  .openbtn span {
    background-color: #79cfcf;
    border-radius: 2px;
    display: inline-block;
    height: 2px;
    left: 23px;
    position: absolute;
    transition: all .4s;
    width: 45%;
  }
  .openbtn span:nth-of-type(1) {
    top: 33px;
  }
  .openbtn span:nth-of-type(2) {
    top: 46px;
  }
  .openbtn span:nth-of-type(3) {
    top: 58px;
  }
  .openbtn.active span:nth-of-type(1) {
    top: 41px;
    left: 28px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
  }
  .openbtn.active span:nth-of-type(2) {
    opacity: 0;
  }
  .openbtn.active span:nth-of-type(3) {
    left: 28px;
    top: 52px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
  }
}
@media screen and (max-width:768px) {
  .openbtn {
    height: 41px;
    width: 54px;
  }
  /*×に変化*/
  .openbtn span {
    left: 15px;
  }
  .openbtn span:nth-of-type(1) {
    top: 10px;
  }
  .openbtn span:nth-of-type(2) {
    top: 18px;
  }
  .openbtn span:nth-of-type(3) {
    top: 26px;
  }
  .openbtn.active span:nth-of-type(1) {
    left: 19px;
    top: 13px;
  }
  .openbtn.active span:nth-of-type(3) {
    left: 19px;
    top: 25px;
  }
}


/* header */
#header {
  background: #ffffff00;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: .5rem 1rem;
  /* position: fixed; */
  top: 0;
  width: 100%;
  z-index: 99;
}
@media screen and (max-width:768px) {
  #header {
    padding: .2rem 0;
  }
}
#header h1 {
  color: #63D2D3;
  display: inline-block;
  font-size: 1.5rem;
  left: 5%;
  letter-spacing: .1em;
  line-height: 1;
  top: 25px;
  padding-left: 0;
  vertical-align: middle;
}
#header h1 img {
  width: 158px;
}
#g-nav ul {
  display: flex;
  width: 100%;
}
#g-nav ul li {
  letter-spacing: 0.1em;
  white-space: nowrap;
}
#g-nav ul li:last-child {
  /* display: none; */
}
#g-nav ul li a {
  color: #60c0bd;
  display: block;
  font-size: 1.2vw;
  padding: 6px 8px;
}
@media screen and (max-width:767px) {
  #g-nav ul {
    display: block;
    padding: 0;
  }
  #g-nav ul li a {
    padding: 6px 15px;
    font-size: 1rem;
  }
}
#header ul#utility-navi {
  display: flex;
  font-size: .8rem;
  justify-content: flex-end;
  margin: 0;
  right: 0;
  top: 0;
  width: auto;
  /* z-index: -1; */
}
#header ul#utility-navi li {
  text-align: center;
}
#header ul#utility-navi li span {
  display: block;
  font-size: 1.2vw;
}
#header ul#utility-navi li a {
  color: #ffffff;
  font-size: 1vw;
  display: block;
  padding: 15px 8px;
  transition: all .5s;
}
#header ul#utility-navi li img {
  width: 35%;
}
#header ul#utility-navi li:first-child a {
  background: #8dc1bf;
}
#header ul#utility-navi li:first-child a:hover {
  background: #78c3c6;
}
#header ul#utility-navi li:last-child a {
  background: #60c0bd;
  /* color: #fff; */
}
#header ul#utility-navi li:last-child a:hover {
  background: #8dc1bf;
}
@media screen and (max-width:768px) {
  #header h1 {
    top: 9px;
  }
  #header ul#utility-navi li span {
    /* display:none; */
    font-size: .85rem;
  }
  #header ul#utility-navi li a {
    align-items: center;
    border: 1px solid #63d2d3;
    border-radius: 5px;
    color: #63d2d3;
    display: flex;
    font-size: .75rem;
    height: 40px;
    justify-content: center;
    letter-spacing: 0;
    margin: .2rem 0;
    padding: 0 .2rem;
    width: 60px;
  }
  .logged-in #header ul#utility-navi li a {
    background: #fff;
    border: 1px solid #79cfcf;
    color: #79cfcf;
    font-size: .7rem;
    padding: 1rem .2rem;
  }
  #header ul#utility-navi li img {
    margin: 17px 0 0 0;
    width: 45%;
  }
}
@media screen and (max-width:767px) {
  #header h1 {
    font-size: 1rem;
    left: 5px;
    padding: 0;
    position: relative;
    top: 5px;
    z-index: 10;
    margin: 0;
  }
  #g-nav ul li:last-child {
    display: block;
  }
  #header ul#utility-navi li:first-child {
    /* display: none; */
  }
  #header ul#utility-navi li:last-child a {
    background: #ffffff;
    margin: 0rem.3rem .2rem .2rem;
  }
  #header ul#utility-navi li:first-child a {
    background: #ffffff;
    margin: 0 0 0 0.0rem;
  }
  #header ul#utility-navi li:first-child a:hover {
    background: #ffffff;
  }
  #header ul#utility-navi li:last-child a:hover {
    background: #ffffff;
  }
}
/* 大きい画面設定*/
@media (min-width: 767px) {
  #header h1 {
    display: inline-block;
    font-size: 1rem;
    -ms-flex: 1 1 25%;
    -webkit-box-flex: 1 1 25%;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
  }
  #header h1 img {
    width: 215px;
  }
  #header .menu_sp {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    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;
    -ms-flex: 1 1 75%;
    -webkit-box-flex: 1 1 75%;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 0 1rem;
  }
  #g-nav ul li a {
    font-size: .95vw;
    /* font-weight: bold; */
  }
  #header ul#utility-navi {
    margin: 0 0 0 1rem;
  }
  #header ul#utility-navi li a {
    font-size: .7vw;
    padding: 15px 15px;
  }
  #header ul#utility-navi li span {
    font-size: 0.75vw;
  }
} /* 大きい画面設定 END*/
/***************************************支払い画面制限(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: #60c0bd;
    border-color: #8dc1bf;
    color: #ffffff;
}
.payment_method_cod2 img{
	display:none!important
}
.to_shipping{
	margin-bottom:2rem;
}

.woocommerce-billing-fields span{
	width:100%;
}
/*********クール便*********/
#coolbin{
	pointer-events: none;
}

.woocommerce-shipping-fields__field-wrapper span{
	display:unset;
}

/***************************************カート画面(お買い物カゴ)*********************************************/
/* 小さい画面設定*/
@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;
}
	.woocommerce-terms-and-conditions-checkbox-text{
	display: inline;
    padding-left: .5rem;
	}	
	
	
	
}/* 小さい画面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(3),.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(4),.myform__wrap-row:nth-of-type(6){
	
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: 2rem 0 10rem;
	}
.kiyaku h2{
	font-size:2rem;
	margin:4rem 0;
	text-align: center;
}
.logged-in .kiyaku h2{
	font-size:1.5rem;
	margin: 0 0 4rem;
	text-align: center;
}

.link-text-username a{
	display:block;
	margin-top:.5rem;
}
#wpmem_restricted_msg a{
	text-decoration:underline;
}

#wpmem_reg input[name="billing_last_name"]{
    width:100%;
}
/*
#wpmem_reg .div_text:has(input[name="billing_last_name"]){
    display:flex;
    gap:10px;
}

#wpmem_reg .div_text:has(input[name="billing_last_name"]) label{
    width:120px;
}

#wpmem_reg .div_text:has(input[name="billing_last_name"]) input{
    flex:1;
}
*/
/* 小さい画面設定*/
@media (max-width: 767px) {
	.kiyaku{
	padding: 1rem 0 4rem;
}
	.kiyaku h2{
	font-size:1.5rem;
	/*font-weight:bold;*/
	margin-bottom: 2rem;
}
	
#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;
}
.logged-in .storefront-breadcrumb {
    padding: 1.41575em 0;
    margin: 2rem 0 0;
    bottom: 41rem;
}
}
/* 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;
}
.woocommerce-address-fields span{
width:100%;
}
.woocommerce-address-fields button{
margin-top:2rem;
}
#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;
	position: relative;
	width: 100%;
}
.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;
}

.myaccount_address{
	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;
	display:none!important;
}

.woocommerce-account .address_book header {
       padding: 1rem 0;
	height: stretch;
    }
.woocommerce-account .address-book {
    margin-top: 1rem;
}

.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%;
	text-align: center;
}
.footer_img{
	margin: 2rem 0;
	flex: 1 1 100%;
}
.addr{
	text-align: center;
	margin-bottom: 3rem;
}
.footer_box{
	
}
#footer-navi{
    flex: 1 1 100%;
}
#footer_other{
	flex: 1 1 100%;
}
#footer-navi ul,#footer_other ul,#footer_gest ul{
	display:flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#footer-navi li{
	-ms-flex: 1 1 50%;
	-webkit-box-flex: 1 1 50%;
	-webkit-flex: 1 1 50%;
	flex: 1 1 50%;
	text-align: left;
	margin-bottom: .5rem;
}

#footer_other li{
-ms-flex: 1 1 28%;
-webkit-box-flex: 1 1 28%;
-webkit-flex: 1 1 28%;
flex: 1 1 50%;
	margin-bottom: .5rem;
}

#footer_gest li{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;margin-bottom: .5rem;text-align: center;margin-right: 1.8rem;font-size: .8rem;}
.menu-footer-gest-container{
	max-width: unset;
	width: 100%;
}
#footer-navi ul li a{
	text-decoration:none;
	padding: 0 0;
	font-size: .8rem;
}
.site-info a{
	display:none;
}
.copyright{
	font-size:.7rem;
	text-align: center;
	margin: 2rem 0 0;
}
.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;
}

.f_baner{
	margin:0 0 2rem;
	max-width:unset;
}
.f_baner li{
	-ms-flex: 1 1 100%;
	-webkit-box-flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
	flex: 1 1 40%;
	margin: 0 1rem;
	text-align:center;
}

.f_baner li:last-of-type{
	margin-left:0;
}
.f_baner li a{background-color:#F8F8F8;border:1px solid #ccc;padding: .8rem .8em;}
.f_baner li span{margin: 1rem 0 0;font-size: .75rem;}
.f_baner li a img{
	width: 34%;
	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: 1 1 100%;
	-webkit-box-flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	margin: 2rem 0 2rem;
	}
.addr{
	text-align: center;
	margin-bottom: 3rem;
}	
.footer_box{
	max-width: 800px;
	margin:0 auto;
}	
#footer-navi{
	-ms-flex: 1 1 45%;
	-webkit-box-flex: 1 1 45%;
	-webkit-flex: 1 1 45%;
	flex: 1 1 45%;
	margin:0 2rem 0 0rem;
	padding:0 0rem;
}	

#footer_other{
	-ms-flex: 1 1 45%;
	-webkit-box-flex: 1 1 45%;
	-webkit-flex: 1 1 45%;
	flex: 1 1 45%;
	margin:0 0 0 2rem;
	padding:0 0rem;
}	
	
#footer-navi li{
	-ms-flex: 1 1 100%;
	-webkit-box-flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	
	}	
#footer_other li{
	-ms-flex: 1 1 100%;
	-webkit-box-flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;

	}
#footer_gest li{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;margin: 0 0 0;font-size: .9rem;}	
	
	#footer_other li{


	}
.menu-footer-gest-container{
	/* min-width:1200px; */
	margin:0 auto;
}
.footer_img a img{
	width: 65%;
}
.footer_baner{
	padding:10rem 0;
	
}
.footer_baner img{
	
}
.copyright{
	font-size:.7rem;
	text-align: center;
	margin: 3rem 0 0;
}
	.f_baner{
	margin: 0 auto 4rem;
	max-width: 400px;
}
.f_baner li{
-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
	
}

.f_baner li:last-of-type{
	margin-left: 0rem;
}
.f_baner li a{background-color: #F8F8F8;border:1px solid #ccc;padding: 1rem 2rem;}
.f_baner li span{margin: 0 0 0 .5rem;font-size: .8rem;}
.f_baner li a img{
	width:15%;
	margin-bottom: 0.3rem;
}
}/*大きい画面　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 #60c0bd;
  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: #8dc1bf;
}
.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 43%;
	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: 3rem;
	}
.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_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_t li {
    -ms-flex: 1 1 33%;
    -webkit-box-flex: 1 1 33%;
    -webkit-flex: 1 1 33%;
    flex: 1 1 33%;
    margin: 0;
    padding: 0 0rem 4rem 0;
    text-align: center;
  }
  #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;
    padding: 2rem;
  }
  #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;
  }
	#news_t li a,#news_t li picture{
		width:100%;
	}
} /*大きい画面　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 #ccc;
  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: 380px;
    width: 100%;
  }
} /*大きい画面　END*/

/*************************************************特定商取引法に基づく表記********************************************/
.tokushow{	}
.tokushow li{
border-bottom: 1px dotted #ccc;
	padding: 1rem 0;
}
.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;
font-weight: bold;
}
.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{
	margin: 0 2rem;
}
.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;
	text-align: center;
}
.lineup_box h3{
	text-align: center;
	padding: 1rem 0;
}
.lineup_box li img{
border: 1px solid #ccc;
    width: 320px;
    height: 290px;
    object-fit: cover;
}
.more_new{
	text-align: center;
}
.more_new a{
	 padding: .5rem 3rem;
	 display: inline-block;
	 color: #ffffff;
	 /* border:1px solid #1f2c5c; */
	 background: #8dc1bf;
	 border-radius: 30px;
	 /* background-image: url("img/right.svg"); */
	 background-size: 20px auto;
	 background-position: 95% 50%;
	 background-repeat: no-repeat;
	 transition: background 1s;
	 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{
	padding: 4rem 0 0rem;
}
.lineup h2{
	padding: 0 0 5rem;
	margin:0;
	font-size: 2.5rem;
}
.lineup_box{
	margin: 0;
}
.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;
	/* text-align: center; */
}
.more_new a:hover{
	background:#1f2c5c;
	color:#fff;
}
.lineup_box li img{
    width: 320px;
    height: 290px;
   }	
#post-415 h1{
	font-size: 2.5rem;
   }
} /*大きい画面　END*/

/*************************使用方法紹介******************************************/
.video{
	padding: 3rem;
	border:1px solid #ccc;
	margin: 0;
}
.videoA{
	max-width:700px;
	margin:0 auto;
}
.video_elia{
	width: 100%;
	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;
    border: 1px solid #ccc;
}
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;
}
.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 33%;
	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;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
	.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*/















































































































































































































































































































/********************************************************************************************************************************/
/***********************************************RAHAB専用ゲストTOP***********************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/
/****************************************************************************************************************************************/

/*****************************新規会員登録（サロン関係者ですか？）*********************************/
#ultimet_box {
  margin: 0rem 0 0rem;
}


.ultimet {}
.new_member {
  margin: 0 !important;
}
.page_tit {
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: .2rem;
  padding: 2rem 0 3rem;
}
.form h4 {
  font-size: 1.5rem;
  font-weight: normal;
  padding: 0 0 3rem;
  text-align: center;
}
.ultimet_inner {
  margin: 4rem 1rem 3rem;
  /* min-height:600px; */
}
#ultimet_box {
  margin: 0rem 0 0rem;
}
.um-gdpr-content {
  border: 1px solid #ccc;
  display: block !important;
  font-size: .8rem;
  height: 30vh;
  margin: 3rem 0;
  overflow-y: scroll;
  padding: 1rem;
}
.um-field-area a {
  padding: 0 0 3rem;
  pointer-events: none;
}
.um-92.um {
  padding: 0 1rem 10rem !important;
}
.medical_q {
  background: #fbfbfb;
  text-align: center;
  margin: 0 0rem 5rem;
  padding: 3rem 0;
}
.medical_q h3 {

  display: inline-block;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: .2rem;
  margin: 2rem 1rem;
  padding: 0.25em 1em;
  position: relative;
  top: 0;
}
.medical_q h3:before, .medical_q h3:after {
  content: '';
  display: inline-block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 8px;
}
.medical_q h3:before {
  border-bottom: solid 1px black;
  border-left: solid 1px black;
  border-top: solid 1px black;
  left: 0;
}
.medical_q h3:after {
  border-bottom: solid 1px black;
  border-right: solid 1px black;
  border-top: solid 1px black;
  content: '';
  right: 0;
}
.medical_q_bt li a {
  background: #8dc1bf;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  padding: 1rem 2rem;
  text-decoration: none!important;
  width: 135px;
}
.medical_q_bt li:last-child {
  margin: 0 0 0 1rem;
}
#medical_form {
  display: none;
  padding: 0rem 0 0;
}
.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active {
  background: #63d2d3 !important;
}
.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
  color: #ffffff !important;
}
.um-profile-nav {
  display: none !important;
}
.um-profile .um-profile-body {
  padding-top: 0 !important;
}
.um-header {
  border: none !important;
}
.um-field {
  padding: 0px 0 2rem !important;
}
.um-account-main {
  padding: 3rem 0 !important;
}
.um-center {
  margin-top: 1rem;
}
.new_member li:last-child {
  margin: 0 !important;
}
.um-account-meta-img a {
  max-width: 37%;
  margin: 1rem auto;
}
.um-form {
  padding: 0 0 5rem;
}
.gest_msg{
	margin: 5rem 0 0;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
  .page_tit {
    font-size: 2rem;
    padding: 0rem 0 5rem;
  }
  .um-92.um {
    max-width: 650px !important;
  }
  .ultimet_inner {
    margin: 9rem 0rem 0rem;
    /* min-height:800px; */
  }
  .form h4 {
    font-size: 2rem;
  }
  .um-gdpr-content {
    height: 30vh;
    margin: 3rem 0 1rem;
  }
  .medical_q {
    text-align: center;
    margin: 0rem 0 10rem;
    padding: 10rem 0;
  }
  .medical_q h3 {
    font-size: 2rem;
    line-height: 1.4;
    margin: 0rem 0 5rem;
    padding: 0.25em 1em;
  }
  .medical_q_bt li a {
    font-size: 1rem;
    padding: 1rem 2rem;
    width: 250px;
  }
  .medical_q_bt li:last-child {
    margin: 0 0 0 3rem;
  }
  .medical_q_bt {
    max-width: 600px;
    margin: 0 auto;
  }
  .um-form {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 5rem;
  }
  .um-profile .um-profile-body {
    padding-top: 70px !important;
  }
  .um-account-meta-img a {
    max-width: 50%;
    margin: 0 auto;
  }
  .new_member li:last-child {
    margin: 0 !important;
  }
  .um-account-main {
    padding: 0px 0px 0px 5.5em !important;
  }
	.gest_msg{
	margin: 5rem auto 0;
	max-width: 1200px;
}
} /*大きい画面　END*/


/*********************************スライド****************************************/
img, a, span {
    display: inline-block;
    /* text-decoration: unset; */
}
.p-fv {
    position: relative;
    width: 100%;
    height: 100vh;
    height: 100vh;
    overflow: hidden;
    /* display: none; */
}

.fv_text{
    position: absolute;
    top: calc(41% - 1.25rem);
    left: calc(50% - 0rem);
    transform: translate(-50%, -50%);
    z-index: 12;
    width: -moz-fit-content;
    width: 80%;
    eight: -moz-fit-content;
    height: fit-content;
    color: #ffffff;
}

.fv_text h2{
	
}

.fv_text h2 {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    font-size: 1.7rem;
    letter-spacing: .3rem;
    text-shadow: -1px 3px 1px rgb(0 0 0 / 18%);
}

.fv_text h2:before, .fv_text h2:after {
content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #fff;
}

.fv_text h2:before {
  left:-28px;
}
.fv_text h2:after {
  right: -23px;
}


.fv_baner{
    position: relative;
    top: calc(94%);
    left: calc(50% - 0rem);
    transform: translate(-50%, -50%);
    z-index: 13;
    width: -moz-fit-content;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    color: #ffffff;
    background: #fff;
}
.fv_text svg{
		width:320px;
		height:auto;
	}
.fv_baner ul{
	border:6px solid #ffffff;
}
.fv_baner a:hover{
	opacity: .7;
}

.fv_baner li{-ms-flex: 1 1 100%;-webkit-box-flex: 1 1 100%;-webkit-flex: 1 1 100%;flex: 1 1 100%;margin-bottome: 2px;margin-bottom: 10px;}

/* 大きい画面設定*/
@media (min-width: 767px) {
	
	.p-fv__slide-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
	.fv_text svg{
		width:420px;
		height:295px;
	}
	
.fv_text{
	top: calc(50% - 1.25rem);
    left: calc(50% - 0rem);
    transform: translate(-50%, -50%);
     width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
  
}	
	
.fv_text h2 {
  padding: 0 55px;
	letter-spacing: .2rem;
	font-size: 2rem;
}	
	
.fv_text h2:before, .fv_text h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #fff;
}
.fv_text h2:before {
  left:0;
}
.fv_text h2:after {
  right: 0;
}
.fv_baner{
	position: absolute;
	top: calc(90% - 1.25rem);
    left: calc(50% - 0rem);
    transform: translate(-50%, -50%);
    z-index: 13;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    color: #ffffff;
}
	.fv_baner li{-ms-flex: 1 1 50%;-webkit-box-flex: 1 1 50%;-webkit-flex: 1 1 50%;flex: 1 1 50%;margin: 0;}
}/* 大きい画面設定 END*/


.fv{
	display: block;
}




.p-fv__slide.--left {
    left: 0;
}
.p-fv__slide.--right {
    right: 0;
}
.p-fv__slide {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
}


.p-fv__slide-wrap img {
    -o-object-fit: cover;
    transform: scale(1.2);
    opacity: 0;
    animation-duration: 8s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-name: fvImgAnimation1;
    object-fit: cover;
	/*object-fit: none;
    object-position: center;*/
	width: 100%;
	height: 100%;
}

/*****************アニメーション********************/

.p-fv__slide-wrap.--slide-start img {
    animation-duration: 6s;
    animation-iteration-count: unset;
    animation-name: fvImgAnimation1start;
}


.p-fv__slide-wrap.--slide-wrap1 .p-fv__slide img {
    animation-delay: 9s;
}

.p-fv__slide-wrap.--slide-wrap2 .p-fv__slide img {
    animation-delay: 5s;
}




@keyframes fvImgAnimation1start {

0% {
	transform: scale(1.2);
	opacity: 0;
}

20% {
	transform: scale(1);
	opacity: 1;
}

80% {
	transform: scale(1);
	opacity: 1;
}

100% {
	transform: scale(1.2);
	opacity: 0;
}

}

@keyframes fvImgAnimation1 {

0% {
	transform: scale(1.2);
	opacity: 0;
}

20% {
	transform: scale(1);
	opacity: 1;
}

50% {
	transform: scale(1);
	opacity: 1;
}

70% {
	transform: scale(1.2);
	opacity: 0;
}

100% {
	transform: scale(1.2);
	opacity: 0;
}

}

.zoom_out{
	  object-fit: cover;
    overflow: hidden;
}
.zoom_out img {
    transform: scale(1.2);
    transition: all 2s ease;
  
}
.js_active img {
    transform: scale(1);
}




/***小さい画面用***/
@media (max-width: 767px) {
	
	.p-fv {
        max-height: 62.5rem;
        height: 100vh;
        /* padding: 0 0 4rem; */
    }

.p-fv__slide {
        position: relative;
        width: 100%;
        height: 40%;
        overflow: unset;
    }
.p-fv__slide-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 41%;
}	
	
.p-fv__slide.--left {
    left: 0;
}
.p-fv__slide.--right {
        left: 0;
        margin-top: -0.125rem;
    }



}
/***小さい画面用END***/


/*********************************************TOP INNER*************************************************/

.top_inner{
	position: relative;
	margin: 0;
	padding: 0;
	background:#fff;
	color: #000;
}



.introduction{background: #fff;padding: 11rem 0 7rem;}
  
.intro_box{
	position: relative;
	margin-top: -2rem;
	padding: 0 2rem;
}
.intro_text,.intro_img{
	-ms-flex: 1 1 100%;
	-webkit-box-flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	padding: 0 0 2rem;
}
	

.intro_text h2{
	    font-size: 1.5rem;
	    letter-spacing: 2px;
	    /* position: absolute; */
	    /* margin-bottom: 2rem; */
	    text-align: center;
	    font-weight: bold;
	    margin: 0 0 2rem 0;
}

.intro_text h3{
	    font-size: 2rem;
	    letter-spacing: 2px;
	    text-align: left;
	    margin-bottom: 2rem;
	    font-weight: 500;
}
.intro_img{

}
.intro_img li{
		-ms-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		margin: 0rem 0 0;
	}	

.intro_img li:not(:first-child){

}

.intro_img img{
	border-radius: 0;
	width: 100%;
}

.int_img_01 img{	

	}	
	
.int_img_02{	

}	
		
.int_img_03{	


}

.view_more{
	margin: 2rem 0 0;
}

.view_more a{
	display: inline-block;
	padding:1rem 3rem;
	border:1px solid #707070;
	letter-spacing: .2rem;
	font-size:.8rem;
	font-weight: bold;
	transition: .3s;
	position: relative;
	background: #fff;
}
.view_more a:hover{
opacity:1;
}

.view_more a:after {
    content: "";
    border-top: 1px solid #707070;
    width: 35px;
    position: absolute;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: -15px;
}

.back_01{
    background-image: url(img/back_01.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right 106%;
}
.back_02{
    background-image: url(img/back_02.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left 113%;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
	
.top_inner{
	margin:0;
	color: #000;
	padding: 0;
}	
	
	
	
.introduction{
	/* margin-top: -5rem; */
	padding: 0 0 15rem;
}
.intro_box{
	padding: 0 4rem;
	margin-top: -15rem;
}
.intro_text{
	-ms-flex: 1 1 28%;
	-webkit-box-flex: 1 1 28%;
	-webkit-flex: 1 1 28%;
	flex: 1 1 28%;
	padding: 0;
}

.intro_img{
	-ms-flex: 1 1 45%;
	-webkit-box-flex: 1 1 45%;
	-webkit-flex: 1 1 45%;
	flex: 1 1 45%;
	margin-left: 5rem;
	padding: 0;
}

.intro_text h2{
	    font-size: 1.5rem;
	    letter-spacing: 4px;
	    text-align: left;
	    /* font-weight: bold; */
}
.intro_text h3{
	    font-size: 3rem;
	    letter-spacing: 2px;
	margin-bottom: 2rem;
	  }


.intro_img li{
		-ms-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		margin: 0 0 0 2rem;
}		
	
.int_img_01{	
margin-top:6rem;
   	}
	
.int_img_02{	
	margin-top:12rem;
	}	
	
.int_img_03{	
  
  
}	
		
.view_more a:hover{
	background-color: #60c0bd;
	color:#fff;
}
	.intro_img img{
	border-radius: 20px;
}
	.back_01{
	background-size:35% auto;
	background-position: right 106%;
}
	.back_02{
	background-size:35% auto;
	background-position: left 106%;
}
}/* 大きい画面設定 END*/


/*********************************************TOP registration*************************************************/
/***************(TOP‗会員登録)*********************/


.registration .intro_text h3 br{
	display: none;
}

.registration .view_more a{
	padding:0;
}

.registration .intro_box {
    position: relative;
    margin-top: 0rem;
    padding: 0 2rem;
}
.registration .intro_img li{
	margin:0;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
.intro_img_row{
margin:0 5rem 0 0;
}
.registration .intro_box {
    margin-top: 0rem;
    padding: 0 4rem;
}
.registration .intro_text h3 br{
	display: block;
}
	.registration .view_more a{
	padding: 1rem 1rem;
}
	.registration .int_img_01 {
        margin-top: 0; 
    }
}/* 大きい画面設定 END*/

/***************about*********************/

.about{

}

.about_box{}
.about_box li{
-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.about_box li:nth-child(1){

}
.about_post{
    margin-bottom: 3rem;
}
.about_post_img,.about_post_text{
	-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.about_post_img{
	margin: 2rem 0rem 0;
}
.about_post_img img{
	height: 300px;
    object-fit: cover;
}
.about_post_text{
	margin: 2rem 0rem 0 0rem;
}
.about_box h2{
	font-size:2rem;
	font-weight: bold;
	text-align: left;
	padding: 0 1rem 1rem;
	margin: 0;
}
.about_box h2 span{
	display: block;
	font-size: 1.7rem;
}

.about_post_text h3{
	font-size:1.5rem;
	margin-bottom: 2rem;
	font-weight: bold;
	text-align: left;
	border-bottom: solid 3px #e3e3e3;
	position: relative;
	line-height: 2.5;
}
.about_post_text h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #8dc1bf;
  bottom: -3px;
  width: 20%;
}
.about_post_text p{
text-align: justify;
}





/* 大きい画面設定*/
@media (min-width: 767px) {
.about{

}

.about_box{}
.about_box li:nth-child(1){
-ms-flex: 1 1 130%;
-webkit-box-flex: 1 1 30%;
-webkit-flex: 1 1 30%;
flex: 1 1 30%;
background-image: url(img/about_back.jpg);
background-repeat: no-repeat;
	background-position: top top;
	background-size: 100% auto;
}
.about_box li:nth-child(2){
-ms-flex: 1 1 60%;
-webkit-box-flex: 1 1 60%;
-webkit-flex: 1 1 60%;
flex: 1 1 60%;
}
.about_post{
    margin: 0;
}	
.about_post_img{
	-ms-flex: 1 1 45%;
-webkit-box-flex: 1 1 45%;
-webkit-flex: 1 1 45%;
flex: 1 1 45%;
margin:0;
}	
.about_post_img img{
	height: unset;
  
}
.about_post_text{
	-ms-flex: 1 1 45%;
-webkit-box-flex: 1 1 45%;
-webkit-flex: 1 1 45%;
flex: 1 1 45%;
	margin:0 0 0 2rem;
}
.about_box h2{
	font-size:3rem;
}
.about_post_text h3{
	font-size:1.5rem;
	margin-bottom: 2rem;
	margin-top: 1rem;
	text-align: left;
}	
	
}/* 大きい画面設定 END*/


/*****************business***********************/
.business{
	
}
.bisi_menu{
	}

.bisi_menu li{-ms-flex: 1 1 50%;-webkit-box-flex: 1 1 50%;-webkit-flex: 1 1 50%;flex: 1 1 50%;position: relative;/* background-position: 0 0; *//* background-repeat: no-repeat; *//* background-size: auto; */}

.bisi_menu a{
	
display: inline;
}

.bisi_menu a:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.57);
	transition: background-color 0.3s ease-in-out;
}

.bisi_menu li:nth-of-type(1) .bisi_img{
	background-image: url("img/business_01.jpg");
	
}
.bisi_menu li:nth-of-type(2) .bisi_img{
	background-image: url("img/business_02.jpg");
}

.bisi_menu .bisi_img{
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	height: 240px;
	width: 50vw;
}
.bisi_menu span{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 10;
    transition: all 0.6s ease-in-out;
    text-align: center;
    color: #fff;
	font-size: 1.3rem;
}


.bisi_menu em {
	margin-top: 4px;
	display: block;
	font: 500 15px/22px 'Halant', serif;
	font-size: .8rem;
}

.bisi_menu a:active:before,
.bisi_menu a:hover:before,
.bisi_menu a:focus:before {
	background-color: rgba(0, 0, 0, 0);
}
.bisi_menu a:active span,
.bisi_menu a:hover span,
.bisi_menu a:focus span {
	opacity: 0;
}
.bisi_menu .right{
	width: 32px;
    height: auto;
	margin-top:1rem;
}

/* 大きい画面設定*/
@media (min-width: 767px) {
	.bisi_menu li{
	-ms-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
	
}
	.bisi_menu .bisi_img{
	height: 501px;
	/* width: 738px; */
	width: 50vw;
}
.bisi_menu span{
	font-size: 3rem;
}
	.bisi_menu em {
	font-size: 1rem;
}
}


/********************************************************************************************************************************/
/***********************************************RAHAB専用ゲスト下層ページ***********************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/
/****************************************************************************************************************************************/

.under_box{padding: 0 0rem;}

.u_about_box{
	
}
.u_box_l,.u_box_r{
-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.u_box_l h2{
	font-size:1.5rem;
	margin:0 0 2rem 0rem;
}
.u_box_l h2 br{
	display:block;
}
.u_box_l h3{
    font-size: 1.5rem;
    margin: 0 0 1rem 0rem;
}
.under_about .intro_text h4{
	font-size: 1.5rem;
    margin: 2rem 0 2rem 0rem;
	padding: 0 0 2rem 0;
    text-align: left;
	position: relative;
}
.under_about .intro_text h4:after,.u_box_p h2:after {
    position: absolute;
    top: 100%;
    left: calc(50% - 1em);
    content: "";
    height: 1px;
    width: 2em;
    background-color: #222;
    left: 0;
    width: 1em;
}


.u_box_img{
	margin-bottom: 1rem;
}
.u_box_img img{
	border-radius: 20px;
	height: 170px;
	object-fit: cover;
}
.under_about .intro_img li{
	margin:0!important;
}
.u_box_p h2{
font-size:1.5rem;
font-weight: normal;
	text-align: left;
	padding:0 0 2rem 0;
position: relative;
	}
.under_box_cate{
	text-align: left;
	margin: 2rem 0 0;
}

.u_box_cate .under_box_cate{
	margin: 0 0 2rem;
}
.under_box_cate span{
    text-align: left;
    display: inline-block;
    border: solid 1px #000000;
    padding: .5rem 1em;
    border-radius: 5px;
    background: #ffffff;
	font-size:.8rem;
}
.u_box_cate .view_more{
	margin-top:3rem;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
.under_box{padding: 0 2rem;}
.u_about_box{
	
}
.u_box_l,.u_box_r{
		-ms-flex: 1 1 48%;
		-webkit-box-flex: 1 1 43%;
		-webkit-flex: 1 1 43%;
		flex: 1 1 43%;
}	
	
.u_box_l h2{
	font-size:1.5rem;
	margin:2rem 0 2rem 0rem;
	text-align: left;
}
	.u_box_l h2 br{
	display:none;
}
.u_box_l h3{
	font-size:2.5rem;
	margin:0 0 2rem 0rem;
	text-align: left;
}
	.under_about .intro_text{
		padding:0 2rem
	}
.under_about .intro_text h4{
	font-size: 1.8rem;
	margin: 2rem 0 2rem 0rem;
	text-align: left;
}
	.under_about .intro_text p{
		text-align:left;
	}
	.u_box_img{
	margin-bottom: 0;
}
	.u_box_img img{
	height: unset;
	object-fit: cover;
}
	.u_box_r{
		margin-left: 6rem;
		text-align: right;
	}
.under_about .int_img_01 {
        margin-top: 7rem;
        margin-left: 7rem;
    }
.u_box_p .intro_text h4 {
        font-size: 2rem;
        margin: 8rem 0 2rem 0rem;
        text-align: left;
    }
 .u_box_p .int_img_01 {
        margin-top: 0;
    }
	.u_box_p h2{
		font-size: 1.8rem;
		font-weight: normal;
	}
	.u_box_p .intro_img li {
        margin: 0 0 0 0
    }
	.under_box_cate span{
    padding: .5rem 1em;
	font-size:1rem;
}
	.u_box_cate .view_more{
	margin-top:3rem;
}
	.under_box_cate{
	text-align: left;
	margin: 3rem 0 0;
}

.u_box_cate .under_box_cate{
	margin: 0 0 2rem;
}
} /*大きい画面　END*/


/*************************会社案内**************************************/



.company_navi ul{
	padding:1rem 0;
}

.company_navi li a {
       width: unset;
    }

.company_navi li {
    -ms-flex: 1 1 30%;
    -webkit-box-flex: 1 1 30%;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    margin: 0 .4rem 1rem 0;
    text-align: center;
}
.company_navi li:last-of-type {
    margin-left: 0;
    margin-right: 0;
}

.company_box h4 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  font-size: 1.8rem;
  margin-bottom: 4rem;
}

.company_box h4:before, .company_box h4:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

.company_box h4:before {
  border-left: solid 2px #43454b;
  border-top: solid 2px #43454b;
  top:0;
  left: 0;
}

.company_box h4:after {
  border-right: solid 2px #43454b;
  border-bottom: solid 2px #43454b;
  bottom:0;
  right: 0;
}
.com_box{
	padding-bottom: 5rem;
}
.company_box h5{
	font-size: 1.6rem;
	text-align: left;
	margin-bottom: 1rem;
}
.company_box h6{
	font-size: 1.2rem;
	margin-bottom: 2rem;
	text-align: left;
}
.company_box p{
	text-align: left;
}
.company_mission{
	text-align: center;
	color:#834ca1;
	font-size: 1.7rem;
	position: relative;
	display: inline-block;
	margin-bottom: 4rem;
}

.company_mission:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 35px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #834ca1;
  border-radius: 2px;
}


.mission_p{
	max-width: 600px;
    text-align: center;
    margin: 0 auto;
}
.mission_p li{
	-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
	
}
.mission_p li p{font-size: 1.1rem;}
.mt4{margin-top: 3rem !important;}

.profile_pic{
	padding:2rem 2rem;
	border:1px solid #ccc;
	margin:5rem auto 0;
	max-width: 600px;
}

.profile_l,.profile_r{
		-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}

.profile_l p{
	font-size:1.5rem;
	font-weight: bold;
}
.profile_l span{
	font-size:1.5rem;
	font-weight: normal;
	margin-left:1rem;
}
.profile_r{
	text-align: center;
}

.profile_l img{
	width: 53%;
	margin: 0 0 1rem 1rem;
}

/* 大きい画面設定*/
@media (min-width: 767px) {
.company_navi ul{
	padding:4rem 0;
}
.company_navi li a {
       width: 13vw;
       background: #fff;
    }	
.company_navi ul li img{
	 width: 1vw;
	 margin-bottom: .2rem;
}
	.com_box{
	padding-bottom: 5rem;
}
	.company_box h4 {
  padding:0.25em 1em;
	font-size: 2rem;
    margin-bottom: 4rem;
}
	.company_box h5{
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 2rem;
}
	.company_box h6{
	font-size:1.5rem;
	margin-bottom: 4rem;
	text-align: center;
}
	.mission_p{
	max-width: 600px;
    text-align: center;
    margin: 0 auto;
}
.mission_p li p{font-size: 1.2rem;}
.mt4{margin-top: 4rem !important;}
	
.profile_pic{
	padding: 3rem 3.5rem 3rem 2rem;
	margin:5rem auto 0;
	max-width: 600px;
	background: #fdfdfd;
}
	.profile_l,.profile_r{
		-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 50%;
}
.profile_r{
	text-align: right;
}	
.profile_l img{
width: 65%;
margin-left: 1rem;
}	
} /*大きい画面　END*/

































































/*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************RAHAB（ラハブ）株式会社専用会員ページ*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/


/*****************************動画学習システム（ディプロマ授与）*********************************/
.member_read{
	padding: 2rem 2rem 1rem;
	background: #f9f9f9;
	margin: 0 0 5rem;
	border-radius: 5px;
}

.main_video {
    position: relative;
    display: block;
    width: 100%;
	text-align: center;

}
.main_video video {
    width: 100%;
    vertical-align: bottom;
    height: auto;
	transition: all .5s ease-out;
}
.video-btn {
    top:0;
    left:0;
    right:0;
    bottom:40px;
    cursor: pointer;
}
.finished .video-btn,.finished .video-btn:after {
 display: none;
}

.video_visual{
	transition: all .5s ease-out;
}

.big {
	position: fixed;
	width: 100%;
	height: 30vh;
}
.big .main_video {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.big .main_video video {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;z-index: 9999999999;transition: all .5s ease-out;z-index: 10;cursor: pointer;}
.dip_control{
    position: fixed;
    left: 50%;
    bottom: 0%;
    transform: translateX(-50%)
             translateY(-50%);
    background: #00000070;
    padding: 1rem;
    border-radius: 60px;
    z-index: 11;
    width: 100%;
}
.dip_control li{
	margin:0 1rem;
	}
.dip_control li img{
	width:32px;
	height:auto;

}
.dip_control input{
	width:90px;
	height:auto;
}
.cont_puuse,.cont_play,.cont_close{
	width:max-content;
}
.cont_puuse:hover,.cont_play:hover,.cont_close:hover{
	opacity:.6;
}
.video_bt{
	margin: 3rem 0;
}


.play_btn,.dip_end,.dip_download a{
	display: inline-block;
	padding:1rem 1rem;
	background-color: #8dc1bf;
	border-radius: 5px;
	color:#fff;
	cursor: pointer;
	text-decoration: none!important;
}

.play_btn:hover,.dip_end:hover,.dip_download a:hover{
	opacity: .8;
}
.dip_end{
	margin-left: 1rem;
}
.end_video{
	/*position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	*/	
}
.diploma_p{
	text-align:left;
	margin-top: 3rem;
}
.dip_down_box{
	display:none;
	padding: 4rem;
	background: #fbfbfb;
	margin: 2rem 1rem;
	border-radius: 10px;
	border: 1px solid #ededed;
}
.dip_down_box h2{
	font-weight: normal;
	font-size: 1.5rem;
	line-height: 1.5;
	padding: 0 0 2rem;
}
.video_bt li{
	margin-bottom:2rem;
}

.dip_download{
margin-top: 1rem;
}
.dip_movie_end{
	margin:0 0 2rem;
}
.dip_movie_end h3{
	padding:2rem 0;
	text-align:left;
	font-weight:normal;
	line-height:1.5;
}
.cvr{
	background: #ffffff;
	padding: 5em 1rem 7rem;
}
.cvr img{
	width:100%;
	border: none;
}
.online_bt a{
	display:inline-block;
	padding:1rem 1rem;
	border: 1px solid #080808;
	line-height: 1.8;
}

.online_bt img{
	width: 16%;
	margin-right: .5rem;
	vertical-align: middle;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
	.member_read{
	padding: 3em 3rem 2rem;
	margin: 0 3rem 5rem;
	}
.main_video video {
    width: 50%;
    vertical-align: bottom;
    height: 50%;
}
.finished .video-btn {
    height: 83%;
    background:#000;
    width: 50%;
    left: 25%;
    top: 0;
}
.finished .video-btn,.finished .video-btn:after {
 display: block;
}
	.dip_down_box{
	padding: 4rem 0;
     margin: 4rem 2rem;
}
.dip_down_box h2{
	font-size: 1.5rem;
    padding: 0 0 2rem;
}
.diploma_p{
	margin-top: 7rem;
}
	.dip_control{
     left: 80%;
     bottom: 87%;
     transform: translateX(-50%)
             translateY(-50%);
     padding: 1rem;
     text-align: center;
     /* height: 72px; */
     width: unset;
}
	.dip_control li{
	margin:0 2rem;
	}
.dip_control li img{
	width: 35px;
	height: 35px;
	cursor: pointer;
}
	.dip_control input{
	width:unset;
	
}
.cvr{
	background: #ffffff;
	padding: 10em 0;
	border: none;
}
.cvr img{
	width:50%;
	margin-right: 1rem;
	vertical-align: sub;
}
.online_bt img{
	width: 14.1%;
	/* vertical-align: middle; */
}
} /*大きい画面　END*/

/*****************************RAHABサロンページ*********************************/
.page-id-1386 .entry-header,.page-id-1362 .entry-header{
 display:none!important;
}

.salon,.salon a{
	    background: #ffffff;
	    color:#ab8b8c;
}
	.salon section{
		padding:0 0 4rem;
	}
.hentry .entry-content .salon a {
    text-decoration: none;
}
/* ヒーロー */
.hero {
  position: relative;
  height: 70vh;
  background: url('img/salon_coner.jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* 光の演出 */
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgb(255 218 145 / 60%) 0%, rgba(255, 200, 100, 0.3) 30%, rgb(195 147 64 / 60%) 80%);
  opacity: 0;
  transition: opacity 1.5s ease;
}

/* 奥行きグラデーション */
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgb(51 39 14 / 70%), transparent 60%);
}

/* コンテンツ */
.hero-inner {
  position: relative;
  text-align: center;
  max-width: 800px;
  padding: 20px;
  z-index: 2;
}

/* タイトル */
.hero-title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.05em;
  opacity: 0;
  transform: translateY(40px);
  filter: blur(10px);
  color: #6b5020;
  transition: all 1.2s ease;
}

/* リード */
.hero-lead {
    margin-top: 20px;
    font-size: 1.1rem;
    line-height: 1.8;
    opacity: 0;
    color: #5b2904;
    transform: translateY(40px);
    filter: blur(10px);
    transition: all 1.5s ease;
}

/* 発火後 */
.hero.active::before {
  opacity: 1;
}

.hero.active .hero-title {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.hero.active .hero-lead {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* ホバーで光強化 */
/*.hero:hover::before {
  opacity: 1;
  background: radial-gradient(circle at center,
    rgba(255, 230, 180, 0.8),
    rgba(255, 200, 120, 0.4),
    rgba(0,0,0,0.6)
  );
}*/
	
.salon_concept{
	position: relative;
    top: -4rem;
	padding:0!important;
	}
.salon_p_box{
	padding: 0 1rem;
}
.salon h4{
	padding: 1rem 0 1rem;
	margin: 0 0  0rem;
	line-height: 2;
	font-size: 1.2rem;
}

.salon h4 span{
	font-size:.7rem;
	/* font-family: futura-pt, sans-serif; */
	/* font-family: 'Parisienne', cursive; */
	/* font-weight: 500; */
	letter-spacing: 0.1em;
	margin:1rem 0 0 0;
}

.kasen{
 border-bottom: solid 1px #796061;
 font-size: unset!important;
 margin:0!important;
 padding: 0 0 .2rem;
 font-weight: normal!important;
 display: inline;
}
.salon_title{
	font-size:.8rem;
	position: relative;
	margin: 2rem 0 0;
	display: inline-block;
	letter-spacing: .2rem;
	background: #fff2e9;
	padding: .5rem 1rem;
	border: 3px solid #fff;
	border-radius: 20px;
	font-family: futura-pt, sans-serif;
	font-family: 'Parisienne', cursive;
	font-weight: 500;
}
/*.salon_title:after{
	content: "";
	position: absolute;
	width: 75px;
	height: 1px;
	top:50%;
	left: 115%;
	background: #b98b8c;
}*/
.s_con_img_box{

}

.s_con_img_left{
	-ms-flex: 1 1 30%;
-webkit-box-flex: 1 1 30%;
-webkit-flex: 1 1 30%;
flex: 1 1 30%;
	
}

.s_con_img_right{
-ms-flex: 1 1 60%;
-webkit-box-flex: 1 1 60%;
-webkit-flex: 1 1 60%;
flex: 1 1 60%;
	margin-left:1rem;
}
.s_con_img_left img,.s_con_img_right img{border: 10px solid #ffffff;}


.salon_hana_01{
	position: absolute;
	width: 11vw;
	display: inline-block;
	top: 45%;
	right: 8%;
	z-index: 10;
}

.voice{
	
}
.voice ul{
	
}
.voice li{
    -ms-flex: 1 1 45%;
    -webkit-box-flex: 1 1 45%;
    -webkit-flex: 1 1 45%;
    flex: 1 1 41%;
    padding: 2rem 2rem;
    border: 1px solid #eacbbe;
    background-color: #fffdfa;
    margin: 1rem .5rem;
    position: relative;
    background-image: url(img/accent01.svg),url(img/accent02.svg);
    background-repeat: no-repeat;
    background-size: 6% auto,6% auto;
    background-position: 14% 22%, 85% 80%;
}

.voice li:after{position: absolute;content: "";width: 85%;height: 82%;-ms-flex: 1 1 45%;-webkit-box-flex: 1 1 45%;-webkit-flex: 1 1 45%;flex: 1 1 45%;left: -9%;top: -8%;padding: 1rem 1rem;border: 1px solid #eacbbe;background-color: #fffdfad;margin: 1rem .5rem;}


.voice li:nth-child(1){
border-radius: 41% 44% 41% 42%;
}
.voice li:nth-child(2){
border-radius: 43% 44% 38% 42%;
}
.voice li:nth-child(3){
border-radius: 48% 50% 41% 32%;
}
.voice li:nth-child(4){
border-radius: 41% 33% 41% 52%;
}
.voice li:nth-child(5){
border-radius: 43% 40% 41% 42%;
}
.voice li:nth-child(6){
border-radius: 38% 50% 41% 51%;
}
.voice li:nth-child(7){
border-radius: 45% 44% 36% 42%;
}
.voice li:nth-child(8){
border-radius: 49% 44% 45% 50%;
}



.voice li:nth-child(1):after{
border-radius: 39% 42% 51% 32%;
}
.voice li:nth-child(2):after{
border-radius: 42% 48% 38% 45%;
}

.voice li:nth-child(3):after{
border-radius: 41% 52% 48% 40%;
}

.voice li:nth-child(4):after{
border-radius: 41% 44% 48% 40%;
}

.voice li:nth-child(5):after{
border-radius: 43% 45% 46% 48%;
}

.voice li:nth-child(6):after{
border-radius: 42% 48% 42% 48%;

}

.voice li:nth-child(7):after{
border-radius: 35% 50% 47% 40%;
}

.voice li:nth-child(8):after{
border-radius: 42% 52% 55% 48%;
}

.salon_course{
	
}
.course_box{
	
}


.course_box li {
    -ms-flex: 1 1 100%;
    -webkit-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    border: 1px solid #ebcdc1;
    border-radius: 20px;
    background-color: #fffdfa;
    margin: 1rem 1rem;
    padding: 2rem 1rem;
}

.course_box li h5 {text-align: center;margin-bottom: 2rem;font-size: 1.2rem;font-weight: bold;letter-spacing: .15rem;}
.course_box li h5 img{
	border:none;
	margin-right: .5rem;
}

.course_btn{
	display: block;
	text-align: center;
	
}
.course_btn a{
    display: inline-block;
    background: transparent;
    margin-top: 2rem;
    border-bottom: 1px dotted #ebcdc1;
    padding: 1rem;
}
.course_box li img {
	border: 1px solid #ebcdc1;

}
.course_box li p {
	padding: 1.5rem 1rem 0;
margin: 0;
}

.booking{
	background: #faf5f1;
	margin: 2rem 0rem;
	padding: 2rem 1rem;
	border-radius: 10px;
	/* border: 4px solid; */
	/* box-shadow: -1px -1px 35px 4px #e1d6c8; */
}
.booking h3{
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 2rem;
}
.booking_box{
	margin: 2rem 0rem;
}
.booking a{
	background: #ffffff;
	padding: 1rem 1rem;
	text-align: center;
	width: 95%;
	border-radius: 10px;
	box-shadow: -1px -1px 35px 4px #e1d6c8;
}

.booking li{
	-ms-flex: 1 1 46%;
	-webkit-box-flex: 1 1 46%;
	-webkit-flex: 1 1 46%;
	flex: 1 1 46%;
	text-align: center;
	margin: 0 .5rem;
	font-size: .8rem;
}
.booking li span{
	font-family: futura-pt, sans-serif;
	font-family: 'Parisienne', cursive;
	font-weight: 500;
	letter-spacing: .2rem;
	display: block;
	font-size: 1rem;
}
.booking li span span{

font-size: .9rem;
}
.booking li a img{
	width: 27%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 1rem 0rem;
}

.course_detail{
	
}
.detail_post{
	padding: 2rem 1rem;
	margin: 2rem 0rem;
	background: #fffdfa;
	border:1px solid #ebcdc1;
	border-radius: 10px;
}

.course_detail h5{
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.course_detail h6{
	font-size: 1rem;
	margin-bottom: 1rem;
	background: #faf5f1;
	padding: 1rem 1rem;
	line-height: 1.8;
	border-radius: 10px;
}

.course_detail p{
	padding:0 1rem;
	
}	

.seminer_box{}
.seminer_box li:first-child,.seminer_box li:nth-child(2){
	-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.seminer_box li:nth-child(2){
	padding:0 2rem;
}
.salon_map img{
	border: 1px solid #ebcdc1;
}
/* 大きい画面設定*/
@media (min-width: 767px) {
	.salon section{
		padding:0 0 10rem;
	}
.hero {
  height: 70vh;
}	
	
/* タイトル */
.hero-title {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: #796644;
}
	
	/* リード */
.hero-lead {
    margin-top: 20px;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #997900;
}
	
.s_con_img_left img,.s_con_img_right img{
        /*border: 8px #ffffff double;*/
	border: none;
}
.salon h4 span{
	font-size: .9rem;
	letter-spacing: 0.1em;
	margin:0 0 0 2rem;
}
	.s_con_img_right{
-ms-flex: 1 1 60%;
-webkit-box-flex: 1 1 60%;
-webkit-flex: 1 1 60%;
flex: 1 1 60%;
	margin-left:2rem;
}
	.salon_p_box{
	padding: 0 0rem;
}
.salon_concept{
	padding:0 0 6rem!important;
	}
	.salon_voice .salon_p_box img{
		border: 4px dotted #ebcfc2;
		padding: 3rem;
		margin: 0 auto 4rem;
		width: 100%;
	} 	

.voice{
	
}
.voice ul{
	
}
.voice li{
	-ms-flex: 0 0 22%;
	-webkit-box-flex: 0 0 22%;
	-webkit-flex: 0 0 22%;
	flex: 0 0 22%;
	padding: 5rem 3rem;
	font-size: 1.1rem;
	margin: 1rem 1rem;
	background-image: url(img/accent01.svg),url(img/accent02.svg);
	background-repeat: no-repeat;
	background-size: 6% auto,6% auto;
	background-position: 14% 22%, 85% 80%;
}

.voice li:after{position: absolute;content: "";width: 33%;height: 31%;-ms-flex: 1 1 45%;-webkit-box-flex: 1 1 45%;-webkit-flex: 1 1 45%;flex: 1 1 45%;left: -3%;top: -7%;padding: 5rem 5rem;border: 1px solid #eacbbe;background-color: #fffdfad;margin: 1rem 1rem;}
	
	
.course_box{
	
}

.course_box li{
	-ms-flex: 1 1 25%;
-webkit-box-flex: 1 1 25%;
-webkit-flex: 1 1 25%;
flex: 1 1 25%;
	margin:1rem 1rem;
	padding: 2rem 2rem;
}	
.course_box li h5 {margin-bottom: 2rem;font-size:1.4rem;}
.course_box li img {

}
.course_box li p {letter-spacing: normal;}
.booking{
		margin: 6rem 2rem;
		padding:4rem 2rem;
		border-radius: 20px;
}
.booking h3{

	font-size:1.5rem;
	margin-bottom: 2rem;
}
	.booking_box{
	margin:2rem 1rem;
}
.booking a{
	padding:1rem 2rem;
	border-radius: 10%;
	width: 50%;
}

.booking li{
	
font-size: 1rem;
}
.booking li span{font-size: 1.5rem;}
.booking li a img{
	width: 20%;
	margin: 0 auto;
	padding: 1rem 0rem;
}	
.course_detail{
	
}
.detail_post{
	padding:2rem 2rem;
	margin:2rem 2rem;

}

.course_detail h5{
	font-size: 1.3rem;
	margin-bottom: 1rem;
	letter-spacing: .2rem;
}
.course_detail h6{
	font-size: 1.1rem;
	margin: 1rem 2rem;
	padding: 2rem 2rem;
	letter-spacing: .2rem;
}
.course_detail p{
	padding:0 2rem;
	
}
	.seminer_box{}
.seminer_box li:first-child{
	-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 70%;
}
.seminer_box{}
.seminer_box li:nth-child(2){
	-ms-flex: 1 1 100%;
-webkit-box-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 28%;
	padding-right: 2rem;
}
} /*大きい画面　END*/


























































































































































/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/
/************************************************************iPad,iPadpro*******************************************************************************/
@media (min-width: 768px) and (max-width: 1200px) {
		#header {
        padding: .2rem 1rem;
    }
	#header ul#utility-navi li:last-child a {
    color: #fff;
}
   .top_text {
    /* top: 100%; */
    /* right: 10%; */
   }
	.appear .top_back {
     height: 45vh;
}
#g-nav ul li a {
        font-size: 2vw;
        padding: 3px 5px;
    }
	#header ul#utility-navi li a {
        font-size: 1.5vw;
        padding: 2px 3px;
    }
	 .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: 65%;
}
	h1 img {
    width: 31%;
}
	#news_t {
    margin-top: 0;
}
	.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%;
    }
	
	.p-fv {
      height: 70vh;

}
	    .fv_baner {
         top: calc(85% - 1.25rem);
        left: calc(50% - 0rem);
        transform: translate(-50%, -50%);
         width: 90%;
   
    }
	    .fv_text h2 {
        padding: 0 15px;
        font-size: 1.8rem;
    }
	    .fv_text h2:before {
        left: -60px;
    }
	    .fv_text h2:after {
        right: -60px;
    }
	.intro_box {
		padding:0 2rem;
		margin-top: -10rem;
	}
	    .intro_img {
        -ms-flex: 1 1 30%;
        -webkit-box-flex: 1 1 30%;
        -webkit-flex: 1 1 30%;
        flex: 1 1 30%;
        margin-left: 2rem;
        padding: 0;
    }
	.intro_img_row {
        margin: 0 1rem 0 0;
    }
	.intro_text h3 {
        font-size: 2rem;
           }
	.gest section {
		padding: 0 0 7rem;
    }

	    .about_box {
        padding: 0 2rem;
    }
	    .about_box li:nth-child(2) {
        -ms-flex: 1 1 72%;
        -webkit-box-flex: 1 1 72%;
        -webkit-flex: 1 1 72%;
        flex: 1 1 72%;
    }
	    .about_post_img img {
        height: 500px;
    }
	    #news_t h2, #clinic_t h2, #solvent_t h2, #company_t h2, #cli_t h2 {
        padding-bottom: 4rem;
        font-size: 2.5rem;
        margin: 0;
        padding: 0 0 2rem 0;
    }
	.back_01,.back_02{
      background-size: 50% auto; 
}
	.back_01 {
      background-position: right 100%;
    }
	.back_02 {
      background-position: left 100%;
    }
	.under_box {
        padding: 0 0rem;
    }
	.u_box_r {
        margin-left: 2rem;
        }
.under_about .intro_text h4 {
        font-size: 1.5rem;
        margin: 3rem 0 2rem 0rem;
       }
	.intro_img_row {
        margin: 0 2rem 0 0;
    }
	.registration .intro_box {
       padding: 0 2rem;
    }
	.registration .int_img_01 img {
       height:700px;
		object-fit:cover;
    }
	 .u_box_p h2 {
        font-size: 1.5rem;
       
    }
	.under_about .u_box_img img {
        height: 600px;
       
    }
	.u_box_p .intro_img img{
		height:500px;
		object-fit:cover;
	}
	.intro_img li {
       margin: 0 0 0 1rem;
    }
	.company_navi li a{
        width: unset;
		padding: 1rem .8rem;
    }
	    .company_navi ul li img {
        width: 2vw;
        margin-bottom: 0.3rem;
			
    }
	    .salon section {
        padding: 0 0 5rem;
    }
	.salon_concept {
        padding: 0 0 1rem !important;
    }
	.voice li {
-ms-flex: 0 0 28%;
        -webkit-box-flex: 0 0 28%;
        -webkit-flex: 0 0 28%;
        flex: 0 0 28%;
        padding: 4rem 35px 4rem;
        font-size: 1rem;
        margin: 1rem 1rem;
    }
	    .course_box li {
          margin: 1rem .5rem;
        padding: 2rem 1rem;
    }
	    .course_box li h5 {
        margin-bottom: 2rem;
        font-size: 1.1rem;
        letter-spacing: .1rem;
    }
	.course_box li p {
    padding: 1.5rem .5rem 0;
    margin: 0;
}
	    .course_box li h5 {
          font-size: 1em;
     
    }
	    .salon_voice .salon_p_box img {
          padding: 1rem;
         }
	.course_box li h5 img {
     margin-right: .2rem;
    width: 11%;
}
.booking li span {
        font-size: 1.2rem;
    }
	    .booking li a img {
        width: 20%;
      }
	    .booking a {
        width: 94%;
    }
	.seminer_box li:nth-child(2) {
           padding-right: 0;
    }
	.dip_control {
        left: 50%;
        bottom: 83%;
      }
}


/*******************************************************************AIR***************************************************************************************************************************************************************************************************************************/
@media (min-width: 820px) and (max-width: 1022px) {
	.voice li {
        -ms-flex: 0 0 28%;
        -webkit-box-flex: 0 0 28%;
        -webkit-flex: 0 0 28%;
        flex: 0 0 28%;
        padding: 4rem 64px 2rem;
        font-size: 1.2rem;
        margin: 1rem 1rem;
    }
	.course_box li h5 {
        font-size: 1rem;
      }
	#header ul#utility-navi li a {
        font-size: 1.5vw;
        padding: 6px 6px;
    }
}
/*************************
***************************************************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;
    }	
	#header ul#utility-navi li a {
        font-size: 1.7vw;
        padding: 5px 12px;
    }
	    .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) {
    .under_box {
        padding: 0 0;
    }
	 #g-nav ul li a {
        font-size: 1.55vw;
         }
 #header ul#utility-navi li a {
        font-size: 1.2vw;
     
    }
 .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;
}
	.fv_text h2 {
        padding: 0 0;
        letter-spacing: .2rem;
        font-size: 1.8rem;
    }
	.fv_text h2:before {
        left: -60px;
    }
	.fv_text h2:after {
        right: -60px;
    }
	.intro_text h2 {
    margin: 0 0 1rem 0;
}
	.intro_text h3 {
        font-size: 2rem;
        letter-spacing: 2px;
        margin-bottom: 1rem;
    }
	
	    .back_01 {
        background-size: 42% auto;
        background-position: right 100%;
    }
	    .under_about .intro_text h4 {
        font-size: 1.8rem;
        margin: 2rem 0 2rem 0rem;
    }
	.registration .int_img_01 img {
       height:550px;
		object-fit:cover;
    }
	    .company_navi ul li img {
        width: 1.5vw;
        margin-bottom: .2rem;    
}
	   
}
/************************************************************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;
}
		 #g-nav ul li a {
        font-size: 1.25vw;
         }
 #header ul#utility-navi li a {
        font-size: 1vw;
     
    }
}
/************************************************************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;
}
	
}


.woocommerce-message:active{
	border:none;
}