:root {
	--main-color: #2f2722;
	--color01: #cbb550;
	--red: #d33828;

	/*fontfamily*/
	--width-max: 100%;
	--width-full: calc(100vw - var(--sitebar));
	--width-large: calc(72.2vw - var(--sitebar));
	--width-medium: calc(45.95vw - var(--sitebar));
	--sitebar: clamp(60px, 5.9701492537vw, 80px);

	/*font-family*/
	--gs: Arial, 'Noto Sans JP', sans-serif;
	--mn: "Noto Serif JP", sans-serif;
	--raleway: "Raleway", sans-serif;

	/*color*/
	--white: #fff;
	--black: #111;
	--gray: #e3e3e3;
	--darkgray: #9d9d9d;
	--lightgray: #f7f7f7;
	--gold: #947136;
	--aqua: #4a8acb;
	--red: #ce0600;

	/*opacity*/
	--opa-white02: rgba(255, 255, 255, 0.2);
	--opa-white05: rgba(255, 255, 255, 0.5);
	--opa-white07: rgba(255, 255, 255, 0.7);
	--opa-white09: rgba(255, 255, 255, 0.9);
	--opa-black02: rgba(0, 0, 0, 0.2);
	--opa-black04: rgba(0, 0, 0, 0.4);
	--opa-black05: rgba(0, 0, 0, 0.5);

	/*fontsize*/
	--font-mc: clamp(0.7em, 2.5vw, 0.75em);
	--font-em: clamp(0.8em, 2.5vw, 0.85em);
	--font-h6: clamp(0.9em, 2.5vw, 0.9em);
	--font-h5: clamp(1em, 2.5vw, 1em);
	--font-h4: clamp(1.1em, 2.5vw, 1.2em);
	--font-h3: clamp(1.2em, 2.5vw, 1.3em);
	--font-h2: clamp(1.3em, 2.5vw, 1.4em);
	--font-h1: clamp(1.8em, 2.5vw, 1.8em);
	/*margin*/
	--mg-lg: clamp(50px, 2.5vw, 100px);
	/*flex-basis*/
	--flex-15: 15%;
	--flex-20: 20%;
	--flex-23: 23%;
	--flex-25: 25%;
	--flex-30: 30%;
	--flex-32: 32%;
	--flex-33: 33%;
	--flex-35: 35%;
	--flex-40: 40%;
	--flex-45: 45%;
	--flex-48: 48%;
	--flex-49: 49%;
	--flex-50: 50%;
	--flex-55: 55%;
	--flex-60: 60%;
	--flex-65: 65%;
	--flex-70: 70%;
	--flex-75: 75%;
	--flex-80: 80%;
	--flex-90: 90%;
	--flex-95: 95%;
	--flex-100: 100%;

	/*line height*/
	--lh-lg: 2.5;
	--lh-md: 2;
	--lh-sm: 1.5;
}


.br {
	display: none !important;
}

.br2 {
	display: block !important;
}

/*++++++++++++++
common
++++++++++++++*/

body {
	font-family: var(--gs);
	overflow-x: hidden;
	width: 100%;
}

input[type="radio"] {
	width: 15px;
	height: 15px;
}

#wrapper {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.container {
	background: #fff;
	z-index: 0;
	position: relative;
}

.inner {
	max-width: var(--flex-90);
	margin: 0 auto;
}

.wc_inner {
	max-width: var(--flex-90);
	margin: 50px auto;
	overflow: hidden;
}

.overlay {
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

a {
	text-decoration: none;
	color: var(--aqua);
}

.short,
.woocommerce-password-hint,
.bad {
	color: red;
}


.under {
	text-decoration: underline;
	color: inherit;
	color: #005bac;
}

.under:hover {
	text-decoration: none;
}


img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.wh {
	color: var(--white);
}

/*center*/
.center {
	display: block;
	text-align: center;
	margin: auto;
	,
	: ;
}

/*flex*/
.flex {
	display: block;
}

.flex-left {
	justify-content: left;
}

.flex-left>img {
	margin: 0 5px 0 0;
	width: 50px;
	max-width: max-content;
}

.hover span:before {
	border: 1.5px solid #0080AA;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	border-radius: 100%;
	background-size: 12px;
}

.hover:hover span {}



/*+++++++++++++++++++
/*pull
+++++++++++++++++++*/
.pull {
	border: 2px solid #eee;
	position: absolute;
	max-width: 1300px;
	background: #fff;
	left: 0;
	display: none;
	margin: 30px auto 0;
	padding: 30px 0;
	box-sizing: border-box;
	/* display: flex; */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: -1;
	right: 0;
	border-radius: 10px;
}

.pull .inner {
	max-width: 1200px;
	padding: 0 0 15px !important;
	align-items: inherit;
	height: 100%;
	/* flex-wrap: wrap; */
}

.pull dl {
	/* border-right: 1px solid #eee; */
	padding: 0;
	margin: 0 40px 0 0;
	box-sizing: border-box;
	width: 100%;
}

.pull dl:last-child {
	margin: 0;
	padding: 0;
	border: none;
}

.pull b {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 0 0 12px;
	margin: 0 0 15px;
}

.pull .cl2 {

	display: flex;

	flex-wrap: wrap;
}

.pull b a {
	color: #111 !important;
	font-size: 1em;
	margin: 0 0 10px;
}

.pull .cl2>a {
	color: #666 !important;
	display: block;
	font-size: 0.85em !important;
	line-height: 2;
	width: 50%;
	margin: 0 0 5px;
	padding: 0;
	box-sizing: border-box;
}

.pull .cl2>a:before {
	display: none;
}

/*+++++++++++++++++++
/*swiper
+++++++++++++++++++*/
.swiper-button-prev {
	left: 8% !important;
	top: 40% !important;
}

.swiper-button-next {
	right: 8% !important;
	top: 40% !important;
}

.swiper-button-disabled {
	background: rgba(47, 39, 34, 1);
	opacity: 0;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	color: #fff;
	font-size: 22px !important;
}

.swiper-pagination {
	bottom: -9% !important;
	margin: 0;
	z-index: 99;
	height: auto;
	top: inherit !important;
	height: 1px !important;
	left: 8% !important;
	max-width: 100%;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

	background: #111 !important;
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	margin: 0 8px !important;
	opacity: 1;
	position: relative;
}

.swiper-pagination-bullet-active:before {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	border-radius: 100px;
	left: -2px;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	padding: 1px;
}

/*+++++++++++++++++++
/*button
+++++++++++++++++++*/

/*+++++++++++++++++++
/*margin
+++++++++++++++++++*/
.mb {
	margin: 0 0 10px;
}

.mb1 {
	margin: 0 0 30px;
}

.mb2 {
	margin: 0 0 30px;
}

.mb3 {
	margin: 0 0 100px;
}

/*+++++++++++++++++++
/*scale*/
/*+++++++++++++++++*/
.scale {
	transition: .5s;
	-webkit-transform: scale(1);
	transform: scale(1);
	overflow: hidden;
	position: relative;
	display: block;
}

.scale:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	/*background: rgba(0,0,0,0.2);*/
}

/*++++++++++++++
common title
++++++++++++++*/
.section-title {
	margin: 0 auto 30px;
}

.section-title dl {
	text-align: center;
	margin: 0;
}

.section-title dt {
	padding: 5px 0 0;
	font-size: var(--font-h6);
	line-height: 1.2;
	letter-spacing: 1px;
	color: var(--main-color);
}

.section-title dd {
	font-family: var(--raleway);
	font-size: var(--font-h2);
	line-height: 1.2;
	letter-spacing: 1px;
	color: var(--black);
	position: relative;
}

.section-title dd:before {
	width: 12px;
	height: 12px;
}

.section-title dd:after {
	content: "";
}

/*++++++++++++++
h1^h6
++++++++++++++*/
h1 {
	font-size: var(--font-h1);
}

/*++++++++++++++*/

h2 {
	font-weight: 500;
}

h3 {
	letter-spacing: 3px;
	font-size: var(--font-h3);
}

h4 {
	font-size: var(--font-h5);
	letter-spacing: 1px;
	font-weight: 600;
	background: var(--lightgray);
	padding: 12px 15px 13px;
	border-radius: 5px;
	position: relative;
	margin: 0 0 20px;
	border: 1px solid var(--gray);
}

h5 {
	font-weight: 500;
}

h5:before {}

h6 {
	position: relative;
	font-size: var(--font-h6);
	letter-spacing: 1px;
	padding: 0;
	font-weight: 700;
}

h6:before {
	content: "";
}

p {
	font-size: var(--font-h6);
	line-height: var(--lh-md);
	color: #333;
	font-weight: 500;
}

