@charset "utf-8";
/*
Theme Name:	aiyu_ver18
Theme URI: https://aiyu-hasami.com
Description: aiyu専用のベーステーマ
Version: 18.0
*/

/* common
---------------------------------------------------------------------------*/
:root {
	--color-text: #666666;
	--color-black: #333333;
	--color-gray: #969696;
	--font-gothic: "dnp-shuei-gothic-gin-std", 'Noto Sans JP', 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif; /* 400,500,600 */
	--font-sans: 'mundial-narrow-variable', sans-serif;
}

body {
	background-color: #FFFFFF;
	color: var(--color-text);
	font-family: var(--font-gothic);
	font-size: 14px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'palt' 1;
	font-variation-settings: "wght" 400;
}

body.noscroll { overflow-y: scroll; position: fixed; width: 100%; }

header,
#mainContents { min-width: 1240px; }

p { font-size: 14px; font-weight: 500; line-height: 2; letter-spacing: 0.1em; margin-bottom: 1em; }
img { max-width: none; }
::-moz-selection { background:#dedede; color:var(--color-black); }
::selection { background:#dedede; color:var(--color-black); }

.clearfix:after { content: ''; display: block; clear:both; }

body.pc .pc_view { display: block !important; }
body.pc .sp_view { display: none !important; }
body.sp .sp_view { display: block !important; }
body.sp .pc_view { display: none !important; }
.block { display: block !important; }

/* link
------------------------------------*/
a,.hover { color: var(--color-black); text-decoration: none; transition: .15s ease-out; }
a:hover,.hover:hover { text-decoration: none; opacity: 0.6; }

/* .btn-link
------------------------------------*/
.btn-link a,
.btn-sub a {
	display: inline-block;
	background-color: #C7514C;
	padding: 15px 20px 15px 22px;
	color: #FFFFFF !important;
	font-size: 15px;
	text-align: center;
	letter-spacing: 0.1em;
}

.btn-sub a {
	background-color: #666666;
	font-weight: 500;
}

.btn-line a,
.btn-line button {
	display: inline-block;
	background: none;
	border: 1px solid #E7E7E7;
	padding: 18px 28px 18px 30px;
	font-size: 13px;
	letter-spacing: 0.15em;
	text-align: center;
	transition: .15s ease-out;
	cursor: pointer;
}

.btn-line button:hover {
	opacity: 0.6;
}

.btn-line.size-l a,
.btn-line.size-l button {
	display: block;
	box-sizing: border-box;
	border-color: #727272;
	width: 100%;
	padding: 21px 28px 21px 30px;
	color: #393939;
	font-size: 17px;
}

.btn-line a:has( .arrow) {
	padding: 11px 24px 11px 24px;
	font-size: 14px;
}

.btn-line a .arrow {
	display: inline-block;
	background: url(img/share/ico-arrow-modal.svg) no-repeat left top / 100% auto;
	width: 12px;
	height: 12px;
	margin-right: 14px;
	transform: translateY(2px);
}

/* .wrapLink
------------------------------------*/
.wrapLink { position:absolute; top:0; left:0; width:100%; height:100%; }
.wrapLink:hover { background:#fff; opacity:.7; transition:all .2s ease-in-out 0; }

/* font
------------------------------------*/
.font-sans,
.font-sans-l,
.font-sans-r,
.font-sans-i,
.font-sans-m,
.grid-center article h2,
.wp-pagenavi a.first,
.wp-pagenavi a.last,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.page-title-set h1,
.product-header .page-title-item em,
.product-info .label,
.product-info h2,
.news-list time,
.news-list .category,
.page-title-item-center h1,
.sec-item h2,
.price-discount .price .cartjs_box td,
.price-discount .price i,
.cart-outlet .price-discount .cartjs_product_table .cartjs_stock td,
#oemContents .sec-title-en,
#oemContents .sec-type .sec-inner h2 em,
#oemContents .oem-project-head,
#oemContents .oem-project-list .category,
#oemContents .oem-project-list .year,
#oemContents .project-list article .category,
#oemContents .modal-oem-wrap .txt .year,
.styling-item h2,
.area-list-container article .tel,
.area-list-container article a {
	font-family: var(--font-sans) !important;
	/*font-weight: 300 !important;*/
	font-variation-settings: "wght" 300;
}

/*.font-rdgo-m {
	font-family: 'FOT-筑紫A丸ゴシック Std M', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.font-rdgo,
#pottery-festivalContents,
.cartjs_product_num input {
	font-family: 'FOT-筑紫A丸ゴシック Std D', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif !important;
}
.font-rdgo-b,
.cartbox .modal-outlet-detail li i {
	font-family: 'FOT-筑紫A丸ゴシック Std B', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.font-rdgo-e {
	font-family: 'FOT-筑紫A丸ゴシック Std E', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}

.font-mix {
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}*/

/* #loading
------------------------------------*/
#loading {
	display: none;
	opacity: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	border: 1px solid rgba(0,0,0,1);
	border-top-color: transparent;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	z-index: 99999;
	animation: spin .4s infinite linear;
}
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }


/* contents
---------------------------------------------------------------------------*/
#mainContents {
	max-width: 1400px;
	margin: 0 auto;
}

#feature-vtday #mainContents {
	max-width: 100%;
	margin: 0 auto;
}

.container {
	width: 1120px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

body#about-aiyu .container,
body#shopping-guide .container,
body#retailer .container,
#newsContents .container,
#contactContents .container,
#storeContents .container,
#privacyContents .container,
#terms .container {
	width:80%;
	min-width:960px;
}

/* txt
------------------------------------*/
.txtS {
	font-size:12px;
	line-height:1.7;
}

.tit-slash {
	position: relative;
	margin-top: 8px;
	color: var(--color-black);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.16em;
}

.tit-slash:before {
	content:'';
	position:absolute;
	width:15px;
	height:1px;
	background:#999;
	top:9px;
	left:0;
}

.tit-slash span { padding-left:30px; }

.line-through { text-decoration: line-through; }

/* .dot-list
------------------------------------*/
.dot-list li {
	position: relative;
	margin: 0 0 8px 3px;
	padding-left: 18px;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.14em;
}

.dot-list li:last-of-type { margin-bottom: 0; }

.dot-list li:before {
	display: block;
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 500;
}


/* product
---------------------------------------------------------------------------*/

/* .product-header
------------------------------------*/
.product-header {
	position: relative;
	min-height: 1px;
	margin: 92px auto 85px;
	z-index: 1;
}

.category-title + .product-header {
	margin: 90px auto 50px;
}

.product-header .page-title-item {
	color: #545454;
	font-size: 39px;
}

.product-header .page-title-item em {
	font-size: 36px;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: capitalize!important;
}

.product-header .page-title-item strong {
	padding-left: 15px;
	font-size: 14px;
	letter-spacing: 0.15em;
}

.product-header .allitem {
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 48px;
	font-size: 12px;
	letter-spacing: 0.1em;
}

.search-nav-wrap + .product-header .allitem {
	top: -65px;
	left: 0;
}

.product-header .allitem:before {
	display: block;
	content: '';
	width: 34px;
	height: 1px;
	background: #DDDDDD;
	position: absolute;
	top: 50%;
	left: 0;
}


/* search-nav
---------------------------------------------------------------------------*/
.search-nav > ul {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: space-between;
}

.search-nav > ul > li {
	border-right: 1px solid #EAEAEA;
	width: 25%;
	white-space: nowrap;
}

.search-nav .mnav.narrow {
	position: relative;
}

