/*
Theme Name:Timely
*/
html {
	font-size: 62.5%;
}
html.parent {
overflow:hidden;
}
:root {
	--color-red: #cc0000;
	--color-blue:#2f69b8;
	--color-green:#0cb87d;
	--color-gray: #f3f3f3;
	--color-black: #111111;
	--color-nzxt: #8a00fc;
}
body {
	background:#ffffff;
}
body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label {
	font-family:"游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width : 767px){
	body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label,button {
	font-size:4vw;
	}
	input[type=text],input[type=tel],input[type=email] ,textarea,select {
	font-size: 1.6rem;
	scale(0.8);
	}
	p {
	padding-bottom:1.5em;
	}
}
@media screen and (min-width : 768px){
body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label,button {
	font-size: 1.6rem;
	}
	p {
	padding-bottom:2em;
	}
}
.noto {
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing:0.1em;
}
a {
	outline: none;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
p {
	line-height:200%;
	word-wrap:break-word;
}
p.nobottom {
	padding-bottom:0;
}
hr {
	border: none;
	border-bottom:1px solid #dddddd;
	margin-top:1em;
	margin-bottom:1em;
}
ol li {
	list-style-type:decimal;
	margin-left:16px;
	padding-left:4px;
	line-height:200%;
}
ul.dot li {
	list-style-type:disc;
	margin-left:16px;
	padding-left:4px;
	line-height:200%;
}
img {
	max-width:100%;
	height:auto;
}
:focus {
	outline: none;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?z85d8l');
  src:  url('fonts/icomoon.eot?z85d8l#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?z85d8l') format('truetype'),
    url('fonts/icomoon.woff?z85d8l') format('woff'),
    url('fonts/icomoon.svg?z85d8l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon-search:before {
  content: "\f002";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-youtube-play:before {
  content: "\f16a";
}

.red {
	color:var(--color-red);
}
.bg-gray {
	background-color:var(--color-gray);
}
/*-----------------------------------------
header
------------------------------------------*/
.header {
	position: -webkit-sticky;
	position: sticky;
	top:0;
	z-index: 99;
	background:rgba(255,255,255,1);
}
.header.smaller {
	background:rgba(255,255,255,0.95);
	-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.3);
	box-shadow:0 2px 3px 0 rgba(0,0,0,0.3);
}
.header-spenit {
	padding-left:1em;
}
@media screen and (max-width : 767px){
	.header,
	.header>div.flex {
		height:50px;
	}
	.header-logo-img {
		height:40px;
		padding-left:4vw;
	}
	.header-logo-img img {
		width:auto;
		height:100%;
	}
	.header-right {
		display:none;
	}
	.header-spenit,
	.header-spenit span {
		display:none;
	}
}
@media screen and (min-width : 768px){
	.header,
	.header>div.flex {
		height:80px;
	}
	.header-left {
		max-width:300px;
	}
	.header-spenit {
		font-size:1.2rem;
	}
	.header-spenit strong {
		display:block;
		font-size:1.4rem;
		padding-bottom:0.5em;
	}
	.header-search {
		width:224px;
	}
}
/*-----------------------------------------
searchbox
------------------------------------------*/
.drawer-search {
	padding:16px 5vw;
	background-color:#000000;
}
.header-search form{
	display: grid;
	grid-template-columns: 1fr 32px;
}
.drawer-search form {
	display: grid;
	grid-template-columns: 70vw 20vw;
}
.header-search input,
.drawer-search input {
	border:none;
	border-radius:0;
	width:165px;
	background-color: var(--color-gray);
	padding-left:4px;
}
.header-search input {
	width:165px;
	height:32px;
}
.drawer-search input {
	width:70vw;
	height:40px;
}
.header-search button,
.drawer-search button {
	display:block;
	position:relative;
	border:none;
	z-index: 1;
	background-color: var(--color-black);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
.header-search button {
	width:32px;
	height:32px;
}
.drawer-search button {
	width:20vw;
	height:40px;
}
.header-search button:before,
.drawer-search button:before {
	font-family: 'icomoon';
	content: "\f002";
	position: absolute;
	z-index: 2;
	text-indent: 0;
	top:0;
	left:0;
	color:#ffffff;
	text-align: center;
}
.header-search button:before {
	font-size:1.6rem;
	width:32px;
	height:32px;
	line-height:32px;
}
.drawer-search button:before {
	font-size:1.6rem;
	width:20vw;
	height:40px;
	line-height:40px;
}
@media screen and (min-width : 768px){
	.header-search {
		padding-top:24px;
		padding-left:24px;
	}
}
/*-----------------------------------------
pc-menu
------------------------------------------*/
.header-right nav {
	z-index: 99;
	width:100px;
	height:80px;
}
.pc-menu-product label,
.pc-menu-home a,
.pc-menu-support a,
.pc-menu-info a,
.pc-menu-store a {
	display:block;
	cursor: pointer;
	width:100px;
	height:80px;
	line-height:80px;
	font-size:1.4rem;
	text-align:center;
	color: var(--color-black);
}
.pc-menu-product label,
.pc-menu-product input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	user-select: none;
}
.pc-menu-product label:hover,
.pc-menu-home a:hover,
.pc-menu-support a:hover,
.pc-menu-info a:hover,
.pc-menu-store a:hover {
	color:#ffffff;
	background-color: var(--color-black);
}
#menutoggle {
	display: none;
	cursor: pointer;
}
.menulabel {
	position:relative;
}
.header-pc-menu {
	visibility: hidden;
	position:absolute;
	z-index: 50;
	background-color: var(--color-black);
	top:80px;
	left:0;
	width:100%;
	height:450px;
}
.header-pc-menu ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.menulabel:after {
	font-family: 'icomoon';
	content: "\f107";
	position:relative;
	color: var(--color-white);
	padding-left:0.5em;
}
#menutoggle:checked + .menulabel:after {
	font-family: 'icomoon';
	content: "\f106";
}
#menutoggle:checked + .menulabel + .header-pc-menu {
	visibility: visible;
	animation: megamenu 0.5s;
}
@keyframes megamenu {
0% {transform: translateY(-80px);
	opacity: 0.5;}
100% {transform: translateY(0px);
	opacity: 1;}
}
.header-pc-menu li a {
	display:block;
	position:relative;
	background-position: center top;
	width:100%;
	height:450px;
	padding-top:345px;
	text-align:center;
	color:#ffffff;
	overflow: hidden;
}
.header-pc-menu li a:before {
	content: "\f107";
	font-family: 'icomoon';
	position: absolute;
	z-index: 4;
	bottom:10px;
	left:50%;
	font-size:2.0rem;
	margin-left:-10px;
}
.header-pc-menu li a:after {
	content:"";
	position:absolute;
	z-index: 2;
	bottom:0;
	left:0;
	width:100%;
	height:450px;
}
.header-pc-menu li a:hover:after {
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}
.header-menu-timely,
.drawer-menu-timely {
	background-image:url(images/bg-header-timely.webp);
}
.header-menu-groovy,
.drawer-menu-groovy {
	background-image:url(images/bg-header-groovy.webp);
}
.header-menu-nzxt,
.drawer-menu-nzxt {
	background-image:url(images/bg-header-nzxt.webp);
}
.header-menu-xpg,
.drawer-menu-xpg  {
	background-image:url(images/bg-header-xpg.webp);
}
.header-menu-timely:after,
.drawer-menu-timely:after {
background: -webkit-linear-gradient(top,  rgba(47,105,184,0) 0%,rgba(47,105,184,0) 50%,rgba(47,105,184,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(47,105,184,0) 0%,rgba(47,105,184,0) 50%,rgba(47,105,184,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.header-menu-groovy:after,
.drawer-menu-groovy:after {
background: -webkit-linear-gradient(top,  rgba(12,184,125,0) 0%,rgba(12,184,125,0) 50%,rgba(12,184,125,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(12,184,125,0) 0%,rgba(12,184,125,0) 50%,rgba(12,184,125,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.header-menu-nzxt:after,
.drawer-menu-nzxt:after {
background: -webkit-linear-gradient(top,  rgba(81,0,122,0) 0%,rgba(81,0,122,0) 50%,rgba(81,0,122,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(81,0,122,0) 0%,rgba(81,0,122,0) 50%,rgba(81,0,122,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.header-menu-xpg:after,
.drawer-menu-xpg:after {
background: -webkit-linear-gradient(top,  rgba(232,52,52,0) 0%,rgba(232,52,52,0) 50%,rgba(232,52,52,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(232,52,52,0) 0%,rgba(232,52,52,0) 50%,rgba(232,52,52,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.header-menu-timely:hover:after {
	background:rgba(47,105,184,0.75);
}
.header-menu-groovy:hover:after {
	background:rgba(12,184,125,0.75);
}
.header-menu-nzxt:hover:after {
	background:rgba(81,0,122,0.75);
}
.header-menu-xpg:hover:after {
	background:rgba(232,52,52,0.75);
}
.header-pc-menu li a h2,
.header-pc-menu li a span {
	position: relative;
	z-index: 3;
	font-family: 'Noto Sans JP', sans-serif;
	color:#ffffff;
	font-weight:700;
}
.header-pc-menu li a h2 {
	font-size:min(2vw,24px);
	letter-spacing:0.2em;
	padding-bottom:20px;
}
.header-pc-menu li a span {
	font-size:1.4rem;
}
/*-----------------------------------------
drawr(SP mode menu)
------------------------------------------*/
.drawr-btn {
    width:50px;
    height: 50px;
    position: fixed;
    top:0px;
    right:0px;
	margin-left:auto;
	margin-right:0;
    cursor: pointer;
    z-index: 9999;
}
@media screen and (max-width : 1050px){
	.drawr-btn {
		display:block;
	}
}
@media screen and (min-width : 1051px){
	.drawr-btn {
		display:none;
	}
}
@media screen and (max-width : 767px){
	.drawr-btn {
	top: 12px;
	right:-12px;
	}
}
@media screen and (min-width : 768px) and (max-width : 1050px) {
	.drawer-search {
		margin-top:3 0px;
	}
	.drawr-btn {
	top: 26px;
	right:0px;
	}
}
.drawr-btn span {
	border-bottom: 2px solid var(--color-black);
	width: 20px;
	height:20px;
	position: absolute;
	display:block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	text-indent:100%;
	white-space:nowrap;
}
.drawr-btn span:before,.drawr-btn span:after {
	content: '';
	display: inline-block;
	border-top: 2px solid var(--color-black);
	width: 20px;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.drawr-btn span:before {top:6px;}
.drawr-btn span:after {top: 12px;}
.drawr-btn-peke span {
	border-bottom: 1px solid #ffffff;
	border-bottom: none;
}
header.smaller .drawr-btn.drawr-btn-peke span {
	border-bottom: none;
}
.drawr-btn-peke span:before,header.smaller .drawr-btn-peke span:before {
	border-top: 2px solid #ffffff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top:12px;
}
.drawr-btn-peke span:after,header.smaller .drawr-btn-peke span:after {
	border-top: 2px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 12px;
}
.drawr {
    display: none;
	background-color:var(--color-black);
    position: fixed;
    top: 0px;
    right:0;
    width:100vw;
    height:110vh;
	overflow-y:auto;
	overflow-x:hidden;
    z-index: 1100;
}
.drawer-menu {
	padding-top:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.drawer-menu li {
	width:100vw;
}
.drawer-menu li a {
	display:block;
	text-align:center;
	color:#ffffff;
	font-weight:700;
}
.drawer-products,
.drawer-info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.drawer-products a {
	display:block;
	position:relative;
	height:20vw;
	line-height:30vw;
	background-position: center center;
	background-size:cover;
}
.drawer-products a span {
	position: relative;
	z-index: 10;
	font-size:min(5vw,2.0rem);
}
.drawer-info a {
	display:block;
	padding:4vw;
	font-size:min(4vw,1.6rem);
	border-bottom:1px dotted #333333;
}
.drawer-info a:nth-child(odd) {
	border-right:1px dotted #333333;
}
.drawer-products a:after {
	content:"";
	position:absolute;
	z-index: 2;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
}
/*-----------------------------------------
pankuzu
------------------------------------------*/
.pankuzu {
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.pankuzu.pankuzu-nzxt {
	background-color:var(--color-nzxt);
}
.pankuzu * {
	line-height:150%;
}
.pankuzu.pankuzu-nzxt,
.pankuzu.pankuzu-nzxt * {
	color:#ffffff;
	border-bottom:none;
}
@media screen and (max-width : 767px){
	.pankuzu {
		padding:2vw 5vw;
	}
	.pankuzu * {
		font-size:3vw;
	}
}
@media screen and (min-width : 768px){
	.pankuzu {
		padding:11px 20px;
	}
	.pankuzu * {
		font-size:1.4rem;
	}
}
/*-----------------------------------------
mainvisual
------------------------------------------*/
.mainvisual {
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	position:relative;
	z-index: 1;
	overflow: hidden;
	text-align: center;
}
.mainvisual:before {
	content:"";
	position: absolute;
	z-index: 2;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.25);
	mix-blend-mode: multiply;
}
.mainvisual:after {
	content:"";
	position: absolute;
	z-index: 3;
	left:50%;
	background-repeat:no-repeat;
	background-position: center center;
	
}
.mainvisual-support {
	background-image:url(images/support/manvisual-support.jpg);
}
.mainvisual-contact {
	background-image:url(images/support/manvisual-form.jpg);
}
.mainvisual-faq {
	background-image:url(images/support/mainvisual-faq.jpg);
}
.mainvisual-information {
	background-image:url(images/information/mainvisual-information.jpg);
}
.mainvisual-news {
	background-image:url(images/mainvisual-topics.jpg);
}
.mainvisual-privacy {
	background-image:url(images//information/mainvisual-privacy.jpg);
}
.mainvisual-kiyaku {
	background-image:url(images//information/mainvisual-kiyaku.jpg);
}
.mainvisual-support:after {
	background-image:url(images/icon-mail.svg);
}
.mainvisual-contact:after {
	background-image:url(images/icon-mail.svg);
}
.mainvisual-faq:after {
	background-image:url(images/icon-faq.svg);
}
.mainvisual-information:after {
	background-image:url(images/icon-company.svg);
}
.mainvisual-news:after {
	background-image:url(images/icon-news.svg);
}
.mainvisual-privacy:after {
	background-image:url(images/icon-privacy.svg);
}
.mainvisual-kiyaku:after {
	background-image:url(images/icon-kiyaku.svg);
}
.mainvisual-title {
	letter-spacing: 0.2em;
}
.mainvisual-title,
.mainvisual h1 {
	color:#ffffff;
	position: relative;
	z-index: 3;
}
.mainvisual-title {
	font-size:larger;
}
@media screen and (max-width : 767px){
	.mainvisual {
		height:40vw;
	}
	.mainvisual-title {
		padding-top:20vw;
		padding-bottom:2vw;
		font-size:min(5.5vw,30px);
	}
	.mainvisual:after {
		top:6vw;
		width:10vw;
		height:10vw;
		margin-left:-5vw;
	}
}
@media screen and (min-width : 768px){
	.mainvisual {
		height:410px;
	}
	.mainvisual-title {
		padding-top:180px;
		padding-bottom:24px;
		font-size:48px;
	}
	.mainvisual:after {
		top:110px;
		width:40px;
		height:40px;
		margin-left:-20px;
	}
}
/*-----------------------------------------
common-slider
------------------------------------------*/
.commonslide a,
.commonslide img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.commonslide img {
	border:1px solid #f3f3f3;
}
@media screen and (max-width : 767px){
	.commonslide {
		width:100vw;
	}
}
@media screen and (min-width : 768px){
	.commonslide {
		width:820px;
	}
.commonslider .slick-slide:not(.slick-center) {
    -webkit-filter: opacity(50%);
    -moz-filter: opacity(50%);
    -o-filter: opacity(50%);
    -ms-filter: opacity(50%);
    filter: opacity(50%);
	}
}

/*-----------------------------------------
maintitle
------------------------------------------*/
.main-title {
	font-weight:700;
}
@media screen and (max-width : 767px){
	.main-title {
		font-size:5vw;
		padding-top:5vw;
		padding-bottom:5vw;
	}
}
@media screen and (min-width : 768px){
	.main-title {
		font-size:3.0rem;
		padding-top:40px;
		padding-bottom:40px;
	}
}
/*-----------------------------------------
title
------------------------------------------*/
.page-tt h1,
.page-tt h2 {
	text-align:center;
	position: relative;
	z-index: 1;
	font-weight:700;
}
.page-tt h1:after,
.page-tt h2:after {
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-35px;
	width:70px;
	height:3px;
	background-color:var(--color-black);
}
.page-tt span {
	display:block;
	text-align:center;
	letter-spacing: 0.2em;
	font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width : 767px){
	.page-tt {
		padding:12vw 0;
	}
	.page-tt h1,
	.page-tt h2 {
		font-size:min(5vw,2.0rem);
		padding-bottom:4.8vw;
		margin-bottom:3.6vw;
	}
	.page-tt span {
		font-size:min(3vw,1.4rem);
	}
}
@media screen and (min-width : 768px){
	.page-tt {
		padding:60px 0;
	}
	.page-tt h1,
	.page-tt h2 {
		font-size:2.0rem;
		padding-bottom:18px;
		margin-bottom:15px;
	}
	.page-tt span {
		font-size:1.4rem;
	}
}
/*-----------------------------------------
newslist
------------------------------------------*/
.newslist {
	border-top:1px solid var(--color-black);
}
.newslist li {
	border-bottom:1px solid var(--color-black);
}
.newslist li a {
	line-height:150%;
}
.newslist li span {
	display:inline-block;
	color:#ffffff;
	font-weight:700;
	text-align: center;
	letter-spacing: 0.2em;
	background-color: var(--color-black);
	width:150px;
	margin-right:30px;
}
@media screen and (max-width : 767px){
	.newslist li {
		padding-bottom:6vw;
	}
	.newslist li a {
		display:block;
	}
	.newslist li span {
		display:block;
		font-size:3vw;
		padding:1.5vw;
		margin-top:-3vw;
		margin-bottom:2vw;
	}
}
@media screen and (min-width : 768px){
	.newslist li {
		display: grid;
		grid-template-columns: 150px 1fr;
		grid-template-rows: 1fr;
		grid-column-gap: 30px;
		padding-top:20px;
		padding-bottom:20px;
	}
	.newslist li a {
		width:620px;
		font-size:1.4rem;
		align-self: center;
	}
	.newslist li span {
		font-size:1.4rem;
		padding:9px;
	}
}
/*-----------------------------------------
news-page
------------------------------------------*/
@media screen and (max-width : 767px){
	.news-page {
		padding-top:8vw;
	}
}
@media screen and (min-width : 768px){
	.news-page {
		padding-top:60px;
	}
}
/*-----------------------------------------
categorylist
------------------------------------------*/
.categorylist {
	display: grid;
}
.categorylist li a {
	display:block;
	position: relative;
	z-index: 1;
	text-align: center;
}
.categorylist li a:hover {
	opacity: 0.6;
}
.categorylist li a img {
	display:block;
	border:1px solid #dddddd;
}
.categorylist li a h3 {
	line-height:150%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	color:var(--color-black);
}
@media screen and (max-width : 767px){
	.categorylist {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 5vw;
		grid-row-gap: 5vw;
	}
	.categorylist li {
		padding-bottom:5vw;
	}
	.categorylist li a h3 {
		padding-top:2vw;
	}
}
@media screen and (min-width : 768px){
	.categorylist {
		grid-template-columns: repeat(5, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.categorylist li {
		padding-bottom:40px;
	}
	.categorylist li a h3 {
		padding-top:0.5em;
	}
}
/*-----------------------------------------
itemlist
------------------------------------------*/
.itemlist {
	display: grid;
}
.itemlist li {
	position:relative;
}
.itemlist li a {
	display:block;
	position: relative;
	z-index: 1;
	text-align: center;
}
.itemlist-img {
	aspect-ratio: 4 / 3;
	overflow:hidden;
}
.itemlist li a.soldout {
	filter: grayscale(100%);
}
.itemlist li a:hover {
	opacity: 0.6;
}
.itemlist li a h3 {
	line-height:150%;
}
.itemlist li:before {
	position: absolute;
	top:0;
	left:0;
	z-index: 3;
	width:70px;
	height:20px;
	line-height:20px;
	font-size:1.2rem;
	color:#ffffff;
	text-align: center;
}
.mainvisual-richtype.soldout,
.mainvisual-nzxt-box.soldout {
	position:relative;
}
.mainvisual-richtype.soldout:before {
	content:"Sold out";
	position: absolute;
	top:15%;
	left:10%;
	z-index: 3;
	width:140px;
	height:30px;
	line-height:30px;
	margin-top:-30px;
	margin-left:-70px;
	font-size:1.4rem;
	color:#ffffff;
	background-color:var(--color-red);
	text-align: center;
}
.mainvisual-nzxt-box.soldout:before {
	content:"Sold out";
	position: absolute;
	top:50%;
	left:50%;
	z-index: 3;
	width:140px;
	height:30px;
	line-height:30px;
	margin-top:-15px;
	margin-left:-70px;
	font-size:1.4rem;
	color:#ffffff;
	background-color:var(--color-red);
	text-align: center;
}
.itemlist li a.soldout:before,
.nzxt-subcat-list a.soldout:before {
	content:"Sold out";
	position: absolute;
	top:50%;
	left:50%;
	z-index: 3;
	width:140px;
	height:30px;
	line-height:30px;
	margin-top:-30px;
	margin-left:-70px;
	font-size:1.4rem;
	color:#ffffff;
	background-color:var(--color-red);
	text-align: center;
}

.itemlist-groovy:before {
	content:"groovy";
	background-color: var(--color-green);
}
.itemlist-timely:before {
	content:"timely";
	background-color: var(--color-blue);
}
@media screen and (max-width : 767px){
	.itemlist {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 5vw;
		grid-row-gap: 5vw;
	}
	.itemlist li {
		padding-bottom:5vw;
	}
	.itemlist li a h3 {
		padding-top:2vw;
	}
}
@media screen and (min-width : 768px){
	.itemlist {
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.itemlist li {
		padding-bottom:20px;
	}
	.itemlist li a h3 {
		padding-top:14px;
	}
}
/*-----------------------------------------
taglist
------------------------------------------*/
.taglist {
	border-top:1px solid #dddddd;
	padding-top:0.5em;
}
.taglist ul {
	display:flex;
	flex-wrap:wrap;
}
.taglist li {
	padding:0.5em;
}
.taglist li a {
	display:inline-block;
	padding:0.2em 0.6em;
	color:var(--color-black);
	background:var(--color-gray);
}
.taglist li a:hover {
	color:#ffffff;
	background:var(--color-black);
}
/*-----------------------------------------
btn
------------------------------------------*/
.btnbox-1,
.btnbox-2,
.btnbox-3 {
	margin-left:auto;
	margin-right:auto;
}
.btn {
	display:block;
	position: relative;
	z-index: 1;
	color:#ffffff;
	text-align: center;
	font-weight: 700;
}
.btn-blue {
	background-color: var(--color-blue);
}
.btn-green {
	background-color: var(--color-green);
}
.btn-black {
	background-color: var(--color-black);
}
.btn-red {
	background-color: var(--color-red);
}
.btn-nzxt {
	background-color: var(--color-nzxt);
}
.btn-blue:hover,
.btn-green:hover,
.btn-red:hover,
.btn-sns:hover,
.btn-nzxt:hover {
	background-color: var(--color-black);
}
.btn-black:hover {
	background-color:#444444;
}
.normal-btn:after {
	content: "\f105";
	font-family: 'icomoon';
	position:absolute;
	z-index: 2;
}
.btn-manual:after {
	content:"";
	position: absolute;
	z-index: 2;
	background-image:url(images/icon-pdf.svg);
	background-size:auto 100%;
	background-repeat:no-repeat;
}
.btn-sns {
	position:relative;
}
.btn-twitter {
	background:#00acee;
}
.btn-youtube {
	background:#c4302b;
}
.btn-sns:after {
	position:absolute;
	z-index: 2;
}
.btn-twitter:after {
	content: "\f099";
	font-family: 'icomoon';
}
.btn-youtube:after {
	content: "\f16a";
	font-family: 'icomoon';
}
.btn-store:after {
	content: "\f105";
	font-family: 'icomoon';
}
@media screen and (max-width : 767px){
	.btnbox-1,
	.btnbox-2,
	.btnbox-3,
	.btnbox-4 {
		padding-top:5vw;
		padding-bottom:5vw;
	}
	.btnbox-2 a,
	.btnbox-3 a,
	.btnbox-4 a{
		margin-top:5vw;
	}
	.normal-btn {
		padding:4vw 4vw;
	}
	.normal-btn:after {
		font-size:4vw;
		top:4vw;
		right:4vw;
	}
	.btn-sns {
		padding:4vw 4vw;
	}
	.btn-sns:after {
		font-size:4vw;
		top:4vw;
		left:4vw;
	}
}
@media screen and (min-width : 768px){
	.btnbox-1 {
		width:285px;
		margin-top:30px;
		margin-bottom:30px;
	}
	.btnbox-2 {
		width:590px;
		display: grid;
		grid-template-columns: repeat(2, 285px);
		grid-column-gap: 20px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.btnbox-3 {
		width:895px;
		display: grid;
		grid-template-columns: repeat(3, 285px);
		grid-column-gap: 20px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.btnbox-4 {
		display: grid;
		grid-template-columns: repeat(4, 285px);
		grid-column-gap: 20px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.normal-btn {
		padding:20px 45px;
	}
	.normal-btn:after {
		font-size:2.0rem;
		top:18px;
		right:12px;
	}
	.btn-manual:after {
		width:40px;
		height:40px;
		top:7px;
		right:10px;
	}
	.btn-sns {
		padding:20px 45px;
	}
	.btn-sns:after {
		font-size:2.0rem;
		top:18px;
		left:16px;
	}
}
/*-----------------------------------------
faqs
------------------------------------------*/
.faq-category {
	display: flex;
	align-items:center;
	letter-spacing: 0.1em;
	font-weight:700;
}
.faq-category:after {
	content: '';
	height: 1px;
	background-color: #000000;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-left: 1rem;
}
.ewd-ufaq-faq-div {
	padding-bottom:0.8em;
}
.ewd-ufaq-faq-title {
	background-color: var(--color-black);
	padding:0.5em;
}
.ewd-ufaq-faq-title-text h4 {
	color:#ffffff;
	font-weight:700;
}
.ewd-ufaq-faq-body {
	padding-top:0.8em;
}
@media screen and (max-width : 767px){
	.faq-category {
		font-size:4.5vw;
		margin-top:8vw;
		margin-bottom:8vw;
	}
	.ewd-ufaq-faq-title-text {
		padding:2vw 4vw;
	}
}
@media screen and (min-width : 768px){
	.faq-category {
		font-size:2.4rem;
		margin-top:40px;
		margin-bottom:40px;
	}
	.ewd-ufaq-faq-title-text {
		padding:8px;
	}
}
/*-----------------------------------------
single-item
------------------------------------------*/
.itemslide-container {
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.itemslide-container.soldout:before {
	content:"Sold out";
	position: absolute;
	top:0;
	left:0;
	z-index: 3;
	width:140px;
	height:30px;
	line-height:30px;
	font-size:1.4rem;
	color:#ffffff;
	background-color:var(--color-red);
	text-align: center;
}
.thumbnail-item {
	transition: opacity .3s linear;
}
.thumbnail-item img {
	border:1px solid #dddddd;
}
.single-thumbnail .slick-track {
	width:100% !important;
	display:flex;
	flex-wrap: wrap;
}
.single-tagbox-timely {
	background-color: var(--color-blue);
}
.single-tagbox-groovy {
	background-color: var(--color-green);
}
.single-tagbox ul {
	display:flex;
	flex-wrap:wrap;
}
.single-tagbox li {
	padding:0.5em;
}
.single-tagbox li a {
	display:inline-block;
	padding:0.2em 0.6em;
	color:#ffffff;
	background:var(--color-black);
}
.single-tagbox li a:hover {
	color:var(--color-black);
	background-color:#ffffff;
}
.single-content h2 {
	font-size:x-large;
	font-weight:700;
	border-bottom:1px solid var(--color-black);
	padding-bottom:0.3em;
}
.single-content h3 {
	font-size:larger;
	font-weight:700;
}
.single-excerpt p {
	padding-bottom:0;
}
@media screen and (max-width : 767px){
	.single-name {
		padding-top:4vw;
	}
	.single-right {
		padding-top:8vw;
	}
	.itemslide-container {
		max-width: 90vw;
	}
	.thumbnail-item {
		width:31.333vw !important;
		padding-top:4vw;
	}
	.thumbnail-item:nth-child(3n+3) {
		width:27.333vw !important;
	}
	.thumbnail-item img {
		width:27.333vw !important;
	}
	.single-excerpt {
		font-size:3vw;
	}
	.single-name h1 {
		font-size:5.5vw;
		line-height:150%;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
	.single-tagbox {
		margin-bottom:6vw;
	}
	.single-content {
		line-height:200%;
	}
	.single-content h2 {
		margin-top:1em;
		margin-bottom:1em;
	}
	.single-content h3 {
		margin-top:1em;
		margin-bottom:1em;
	}
}
@media screen and (min-width : 768px){
	.single-layoutbox {
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: minmax(110px, 160px) 1fr;
		padding-top:50px;
	}
	.single-left {
		grid-area: 1 / 1 / 3 / 2;
	}
	.single-name {
		grid-area: 1 / 2 / 2 / 3;
	}
	.single-right {
		grid-area: 2 / 2 / 3 / 3;
	}
	.itemslide-container {
		max-width: 500px;
	}
	.thumbnail-item {
		width:174px !important;
		padding-top:22px;
	}
	.thumbnail-item:nth-child(3n+3) {
		width:152px !important;
	}
	.thumbnail-item img {
		width:152px !important;
	}
	.single-excerpt {
		font-size:1.4rem;
	}
	.single-name h1 {
		font-size:3.6rem;
		line-height:150%;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
	.single-tagbox {
		margin-bottom:36px;
	}
	.single-content {
		line-height:200%;
	}
	.single-content h2 {
		margin-top:1em;
		margin-bottom:1em;
	}
	.single-content h3 {
		margin-top:1em;
		margin-bottom:1em;
	}
}
.single-specbox h3,
.single-caution h3 {
	text-align:center;
	font-weight:700;
	letter-spacing: 0.2em;
}
.spectable {
	width:100%;
	border-top:1px solid var(--color-black);
}
.spectable tr {
	border-bottom:1px solid var(--color-black);
}
.single-caution h3 {
	color:var(--color-red);
}
.single-caution li {
	color:var(--color-red);
}
@media screen and (max-width : 767px){
	.single-specbox h3,
	.single-caution h3 {
		padding-top:16vw;
		padding-bottom:4vw;
	}
	.spectable th {
		padding:4vw 0 2vw 0;
		text-align: left;
		font-size:larger;
	}
	.spectable td {
		padding:2vw 0 4vw 0;
	}
	.spectable th,
	.spectable td {
		display:block;
	}
	.spectable th,
	.spectable td {
		line-height:150%;
	}
}
@media screen and (min-width : 768px){
	.single-specbox h3,
	.single-caution h3 {
		padding-top:70px;
		padding-bottom:15px;
	}
	.spectable th {
		width:200px;
		text-align: left;
		vertical-align: top;
		font-weight: 400;
		padding:4px 16px 4px 0;
	}
	.spectable td {
		width:600px;
		padding:4px 0;
	}
	.spectable th,
	.spectable td {
		line-height:200%;
	}
}
/*-----------------------------------------
single-rich
------------------------------------------*/
.mainvisual-richtype,
.mainvisual-richtype-fullwide {
	border-bottom:1px solid var(--color-gray);
}
.mainvisual-richtype-box {
	display: grid;
	justify-items: center;
	align-items: center;
	grid-template-columns: repeat(2, 1fr);
}
.richtype-mainvisual-left-txt h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight:900;
	letter-spacing: 0.1em;
}
.gallery-richtype {
		display: grid;
}
.gallery-richtype a {
	display:block;
	aspect-ratio: 4 / 3;
	overflow:hidden;
}
.gallery-richtype a img {
	display:block;
	width:auto;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
.rich-layoutbox-txt h2 {
	font-weight:700;
}
.rich-layoutbox-pic img {
	mix-blend-mode: multiply;
}
.rich-layoutbox-pic.no-multiply img {
	mix-blend-mode:normal;
}
@media screen and (max-width : 767px){
	.richtype-mainvisual-left-img {
		grid-area: 1 / 1 / 2 / 2;
		padding-top:4vw;
	}
	.richtype-mainvisual-left-txt {
		grid-area: 2 / 1 / 3 / 2;
		padding-bottom:4vw;
	}
	.richtype-mainvisual-left-txt h1 {
		font-size:5vw;
		padding-top:2vw;
	}
	.richtype-mainvisual-right {
		grid-area: 1 / 2 / 3 / 3;
	}
	.single-tagbox-rich {
		margin-top:2vw;
		margin-bottom:2vw;
	}
	.richtype-mainvisual-default {
		padding-top:5vw;
		padding-bottom:5vw;
	}
	.richtype-mainvisual-default * {
		padding-left:2vw;
		padding-right:2vw;
	}
	.container .rich-layoutbox-pic {
		padding-top:4vw;
		padding-bottom:4vw;
	}
	.container-full .rich-layoutbox-txt {
		padding-left:5vw;
		padding-right:5vw;
	}
	.rich-layoutbox-txt {
		padding-bottom:4vw;
	}
	.rich-layoutbox-txt h2 {
		font-size:5vw;
		line-height:150%;
		padding-top:0.5em;
		padding-bottom:1em;
	}
	.rich-layoutbox-txt p {
		padding-bottom:0;
	}
	.gallery-richtype {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 4vw;
		grid-row-gap: 4vw;
		margin-top:6vw;
		margin-bottom:6vw;
	}
}
@media screen and (min-width : 768px){
	.richtype-mainvisual-left-img {
		grid-area: 1 / 1 / 2 / 2;
		padding-top:40px;
	}
	.richtype-mainvisual-left-txt {
		grid-area: 2 / 1 / 3 / 2;
		padding-bottom:40px;
	}
	.richtype-mainvisual-left-txt h1 {
		font-size:4.0rem;
		padding-top:40px;
	}
	.richtype-mainvisual-right {
		grid-area: 1 / 2 / 3 / 3;
	}
	.container.rich-layoutbox-left,
	.container.rich-layoutbox-right {
		padding-top:40px;
		padding-bottom:40px;
	}
	.container-full .rich-layoutbox-txt {
		
	}
	.container-full.rich-layoutbox-left .rich-layoutbox-txt * {
		max-width:600px;
		margin-right:auto;
	}
	.container-full.rich-layoutbox-right .rich-layoutbox-txt * {
		max-width:600px;
		margin-left:auto;
	}
	.rich-layoutbox-left {
	display: grid;
	align-items: center;
	grid-template-columns: repeat(2, 1fr);
	}
	.rich-layoutbox-right {
	display: grid;
	align-items: center;
	grid-template-columns: repeat(2, 1fr);
	}
	.rich-layoutbox-right .rich-layoutbox-pic  {
		grid-area: 1 / 2 / 2 / 3;
	}
	.rich-layoutbox-right .rich-layoutbox-txt {
		grid-area: 1 / 1 / 2 / 2;
	}
	.rich-layoutbox-left .rich-layoutbox-txt {
		padding-left:40px;
	}
	.rich-layoutbox-right .rich-layoutbox-txt {
		padding-right:40px;
	}
	.rich-layoutbox-txt h2 {
		font-size:3.0rem;
		line-height:200%;
		padding-bottom:1em;
	}
	.rich-layoutbox-txt p {
		padding-bottom:0;
	}
	.gallery-richtype {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		margin-top:60px;
		margin-bottom:60px;
	}
}
/*-----------------------------------------
movie
------------------------------------------*/
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width : 767px){
	.movie-wrap {
		margin-top:4vw;
		margin-bottom:4vw;
	}
}
@media screen and (min-width : 768px){
	.movie-wrap {
		margin-top:16px;
		margin-bottom:16px;
	}
}
/*-----------------------------------------
single-news
------------------------------------------*/
.news-single h1 {
	line-height:150%;
	font-weight:700;
}
.news-date {
	position: relative;
	z-index: 1;
	font-size:1.4rem;
}
.news-date:before {
	font-family: 'icomoon';
	content: "\f073";
	position: relative;
	padding-right:1em;
}
.news-content {
	border-bottom:1px solid #dddddd;
}
.news-content h2 {
	font-size:x-large;
	font-weight:700;
	border-bottom:1px solid var(--color-black);
	padding-bottom:0.3em;
}
.news-content h3 {
	font-size:larger;
	font-weight:700;
}
@media screen and (max-width : 767px){
	.news-single {
		padding-top:8vw;
	}
	.news-single h1 {
		font-size:6vw;
	}
	.news-date {
		padding-top:8vw;
		padding-bottom:8vw;
	}
	.news-content {
		padding-bottom:6vw;
		margin-bottom:6vw;
	}
	.news-content,
	.news-content * {
		line-height:200%;
	}
	.news-content h2 {
		margin-top:1em;
		margin-bottom:1em;
	}
	.news-content h3 {
		margin-top:1em;
		margin-bottom:1em;
	}
}
@media screen and (min-width : 768px){
	.news-single {
		padding-top:60px;
	}
	.news-single h1 {
		font-size:3.0rem;
	}
	.news-date {
		padding-top:50px;
		padding-bottom:30px;
	}
	.news-content {
		padding-bottom:40px;
		margin-bottom:60px;
	}
	.news-content,
	.news-content * {
		line-height:200%;
	}
	.news-content h2 {
		margin-top:1em;
		margin-bottom:1em;
	}
	.news-content h3 {
		margin-top:1em;
		margin-bottom:1em;
	}
}
/*-----------------------------------------
contact
------------------------------------------*/
.form-box h3 {
	font-weight:700;
	padding-top:2.5em;
	padding-bottom:1.5em;
}
.form-box table {
	width:100%;
}
.form-box table tr:nth-child(odd) {
	background-color:var(--color-gray);
}
.form-box table th,
.form-box table td {
	text-align: left;
	vertical-align: top;
	line-height:150%;
}
.form-box table th p {
	display:inline;
	padding-bottom:0;
}
.form-box table td p {
	font-size:1.4rem;
	line-height:150%;
	padding-top:4px;
	padding-bottom:0;
}
.form-box table td span {
	display:inline-block;
	font-size:1.4rem;
	line-height:150%;
}
.form-box input {
	border:1px solid #dddddd;
	border-radius:4px;
	height:32px;
	width:98%;
}
.form-box textarea {
	border:1px solid #dddddd;
	border-radius:4px;
	resize: none;
	width:98%;
}
.form-box .zipbox input {
	width:7em;
}
.form-box .telbox input {
	width:11em;
}
.sendbtn {
	text-align:center;
}
.sendbtn input {
	color:#ffffff;
	font-weight: 700;
	border:none;
	line-height:100%;
	width:100%;
	background-color:var(--color-red);
	background-image:url(images/chevron-right.svg);
	background-repeat:no-repeat;
	background-position: right center;
	cursor: pointer;
}
.sendbtn input:hover {
	background-color:var(--color-black);
}
.form-box th.hissu:before,
.form-box th.nini:before {
	color:#ffffff;
	font-size:1.4rem;
	padding:2px 8px;
	position: relative;
	margin-right:1em;
}
.form-box th.hissu:before {
	content:"\5FC5\9808";
	background:#ac1e36;
}
.form-box th.nini:before {
	content:"\4EFB\610F";
	background:#5d5d5d;
}
@media screen and (max-width : 767px){
	.form-box {
		padding-top:8vw;
	}
	.form-box h3 {
		font-size:4vw;
	}
	.form-box table th {
		display:block;
		padding:4vw 4vw 2vw 4vw;
	}
	.form-box table td {
		display:block;
		padding:2vw 4vw 4vw 4vw;
	}
	.form-box table td span {
		padding-top:4px;
		padding-left:1em;
	}
	.sendbtn {
		padding-top:8vw;
	}
	.sendbtn input {
		padding:5vw 4vw;
	}
}
@media screen and (min-width : 768px){
	.form-box {
		padding-top:40px;
	}
	.form-box h3 {
		font-size:1.8rem;
	}
	.form-box table th {
		width:40%;
		padding:14px 14px 14px 11px;
	}
	.form-box table td {
		width:60%;
		padding:7px;
	}
	.form-box table td span {
		padding-top:4px;
		padding-left:1em;
	}
	.sendbtn {
		padding-top:50px;
	}
	.sendbtn input {
		padding:20px 45px;
		max-width:285px;
	}
	.wpcf7-list-item label {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/ /* Safari */
	display:flex;
	}
	.wpcf7-list-item input {
	min-width:16px;
	height:16px;
	}
	.wpcf7-list-item-label {
	white-space:nowrap;
	}
	.form-box table td .renrakusaki span {
	padding-top:0px;
	}
}
/*-----------------------------------------
privacy
------------------------------------------*/
.privacy-container h2 {
	font-weight:700;
	font-size:larger;
	line-height:150%;
	padding-bottom:1em;
}
@media screen and (max-width : 767px){
	.privacy-container {
		padding-top:8vw;
	}
}
@media screen and (min-width : 768px){
	.privacy-container {
		padding-top:60px;
	}
}
/*-----------------------------------------
wp-pagenavi
------------------------------------------*/
.wp-pagenavi {
	display:flex;
	justify-content:center;
	border-bottom:1px solid #dddddd;
}
.wp-pagenavi a,.wp-pagenavi span {
	display:block;
	text-align:center;
}
.wp-pagenavi a {
	color:var(--color-black);
}
.wp-pagenavi a:hover {
	color:#ffffff;
	background-color:var(--color-black);
}
.wp-pagenavi span {
	color:#aaaaaa;
}
@media screen and (max-width : 767px){
	.wp-pagenavi {
		padding-top:8vw;
		margin-bottom:8vw;
	}
	.wp-pagenavi a,.wp-pagenavi span {
	width:10vw;
	height:10vw;
	line-height:10vw;
	font-size:5vw;
	margin:0 2vw;
	}
}
@media screen and (min-width : 768px){
	.wp-pagenavi {
		padding-top:48px;
		margin-bottom:48px;
	}
	.wp-pagenavi a,.wp-pagenavi span {
	width:48px;
	height:48px;
	line-height:48px;
	font-size:1.8rem;
	margin:0 8px;
	}
}
/*-----------------------------------------
footer
------------------------------------------*/
.footer-tt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	font-size:2.4rem;
	letter-spacing: 0.2em;
}
.footer-tt:before, .footer-tt:after {
    content: '';
    height: 1px;
    background-color: #000000;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.footer-tt:before {
	margin-right: 1rem;
}
.footer-tt:after {
	margin-left: 1rem;
}
.footer-menu dt,
.footer-menu dd a {
	font-size:1.4rem;
	
}
.footer-menu dd a {
	display:block;
	color:var(--color-black);
}
.footer-credit {
	border-top:1px solid var(--color-black);
	text-align: center;
	font-size:1.2rem;
}
@media screen and (max-width : 767px){
	footer {
		padding-top:20vw;
	}
	.footer-menu {
		padding:8vw 0;
	}
	.footer-menu dl {
		border-bottom:1px solid var(--color-black);
		padding-bottom:4vw;
	}
	.footer-menu dl:last-child {
		border-bottom:none;
	}
	.footer-menu dt {
		padding:4vw 0;
	}
	.footer-menu dd a {
		padding:0.5em 0;
		margin-top:2vw;
		margin-bottom:2vw;
	}
	.footer-credit {
		padding:4vw 0;
	}
}
@media screen and (min-width : 768px){
	footer {
		padding-top:100px;
	}
	.footer-menu {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		padding-top:40px;
		padding-bottom:48px;
	}
	.footer-menu dl {
		border-right:1px solid var(--color-black);
		padding-left:35px;
		padding-right:35px;
	}
	.footer-menu dl:last-child {
		border-right:none;
	}
	.footer-menu dt {
		padding-left:1em;
		padding-bottom:24px;
	}
	.footer-menu dd a {
		padding:1em;
	}
	.footer-menu dd a:hover {
		background-color:var(--color-gray);
	}
	.footer-credit {
		padding:28px 0;
		letter-spacing: 0.1em;
	}
}
/*-----------------------------------------
colorme
------------------------------------------*/
.colorme {
	background-color:var(--color-gray);
	text-align:center;
}
.colorme h3 {
	padding:1em 0;
}
.colorme .cartjs_cart_in {
	width:100% !important;
}
.colorme .cartjs_product_table th,
.colorme .cartjs_dtl_tbl th {
	text-align:right !important;
	padding-right:1em;
	background-color:var(--color-gray) !important;
}
@media screen and (max-width : 767px){
	.colorme {
		margin-top:6vw;
		padding:4vw 4vw 0 4vw;
	}
	.colorme h2 {
		background-color:var(--color-gray) !important;
	}
	.colorme .cartjs_box {
		border-bottom:none !important;
	}
	.colorme .cartjs_box h2 {
		font-weight:700;
		line-height:130%;
		padding:0.5em 0;
	}
}
@media screen and (min-width : 768px){
	.colorme {
		margin-top:40px;
		padding:16px 16px 0 16px;
	}
}