em {
	font-size: 0.8em;
	line-height: var(--lh-md);
	font-style: normal;
	font-weight: 500;
}

/*++++++++++++++
table
++++++++++++++*/
table {


	width: 100%;

	border-top: 1px solid #eee;
}

tr {
	border-bottom: 1px solid #eee;
}

th {
	padding: 8px 0;
}

th:before {
	content: "";
	position: absolute;
	/* background: #666; */
	top: -1px;
	left: 0;
	width: 150px;
	height: 1px;
}

td {
	padding: 8px 0;
}

th p,
td p {
	font-size: 0.78em;
	letter-spacing: 0;
}

/*+++++++++++++++++++
/section
+++++++++++++++++++*/
section {

	margin: 0 0 100px;
}

/*+++++++++++++++++++
/article
+++++++++++++++++++*/
article {}

/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
header {
	padding: 0;
	/* display: flex; */
	/* align-items: center; */
	position: relative;
	top: 0;
	z-index: 99;
	width: 100%;
	transition: .5s;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
}

header .inner {
	display: flex;
	align-items: center;
	max-width: 100%;
	padding: 70px 0 15px;
	justify-content: center;
	position: relative;
	margin: 0;
}

.postage {
	position: absolute;
	width: 100%;
	top: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	color: #fff;
	padding: 10px;
	text-align: center;
	font-size: 0.8em;
	letter-spacing: 0;
	font-weight: 400;
}

.logo {
	margin: 3px 3% 0 4%;
	width: 180px;
	display: block;
	position: relative;
}

.logo img {
	filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(39deg) brightness(100%) contrast(150%);
}

.headbox {
	width: 100%;
	position: fixed;
	justify-content: space-between;
	align-items: center;
	bottom: 0;
	/* display: none; */
}

.headbox>.flex nav {
	border: none;
	padding: 0 50px 0 0;
	display: none;
}

.headbox ul li {
	margin: 0 40px 0 0;
	line-height: 1.2;
}

.headbox ul li:last-child {
	margin: 0;
}

.headbox ul li a {
	font-weight: 600;
	font-size: 1em;
	letter-spacing: 1px;
	color: #fff;
	padding: 34px 0;
	position: relative;
	/* z-index: -1; */
}

.headbox ul li a.active {}

.headbox ul li a.active:before {
	content: "";
	background: #d33828;
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 3px;
	z-index: 9999;
}

.headbox ol.sub-list {
	justify-content: left;
	margin: 0 0 11px;
}

.headbox ol.sub-list li {
	margin: 0 20px 0 0;
}

.headbox ol.sub-list li a {
	font-size: 0.8em;
	font-weight: 500;
	color: #666;
}

/*keyword*/
form#searchform {

	display: flex;

	align-items: center;
}

form#searchform input {
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.2);
	padding: 10px 20px;
	box-sizing: border-box;
	border-radius: 100px;
}

::placeholder {
	color: #ccc
}

form#searchform input[type="submit"] {
	border: none;
	background: url("../images/common/search_off.svg") no-repeat center;
	background-size: 25px;
	padding: 10px 25px;
}

/*EC*/
.ec {
	padding: 0 15px 0 0;
	box-sizing: border-box;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	right: 0;
	/* background: #fff; */
	z-index: 10;
	background: var(--white);
	justify-content: center;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.ec a {
	margin: 0;
	width: 25%;
	padding: 10px 0;
}

/*EC*/
.ec {}

.ec a {
	width: 96px;
	display: block;
	text-align: center;
	position: relative;
}

.cartnum {
	background: #d33828;
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	color: #fff;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7em;
	right: 15%;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
}

.ec figure {
	/* background: #eee; */
	text-align: center;
	display: block;
	width: 40px;
	margin: auto;
	height: 40px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ec a:nth-child(1) img {
	width: 35px;
}

.ec figure:before {
	font-size: 1.8em;
	color: var(--black);
}

header.on figure:before {
	color: var(--black);
	font-size: 1.8em;
}


.ec small {
	font-size: 0.7em;
	display: block;
	padding: 1px 0 0;
	color: #fff;
}

header.on .ec small {
	color: #111;
}

.cartnum {
	right: 20%;
}

.ec figure {
	width: 30px;
	height: 30px;
}

.ec a:nth-child(1) img {
	width: 35px;
}

.ec figure.cart {
	background: url("../images/common/cart_onn.svg") no-repeat center center;
	margin: auto;
}

.ec figure.cart.on {
	background: url("../images/common/cart_onn.svg") no-repeat center left 0px;
	margin: auto;
}


.ec figure.login {
	background: url("../images/common/login_onn.svg") no-repeat center center;
	background-size: 26px;
}

.ec figure.login.on {}

.ec figure.guide {
	background: url("../images/common/guide_onn.svg") no-repeat center center;
	background-size: 28px;
}

.ec figure.guide.on {}

.ec figure.member {
	background: url("../images/common/member_onn.svg") no-repeat center center;
	background-size: 28px;
}

.ec figure.member.on {}


.ec small {
	color: #111;
}

header.on .ec small {
	color: #111;
}

/*is-animation*/
header.is-animation {
	background: #fff;
	top: 0px;
	transition: .5s;
}

/*on*/
header.on {
	top: 0;
}

header.on .headbox ul li a {
	color: #111;
}

header .postage {
	/* top: -150px; */
	color: #fff;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

header.on .postage {
	color: var(--black)
}

header.on .inner {
	margin: 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	position: relative;
	padding: 70px 0 15px;
	overflow: hidden;
}

header .drawer-hamburger {
	width: 35px;
	position: absolute;
	top: 43px;
	bottom: 0;
	margin: auto;
	left: 2%;
}

header.on .drawer-hamburger-icon:before,
header.on .drawer-hamburger-icon:after {}

header.on form#searchform input {
	background: rgba(0, 0, 0, 0.1);
	border: none;
}

header.on form#searchform input[type="submit"] {
	background: url("../images/common/search_on.svg") no-repeat center;
	background-size: 25px;
}

/*drawer*/
.drawer-nav {
	padding: 120px 20px 100px;
	height: 100vh;
	overflow-y: scroll;
}

.drawer-menu {
	max-width: 1000px;
	margin: auto;

}

.drawer-menu .flex {
	flex-wrap: wrap;
}

.drawer-menu ul {
	width: 100%;
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.drawer-menu ul li {
	margin: 0;
	width: var(--flex-48);
}

.drawer-menu ul li:nth-child(2n) {
	/* margin:0; */
}

.drawer-menu ul li a {
	padding: 15px 0;
	font-size: 1.1em;
}

.drawer-menu ul li a:before {
	content: "";
}

.drawer-menu ul li>ol {
	display: block;
	margin: 10px 0 30px;
	,
	: ;
}

.drawer-menu ul li>ol>li {}

.drawer-menu ul li>ol>li a {
	padding: 0 0 12px;
	font-size: 1em;
	border: none;
}

.drawer-menu ul li>ol>li a:before {
	display: none;
}

.drawer-menu ul li>ol>li .keywordbox {
	padding: 0;
	margin: 0;
	overflow: hidden;
	border-radius: 5px;
}

.drawer-menu ul li>ol>li .keywordbox input[type="text"] {}

.drawer-menu ul li>ol>li .keywordbox input[type="submit"] {
	width: 20%;
}


.drawer-menu .searchtab {
	gap: 8px;
}

.drawer-menu .searchtab a {
	border-bottom: none !important;
	width: 100%;
	padding: 10px 5px;
	text-align: center;
	border-radius: 5px;
	box-sizing: border-box;
}

.drawer-menu .searchtab a:after {
	display: none;
}

.drawer-menu .searchtab a.active {
	/* border: 1px solid var(--darkgray); */
	background: var(--black);
}

.drawer-menu .searchtab a.active span {
	color: var(--white);
}

.drawer-menu .search-tabcontenbox {
	background: var(--lightgray);
	padding: 10px !important;
	margin: 0;
}

.drawer-menu .search-tabcontenbox .flex {
	margin: 0;
}

.drawer-menu .search-tabcontenbox .flex a {
	background: #fff;
	border: 1px solid var(--gray);
	border-radius: 3px;
}

.drawer-menu ul li a {
	color: var(--black);
	font-size: var(--font-em);
	font-weight: 500;
	display: block;
	padding: 14px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
	text-align: left;
}

.drawer-menu ul li a:before {
	content: "";
	position: absolute;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	font-size: 12px;
	right: 0;
	top: 0;
	background-position: center;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-style: normal;
	display: flex;
	align-items: center;
}

.drawer-menu ul li>ol {
	display: flex;
	flex-wrap: wrap;

	margin: 20px 0 0;
}

.drawer-menu ul li>ol>li {
	border: none;
	width: 50%;
	margin: 0;
	position: relative;
}

.drawer-menu ul li>ol>li a {
	padding: 10px 0;
	font-size: 1em;
	border: none;
}

/*++++++++++++++
table
++++++++++++++*/
.wp-block-table table,
table.woocommerce-table--custom-fields {
	width: 100%;
	border: 1px solid var(--gray);
	display: block;
}

.wp-block-table tbody,
table.woocommerce-table--custom-fields tbody {
	display: block;
}

.wp-block-table tr,
table.woocommerce-table--custom-fields tr {
	border-bottom: 1px solid var(--gray);
	width: 100%;
	display: block;
}

.wp-block-table tr:last-child,
table.woocommerce-table--custom-fields tr:last-child {
	border-bottom: 1px solid var(--gray);
}

.wp-block-table th,
table.woocommerce-table--custom-fields th {
	padding: 10px !important;
	width: 100%;
	position: relative;
	display: block;
	font-size: var(--font-h6);
	background: var(--lightgray);
	border-top: none !important;
	border-bottom: 1px solid var(--gray) !important;
	border-left: none !important;
	box-sizing: border-box;
	border-right: none !important;
}

.wp-block-table th strong {
	/* font-weight: normal; */
}

.wp-block-table td,
table.woocommerce-table--custom-fields td {
	padding: 10px 15px !important;
	border: none !important;
	font-size: var(--font-h6);
	line-height: var(--lh-md);
	width: 100%;
	display: block;
	box-sizing: border-box;
}

.wp-block-table.block table {
	max-width: 480px;
	margin: 20px 0;
	border: 1px solid var(--darkgray);
}

.wp-block-table.block table th {
	padding: 20px !important;
	font-weight: 500;
	text-align: center;
	background: var(--gray);
	width: var(--flex-30);
	border: none;
	border-right: 1px solid var(--darkgray) !important;
}

/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/
footer {
	clear: both;
	background: var(--main-color);
	padding: 30px 15px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

footer .inner {
	display: block;
	border-top: none;
	margin: auto;
	overflow: hidden;
	max-width: 100%;
}

#pagetop {
	background: url(../images/common/arrow_gr.svg) no-repeat;
	transition: .3s;
	border: 2px solid #999;
	width: 30px;
	height: 30px;
	position: fixed;
	bottom: 7%;
	margin: 30px 15px;
	cursor: pointer;
	right: 0;
	transform: rotate(-90deg) scale(1.0);
	background-size: 15px;
	background-position: center;
	border-radius: 100px;
	z-index: 10;
	position: fixed;
}

footer .ft_online {
	width: 100%;
	margin: 0 0 3%;
}

footer .ft_online>.flex {
	display: flex;
	flex-wrap: wrap;
}

footer .ft_company {
	margin: 0;
}

footer .ft_company dl {
	width: 100%;
}

footer .ft_title {
	margin: 0 0 35px;
	letter-spacing: 1px;
	position: relative;
	text-align: center;
	color: #fff;
	width: 100%;
}

footer .ft_title:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: var(--flex-25);
	background: #ccc;
	height: 1px;
	left: 0;
}

footer .ft_title:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: var(--flex-25);
	background: #ccc;
	height: 1px;
	right: 0;
}