.search-nav .not-mnav {
	position: relative;
	z-index: 9991;
}

.search-nav .btn-mnav,
.search-nav .not-mnav a {
	position: relative;
	display: block;
	padding: 42px 20px 40px;
	text-align: center;
	transition: .15s ease-out;
	cursor: default;
}

.search-nav .not-mnav a {
	cursor: pointer;
}

.search-nav .btn-mnav.out {
	cursor: default;
	pointer-events: none;
	opacity: 0.3;
}

.search-nav .btn-mnav:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 10px;
	border-color: transparent transparent #F8F2E6 transparent;
	opacity: 0;
}

.search-nav .btn-mnav:hover {
	opacity: 1 !important;
}

.search-nav .mnav-search .btn-mnav:after {
	display: none !important;
}

.search-nav .btn-mnav:hover strong,
.search-nav .btn-mnav:hover em,
.search-nav .not-mnav:hover a strong,
.search-nav .not-mnav:hover a em {
	opacity: 0.5;
}

.search-nav .btn-mnav strong,
.search-nav .not-mnav a strong {
	position: relative;
	display: block;
	margin-bottom: 12px;
	color: var(--color-black);
	font-size: 14px;
	letter-spacing: 0.2em;
}

.search-nav .btn-mnav strong span,
.search-nav .not-mnav a span {
	font-size: 10px;
}

.search-nav .btn-mnav em,
.search-nav .not-mnav a em {
	color: var(--color-gray);
	font-size: 12px;
	font-variation-settings: "wght" 400;
	letter-spacing: 0.1em;
}

.search-nav .mnav.mnav-search {
	position: relative;
}

/* .snav
------------------------------------*/
.mnav-wrap {
	position: absolute;
	top: 140px;
	left: 50%;
	transform: translateX(-50%) !important;
	width: 52%;
	padding-top: 40px;
	z-index: 9990;
	display: block;
	visibility: hidden;
	opacity: 0;
}

.search-nav .mnav.mnav-search .mnav-wrap {
	width: calc(100% + 2px);
	margin-top: -28px;
	margin-left: 0;
	padding-top: 0;
}

.btn-mnav {
	z-index: 9991;
}

.mnav-wrap,
.search-nav .btn-mnav:after {
	transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

body.tablet .mnav-wrap {
	display: none;
	visibility: inherit;
	transition: inherit;
}

body:not(.tablet) .mnav:hover .mnav-wrap,
body:not(.tablet) .search-nav .mnav:hover .btn-mnav:after {
	transition: .4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

body:not(.tablet) .mnav:hover .mnav-wrap {
	visibility: visible;
	opacity: 1;
	top: 151px;
}

body:not(.tablet) .search-nav .mnav:hover .btn-mnav:after,
body.tablet .search-nav .mnav.active .btn-mnav:after {
	bottom: 0;
	opacity: 1;
}

.mnav-wrap.snav-series,
.mnav-wrap.snav-color {
	width: 100%;
	min-width: 1100px;
/* 	max-width: 1440px; */
}

.mnav-wrap-inner {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFCF5), color-stop(1, #FFF8E8));
	background-image: linear-gradient(180deg, #FFFCF5 0%, #FFF8E8 100%);
	box-shadow: inset 0 1px 18px 0 #F5EDDC;
}

.mnav-wrap .snav {
	position: relative;
	padding: 30px 20px 0;
}

.mnav-wrap.snav-category .snav,
.mnav-wrap.snav-color .snav {
	padding: 40px 40px 30px;
}

.mnav-wrap .snav .category-list {
	clear: both;
}

.mnav-wrap .snav .category-list li {
	float: left;
	width: 22%;
	margin: 20px 4% 0 0;
}

.mnav-wrap .snav .category-list li:nth-of-type(1),
.mnav-wrap .snav .category-list li:nth-of-type(2),
.mnav-wrap .snav .category-list li:nth-of-type(3),
.mnav-wrap .snav .category-list li:nth-of-type(4) {
	margin-top: 0;
}

.mnav-wrap .snav .category-list li:nth-of-type(4n) {
	margin-right: 0;
}

.mnav-wrap .snav .category-list li a {
	display: block;
	transition: .1s ease-out !important;
}

.mnav-wrap .snav .category-list figure {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	width: 100%;
	margin-bottom: 11px;
	padding-bottom: 63%;
}

.mnav-wrap .snav .category-list figure img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) !important;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	max-height: 100%;
	transition: none;
}

.mnav-wrap .snav .category-list p {
	display: inline;
	background: url(img/share/ico-arrow-red.svg) no-repeat right top 3px;
	margin-right: 6px;
	padding: 0 12px 0 2px;
	/*color: #C7514C;*/
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.1em;
}


.mnav-wrap .snav .category-list .series-logo {
	display: block;
	position: relative;
	background: none;
	width: 100%;
	height: 20px;
	padding: 0;
	text-align: center;
}

.mnav-wrap .snav .category-list .series-logo img {
	display: block;
	position: absolute;
	top: 4px;
	left: 50%;
	transform-origin: left top;
	transform: scale(0.5) translateX(-50%);
}

.mnav-wrap .snav .category-list .series-logo img.e-series { transform: scale(0.5) translateX(-50%); }
.mnav-wrap .snav .category-list .series-logo img.mawaribana { margin-top: 1px; transform: scale(0.5) translateX(-50%); }
.mnav-wrap .snav .category-list .series-logo img.h-kuma { transform: scale(0.5) translateX(-50%); }
.mnav-wrap .snav .category-list .series-logo img.hordic { transform: scale(0.5) translateX(-50%); }
.mnav-wrap .snav .category-list .series-logo img.drop { margin-top: -2px; }
.mnav-wrap .snav .category-list .series-logo img.kiritoru { margin-top: -2px; }
.mnav-wrap .snav .category-list .series-logo img.kiritoru-iron { margin-top: -2px; transform: scale(0.55) translateX(-50%); }
.mnav-wrap .snav .category-list .series-logo img.bikasuco { transform: scale(0.55) translateX(-50%); }
.mnav-wrap .snav .category-list .series-logo img.motte { margin-top: -3px; }
.mnav-wrap .snav .category-list .series-logo img.tile { margin-top: -4px; }
.mnav-wrap .snav .category-list .series-logo img.tessenka { margin-top: 2px; transform: scale(0.53) translateX(-50%); }
.mnav-wrap .snav .category-list .series-logo img.reisei-jyounetsu { transform: scale(0.51) translateX(-50%); }
.mnav-wrap .snav .category-list .series-logo img.shothree { margin-top: -2px; transform: scale(0.5) translateX(-50%); }
.mnav-wrap .snav .category-list .series-logo img.uchu { transform: scale(0.55) translateX(-50%); }

/* .snav-series
------------------------------------*/
.mnav-wrap.snav-series .snav-img {
	position: absolute;
	top: 40px;
	left: 0;
	width: calc(50% - 45px);
	height: calc(100% - 40px);
	color: #FFFFFF;
}

.mnav-wrap.snav-series .snav-img .inner {
	position: absolute;
	top: 0;
	left: 0;
	background: #F8F8F8;
	width: 100%;
	height: 100% !important;
	opacity: 0;
}

.mnav-wrap.snav-series .snav-img .inner:first-of-type {
	opacity: 1;
}

.mnav-wrap.snav-series .snav-img .inner .txt {
	position: absolute;
	bottom: 25px;
	left: 30px;
	padding-right: 60px;
	z-index: 1001;
}

.mnav-wrap.snav-series .snav-img .inner h2 {
	position: relative;
	padding-left: 85px;
	font-size: 25px;
	letter-spacing: 0.05em;
}

.mnav-wrap.snav-series .snav-img .inner h2:before {
	display: block;
	content: '';
	position: absolute;
	top: 16px;
	left: 32px;
	background: #FFFFFF;
	width: 41px;
	height: 1px;
	opacity: 0.6;
}

.mnav-wrap.snav-series .snav-img .inner h2 i {
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 16px;
	font-style: normal;
}

.mnav-wrap.snav-series .snav-img .inner h3 {
	margin-top: 10px;
	font-size: 21px;
	line-height: 1.65;
	letter-spacing: 0.1em;
}

.header-slider {
	overflow: hidden;
  width: 100%;
  margin: 0px auto 40px;
  position: relative;
}

.header-slider img {
	width: auto;
	min-width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	opacity: 0;
}

.header-slider img:first-of-type {
	opacity: 1;
}

.header-slider.slider-category {
	overflow: hidden;
	height: 0;
	margin-bottom: 60px;
	padding-bottom: 56.25%;
}

.header-slider.slider-category img {
	display: block;
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%,-50%);
}

.mnav-wrap.snav-series .header-slider.slider-category {
	height: 100% !important;
	margin-bottom: 0;
	padding-bottom: 0;
}

.mnav-wrap.snav-series .header-slider.slider-category:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	width: 100%;
	height: 100%;
	z-index: 1000;
	opacity: 0.2;
}

.cycle-pager {
  position: absolute;
  bottom: 20px;
  color: #ffffff;
  font-size: 50px;
  z-index: 99999;
  text-align: center;
  margin-left: 30px;
}

.cycle-pager span {
  cursor: pointer;
  margin-right: 10px;
  font-size: 30px;
}

.cycle-pager span:first-child:last-child {
	display: none !important;
}

.cycle-pager-active {
  color: #666666;
}

.mnav-wrap.snav-series .cycle-pager {
	bottom: 25px;
	right: 25px;
}

.mnav-wrap.snav-series .cycle-pager span {
	display: block;
	margin: 0 0 3px;
	font-size: 16px;
}

.mnav-wrap.snav-series .cycle-pager-active {
	color: #C7514C;
}

.mnav-wrap.snav-series .snav {
	float: right;
	box-sizing: border-box;
	width: calc(50% + 45px);
	padding: 40px 45px 5px;
}

.mnav-wrap.snav-series .snav .category-list figure {
	border-radius: 0;
}

.mnav-wrap.snav-series .snav .category-list li {
	width: 25%;
	margin: 0 0 3%;
}

/* .snav-color
------------------------------------*/
.mnav-wrap.snav-color .snav .category-list li {
	width: 11.1%;
	margin: 0 0.7% 1%;
}

/* .color-list
------------------------------------*/
.color-list {
	float: left;
	box-sizing: border-box;
	border: 1px solid #E4E1DC;
	border-radius: 60px;
	margin-bottom: 40px;
	padding: 12px 35px 5px;
}

.color-list p {
	display: inline-block;
	margin: 0 15px 0 0;
	color: #625B4B;
	font-size: 13px;
	letter-spacing: 0.15em;
	transform: translateY(-10px);
}

.color-list ul {
	display: inline-block;
}

.color-list li {
	display: inline-block;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	margin-left: 7px;
}

.color-list li a {
	display: block;
	position: relative;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 8px solid #FFFFFF;
	border-radius: 50%;
	width: 100%;
	height: 100%;
}

.color-list li a:before {
	display: block;
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	border: 1px solid #E3E3E3;
	border-radius: 50%;
	width: 24px;
	height: 24px;
}

/* .style-list
------------------------------------*/
.style-list {
	float: right;
	margin-top: 10px;
	margin-bottom: 40px;
}

.style-list li {
	display: inline-block;
	margin-left: 6px;
}

.style-list li a {
	display: inline-block;
	border: 1px solid #E4E1DC;
	border-radius: 20px;
	padding: 12px 12px 11px 15px;
	color: #C7514C;
	font-size: 13px;
	font-weight: 500 !important;
	letter-spacing: 0.13em;
}

.style-list li a:hover {
	border: 1px solid #C7514C;
	background-color: #C7514C;
	color: #FFFFFF !important;
	opacity: 1 !important;
}

/* .search-product
------------------------------------*/
.search-product {
	position: relative;
	width: 100%;
}

/* #searchform
------------------------------------*/
#searchform .screen-reader-text {
	display: none;
}

#searchform div input[type="text"] {
	/*font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;*/
	box-sizing: border-box;
	border: 1px solid #EAEAEA !important;
	width: 100%;
	height: 45px;
	padding: 12px 40px 10px 14px;
	font-size: 14px;
	letter-spacing: 0.08em;
}

#searchform div input[type="text"]:focus {
	background: #fafafa;
	color: var(--color-black);
	border: dotted 1px #333!important;
}

#searchform div input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	background: url(img/share/ico-search.svg) no-repeat right 12px center;
	background-size: 18px auto;
	border: none;
	width: 44px;
	height: 44px;
	text-indent: -9999px;
}

#searchform ::-webkit-input-placeholder { color: #999999; letter-spacing: 0.08em; opacity: 1; }
#searchform :-moz-placeholder { color: #999999; letter-spacing: 0.08em; opacity: 1; }
#searchform ::-moz-placeholder { color: #999999; letter-spacing: 0.08em; opacity: 1; }
#searchform :-ms-input-placeholder { color: #999999; letter-spacing: 0.08em; opacity: 1; }
#searchform :placeholder-shown { color: #999999; letter-spacing: 0.08em; opacity: 1; }


/* media query
---------------------------------------------------------------------------*/
@media (max-width: 1440px) {
	.color-list {
		padding: 10px 18px;
	}
	.color-list p {
		margin-right: 8px;
		font-size: 11px;
		letter-spacing: 0.1em;
		transform: translateY(-7px);
	}
	.color-list li {
		width: 24px;
		height: 24px;
		margin-left: 2px;
	}
	.color-list li a {
		border-width: 4px;
	}
	.style-list li {
		margin-left: 1px;
	}
	.style-list li a {
		padding: 8px 9px 9px 11px;
		font-size: 12px;
		letter-spacing: 0.04em;
	}
}

@media screen and (max-width: 1240px) {
	#searchform div input[type="text"] {
		background-size: 160px 13px!important;
	}
}

/* .grid-container
------------------------------------*/
.grid-container {
	max-width:1400px;
	margin:0 auto;
}

.grid-container article {
	float:left;
	position:relative;
}

.grid-container article .label,
.related-product-list article .label {
	position: absolute;
	top: -9px;
	left: 10px;
	font-size: 18px;
	letter-spacing: 0.1em;
	z-index: 10;
}