footer .flex {
	justify-content: space-between;
	width: 100%;
	align-items: flex-start;
}

footer dl {
	width: 44%;
	margin: 0 0 20px;
}

footer dl:last-child {
	margin: 0;
	display: block;
}

footer dt {
	margin: 0 0 10px;
}

footer dt b,
footer dt a {
	color: #fff;
}

footer dt a {
	font-weight: 600;
}

footer dd {
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
}

footer dd b {
	display: block;
	margin: 0 0 5px;
}

footer dd b a {
	font-size: 0.85em;
	color: #fff;
}

footer dd a {
	display: block;
	font-size: var(--font-em);
	line-height: var(--lh-md);
	color: #999;
	padding: 0;
}

/*バナー*/
footer .bunner {
	position: relative;
	right: 0;
	bottom: 0;
	padding: 20px 0;
	max-width: 100%;
	/* display: flex; */
}

footer .bunner a {
	margin: auto;
	display: block;
	padding: 0 0 20px;
	max-width: 70%;
}

.copyright {
	font-size: var(--font-em);
	color: var(--white);
}

.fbox {
	border-top: 1px solid var(--opa-white02) !important;
}

.fbox .flex {
	align-items: center;
	padding: 20px 0;
}

.fbox .flogo {
	width: 200px;
	margin: 0 auto 10px;
	display: block;
}

.fbox .flogo img {}

.fbox ul {
	width: 100%;
	border: none;
	display: block;
}

.fbox ul:before {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	margin: auto;
	bottom: 0;
	top: 0;
}

.fbox ul li {
	width: 100%;
	padding: 0 0 19px;
	text-align: center;
	box-sizing: border-box;
	margin: 0;
	font-size: var(--font-em);
	line-height: 1.8;
}

.fbox ul li a.tel {
	font-family: 'Inter', sans-serif;
	color: #fff;
	font-size: 1.4em;
	background: url("../images/common/search_off.svg") no-repeat;
	padding: 0 0 0 35px;
	background-size: 20px;
	background-position: center left;
}

/*+++++++++++++++++++
/important
+++++++++++++++++++*/
#important {
	border-bottom: 1px solid var(--red);
	background: #fbf3f3;
	margin: 0;
	position: relative;
	z-index: 10;
	padding: 0 10px;
}

#important .wc_inner {
	margin: 0;
	width: 100%;
}

#important .category {
	border: 1px solid var(--red);
	color: var(--red);
}
.news-swiper li {
    padding: 0 !important;
}
#important .time {}

#important .news-title {
	color: var(--red);
}

section#important .inner {
	padding: 10px 0;
}

section#important ul {
	display: block;
    padding: 10px 0;
}

section#important li a {
	display: inline-block;
}

section#important li a {
	position: relative;
	padding: 0 0 0 25px;
	display: flex;
	margin: 0;
	color: inherit;
}

section#important li a.lr::after {
	background: #ce0600;
}

section#important li a:before {
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	border-radius: 100px;
	top: 3px;
	bottom: 0;
	margin: auto;
	content: "\f06a";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-style: normal;
	display: flex;
	align-items: center;
	color: var(--red);
}

section#important li a p {
	font-size: 0.8em;
	letter-spacing: 0;
}

/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
.button {
	background: var(--aqua);
	padding: 25px 100px;
	font-size: var(--font-h5);
	font-family: var(--gs);
	border-radius: 3px;
	/* box-shadow: 0 0 5px rgba(0,0,0,0.2); */
	position: relative;
	display: block;
	cursor: pointer;
	font-weight: 500;
	color: var(--white);
	max-width: 400px;
	width: 100%;
	margin: auto;
	box-shadow: 0 0 5px rgb(33 151 207 / 80%);
	border: none;
}

.button:after {
	content: "";
	position: absolute;
	bottom: 0;
	margin: auto;
	right: 3%;
	top: 0;
	background-position: center;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-style: normal;
	display: flex;
	align-items: center;
}

.button:hover {
	text-decoration: none;
}

.button2,
#delete-cardmember {
	background: #fff;
	padding: 12px 100px 15px;
	font-size: var(--font-h6);
	border-radius: 3px;
	/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); */
	position: relative;
	display: block;
	cursor: pointer;
	color: var(--black);
	max-width: max-content;
	margin: 0 auto 20px;
	border: 1px solid var(--darkgray);
}

.template ol {
	list-style-type: decimal;
	margin: 0 0 0 18px;
}

.template ul>li,
.template ol>li {
	counter-increment: cnt;
	font-size: var(--font-h6);
	letter-spacing: 1px;
	line-height: var(--lh-lg);
	font-weight: 400;
	m,
	: ;
}

.template ul>li:before {
	content: ""
}

.template ol>li:before {
	content: "counter(cnt)" . ";

}

.template ol>li>strong {
	display: inline-block;
	font-weight: 500;
}

.pc {
	display: none !important;
}

.sp {
	display: block !important;
}



/*++++++++++++++
arkhe tab
++++++++++++++*/

ul.arkb-tabList {
	border-bottom: 1px solid var(--gray);
	display: flex;
	gap: 20px;
	font-family: var(--gs);
}

ul.arkb-tabList li {}

ul.arkb-tabList li:before {
	display: none;
}

ul.arkb-tabList li button {
	padding: 17px 40px;
	font-size: var(--font-h5);
	font-weight: 600;
	cursor: pointer;
}

ul.arkb-tabList li button[aria-selected=true] {
	bottom: -1px;
	border-bottom: 3px solid var(--darkgray);
	background: var(--white);
	font-family: var(--gs);
}

.arkb-tabBody {
	padding: 0 !important;
	margin: 50px 0 0;
}

@media screen and (min-width: 768px) {

	.wc_inner {
		margin: 60px auto;
		max-width: var(--flex-90);
	}

	.br {
		display: block !important;
	}

	.br2 {
		display: none !important;
	}


	/*++++++++++++++
common
++++++++++++++*/

	body {}

	#wrapper {}

	.container {
		background: #fff;
	}

	.inner {
		max-width: var(--flex-80);
	}

	.overlay {
		background: rgba(0, 0, 0, 0.2);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	a {}

	.under {
		text-decoration: underline;
		color: inherit;
		color: #005bac;
	}

	.under:hover {
		text-decoration: none;
	}


	img {
		max-width: 100%;
		vertical-align: bottom;
	}


	/*flex*/
	.flex {}

	.flex-left {
		justify-content: left;
	}

	.hover span:before {
		border: 1.5px solid #0080AA;
		width: 25px;
		height: 25px;
		position: absolute;
		left: 0;
		border-radius: 100%;
		background-size: 12px;
	}



	/*+++++++++++++++++++
/*pull
+++++++++++++++++++*/
	.pull {
		border: 2px solid #eee;
		position: absolute;
		max-width: 1300px;
		background: #fff;
		left: 0;
		display: none;
		margin: 30px auto 0;
		padding: 30px 0;
		box-sizing: border-box;
		/* display: flex; */
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		z-index: -1;
		right: 0;
		border-radius: 10px;
	}

	.pull .inner {
		max-width: 1200px;
		padding: 0 0 15px !important;
		align-items: inherit;
		height: 100%;
		/* flex-wrap: wrap; */
	}

	.pull dl {
		/* border-right: 1px solid #eee; */
		padding: 0;
		margin: 0 40px 0 0;
		box-sizing: border-box;
		width: 100%;
	}

	.pull dl:last-child {
		margin: 0;
		padding: 0;
		border: none;
	}

	.pull b {
		display: block;
		border-bottom: 1px solid #ccc;
		padding: 0 0 12px;
		margin: 0 0 15px;
	}

	.pull .cl2 {

		display: flex;

		flex-wrap: wrap;
	}

	.pull b a {
		color: #111 !important;
		font-size: 1em;
		margin: 0 0 10px;
	}

	.pull .cl2>a {
		color: #666 !important;
		display: block;
		font-size: 0.85em !important;
		line-height: 2;
		width: 50%;
		margin: 0 0 5px;
		padding: 0;
		box-sizing: border-box;
	}

	.pull .cl2>a:before {
		display: none;
	}

	/*+++++++++++++++++++
/*swiper
+++++++++++++++++++*/
	.swiper-button-prev {
		width: 40px !important;
		height: 40px !important;
	}

	.swiper-button-next {
		width: 40px !important;
		height: 40px !important;
	}

	.swiper-button-disabled {
		background: rgba(47, 39, 34, 1);
		opacity: 0;
	}

	.swiper-button-prev:after,
	.swiper-rtl .swiper-button-next:after,
	.swiper-button-next:after,
	.swiper-rtl .swiper-button-prev:after {
		color: #fff;
		font-size: 22px !important;
	}

	.swiper-pagination {
		left: 5% !important;
	}

	.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

		background: #111 !important;
	}

	.swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		margin: 0 8px !important;
		opacity: 1;
		position: relative;
	}

	.swiper-pagination-bullet-active:before {
		content: "";
		width: 12px;
		height: 12px;
		position: absolute;
		border-radius: 100px;
		left: -2px;
		right: 0;
		margin: auto;
		top: 0;
		bottom: 0;
		padding: 1px;
	}

	/*+++++++++++++++++++
/*button
+++++++++++++++++++*/

	/*+++++++++++++++++++
/*margin
+++++++++++++++++++*/

	.mb {}

	.mb1 {
		margin: 0 0 10px;
	}

	/*中*/
	.mb2 {
		margin: 0 0 60px;
	}

	/*大*/
	.mb3 {
		margin: 0 0 100px;
	}

	/*+++++++++++++++++++
/*scale*/
	/*+++++++++++++++++*/
	.scale {
		transition: .5s;
		-webkit-transform: scale(1);
		transform: scale(1);
		overflow: hidden;
		position: relative;
		display: block;
	}

	.scale:hover {
		-webkit-transform: scale(1.03);
		transform: scale(1.03);
		/*background: rgba(0,0,0,0.2);*/
	}

	/*++++++++++++++
/*section title*/
	/*++++++++++++++*/
	.section-title {
		margin: 0 auto 50px;
	}

	.section-title dl {}

	.section-title dt {
		padding: 5px 0 0;
		font-size: var(--font-h6);
		line-height: 1.2;
		letter-spacing: 1px;
		color: var(--main-color);
	}

	.section-title dd {}

	.section-title dd:before {
		content: "";
	}

	.section-title dd:after {
		content: "";
	}

	/*++++++++++++++
h1^h6
++++++++++++++*/
	h1 {
		font-size: var(--font-h1);
	}

	/*++++++++++++++*/

	h2 {}

	h3 {}

	h4 {
		font-size: var(--font-h5);
		letter-spacing: 1px;
		font-weight: 600;
		background: var(--lightgray);
		padding: 12px 15px 13px;
		border-radius: 5px;
		position: relative;
		margin: 0 0 20px;
		border: 1px solid var(--gray);
	}

	h5 {}

	h5:before {}

	h6 {
		position: relative;
		font-size: 1.3em;
		letter-spacing: 0;
		font-weight: 600;
		padding: 0;
	}

	h6:before {
		content: "";
	}

	/*++++++++++++++
table
++++++++++++++*/
	table.block,
	table.block tbody,
	table.block tr,
	table.block th,
	table.block td {
		display: block;
		width: 100%;
	}

	tr {
		border-bottom: 1px solid #eee;
	}

	th {
		padding: 8px 0;
		border-top: 1px solid #666;
		border-bottom: 1px solid #999;
	}

	th:before {
		content: "";
		display: none;
	}

	td {
		padding: 8px;
		width: 100%;
	}

	th p,
	td p {}

	/*+++++++++++++++++++
/section
+++++++++++++++++++*/
	section {

		margin: 0 0 100px;
	}

	/*+++++++++++++++++++
/article
+++++++++++++++++++*/
	article {}

	/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
	header {}

	header .inner {}

	.postage {}

	.drawer-hamburger {
		left: 2%;
		width: 2.5rem;
		/* box-sizing: border-box; */
	}

	.drawer-hamburger-icon {}

	.logo {
		display: block;
		width: 250px;
		margin: 3px 3% 0 3%;
	}

	.headbox {}

	.headbox>.flex {}

	.headbox>.flex nav {
		border: none;
		padding: 0 50px 0 0;
	}

	.headbox ul li {}

	.headbox ul li:last-child {
		margin: 0;
	}

	.headbox ul li a {}

	.headbox ul li a.active {}

	.headbox ul li a.active:before {
		content: "";
		background: #d33828;
		width: 100%;
		height: 3px;
		position: absolute;
		bottom: 3px;
		z-index: 9999;
	}

	.headbox ol.sub-list {
		justify-content: left;
		margin: 0 0 11px;
	}

	.headbox ol.sub-list li {
		margin: 0 20px 0 0;
	}

	.headbox ol.sub-list li a {
		font-size: 0.8em;
		font-weight: 500;
		color: #666;
	}

	/*keyword*/
	form#searchform {

		display: flex;

		align-items: center;
	}

	form#searchform input {
		border: 1px solid #fff;
		background: rgba(255, 255, 255, 0.2);
		padding: 10px 20px;
		box-sizing: border-box;
		border-radius: 100px;
	}

	::placeholder {
		color: #ccc
	}

	form#searchform input[type="submit"] {
		border: none;
		background: url("../images/common/search_off.svg") no-repeat center;
		background-size: 25px;
		padding: 10px 25px;
	}

	/*EC*/
	.ec {}

	.ec a {}

	.cartnum {}

	.ec figure {
		/* background: #eee; */
		text-align: center;
		display: block;
		width: 40px;
		margin: auto;
		height: 40px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ec a:nth-child(1) img {
		width: 35px;
	}

	.ec figure.cart {}

	.ec figure.cart.on {
		background: url("../images/common/cart_onn.svg") no-repeat center left 0px;
		margin: 0 0 0 12px;
	}


	.ec figure.login {}

	.ec figure.login.on {}

	.ec figure.guide {}

	.ec figure.guide.on {}

	.ec figure.member {}

	.ec figure.member.on {}


	.ec small {}

	header.on .ec small {
		color: #111;
	}

	/*is-animation*/
	header.is-animation {
		/* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
		/* padding: 15px 30px; */
		background: #fff;
		top: -150px;
		transition: .5s;
	}

	/*on*/
	header.on {
		background: #fff;
		border-bottom: 1px solid #eee;
		box-sizing: border-box;
	}

	header.on .headbox ul li a {}

	header.on .postage {}

	header.on .inner {
		margin: 0;
		overflow: hidden;
	}

	header.on .drawer-hamburger {}

	header.on .drawer-hamburger-icon:before,
	header.on .drawer-hamburger-icon:after {}

	header.on form#searchform input {
		background: rgba(0, 0, 0, 0.1);
		border: none;
	}

	header.on form#searchform input[type="submit"] {
		background: url("../images/common/search_on.svg") no-repeat center;
		background-size: 25px;
	}

	/*drawer*/
	.drawer-menu {}

	.drawer-menu .flex {
		margin: 20px 0 0;
		flex-wrap: wrap;
		display: flex;
		justify-content: space-between;
	}

	.drawer-menu ul {
		justify-content: left;
		width: 50%;
		display: block;
	}

	.drawer-menu ul li {
		width: auto;
		margin: 0;
	}

	.drawer-menu ul li:nth-child(2n) {}

	.drawer-menu ul li a {}

	.drawer-menu ul li a:before {
		content: "";
	}

	.drawer-menu ul li>ol {
		display: flex;
		flex-wrap: wrap;
		margin: 20px 0 0;
	}

	.drawer-menu ul li>ol>li {
		width: 100%;
	}

	.drawer-menu ul li>ol>li a {
		padding: 10px 0;
		font-size: 1em;
		border: none;
	}

	.drawer-menu ul li>ol>li a:before {
		display: none;
	}

	.drawer-menu ul li>ol>li .keywordbox {
		justify-content: left;
	}

	.drawer-menu ul li>ol>li .keywordbox input[type="text"] {
		width: 100%;
	}

	.drawer-menu ul li>ol>li .keywordbox input[type="submit"] {}

	/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/
	footer {}

	footer .inner {
		display: block;
	}

	footer .ft_online {
		width: 100%;
		margin: 0 5% 3% 0;
	}

	footer .ft_company {
		width: auto;
	}

	footer .ft_company dl {
		width: 100%;
	}

	footer .ft_title {}

	footer .ft_title:before {}

	footer .ft_title:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 38%;
		background: #ccc;
		height: 1px;
		right: 0;
	}

	footer .flex {}

	footer dl {}

	footer .ft_company dl {
		display: flex;
		flex-wrap: wrap;
	}

	footer .ft_company dt {
		width: auto;
	}

	footer dt a {
		font-size: 0.9em;
		font-weight: 600;
	}

	footer .ft_company dd {
		width: auto;
	}

	footer dd b {
		display: block;
		margin: 0 0 5px;
	}

	/*バナー*/
	footer .bunner {
		position: relative;
		padding: 40px 0;
		margin: 20px auto 0;
		display: flex;
	}

	footer .bunner a {
		margin: 0 10px 0;
	}
	
	footer .sdgs {
	display: block;
	margin: auto;
	max-width: max-content;
	}
	

	.copyright {
		font-family: 'Inter', sans-serif;
		font-size: 0.7em;
		letter-spacing: 0;
		padding: 20px 0;
		color: #fff;
	}

	.fbox {}

	.fbox .flex {}

	.fbox .flogo {
		margin: 0 auto 40px;
		display: block;
	}

	.fbox ul {
		width: auto;
	}

	.fbox ul:before {}

	.fbox ul li {}

	.fbox ul li a.tel {
		font-family: 'Inter', sans-serif;
		color: #fff;
		font-size: 1.4em;
		background: url("../images/common/search_off.svg") no-repeat;
		padding: 0 0 0 35px;
		background-size: 20px;
		background-position: center left;
	}

	/*+++++++++++++++++++
/important
+++++++++++++++++++*/

	section#important .inner {}

	section#important ul {
		display: block;
	}

	section#important li a {
		display: inline-block;
	}

	section#important li a {
		position: relative;
		padding: 0 0 0 25px;
		/* display: block; */
	}

	section#important li a.lr::after {
		background: #ce0600;
	}

	section#important li a:before {}

	section#important li a p {}
}