.label-new { color: #C5514B !important; border-color: #C5514B !important; }
.label-recommend { color:#3D91B8 !important; border-color:#3D91B8 !important; }
.label-restock { color:#BAAC46 !important; border-color:#BAAC46 !important; }
.label-sold { color:#999 !important; border-color:#999 !important; display: none; }

article.sold .label-sold,
.product-info.sold .label-sold { display: block; }

article.sold .label-new,
article.sold .label-recommend,
article.sold .label-restock,
.product-info.sold .label-new,
.product-info.sold .label-recommend,
.product-info.sold .label-restock { display: none; }

.grid-container article figure a {
	display: block;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	padding-bottom: 66.66%;
}

.grid-container article figure img {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}

.grid-container article strong {
	display: block;
	margin: 16px 0 4px;
	line-height: 1.5;
	color: var(--color-black);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.grid-container article em {
	line-height: 1;
	letter-spacing: 0.06em;
	font-size: 12px;
}

/* .grid-container article.gift
------------------------------------*/
.grid-container.grid-3n article.gift {
	text-align: center;
}

.grid-container article.gift .thumb {
	margin-bottom: 16px;
}

.grid-container.grid-3n article.gift .thumb {
	margin-bottom: 22px;
}

.grid-container.grid-3n article.gift h2 {
	margin-bottom: 6px;
	font-size: 15px;
	line-height: 1.75;
	letter-spacing: 0.11em;
}

.grid-container.grid-4n article.gift h2 {
	margin-bottom: 6px;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0.08em;
}

.grid-container article.gift .price {
	display: inline-block;
	padding-left: 14px;
	font-size: 16px;
	letter-spacing: 0.06em;
}

.grid-container article.gift .price span {
	display: inline-block;
	padding-left: 2px;
	font-size: 12px;
	transform: translateY(-1px);
}

.grid-container article.gift .price span i {
	font-style: normal;
}

.grid-container article.gift .gift-series {
	display: inline-block;
	margin-left: 2px;
	font-size: 12px;
	letter-spacing: 0.08em;
	transform: translateY(-1px);
}

_::-webkit-full-page-media, _:future, :root .grid-container article.gift .gift-series {
	margin-left: -8px;
}

.grid-container.grid-4n article.gift .gift-series {
	font-size: 11px;
	transform: translateY(-2px);
}

.grid-container article.gift .gift-series a {
	position: relative;
	display: inline-block;
	margin-right: 3px;
	padding-right: 4px;
}

.grid-container article.gift .gift-series a:after {
	display: block;
	content: ',';
	position: absolute;
	top: 0;
	right: 0;
}

.grid-container article.gift .gift-series a:last-of-type {
	margin-right: 0;
	padding-right: 0;
}

.grid-container article.gift .gift-series a:last-of-type:after {
	display: none;
}

/* .grid-4n
------------------------------------*/
.grid-4n article {
	width: 247px;
	margin:0 0 6% 44px;
	float:left;
}

.grid-4n article:nth-child(4n-3) {
	margin-left:0;
}

/* .grid-3n article
------------------------------------*/
.grid-3n article {
	width:31%;
	margin:0 0 5.2% 3.5%;
}

.grid-3n article:nth-child(3n-2) {
	margin-left:0;
}

/* grid-center
------------------------------------*/
.grid-center article {
	text-align:center;
}

.grid-center article h2 {
	text-align:center;
	display:block;
	font-size:22px;
	font-variation-settings: "wght" 200;
	margin:20px 0 10px;
	line-height:1.6;
	letter-spacing:1px;
}

.grid-center article h3 {
	font-size:14px;
	font-weight: 500;
	text-align:center;
	letter-spacing:0.12em;
}

/* pageNaviWrap
------------------------------------*/
.pageNaviWrap {
	clear: both;
	position: relative;
	margin-top: 40px;
	padding-top: 80px;
}

.wp-pagenavi {
	text-align: center;
	font-size: 14px;
}

.wp-pagenavi .pages {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 2px;
}

.wp-pagenavi a,
.wp-pagenavi .extend,
.wp-pagenavi .current {
	margin: 0 5px;
	padding: 7px 5px 5px;
}

.wp-pagenavi .current {
	position: relative;
	margin: 0 10px;
	color: #FFFFFF;
}

.wp-pagenavi .current:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #C7514C;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	margin-top: 1px;
	z-index: -1;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0.08em;
	transform: translateY(-1px);
}

.wp-pagenavi a.previouspostslink {
	background: url(img/share/ico-arrow-left.svg) no-repeat left top 9px;
	margin-right: 40px;
	padding-left: 20px;
}

.wp-pagenavi a.nextpostslink {
	background: url(img/share/ico-arrow.svg) no-repeat right top 9px;
	margin-left: 40px;
	padding-right: 20px;
}

/* chapter-border
------------------------------------*/
strong.chapter-border {
	display: block;
	position: relative;
	color: var(--color-black);
	font-size: 15px;
	letter-spacing: 0.12em;
}

strong.chapter-border span {
	background:#fff;
	padding-right:12px;
}

strong.chapter-border:after {
	content:' ';
	width:100%;
	height:1px;
	background:#EAEAEA;
	position:absolute;
	top:7px;
	right:0;
	width:100%;
	display:block;
	z-index:-1;
}

/* .page-title-set
------------------------------------*/
.page-title-set {
	margin:60px auto 40px;
	width:80%;
}

.page-title-set h1 {
	margin-bottom: 16px;
	color: var(--color-black);
	font-size: 39px;
	font-variation-settings: "wght" 200;
	letter-spacing: 0.04em;
	text-transform: capitalize!important;
}

.page-title-set h1 a {
	color :#545454;
}

.page-title-set h2 {
	margin-left: 1px;
	font-size:15px;
	letter-spacing:0.18em;
}

/* .page-title-column2
------------------------------------*/
.page-title-column2 {
	width: 80%;
	margin-bottom: 60px;
}

.page-title-column2 .page-title-set {
	width:37%;
	float:left;
}

.page-title-column2 .title-txt {
	width:60%;
	float:right;
	margin-top:60px;
}

.page-title-column2 .title-txt,
.page-title-column2 .title-txt p {
	font-size:14px;
	letter-spacing: 0.12em;
	line-height:2;
}

.page-title-column2 .title-txt .btn-line {
	margin-top: 25px;
}

/* .side-dl
------------------------------------*/
.side-dl dt {
	color: var(--color-black);
	font-size:15px;
	margin-bottom:26px;
	letter-spacing: 0.16em;
}

.side-dl dd {
	letter-spacing:1px;
	font-size:14px;
	margin-bottom:60px;
	line-height:1.8;
}

.side-dl dd strong {
	display:block;
	margin-bottom:15px;
	color:#666;
}

.side-dl dd p + strong {
	margin-top:25px;
}

.side-dl dd p,.side-dl dd address {
	font-style: normal;
	font-size: 14px;
	line-height: 2;
	letter-spacing: 0.12em;
}

.side-dl dd address {
	display:block;
/* 	padding-top:15px; */
}

.side-dl dd .txtS {
	display:block;
	margin-top:20px;
	font-size:12px;
	line-height:1.8;
	letter-spacing: 0.12em;
}

.side-dl dd ul {
	padding:0 0 0 25px;
}

.side-dl dd li,.side-dl dd li {
	line-height:1.9;
	margin-bottom:5px;
	width:100%;
	letter-spacing: 0.1em;
	font-feature-settings : "palt" 1;
}

.side-dl dd ul li {
	list-style:decimal outside;
}

.side-dl dd ol {
	padding-left:25px;
}

.side-dl dd ol li {
	list-style:decimal outside;
	font-feature-settings : "palt" 1;
}

.side-dl dd ul + p {
	margin-top:20px;
}


/* header
---------------------------------------------------------------------------*/
header {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	z-index: 100;
}

header:after {
	display: block;
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	background-color: #EAEAEA;
	width: 100%;
	height: 1px;
	z-index: -1;
}

/* .header-sub
------------------------------------*/
.header-sub {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	border-bottom: 1px solid #EAEAEA;
	height: 68px;
	padding: 12px 21px 12px 21px;
}

/* .header-news
------------------------------------*/
.header-news {
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
}

.header-news-common {
	padding: 4px 0 6px;
	color: var(--color-black);
	font-size: 13px;
	letter-spacing: 0.13em;
	white-space: nowrap;
}

.attention-news {
	overflow: hidden;
	width: 100%;
	height: 0;
	white-space: nowrap;
}

.attention-news .news-inner {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.attention-news .news-inner h2 {
	padding-right: 15px;
	color: #BE403A;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.06em;
}

.attention-news .news-inner,
.attention-news .news-inner p {
	color: #848484 !important;
	font-size: 13px !important;
	font-weight: bold !important;
	line-height: 1 !important;
	letter-spacing: 0.08em !important;
}

.attention-news .inner-wrap {
	width: 100%;
}

.attention-news .inner {
	padding: 16px 30px 14px;
}

.attention-news .news-inner p {
	display: inline-block;
	margin: 0 !important;
}

.attention-news .inner span {
	display: inline-block;
	margin-left: 20px;
}

.attention-news .inner span:last-of-type {
	margin-right: 0;
}

.attention-news .inner strong {
	display: inline-block;
	box-shadow: inset 0 -7px 0 0 #FFF300;
	padding-bottom: 1px;
	font-weight: 500;
}

.attention-news .inner i {
	display: inline-block;
	background: url(img/share/ico-arrow-s.svg) no-repeat;
	width: 17px;
	height: 7px;
	margin-left: 2px;
	transform: translateY(-1px);
}

/* .simply-scroll
------------------------------------*/
.simply-scroll-container {
	position: relative;
}

.simply-scroll-clip {
	position: relative;
	overflow: hidden;
}

.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.simply-scroll .simply-scroll-list li {
	float: left;
}

/* .header-sub .snav
------------------------------------*/
.header-sub .snav {
	padding: 0 14px 0 35px;
}

.header-sub .snav ul {
	display: -webkit-box;
	display: flex;
}

.header-sub .snav a {
	display: inline-block;
	padding: 8px 8px 7px;
	color: var(--color-black);
	font-size: 12px;
	letter-spacing: 0.14em;
	white-space: nowrap;
}

/* .header-sub .shop-nav
------------------------------------*/
.header-sub .shop-nav {
	position: relative;
	padding: 0 16px 0 0;
}

.header-sub .shop-nav ul {
	display: -webkit-box;
	display: flex;
}

.header-sub .shop-nav li > span,
.header-sub .shop-nav li > a {
	display: inline-block;
	padding: 8px;
	transition: .15s ease-out;
}

.head-search-btn:hover > span {
	opacity: 0;
}

.head-search-btn:hover .head-search {
	display: block;
/* 	width: 235px; LINEなし */
	width: 255px;
/* 	opacity: 1; */
	transition: .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.head-search {
	overflow: hidden;
	position: absolute;
	top: -3px;
	left: 0;
	width: 0;
	height: 45px;
	transition: .25s cubic-bezier(0.47, 0, 0.745, 0.715);
/* 	opacity: 0; */
}

.head-search > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/* .header-sub .sns
------------------------------------*/
.header-sub .sns {
	display: -webkit-box;
	display: flex;
	margin-right: -6px;
}

.header-sub .sns a {
	display: inline-block;
	padding: 6px;
}

.header-sub .sns img {
	width: 26px;
	height: auto;
}

/* .header-main
------------------------------------*/
.header-main {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.header-main .logo {
	position: relative;
	padding: 36px 38px 36px 38px;
	text-align: center;
	z-index: 9991;
}

.header-main .logo img {
	width: 173px;
	height: auto;
}

/* .header-main .search-nav
------------------------------------*/
.header-main .search-nav {
	border-left: 1px solid #EAEAEA;
	width: 65%;
}

/* .header-main .gnav
------------------------------------*/
.header-main .gnav {
	box-sizing: border-box;
	width: 28%;
	min-width: 420px;
	padding: 0 20px 0 18px;
}

.header-main .gnav ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.header-main .gnav li {
	width: 45%;
	white-space: nowrap;
}

.header-main .gnav li a {
	display: inline-block;
	padding: 12px 8px 12px;
}

.header-main .gnav li strong {
	padding-right: 10px;
	color: var(--color-black);
	font-size: 13px;
	letter-spacing: 0.13em;
}

.header-main .gnav li em {
	color: var(--color-gray);
	font-size: 10px;
	font-weight: 400 !important;
	letter-spacing: 0.08em;
}

/* .bnr-motte
------------------------------------*/
.bnr-motte {
	display: block;
	margin: 100px auto 0;
	border: none;
	padding: 0;
	background: none;
}

/* media query
-----------------------------------*/
@media (max-width: 1439px) {
	.header-main .gnav {
		width: 282px;
		min-width: 282px;
		padding-right: 26px;
		padding-left: 14px;
	}
	.header-main .gnav li {
		width: 50%;
	}
	.header-main .gnav li em {
		display: none;
	}
	.header-main .logo {
		padding-right: 32px;
		padding-left: 32px;
	}
}


/* footer
---------------------------------------------------------------------------*/
footer {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	width: 1230px;
	margin: 0 auto;
	padding: 180px 0 55px 55px;
}

.footer-inner {
	position: relative;
	width: 335px;
	min-width: 335px;
}

.footer-inner .logo {
	margin: -5px 0 30px;
}

.footer-inner .logo img {
	width: 173px;
	height: auto;
}

.footer-inner address {
	display: block;
	font-style: normal;
	color: var(--color-black);
	font-size: 14px;
	line-height: 2;
	letter-spacing: 0.06em;
}

.footer-inner small {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	color: var(--color-black);
	font-family: var(--font-sans);
	font-size: 12px;
	letter-spacing: 0.1em;
}

.fnav {
	margin-top: 30px;
}

.fnav li {
	margin-bottom: 13px;
}

.fnav li:last-of-type {
	margin-bottom: 0;
}

.fnav li a {
	display: inline-block;
	border-bottom: 1px solid rgba(0,0,0,0.4);
	padding: 0 0 2px 0;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.1em;
	white-space: nowrap;
}

/* .fnav-search
------------------------------------*/
.fnav-search {
	display: -webkit-box;
	display: flex;
}

.fnav-search > div:nth-of-type(1) { width: 32%; padding-right: 50px; }
.fnav-search > div:nth-of-type(2) { width: 25%; padding-right: 60px; }
.fnav-search > div:nth-of-type(3) { width: 43%; min-width: 290px; padding-right: 0; }

.fnav-search h2 {
	margin-bottom: 30px;
}

.fnav-search h2 strong {
	display: block;
	margin-bottom: 6px;
	color: var(--color-black);
	font-size: 16px;
	letter-spacing: 0.18em;
}

.fnav-search h2 strong span {
	font-size: 12px;
}

.fnav-search h2 em {
	color: var(--color-gray);
	font-size: 12px;
	letter-spacing: 0.1em;
}

.fnav-search > div > ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

.fnav-search > div > ul li {
	width: 50%;
}

.fnav-search > div > ul li a {
	display: inline-block;
	padding: 8px 12px 9px 0;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.06em;
	white-space: nowrap;
}

.fnav-search .fnav1 li:nth-child(odd) { width: 55%; }
.fnav-search .fnav1 li:nth-child(even) { width: 45%; }

/*.fnav-search .fnav2 li:nth-child(odd) { width: 60%; }
.fnav-search .fnav2 li:nth-child(even) { width: 40%; }*/

.fnav-search .fnav3 li { width: 30%; }
.fnav-search .fnav3 li:nth-of-type(3n-1) { width: 35%; }
.fnav-search .fnav3 li:nth-of-type(3n) { width: 35%; }

.fnav-search .color-list {
	border-color: #F0F0F0;
	margin: 40px 0 0 -10px;
	padding: 10px 18px;
}

.fnav-search .color-list li {
	width: 10px;
	height: 10px;
	margin-left: 16px;
}

.fnav-search .color-list li:first-of-type {
	margin-left: 0;
}

.fnav-search .color-list li a {
	border-width: 0;
}

.fnav-search .color-list li a:before {
	top: -3px;
	left: -3px;
	width: 14px;
	height: 14px;
}

/* .line-btn
------------------------------------*/
.line-btn {
	position: fixed;
	bottom: 35px;
	left: 35px;
	width: 73px;
	height: 73px;
	z-index: 9000;
}

.line-btn a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.line-btn a .txt,
.line-btn a .img {
	opacity: 0;
}

.line-btn a .txt {
	color: #000000;
	font-weight: 500;
	transform-origin: left bottom;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	font-feature-settings: 'palt' 0;
}

.line-btn a .txt1 {
	position: absolute;
	top: -125px;
	left: 28px;
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: 0.28em;
}

.line-btn a .txt2 {
	position: absolute;
	top: -125px;
	left: 3px;
	padding-right: 6px;
	color: #00B900;
	font-size: 11px;
	letter-spacing: 0.1em;
}

_::-webkit-full-page-media, _:future, :root .line-btn a .txt1 { left: 30px; }
_::-webkit-full-page-media, _:future, :root .line-btn a .txt2 { left: 0; }

.line-btn a .txt2:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background-color: #00B900;
	width: 1px;
	height: calc(100% - 8px);
}

.line-btn .img {
	transform-origin: left bottom;
}


/* .news-list
---------------------------------------------------------------------------*/
.news-list article {
	float: left;
	width: 30%;
	margin: 0 5% 5% 0;
}

.news-list article:nth-of-type(3n) {
	margin-right: 0;
}

.news-list figure {
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
	width: 100%;
	padding-bottom: 66.8%;
	margin-bottom: 20px;
}

.news-list figure img {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: auto;
	min-height: 100%;
	z-index: 0;
}

.news-list figure i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	border: 1px solid #DEDEDE;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.news-list time,
.news-list .category {
	display: inline-block;
	font-size: 11px;
	letter-spacing: 0.16em;
}

.news-list .category i:last-of-type {
	display: none;
}

.news-list h2 {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.12em;
}


/* cart stock, price
---------------------------------------------------------------------------*/
article .price,
.detail-table .price {
	position: relative;
	overflow: hidden;
	min-height: 20px;
	padding-left: 11px;
	white-space: nowrap;
}

article .price > div,
.detail-table .price > div {
	display: inline-block !important;
	width: auto !important;
}

article .price .cartjs_box,
.detail-table .price .cartjs_box {
	padding: 0 !important;
}

.product-list .cartjs_box th,
.product-list .cartjs_product_num,
.product-list .cartjs_option,
.product-list .cartjs_cart_in,
.product-list .cartjs_stock,
.related-product-list .cartjs_box th,
.related-product-list .cartjs_product_num,
.related-product-list .cartjs_option,
.related-product-list .cartjs_cart_in {
	display: none !important;
}

.price .cartjs_box table,
.price .cartjs_box th,
.price .cartjs_box td {
	border: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #333333 !important;
	font-size: 12px !important;
	font-weight: normal !important;
	line-height: 1.6 !important;
	letter-spacing: 0.06em !important;
}

.product-list article .hidden {
	display: none !important;
}

/* article .price
------------------------------------*/
.price .cartjs_box td {
	position: relative;
	transform: translateY(2px);
}

.price .cartjs_box td:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background-color: #FFFFFF;
	width: 48px;
	height: 100%;
	z-index: 0;
}

article .price > i,
.detail-table .price > i {
	display: block;
	position: absolute;
	top: 6px;
	left: 1px;
	font-size: 11px;
	font-style: normal;
	letter-spacing: 0.05em;
	z-index: 1;
}

article .price > em,
.detail-table .price > em {
	display: inline-block;
	position: relative;
	margin: 0 0 0 -49px;
	color: var(--color-black);
	font-size: 10px;
	transform: translateY(-3px);
	z-index: 2;
}

/* .price.gift
------------------------------------*/
.grid-3n article .price.gift {
	transform: translateY(4px);
}

.grid-3n .price.gift .cartjs_box td,
.grid-3n article .price.gift > i {
	font-size: 16px !important;
}

.grid-3n article .price.gift > i {
	top: 7px;
}

_::-webkit-full-page-media, _:future, :root .grid-3n article .price.gift > i {
	left: 10px;
}

.grid-3n article .price.gift .cartjs_box td:after {
	width: 64px;
}

.grid-3n article .price.gift > em {
	margin: 0 0 0 -65px;
	font-size: 11px;
	transform: translateY(-4px);
}

/* .detail-table
------------------------------------*/
.detail-table .cartjs_sales_price th,
.detail-table .cartjs_product_num,
.detail-table .cartjs_option,
.detail-table .cartjs_cart_in {
	display: none !important;
}

.detail-table .price > i,
.detail-table .cartjs_box td {
	font-size: 14px !important;
}

.detail-table .price > i {
	display: inline-block;
	position: static;
}

_::-webkit-full-page-media, _:future, :root .detail-table .price > i {
	transform: translateY(1px);
}

.detail-table .cartjs_box td {
	transform: translateY(6px);
}

.detail-table .price > em {
	margin-left: -58px;
	font-size: 11px;
	transform: translateY(-1px);
}

_::-webkit-full-page-media, _:future, :root .detail-table .price > em {
	transform: translateY(0.5px);
}

.detail-table .cartjs_box td:after {
	width: 55px;
}


/* .nav-page
---------------------------------------------------------------------------*/
.nav-page-fixed {
	left: 50% !important;
	pointer-events: none;
	opacity: 0;
}

.nav-page-fixed.fixed {
	position: fixed !important;
}

.nav-page-fixed.fixed_btm {
	position: absolute !important;
	top: initial !important;
	bottom: 42px !important;
}

.nav-page li {
	background: url(img/share/ico-arrow-pnav.svg) no-repeat left top 5px;
	margin-bottom: 10px;
	padding-left: 20px;
}

.nav-page li a {
	display: inline-block;
	padding: 0 10px 12px 0;
	font-size: 16px;
/* 	font-weight: 500; */
	letter-spacing: 0.14em;
	white-space: nowrap;
}

.nav-page li a span {
	display: inline-block;
	border-bottom: 1px solid #000000;
}

@media (max-width: 1300px) {
	.nav-page-fixed {
		left: 0 !important;
		margin-left: 0 !important;
	}
	.nav-page-fixed.fixed {
		left: 130px !important;
	}
}


/* .faq-category
---------------------------------------------------------------------------*/
.faq-category h2 {
	margin: 0 0 25px 15px;
	color: var(--color-black);
	font-size: 16px;
	letter-spacing: 0.13em;
}

.faq-category dl > div {
	border-bottom: 1px solid #EAEAEA;
}

.faq-category dl > div:first-of-type {
	border-top: 1px solid #EAEAEA;
}

.faq-category dt {
	position: relative;
	padding: 18px 50px 16px 16px;
	color: var(--color-black);
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.13em;
	cursor: pointer;
	transition: .15s ease-out;
}

.faq-category dt:after {
	display: block;
	content: '';
	position: absolute;
	top: 26px;
	right: 20px;
	background:	url(img/share/ico-arrow-down.svg) no-repeat;
	background-size: 9px auto;
	width: 9px;
	height: 6px;
	transition: .15s ease-out;
}

.faq-category dt.close:after {
	transform: rotate(-180deg);
}

.faq-category dt:hover {
	opacity: 0.5;
}

.detail {
	overflow: hidden;
	height: 0;
}

.btn-ac-hover.active + .detail {
	transition: .2s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.btn-ac-hover.active:hover + .detail {
	height: 38px !important;
}

.faq-category .detail-inner {
	padding: 0 50px 30px 17px;
	color: #444444;
}

.faq-category dd p,
.faq-category dd ul li,
.faq-category dd ol li {
	margin-bottom: 12px;
	color: #666;
	font-size: 13px;
	line-height: 1.95;
	letter-spacing: 0.1em;
	text-align: justify;
}

.faq-category dd p:last-of-type {
	margin-bottom: 0;
}

.faq-category dd p a,
.faq-category dd ul li a,
.faq-category dd ol li a {
	text-decoration: underline;
}

.faq-category dd strong {
	font-weight: 500;
}

.faq-category dd img {
	max-width: 100%;
	height: auto;
}

.faq-category dd ul,
.faq-category dd ol {
	margin: 20px 0 20px 20px;
}

.faq-category dd ol {
	margin-left: 22px;
}

.faq-category dd ul li,
.faq-category dd ol li {
	margin-bottom: 2px;
}

.faq-category dd ul li {
	list-style: disc;
}

.faq-category dd ol li {
	list-style: decimal;
}

.faq-category dd .post-link {
	margin-top: 12px;
}

.faq-category dd .post-link > div {
	display: inline-block;
	margin: 12px 6px 0 0;
}

.faq-category dd .post-link a {
	padding: 13px 16px 13px 18px;
	font-size: 13px;
	letter-spacing: 0.08em;
}


/* .header-pottery-festival
---------------------------------------------------------------------------*/
/* ▼ 特別ヘッダー */
/*
.header-news-common {
	display: none;
}
*/
/* ▲ 特別ヘッダー */

.header-pottery-festival {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 700px);
	z-index: 9991;
}

.header-pottery-festival:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255,255,255,0)), color-stop(1, rgba(255,255,255,1)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	width: 80px;
	height: 100%;
	z-index: 2;
}

.header-pottery-festival .pic {
	position: absolute;
	z-index: 10;
	transform-origin: center bottom;
	opacity: 0;
}

.header-pottery-festival .pic1 { top: 2px; left: 26px; }
.header-pottery-festival .pic2 { top: 38px; left: 176px; }
.header-pottery-festival .pic3 { top: 8px; left: 612px; }
.header-pottery-festival .pic4 { top: 40px; left: 670px; }
.header-pottery-festival .pic5 { top: 168px; left: 86px; }
.header-pottery-festival .pic6 { top: 139px; left: 213px; }

.header-pottery-festival .link {
	transform-origin: center bottom;
	white-space: nowrap;
	opacity: 0;
	overflow: hidden;
}

.header-pottery-festival .link a {
	display: block;
	padding: 20px 86px;
}

.header-pottery-festival .link .ico {
	display: inline-block;
	margin-left: 8px;
	transform: translateY(-4px) !important;
}

.header-pottery-festival .link .simply-scroll a img {
	display: inline-block;
	margin-right: 10px;
}

.feature-link{
	margin-bottom: 90px;
}
.feature-link a{
	display: block;
	width: 1120px;
	margin: 0 auto;
	padding: 35px 0;
	font-size: 16px;
	letter-spacing: 0.1em;
	text-align: center;
	border: 1px solid #666;
	line-height: 1;
}
.feature-link a:hover{
	background: #666;
	color: #fff;
	border-color: #666;
	transition: all 0.1s ease-in-out;

}


/* .grecaptcha-badge
---------------------------------------------------------------------------*/
.grecaptcha-badge {
	pointer-events: none;
	z-index: -999;
	opacity: 0;
}

body#contact .grecaptcha-badge,
body#recruit .grecaptcha-badge {
	pointer-events: auto;
	z-index: 0;
	opacity: 1;
}

@media (max-width: 1360px) {
	footer {
		padding-right: 20px;
	}
	.footer-inner {
		width: 315px;
		min-width: 315px;
	}
}


/* .bnr-gift-l
---------------------------------------------------------------------------*/
.bnr-gift-l {
	width: 92%;
	max-width: 1164px;
	margin: 100px auto 0;
}

.product-list + .bnr-gift-l {
	margin-top: 50px;
}

.bnr-gift-l img {
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}

.bnr-gift-l a:hover {
	opacity: 0.8;
}


/* .pickup
---------------------------------------------------------------------------*/
.pickup-wrap {
	box-sizing: border-box;
	background-color: #F7F7F7;
	width: 100%;
	margin-top: 120px;
	padding: 90px 0 85px;
}

.pickup {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	width: 1120px !important;
	margin: 0 auto 140px;
}

.pickup-wrap .pickup {
	margin-bottom: 0;
}

.pickup article {
	width: 340px;
	margin: 55px 50px 0 0;
}

.pickup article:nth-of-type(1),
.pickup article:nth-of-type(2),
.pickup article:nth-of-type(3) {
	margin-top: 0;
}

.pickup article:nth-of-type(3n) {
	margin-right: 0;
}

.pickup article a {
	display: block;
}

.pickup article h2 {
	margin-bottom: 13px;
	color: #BE403A;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.16em;
}

.pickup article figure {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 26px;
	padding-bottom: 63.5%;
}

.pickup article figure img {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	max-width: 100%;
}

.pickup article h3 {
	margin-bottom: 12px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.12em;
}

.pickup article p {
	margin: 0;
	color: var(--color-text);
	font-size: 14px;
	line-height: 1.95;
	letter-spacing: 0.06em;
	text-align: justify;
}


/* .series-list
---------------------------------------------------------------------------*/
.series-list-wrap {
	/*width: 1100px;*/
	width: calc(100% - 100px);
	max-width: 1200px;
	margin: 0 auto;
}

.series-list-wrap > h2 {
	margin-bottom: 44px;
	color: var(--color-black);
	font-size: 23px;
	font-variation-settings: "wght" 400;
	letter-spacing: 0.1em;
}

.series-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 45px 1px;
}

.series-list figure {
	margin-bottom: 25px;
}

.series-list figure img {
	width: 100%;
}

.series-list h3 { text-align: center; }
.series-list h3 img { transform: scale(0.75); }

.series-list h3 img.e-series { transform: scale(0.6); }
.series-list h3 img.orime { transform: scale(0.75); }
.series-list h3 img.chohozara { transform: scale(0.75); }
.series-list h3 img.motte { transform: scale(0.75); margin-top: -8px; }
.series-list h3 img.kiritoru-iron { transform: scale(0.75); margin-top: -7px; }
.series-list h3 img.bikasuco { transform: scale(0.75); margin-top: -2px; }
.series-list h3 img.mawaribana { transform: scale(0.6); }
.series-list h3 img.tessenka { transform: scale(0.75); }
.series-list h3 img.reisei-jyounetsu { transform: scale(0.75); }
.series-list h3 img.shothree { transform: scale(0.8) translateY(-6px); }
.series-list h3 img.uchu { transform: scale(0.75); }
.series-list h3 img.with-pebble { transform: scale(0.75); }


/* .cart-check-system
---------------------------------------------------------------------------*/
.cart-check-system {
	position: relative;
	margin-top: 30px;
	padding: 0 0 0 70px;
	display: none;
}

.cart-check-system .cartjs_product_table,
.cart-check-system .cartjs_cart_in {
	display: none !important;
}

.cart-check-system .cartjs_product_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 55px;
}