@media screen and (min-width: 1024px) {
	.wc_inner {
		max-width: var(--flex-95);
	}

	/*++++++++++++++
common
++++++++++++++*/
	#wrapper {
		overflow: hidden;
	}

	.flex-left {
		flex-wrap: wrap;
	}


	.hover span:before {
		border: 1.5px solid #0080AA;
		width: 25px;
		height: 25px;
		position: absolute;
		left: 0;
		border-radius: 100%;
		background-size: 12px;
	}


	/*+++++++++++++++++++
/*pull
+++++++++++++++++++*/
	.pull {
		border: 2px solid #eee;
		position: absolute;
		max-width: 1300px;
		background: #fff;
		left: 0;
		display: none;
		margin: 30px auto 0;
		padding: 30px 0;
		box-sizing: border-box;
		/* display: flex; */
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		z-index: -1;
		right: 0;
		border-radius: 10px;
	}

	.pull .inner {
		max-width: 1200px;
		padding: 0 0 15px !important;
		align-items: inherit;
		height: 100%;
		/* flex-wrap: wrap; */
	}

	.pull dl {
		/* border-right: 1px solid #eee; */
		padding: 0;
		margin: 0 40px 0 0;
		box-sizing: border-box;
		width: 100%;
	}

	.pull dl:last-child {
		margin: 0;
		padding: 0;
		border: none;
	}

	.pull b {
		display: block;
		border-bottom: 1px solid #ccc;
		padding: 0 0 12px;
		margin: 0 0 15px;
	}

	.pull .cl2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.pull b a {
		color: #111 !important;
		font-size: 1em;
		margin: 0 0 10px;
	}

	.pull .cl2>a {
		color: #666 !important;
		display: block;
		font-size: 0.85em !important;
		line-height: 2;
		width: 50%;
		margin: 0 0 5px;
		padding: 0;
		box-sizing: border-box;
	}

	.pull .cl2>a:before {
		display: none;
	}

	/*+++++++++++++++++++
/*swiper
+++++++++++++++++++*/
	.swiper-button-disabled {
		background: rgba(47, 39, 34, 1);
		opacity: 0;
	}

	.swiper-button-prev:after,
	.swiper-rtl .swiper-button-next:after,
	.swiper-button-next:after,
	.swiper-rtl .swiper-button-prev:after {
		color: #fff;
		font-size: 22px !important;
	}

	.swiper-pagination {
		max-width: 100%;
	}

	.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

		background: #111 !important;
	}

	.swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		margin: 0 8px !important;
		opacity: 1;
		position: relative;
	}

	.swiper-pagination-bullet-active:before {
		content: "";
		width: 12px;
		height: 12px;
		position: absolute;
		border-radius: 100px;
		left: -2px;
		right: 0;
		margin: auto;
		top: 0;
		bottom: 0;
		padding: 1px;
	}

	/*+++++++++++++++++++
/*button
+++++++++++++++++++*/

	.section-title dt {
		padding: 5px 0 0;
		font-size: var(--font-h6);
		line-height: 1.2;
		letter-spacing: 1px;
		color: var(--main-color);
	}

	.section-title dd {
		font-size: var(--font-h1);
	}

	/*++++++++++++++
h1^h6
++++++++++++++*/
	h1 {}

	/*++++++++++++++*/

	/*+++++++++++++++*/
	h2 {}

	h3 {}

	h4 {}

	h5 {}

	h5:before {}

	h6 {
		font-size: 0.9em;
	}

	h6:before {
		content: "";
	}

	span {
		/* font-size: 0.8em; */
		line-height: 1.8;
	}


	/*++++++++++++++
table
++++++++++++++*/
	th p,
	td p {
		font-size: 0.8em;
	}

	/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
	header {
		overflow: hidden;
	}

	.logo {
		width: 200px;
	}

	.headbox {
		justify-content: right;
	}

	.headbox>.flex {
		/* display: none; */
	}

	.headbox>.flex nav {
		border: none;
		padding: 0 50px 0 0;
	}

	.headbox ul li:last-child {
		margin: 0;
	}

	.headbox ul li a.active:before {
		content: "";
		background: #d33828;
		width: 100%;
		height: 3px;
		position: absolute;
		bottom: 3px;
		z-index: 9999;
	}

	.headbox ol.sub-list {
		justify-content: left;
		margin: 0 0 11px;
	}

	.headbox ol.sub-list li {
		margin: 0 20px 0 0;
	}

	.headbox ol.sub-list li a {
		font-size: 0.8em;
		font-weight: 500;
		color: #666;
	}

	/*keyword*/
	form#searchform {}

	form#searchform input {}

	::placeholder {
		color: #ccc
	}

	.ec a:nth-child(1) img {
		width: 35px;
	}

	/*is-animation*/
	header.is-animation {
		/* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
		/* padding: 15px 30px; */
		background: #fff;
		top: -150px;
		transition: .5s;
	}

	/*on*/
	header.on {}

	header.on .inner {
		padding: 60px 0 20px;
	}

	header.on .drawer-hamburger {
		top: -10px;
		left: 2%;

	}

	header.on form#searchform input {
		background: rgba(0, 0, 0, 0.1);
		border: none;
	}

	header.on form#searchform input[type="submit"] {
		background: url("../images/common/search_on.svg") no-repeat center;
		background-size: 25px;
	}

	/*drawer*/
	.drawer-nav {
		overflow-y: scroll;
		padding: 50px 50px 100px;
		height: 100%;
	}

	.drawer-menu ul li a {
		font-size: 1.1em;
		padding: 20px 0;
	}

	.drawer-menu ul li a:before {}

	.drawer-menu ul li>ol>li a {
		font-size: 0.9em;
	}

	.drawer-menu ul li>ol>li a:before {
		display: none;
	}

	.drawer-menu ul li>ol>li .keywordbox {}

	.drawer-menu ul li>ol>li .keywordbox input[type="text"] {}

	.drawer-menu ul li>ol>li .keywordbox input[type="submit"] {
		width: 20%;
	}

	/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/
	footer {
		padding: 30px 0;
		@: ;
	}

	footer .inner {
		max-width: var(--flex-70);
	}

	#pagetop {}


	footer .ft_online {
		margin: 0 3% 3% 0;
		width: 85%;
	}

	footer .ft_company {
		width: 18%;
	}

	footer dt a {
		font-size: 0.8em;
	}

	footer dd b a {
		font-size: 0.8em;
	}

	footer .bunner {
		padding: 80px 0 20px;
	}

	footer .bunner a {
		margin: 0 10px 0;
	}

	.fbox .flogo {
		width: 250px;
		margin: 0 80px 0 0;
	}


	.fbox ul li a.tel {
		font-size: 1.2em;
	}

	/*+++++++++++++++++++
/important
+++++++++++++++++++*/
	section#important {
		margin: 80% auto 0;
	}

	section#important .inner {}

	section#important ul {}

	section#important li a {
		display: inline-block;
	}

	section#important li a {}

	section#important li a.lr::after {
		background: #ce0600;
	}

}

@media screen and (min-width: 1110px) {

	input,
	select,
	textarea {
		-webkit-appearance: auto;
		appearance: auto;
	}

	body {
		overflow-x: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
		font-family: var(--gs);
		position: relative;

	}

	#wrapper {
		padding: 0;
		margin: 0;
	}

	.container {
		background: #fff;
	}

	.inner {
		max-width: 1100px;
		/* margin: 0 auto 0; */
	}

	.wc_inner {
		max-width: 1100px;
		margin: 80px auto;
	}

	.wc_inner.sm {
		margin: 0 auto 80px;
	}

	.overlay {
		background: rgba(0, 0, 0, 0.2);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	a {
		transition: .3s;

	}

	.under {
		text-decoration: underline;
		color: inherit;
		color: #005bac;
	}

	.under:hover {
		text-decoration: none;
	}


	img {
		max-width: 100%;
		vertical-align: bottom;
	}

	.wh {
		color: #999;
	}

	.br {
		display: block !important;
	}

	.br2 {
		display: none !important;
	}

	.pc {
		display: block !important;
	}

	.sp {
		display: none !important;
	}

	.center {
		display: block;
		margin: auto;
		text-align: center;
	}

	/*flex*/
	.flex {
		display: flex;
		justify-content: center;

		&.between {
			justify-content: space-between;
		}
	}

	.flex-left {
		justify-content: left;
	}

	.hover {
		/* text-decoration: underline; */
		color: #666;
		font-size: 1.1em;
		letter-spacing: 1px;
		width: 100%;
		display: inline-block;
		font-weight: 300;
		padding: 0 0 15px;
		/* border-bottom: 1px solid #eeee; */
		text-align: left;
		position: relative;
	}

	.hover span {
		display: block;
		background-size: 12px;
		transition: .3s;
		position: relative;
		padding: 0;
		font-size: inherit;
		line-height: inherit;
	}

	.hover span:before {
		border: 1.5px solid #0080AA;
		width: 25px;
		height: 25px;
		position: absolute;
		left: 0;
		border-radius: 100%;
		background-size: 12px;
	}

	.hover:hover span {
		color: #111;
	}


	.hover::after {
		position: absolute;
		bottom: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background: #111;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
	}

	.hover:hover::after,
	.active.hover:after {
		transform-origin: left top;
		transform: scale(1, 1);
	}

	/*+++++++++++++++++++
/*pull
+++++++++++++++++++*/
	.pull {
		border: 2px solid #eee;
		position: fixed;
		max-width: 1200px;
		background: #fff;
		left: 0;
		display: none;
		margin: 30px auto 0;
		padding: 40px 40px 30px;
		box-sizing: border-box;
		/* display: flex; */
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		z-index: -1;
		right: 0;
		border-radius: 10px;
	}

	.pull .inner {
		max-width: 1200px;
		padding: 0 !important;
		align-items: inherit;
		height: 100%;
		/* flex-wrap: wrap; */
	}

	.pull dl {
		/* border-right: 1px solid #eee; */
		padding: 0;
		margin: 0 30px 0 0;
		box-sizing: border-box;
		width: 100%;
		text-align: left;
	}

	.pull dl:last-child {
		margin: 0;
		padding: 0;
		border: none;
	}

	.pull b {
		display: block;
		border-bottom: 1px solid #ccc;
		padding: 0 0 12px;
		margin: 0 0 15px;
	}

	.pull .cl2 a.term-list__link {
		font-size: var(--font-h6);
		letter-spacing: 0;
	}

	.pull b a {
		color: #111 !important;

		margin: 0 0 10px;
	}

	.pull .cl2>a {
		color: #666 !important;
		display: block;
		font-size: var(--font-em);
		line-height: 2;
		width: 50%;
		margin: 0 0 5px;
		font-weight: 500;
		padding: 0;
		box-sizing: border-box;
	}

	.pull .cl2>a:before {
		display: none;
	}

	/*+++++++++++++++++++
/*swiper
+++++++++++++++++++*/
	.swiper-button-prev {
		background: rgba(47, 39, 34, 1);
		width: 50px !important;
		height: 50px !important;
		border-radius: 100px;
		opacity: 1;
		position: absolute !important;
		left: 10.2% !important;
		top: 45% !important;
	}

	.swiper-button-next {
		background: rgba(47, 39, 34, 1);
		width: 50px !important;
		height: 50px !important;
		border-radius: 100px;
		opacity: 1;
		position: absolute !important;
		right: 2% !important;
		top: 45% !important;
	}

	.swiper-button-disabled {
		background: rgba(47, 39, 34, 1);
		opacity: 0;
	}

	.swiper-button-prev:after,
	.swiper-rtl .swiper-button-next:after,
	.swiper-button-next:after,
	.swiper-rtl .swiper-button-prev:after {
		font-size: 22px !important;
		color: #fff;
	}

	.swiper-pagination {
		bottom: -9% !important;
		margin: 0;
		z-index: 99;
		height: auto;
		top: inherit !important;
		height: 1px !important;
		left: 0% !important;
		max-width: 1500px;
	}

	.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

		background: #111 !important;
	}

	.swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		margin: 0 8px !important;
		opacity: 1;
		position: relative;
	}

	.swiper-pagination-bullet-active:before {
		content: "";
		width: 12px;
		height: 12px;
		position: absolute;
		border-radius: 100px;
		left: -2px;
		right: 0;
		margin: auto;
		top: 0;
		bottom: 0;
		padding: 1px;
	}

	/*+++++++++++++++++++
/*button
+++++++++++++++++++*/
	.button {}

	.button:after {
		content: "";
		position: absolute;
		bottom: 0;
		margin: auto;
		right: 3%;
		top: 0;
		background-position: center;
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		font-style: normal;
		display: flex;
		align-items: center;
	}

	.button:hover {
		text-decoration: none;
	}

	.button2 {
		background: #fff;
		padding: 12px 100px 15px;
		font-size: var(--font-h6);
		border-radius: 3px;
		/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); */
		position: relative;
		display: block;
		cursor: pointer;
		color: var(--black);
		max-width: max-content;
		margin: 0 auto 20px;
		border: 1px solid var(--darkgray);
	}


	/*+++++++++++++++++++
/*margin
+++++++++++++++++++*/
	.mb {
		margin: 0 0 10px;
	}

	.mb1 {
		margin: 0 0 30px;
	}

	.mb2 {
		margin: 0 0 60px;
	}

	.mb3 {
		margin: 0 0 100px;
	}

	/*+++++++++++++++++++
scale
+++++++++++++++++++*/
	.scale {
		transition: .5s;
		-webkit-transform: scale(1);
		transform: scale(1);
		overflow: hidden;
		position: relative;
		display: block;
	}

	.scale:hover {
		-webkit-transform: scale(1.03);
		transform: scale(1.03);
		/*background: rgba(0,0,0,0.2);*/
	}

	/*++++++++++++++
section title
++++++++++++++*/
	.section-title {}

	.section-title dl {
		/* margin: 0; */
		justify-content: left;
		align-items: center;
		text-align: center;
		,
		: ;
	}

	.section-title dt {
		padding: 5px 0 0;
		font-size: var(--font-h6);
		line-height: 1.2;
		letter-spacing: 1px;
		color: var(--main-color);
	}

	.section-title dd {
		font-size: var(--font-h1);
	}

	.section-title dd:before {
		content: "";
	}

	.section-title dd:after {
		content: "";
	}

	/*++++++++++++++
h1^h6
++++++++++++++*/
	h1 {
		font-size: var(--font-h1);
		letter-spacing: 2px;
	}

	/*++++++++++++++*/

	h2 {
		font-size: var(--font-h2);
		letter-spacing: 1px;
		position: relative;
		margin: 0 0 50px;
		color: var(--black);
		text-align: center;
	}

	h2:before {}

	h3 {
		font-size: var(--font-h3);
		letter-spacing: 2px;
	}

	h4 {
		font-size: var(--font-h5);
		letter-spacing: 1px;
		font-weight: 600;
		background: var(--lightgray);
		padding: 12px 15px 13px;
		border-radius: 5px;
		position: relative;
		margin: 0 0 20px;
		border: 1px solid var(--gray);
	}

	h4:before {
		content: "";
		position: absolute;
		width: 3px;
		height: 70%;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	h5 {
		font-size: var(--font-h5);
		position: relative;
		letter-spacing: 1px;
		font-weight: 600;
	}

	h5:before {
		content: "";
	}

	h6 {
		position: relative;
		font-size: var(--font-h6);
		letter-spacing: 1px;
		padding: 0;
	}

	h6:before {
		content: "";
	}

	p {}

	ul {}



	span {
		/* font-size: 0.9em; */
		letter-spacing: 0.5px;
		font-weight: 500;
		color: #333;
		display: inline-block;
		line-height: var(--lh-md);
	}


	/*++++++++++++++
table
++++++++++++++*/
	.wp-block-table table,
	table.woocommerce-table--custom-fields {
		width: 100%;
		border: 1px solid var(--darkgray);
		display: table;
	}

	.wp-block-table tbody,
	table.woocommerce-table--custom-fields tbody {
		display: table-row-group;
	}

	.wp-block-table tr,
	table.woocommerce-table--custom-fields tr {
		/* border-top: 1px solid var(--darkgray); */
		border-bottom: 1px solid var(--darkgray);
		display: table-row;
	}

	.wp-block-table tr:last-child,
	table.woocommerce-table--custom-fields tr:last-child {
		border-bottom: 1px solid var(--darkgray);
	}

	.wp-block-table th,
	table.woocommerce-table--custom-fields th {
		padding: 25px !important;
		width: var(--flex-20);
		position: relative;
		font-size: var(--font-h6);
		border-right: 1px solid var(--darkgray) !important;
		border-top: none !important;
		border-bottom: none !important;
		border-left: none !important;
		display: table-cell;
	}

	.wp-block-table th strong {
		/* font-weight: normal; */
	}

	.wp-block-table td,
	table.woocommerce-table--custom-fields td {
		padding: 5px 15px !important;
		border: none !important;
		font-size: var(--font-h6);
		line-height: var(--lh-md);
		display: table-cell;
	}

	.wp-block-table.block table {
		max-width: 480px;
		margin: 20px 0;
		border: 1px solid var(--darkgray);
	}

	.wp-block-table.block table th {
		padding: 20px !important;
		font-weight: 500;
		text-align: center;
		background: var(--gray);
		width: var(--flex-30);
		border: none;
		border-right: 1px solid var(--darkgray) !important;
	}

	/*+++++++++++++++++++
/template
+++++++++++++++++++*/
	.template {
		width: 100%;
	}

	/*+++++++++++++++++++
/aside
+++++++++++++++++++*/
	aside {
		width: var(--flex-25);
		position: relative;

	}

	aside h6 {
		font-weight: 600;
		margin: 0 0 13px;
	}

	aside ul {
		background: var(--lightgray);
		padding: 20px 30px 12px;
		box-sizing: border-box;
	}

	aside ul li {
		padding: 0 0 10px;
	}

	aside ul li a {
		font-weight: 500;
		font-size: var(--font-em);
	}

	/*+++++++++++++++++++
/section
+++++++++++++++++++*/
	section {

		margin: 0 0 100px;

		padding: 100px 0;
	}

	/*+++++++++++++++++++
/article
+++++++++++++++++++*/
	article {}

	/*+++++++++++++++++++
/*header
+++++++++++++++++++*/
	header {
		padding: 0;
		/* display: flex; */
		/* align-items: center; */
		position: relative;
		top: 0;
		z-index: 99;
		width: 100%;
		transition: .5s;
		background: none;
		box-sizing: border-box;
	}

	header .inner {
		margin: auto;
		padding: 60px 5px 20px;
		background: none;
	}


	.drawer-hamburger {
		width: 50px;
		/* box-sizing: border-box; */
		left: 2%;
	}

	header.on .drawer-hamburger-icon {
		background: var(--black);
	}

	.drawer-hamburger-icon {
		background: var(--white);
	}

	.logo {
		display: block;
		width: 300px;
		margin: 3px 3% 0 7%;
	}

	header .logo img {
		filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(39deg) brightness(100%) contrast(150%);
	}

	header.on .logo img {
		filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(39deg) brightness(100%) contrast(150%);
	}


	.headbox {
		/* width: 47%; */
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}

	.headbox>.flex {
		/* border-right: 1px solid #eee; */
		/* padding: 5px 40px 5px 0; */
		margin: 0;
		align-items: center;
	}

	.headbox>.flex nav {
		border: none;
		padding: 0;
		display: block;
	}

	.headbox ul li {
		margin: 0 20px 0 0;
	}

	.headbox ul li:last-child {
		margin: 0;
	}

	.headbox ul>li>a {
		font-size: var(--font-h6);
		padding: 0;
		letter-spacing: 0;
	}

	.headbox ul li a.active {}

	.headbox ul li a.active:before {
		content: "";
		background: #d33828;
		width: 100%;
		height: 3px;
		position: absolute;
		bottom: -20px;
		z-index: 9999;
	}

	.headbox ol.sub-list {
		justify-content: left;
		margin: 0 0 11px;
	}

	.headbox ol.sub-list li {
		margin: 0 20px 0 0;
	}

	.headbox ol.sub-list li a {
		font-size: 0.8em;
		font-weight: 500;
		color: #666;
	}

	/*keyword*/
	form#searchform {
		display: flex;
		align-items: center;
		position: relative;
	}

	form#searchform input {
		border: none;
		background: var(--gray);
		padding: 10px 20px 10px 20px;
		box-sizing: border-box;
		border-radius: 100px;
	}

	form#searchform button[type="submit"] {
		border: none;
		background: none;
		padding: 0;
		position: absolute;
		right: 7%;
	}

	form#searchform button i {
		color: var(--white);
	}

	header.on form#searchform button i {
		color: var(--black);
	}


	header.on .ec small {
		color: #111;
	}

	/*is-animation*/
	header.is-animation {
		/* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
		/* padding: 15px 30px; */
		background: #fff;
		top: -150px;
		transition: .5s;
	}

	header .drawer-hamburger {
		top: 25%;
		left: 2% !important;
		position: relative;
		width: 45px;
	}

	header .drawer-hamburger-icon:before,
	header .drawer-hamburger-icon:after {
		background: var(--white);
	}

	/*on*/
	header.on {
		background: #fff;
		border-bottom: 1px solid #eee;
		box-sizing: border-box;
	}

	header.on .inner {
		margin: 0;
		overflow: hidden;
		padding: 60px 0 15px;
		justify-content: left;
	}

	header.on .drawer-hamburger {
		top: 25%;
		margin: 0;
	}

	header.on .drawer-hamburger-icon:before,
	header.on .drawer-hamburger-icon:after {
		background-color: var(--black);
	}


	header.on form#searchform input {
		border: none;
	}

	header form#searchform input[type="submit"] {
		position: absolute;
		right: -1px;
		padding: 8px 15px;
		border-radius: 0 100px 100px 0;
		background: var(--darkgray);
		color: var(--white);
	}

	/*drawer*/
	.drawer-menu {}

	.drawer-menu .flex {
		flex-wrap: wrap;
		margin: 50px 0 0;
		gap: 20px;
		justify-content: space-between;
	}

	.drawer-menu ul {
		width: var(--flex-49);
		justify-content: left;
		display: block;
	}

	.drawer-menu ul li {
		/* width: 45%; */
		margin: 0;
		width: 100%;
	}

	.drawer-menu ul li:nth-child(2n) {}

	.drawer-menu ul li a {
		font-size: var(--font-h5);
		,
		: ;
	}

	.drawer-menu ul li a:before {
		content: "";
		position: absolute;
		bottom: 0;
		margin: auto;
		width: 20px;
		height: 20px;
		font-size: 12px;
		right: 0;
		top: 0;
		background-position: center;
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		font-style: normal;
		display: flex;
		align-items: center;
	}

	.drawer-menu ul li>ol {
		display: flex;
		flex-wrap: wrap;

		margin: 20px 0 0;
	}

	.drawer-menu ul li>ol>li {
		border: none;
		width: 50%;
		margin: 0;
		position: relative;
	}

	.drawer-menu ul li>ol>li a {
		padding: 10px 0;
		font-size: 1em;
		border: none;
	}

	.drawer-menu ul li>ol>li a:before {
		display: none;
	}

	.drawer-menu ul li>ol>li .keywordbox {
		padding: 0;
		margin: 0;
		overflow: hidden;
		border-radius: 5px;
	}

	.drawer-menu ul li>ol>li .keywordbox input[type="text"] {
		padding: 15px;
		width: auto;
	}

	.drawer-menu ul li>ol>li .keywordbox input[type="submit"] {
		width: 20%;
	}

	/*+++++++++++++++++++
/*footer
+++++++++++++++++++*/
	footer {
		padding: 30px 0 0;
	}

	footer .inner {
		display: flex;
		justify-content: space-between;
		/* border-top: 1px solid var(--opa-white02); */
		margin: 30px auto 0;
		position: relative;
		padding: 0;
		max-width: 1100px;
	}

	#pagetop {
		bottom: 8%;
		margin: 30px;
	}

	#pagetop:hover {
		transform: rotate(-90deg) scale(1.2);
		transition: .3s;
	}

	footer .ft_online {
		width: 85%;
		margin: 0;
	}

	footer .ft_company {
		width: 15%;
		margin: 55px 0 0;
	}

	footer .ft_company dl {
		width: 100%;
	}

	footer .ft_title {
		margin: 0 0 35px;
		letter-spacing: 1px;
		position: relative;
		text-align: center;
		color: #fff;
		width: 76%;
	}

	footer .ft_title:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 38%;
		background: #ccc;
		height: 1px;
		left: 0;
	}

	footer .ft_title:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 38%;
		background: #ccc;
		height: 1px;
		right: 0;
	}

	footer .ft_online>.flex {
		flex-wrap: nowrap;
	}

	footer .flex {
		justify-content: space-between;
		width: 100%;
		align-items: flex-start;
	}

	footer dl {
		width: 25%;
		margin: 0;
	}

	footer dl:last-child {
		display: block;
		margin: 0;
	}

	footer dt,
	footer dd>b {
		margin: 0;
	}

	footer dd {
		display: block;
	}

	footer dt a {
		font-weight: 600;
		color: #fff;
		font-size: inherit;
	}

	footer dt b {
		font-size: var(--font-em);
		color: #fff;
	}

	footer dd b a {
		font-size: var(--font-em);
		color: #fff;
	}

	footer dd a {}

	/*バナー*/
	footer .bunner {
		max-width: max-content;
		padding: 0;
	}

	footer .bunner a {
		margin: 0 10px 0;
	}

	.copyright {
		font-family: 'Inter', sans-serif;
		font-size: 0.7em;
		letter-spacing: 0;
		padding: 20px 0;
		color: #fff;
	}

	.fbox {
		/* padding: 0 !important; */
	}

	.fbox .flex {
		align-items: center;
		justify-content: center;
		display: flex;
	}

	.fbox .flogo {
		width: 250px;
		margin: 0 80px 0 0;
	}

	.fbox .flogo img {
		filter: invert(0%);
	}

	.fbox ul {
		/* border: 1px solid rgba(255,255,255,0.2); */
		width: 75%;
		box-sizing: border-box;
		display: flex;
		position: relative;
	}

	.fbox ul:before {
		content: "";
	}

	.fbox ul li {
		width: auto;
		/* padding: 25px 40px; */
		margin: 0 60px 0 0;
		box-sizing: border-box;
		text-align: left;
		padding: 0;
		font-size: inherit;
	}

	.fbox ul li span {
		font-size: var(--font-h6);
	}

	.fbox ul li a.tel {
		font-family: var(--gs);
		/* color: #fff; */
		background: url(../images/common/search_off.svg) no-repeat;
		padding: 0 0 0 35px;
		background-size: 20px;
		background-position: center left;
		color: var(--white);
		font-size: var(--font-h2);
	}

	/*+++++++++++++++++++
/important
+++++++++++++++++++*/
	section#important {
		margin: 50% auto 0;
	}

	section#important .wc_inner {
		margin: 80px auto 0;
	}

	section#important .inner {
		padding: 20px 0;
		box-sizing: border-box;
	}

	section#important ul {
		display: block;
	}

	section#important li {}

	section#important li a {
		position: relative;
		padding: 0 0 0 25px;
		display: flex;
		margin: 0;
		color: inherit;
	}

	section#important li a.lr::after {
		background: #ce0600;
	}

	section#important li a:before {
		content:
			"";
		width: 18px;
		height: 18px;
		position: absolute;
		left: 0;
		border-radius: 100px;
		top: 3px;
		bottom: 0;
		margin: auto;
		content: "\f06a";
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		font-style: normal;
		display: flex;
		align-items: center;
		color: var(--red);
	}

	section#important li a p {
		color: #ce0600;
		font-weight: 500;
	}

	/*++++++++++++++
arkhe tab
++++++++++++++*/

	ul.arkb-tabList {
		border-bottom: 1px solid var(--gray);
		display: flex;
		gap: 20px;
		font-family: var(--gs);
	}

	ul.arkb-tabList li {}

	ul.arkb-tabList li:before {
		display: none;
	}

	ul.arkb-tabList li button {
		padding: 17px 100px;
		font-size: var(--font-h5);
		font-weight: 600;
		cursor: pointer;
	}

	ul.arkb-tabList li button[aria-selected=true] {
		bottom: -1px;
		border-bottom: 3px solid var(--darkgray);
		background: var(--white);
		font-family: var(--gs);
	}

	.arkb-tabBody {
		padding: 0 !important;
		margin: 50px 0 0;
	}
}