.cart-check-system .cartjs_product_img img {
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}

.cart-check-system .cartjs_product_name {
	display: block;
	margin-bottom: -12px;
	font-size: 12px;
	line-height: 1.4;
}

.cart-check-system p {
	font-size: 12px;
	line-height: 1.55;
	letter-spacing: 0.04em;
}

.cart-check-system p span {
	font-size: 11px;
}

.item-detail .cart-check-system .cartjs_product_name {
	margin-bottom: -12px;
}


/* .hash-tag
---------------------------------------------------------------------------*/

/* .hash-tag
------------------------------------*/
.hash-tag-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	z-index: 998;
	opacity: 0;
}

.hash-tag {
	position: fixed;
	bottom: 30px;
	left: 30px;
	background: #FFFFFF;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 5px;
	height: 750px;
	max-height: calc(100% - 140px);
	padding: 22px 26px 18px;
	color: var(--color-black);
	font-weight: 500;
	z-index: 999;
	opacity: 0;
}

.hash-tag-close {
	display: none;
	position: absolute;
	top: -26px;
	right: -26px;
	margin: -20px;
	padding: 20px;
	cursor: pointer;
	z-index: 1;
	opacity: 0;
}

.hash-tag-close:before {
	display: block;
	content: '';
	position: absolute;
	top: 21px;
	left: 21px;
	background-color: #FFFFFF;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	z-index: -1;
}