@media screen and (min-width: 1299px) {

	.headbox ul li {
		margin: 0 40px 0 0;
	}

	header.on .headbox ul li a {
		font-size: var(--font-h6);
	}

}

@media screen and (min-width: 1600px) {
	header.on .headbox ul li a {
		font-size: var(--font-h5);
	}

	.headbox ul li {
		margin: 0 20px 0 0;
	}

	/*EC*/
	.ec {
		display: flex;
		flex-wrap: wrap;
		padding: 0 30px 0 0;
		position: relative;
		width: auto;
		box-shadow: none;
		background: none;
	}

	.ec a {
		width: 96px;
		display: block;
		text-align: center;
		position: relative;
	}

	.cartnum {
		background: #d33828;
		position: absolute;
		width: 20px;
		height: 20px;
		border-radius: 100px;
		color: #fff;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.7em;
		right: 15%;
		font-family: 'Inter', sans-serif;
		font-weight: 600;
	}

	.ec figure {
		/* background: #eee; */
		text-align: center;
		display: block;
		width: 40px;
		margin: auto;
		height: 40px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ec a:nth-child(1) img {
		width: 35px;
	}

	.ec figure:before {
		color: var(--white);
		font-size: 1.8em;
	}

	header.on figure:before {
		color: var(--black);
		font-size: 1.8em;
	}


	.ec small {
		font-size: 0.7em;
		display: block;
		padding: 1px 0 0;
		color: #fff;
	}
}