.hash-tag .tag-area {
	position: relative;
}

.hash-tag .tag {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
}

.hash-tag h2 {
	margin: 0 0 16px 3px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.15em;
	white-space: nowrap;
}

.hash-tag .btn-edit {
	position: absolute;
	top: -16px;
	left: 272px;
	padding: 20px 20px 20px 23px;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-decoration: underline;
	white-space: nowrap;
	cursor: pointer;
}

.hash-tag .btn-edit i {
	display: block;
	position: absolute;
	top: 16px;
	left: 0;
}

.hash-tag .btn {
	display: inline-block;
	position: relative;
	background-color: #000000;
	border-radius: 8px;
	margin-right: 8px;
	padding: 12px 14px 13px 16px;
	font-size: 13px;
	letter-spacing: 0.13em;
	cursor: pointer;
}

.hash-tag .btn:last-of-type {
	margin-right: 0;
}

.hash-tag .btn i {
	display: block;
	position: absolute;
	top: -36px;
	left: 0;
	width: 100%;
	text-align: center;
	pointer-events: none;
}

.hash-tag .btn i img {
	display: inline-block;
	transform-origin: center bottom;
	opacity: 0;
}

.hash-tag .btn span {
	color: #FFFFFF !important;
	font-weight: 500;
}

.hash-tag .edit-area-wrap {
	overflow: hidden;
	position: relative;
	width: 450px;
	height: 100%;
}

.hash-tag .edit-area {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	border-top: 1px solid rgba(0,0,0,0.1);
	width: 100%;
	height: 100%;
	margin-top: 28px;
	padding-top: 22px;
	padding-bottom: 18px;
}

.hash-tag .edit-area dl {
	height: 100%;
}

.hash-tag .edit-area dl > div {
	display: -webkit-box;
	display: flex;
	height: calc(100% - 280px);
	margin-bottom: 25px;
}

@media (max-height: 960px) {
	.hash-tag .edit-area dl > div {
		height: calc(100% - 325px);
	}
}

.hash-tag .edit-area dl > div:last-of-type {
	height: 220px !important;
	margin-bottom: 0;
}

.hash-tag .edit-area dt {
	box-sizing: border-box;
	width: 55px;
	min-width: 55px;
	padding: 8px 0 0 2px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.13em;
	white-space: nowrap;
}

.hash-tag .edit-area dd {
	position: relative;
	box-sizing: border-box;
	border: 0.5px solid rgba(0,0,0,0.1);
	border-radius: 6px;
	width: 100%;
	padding: 25px 15px 25px 25px;
}

.hash-tag .edit-area dd.news-copy-area2 {
	padding-top: 20px;
	padding-bottom: 23px;
}

.hash-tag .edit-area dd > div {
	height: 100%;
}

.hash-tag .edit-area dd textarea {
	box-sizing: border-box;
	border: none;
	width: 100%;
	height: 100%;
	padding: 0 25px 0 0;
	color: var(--color-text);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.93 !important;
	letter-spacing: 0.06em;
	text-align: justify;
}

.hash-tag .edit-area dd.news-copy-area2 textarea {
	text-align: left;
}

.hash-tag .edit-area dd textarea {
	resize: none;
	overflow-x: auto;
	position: relative;
	height: 100%;
}

.hash-tag .edit-area dd textarea::-webkit-scrollbar { width: 1px; }
.hash-tag .edit-area dd textarea::-webkit-scrollbar-track { border-radius: 0; background: none; }
.hash-tag .edit-area dd textarea::-webkit-scrollbar-thumb { border-radius: 0; background: #ccc; }

/*.hash-tag .edit-area dd:after {
	display: block;
	content: '';
	position: absolute;
	top: 25px;
	right: 16px;
	background: rgba(0,0,0,0.1);
	width: 1px;
	height: calc(100% - 50px);
	z-index: 2;
}*/

#hash-copy-finish1,
#hash-copy-finish2,
#hash-copy-finish3 {
	overflow: hidden;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	opacity: 0;
	pointer-events: none;
}


/* .styling-bnr
---------------------------------------------------------------------------*/
.styling-bnr {
	background: #FFFFFF;
	box-shadow: 0px 0px 20px rgba(195, 195, 195, 0.25);
	border-radius: 10px;
	width: 1100px;
	height: 318px;
	margin: 120px auto 0;
	opacity: 0;
}

.styling-bnr a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.styling-bnr a:hover {
	opacity: 0.8;
}

.styling-bnr h2 {
	position: absolute;
	bottom: 32px;
	left: 598px;
}

.styling-bnr h3 {
	position: absolute;
	top: 34px;
	left: 32px;
}

.styling-bnr h4 {
	position: absolute;
	top: 30px;
	right: 38px;
}

.slide-styling-bnr1 {
	position: absolute !important;
	top: 37px !important;
	left: 109px !important;
	width: 341px;
	height: 243px;
}

.slide-styling-bnr2 {
	position: absolute !important;
	top: 59px !important;
	left: 531px !important;
	width: 147px;
	height: 110px;
}

.slide-styling-bnr3 {
	position: absolute !important;
	bottom: 30px !important;
	right: 40px !important;
	width: 219px;
	height: 156px;
}

.styling-bnr .slide {
	overflow: hidden;
}

.styling-bnr .slick-slide,
.styling-bnr .slick-cloned {
	position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transition: none !important;
  opacity: 1 !important;
  z-index: 1;
}

.styling-bnr .slick-slide:not(.first),
.styling-bnr .slick-cloned {
	position: absolute !important;
}

.styling-bnr .slick-current {
  z-index: 2;
}

.styling-bnr .slick-cloned {
  z-index: 0 !important;
}

.slide-animating {
  animation: slideIn .8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.slide-animating2 {
  animation: slideIn .7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

@keyframes slideIn {
  from { margin-left: 100%; }
  to { margin-left: 0; }
}