@charset "utf-8";


/* --------------------------------------------------------------------------------
	タグ
-------------------------------------------------------------------------------- */
html {
}

body {
	margin: 0;
	padding: 0;
	min-width: 1200px;
	line-height: 1.5;
	text-size-adjust: 100%;
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: 0.02em;
	 -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5 {
	font-weight: 700;
}

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

address{
	font-style: normal;
}

body {letter-spacing: 0.03em;}
.common a:hover, .common a:active{text-decoration: none;opacity: .7;}
a:hover,.fs-c-button--plain:hover{ text-decoration: none;opacity: .7;}
/* --------------------------------------------------------------------------------
	共通
-------------------------------------------------------------------------------- */
.common {
	text-align: left;
	font-size: 14px;
}

.common * {
	margin: 0;
	padding: 0;
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
}

.common h1,
.common h2,
.common h3,
.common h4,
.common h5,
.common h6 {
	font-size: 1em;
	font-weight: 700;
}
.common ol,
.common ul {
	list-style: none;
}
.common table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
}
.common a,
.common a:link,
.common a:visited {
	text-decoration: none;
	color: #000;
	-webkit-tap-highlight-color: rgba(0,0,0,0.1);
	tap-highlight-color: rgba(0,0,0,0.8);
}
.common a:hover,
.common a:active {
	text-decoration: underline;
}

input,
select,
textarea {
	outline: none !important;
	box-shadow: none !important;
}


/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear {
	clear:both;
}
br.clear {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	height: 0;
	border: none;
	visibility: hidden;
	font-size: 0;
}
.clearfix::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height:1%;
}
* html .clearfix {
	height:1%;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

.font-mincho,
.font-mincho * {
	/*font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}
.font-noto-serif,
.font-noto-serif * {
	font-family: "BIZ UDPMincho", serif;
}


/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp{
	display: none;
}
.device-sp-inline {
	display: none;
}
.device-pc {
	display: block;
}
.device-pc-inline {
	display: inline;
}

.inner {
	width: 1200px;
	margin: 0 auto;
}


/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container {
}




/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
#header {
}


/* ----------------------------------------
h-fix
---------------------------------------- */
#header .h-fix {
	position: fixed;
	z-index: 100;
	top: 0;

	width: 100%;
	min-width: 1200px;
	height: 100px;
}

/***** 背景ボックス *****/
/* スクロール前：デフォルト */
#header .h-fix::before {
	content: '';
	display: block;
	
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	
	width: 100%;
	height: 100%;
	background: url("../images/common/h-wave.svg") repeat-x 0 0;
	background-size: 100% 100%;
	
	opacity: 1;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

/* ある程度スクロールしたら */
body.h-fix-pc #header .h-fix::before {
	opacity: 0.8;
}


/* ----------------------------------------
header-inner
---------------------------------------- */
#header .header-inner {
	display: flex;
	justify-content: space-between;

	width: 100%;
}


/* ----------------------------------------
h-menu
---------------------------------------- */
#header .h-menu {
	padding: 28px 0 0 60px;
}


/* ----------------------------------------
メニューボタン
---------------------------------------- */
/* ハンバーガーメニューのアイコン：ボタンの代わりに表示 */
#header .menu-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 30px;
	height: 24px;
	
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* アイコン */
#header .menu-icon .navicon {
	position: relative;
	
	background: #e2c600;
	display: block;
	height: 2px;
	width: 100%;
}

/* アイコンの疑似要素 */
#header .menu-icon .navicon::before,
#header .menu-icon .navicon::after {
	content: "";
	
	position: absolute;
	z-index: 1;
	height: 2px;
	width: 100%;
	
	display: block;
	background: #e2c600;
}
#header .menu-btn {
	display: none;
}
#header .menu-icon .navicon::before {
	top: -11px;
}

#header .menu-icon .navicon::after {
	bottom: -11px;
}


/* ----------------------------------------
h-ham
ハンバーガーメニュー中身
---------------------------------------- */
/* h-menu-contents */
#header .h-menu .h-menu-contents {
	display: none;
	
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	width: 100%;
	height: auto;
	
	
	background-size:100%
	/*transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
	transform: scale(1, 0);
	transform-origin: top;*/
}

/* Hamburger menu button */
#header input.menu-btn:checked ~ .h-ham {
	/*z-index: 100;
	
	transform: scale(1, 1);
	transform-origin: top;
	transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;*/
}




/* --------------------------------------------------------------------------------
ユーザーメニュー
-------------------------------------------------------------------------------- */
#header .h-menu .h-menu-customer-box {
	background: #fff;
	width: 100%;
	/* padding: 30px 0 15px 10px;*/
	padding: 15px 0 15px 10px;
}
#header .h-menu .h-menu-customer-box .customer {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}


/************ログアウト**************/
#header .h-menu .h-menu-customer-box .customer .member-loggind-status-false .customer-logout{
	display: block;
}
#header .h-menu .h-menu-customer-box .customer .member-loggind-status-false .customer-login{
	display: none;
}
#header .h-menu .h-menu-customer-box .customer .member-loggind-status-false .customer-inner {
	width: 1000px;
	margin: 0 auto;
	padding-right: 60px;
	position: relative;
	display: flex;
	justify-content: flex-end;
}

/************ログイン**************/
#header .h-menu .h-menu-customer-box .customer .member-loggind-status-true .customer-logout{
	display: none;
}
#header .h-menu .h-menu-customer-box .customer .member-loggind-status-true .customer-login{
	display: block;
}
#header .h-menu .h-menu-customer-box .customer .member-loggind-status-true .customer-inner {
	width:1000px;
	margin: 0 auto;
	position: relative;
	display: flex;
}
#header .h-menu .h-menu-customer-box .customer .member-loggind-status-true .customer-box{
	width: 610px;
    padding: 0 0 0 12px;
}
#header .h-menu .h-menu-customer-box .customer .member-loggind-status-true .customer-box .customer-name{
	font-size: 15px;
	font-weight: 700;
}
#header .h-menu .h-menu-customer-box .customer .member-loggind-status-true .customer-box .customer-name .name_label{
	font-size: 14px;
	font-weight: 700;
}
#header .h-menu .h-menu-customer-box .customer .member-loggind-status-true .customer-box .stage-point-box{
	font-size: 14px;
	font-weight: 400;
}


/* ボタン */
#header .h-menu .h-menu-customer-box .customer .fs-clientInfo .btns-customer ul{
	width: 330px;
	display: flex;
	justify-content: space-between;
}
#header .h-menu .h-menu-customer-box .customer .fs-clientInfo .btns-customer ul li a{
	display: flex;
	align-items: center;
    justify-content: center;
	border: none;
	/*border-radius: 6px;*/
	color: #fff;
	/* background: #928689;*/
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	width: 160px;
	padding: 9px 0 9px;border-radius: 50px;position: relative;background: #2C1111;
}
#header .h-menu .h-menu-customer-box .customer .fs-clientInfo .btns-customer ul li a:hover,
#header .h-menu .h-menu-customer-box .customer .fs-clientInfo .btns-customer ul li a:active{
	background: #a89c9a;
	text-decoration: none;
}
#header .h-menu .h-menu-customer-box .customer .fs-clientInfo .btns-customer ul li a:after{position: absolute;right: 20px;top: 50%;content: '';width: 5px;height: 8px;margin: -4px 0 0;background: url(https://sunchokutable.itembox.design/item/images/common/arrow-left_w.svg) no-repeat 0 0;background-size: 5px auto;display: block;}

/* 閉じるボタン */
#header .h-menu .h-menu-customer-box .customer .h-btn-close_c .btn-close_c {
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	top: -1px;
	/*right: 0;*/
	top: 50%;transform: translate(-50%, -50%);
}
#header .h-menu .h-menu-customer-box .customer .h-btn-close_c .btn-close_c::before,
#header .h-menu .h-menu-customer-box .customer .h-btn-close_c .btn-close_c::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px; /* 棒の幅（太さ） */
	height: 27px; /* 棒の高さ */
	background: #250E13; /* バツ印の色 */
}

#header .h-menu .h-menu-customer-box .customer .h-btn-close_c .btn-close_c::before {
	transform: translate(-50%,-50%) rotate(45deg);
}

#header .h-menu .h-menu-customer-box .customer .h-btn-close_c .btn-close_c::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}




/* --------------------------------------------------------------------------------
メニュー
-------------------------------------------------------------------------------- */
#header .h-menu .h-menu-contents .h-menu-contents-box{
	padding: 30px 0 50px;
	background: #fffcf0;
	width: 100%;
	
}
#header .h-menu .h-menu-contents .h-menu-contents-box .h-menu-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1000px;
	margin: 0 auto;
}

/* ---------------------------------------------------
カテゴリーから探す
------------------------------------------------------ */
#header .h-menu .h-category {
	width: 472px;
	padding: 0 0 30px;
}
#header .h-menu .h-category h2 {
	font-family: "BIZ UDPMincho", serif;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px;
}
#header .h-menu .h-category ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#header .h-menu .h-category ul li {
	width: 72px;
	margin: 0 8px 13px 0;
}
#header .h-menu .h-category ul li:nth-of-type(6n) {
	margin-right: 0;
}
#header .h-menu .h-category ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
}
#header .h-menu .h-category ul li a .cat-img {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 72px;
	height: 72px;
	margin: 0 0 5px;
	border-radius: 100%;
	background: #f5e696;
}
#header .h-menu .h-category ul li a:hover .cat-img,
#header .h-menu .h-category ul li a:active .cat-img{
	background: #250e13;
}
#header .h-menu .h-category ul li img {
	display: block;
	width: 55px;
	height: auto;
}

/* 通常時 */
#header .h-menu .h-category ul li img.cat-img-default {
	display: block;
}
#header .h-menu .h-category ul li img.cat-img-hover {
	display: none;
}

/* ホバー時 */
#header .h-menu .h-category ul li a:hover img.cat-img-default,
#header .h-menu .h-category ul li a:active img.cat-img-default{
	display: none;
}
#header .h-menu .h-category ul li a:hover img.cat-img-hover,
#header .h-menu .h-category ul li a:active img.cat-img-hover{
	display: block;
}


/* -------------------------------------------
体験・シーンから選ぶ
---------------------------------------------- */
#header .h-menu .h-scene {
	width: 472px;
	padding: 0 0 45px;
}
#header .h-menu .h-scene h2 {
	font-family: "BIZ UDPMincho", serif;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px;
}
#header .h-menu .h-scene ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#header .h-menu .h-scene ul li {
	width: 72px;
	margin: 0 8px 13px 0;
}
#header .h-menu .h-scene ul li:nth-of-type(6n) {
	margin-right: 0;
}
#header .h-menu .h-scene ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
}
#header .h-menu .h-scene ul li a .cat-img {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 72px;
	height: 72px;
	margin: 0 0 5px;
	border-radius: 100%;
	background: #f5e696;
}
#header .h-menu .h-scene ul li a:hover .cat-img,
#header .h-menu .h-scene ul li a:active .cat-img{
	background: #250e13;
}
#header .h-menu .h-scene ul li img {
	width: 55px;
	height: auto;
}

/* 通常時 */
#header .h-menu .h-scene ul li img.cat-img-default {
	display: block;
}
#header .h-menu .h-scene ul li img.cat-img-hover {
	display: none;
}

/* ホバー時 */
#header .h-menu .h-scene ul li a:hover img.cat-img-default,
#header .h-menu .h-scene ul li a:active img.cat-img-default{
	display: none;
}
#header .h-menu .h-scene ul li a:hover img.cat-img-hover,
#header .h-menu .h-scene ul li a:active img.cat-img-hover {
	display: block;
}


/* -----------------------------------------
価格帯で探す
-------------------------------------------- */
#header .h-menu .h-price {
	width: 472px;
	padding: 0 0 60px;
}
#header .h-menu .h-price h2 {
	font-family: "BIZ UDPMincho", serif;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px;
}
#header .h-menu .h-price ul {
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#header .h-menu .h-price ul li {
	width: 152px;
	margin: 0 8px 6px 0;
}
#header .h-menu .h-price ul li:nth-of-type(3n) {
	margin-right: 0;
}
#header .h-menu .h-price ul li a {
	position: relative;
	display: block;
	text-decoration: none;
	padding: 9px 0 9px 20px;
	border-radius: 50px;
	font-size: 1.4rem;
	background: #f5e696;
}
#header .h-menu .h-price ul li a:hover,
#header .h-menu .h-price ul li a:active{
	background: #fbefc0;
}
#header .h-menu .h-price ul li a::after {
	position: absolute;
	right: 20px;
	top: 50%;
	
	content: '';
	
	width: 5px;
	height: 8px;
	margin: -4px 0 0;
	background: url("../images/common/arrow-left.svg") no-repeat 0 0;
	background-size: 5px auto;
}


/* ---------------------------------------
限定販売・特集ページ
----------------------------------------- */
#header .h-menu .h-feature {
	width: 472px;
}
#header .h-menu .h-feature h2 {
	font-family: "BIZ UDPMincho", serif;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px;
}

/* feature-list */
#header .h-menu .h-feature .feature-list li a{
	display: block;
	
	width: 100%;
	padding: 10px 5px;
	border-bottom:1px #928689 dotted;
	position: relative;
}
#header .h-menu .h-feature .feature-list li a::after {
	position: absolute;
	display: block;
	right: 6px;
	top: 50%;
	
	content: '';
	
	width: 5px;
	height: 8px;
	margin: -4px 0 0;
	background: url("https://sunchokutable.itembox.design/item/images/common/arrow-left.svg") no-repeat 0 0;
	background-size: 5px auto;
}


/* -------------------------------------
他メニュー
---------------------------------------- */
#header .h-menu .h-other_menu {
	width: 472px;
}
/* feature-list */
#header .h-menu .h-other_menu .other_menu-list ul {
	display: flex;
	flex-wrap: wrap;
	
	/* width: 320px;*/
	width: 100%
}
#header .h-menu .h-other_menu .other_menu-list ul li {
	width: 149px;
	margin: 0 8px 6px 0;
}
#header .h-menu .h-other_menu .other_menu-list li a{
	display: block;
	
	padding: 8px 8px;
	position: relative;
}
#header .h-menu .h-other_menu .other_menu-list li a::after {
	position: absolute;
	display: block;
	right: 6px;
	top: 50%;
	
	content: '';
	
	width: 5px;
	height: 8px;
	margin: -4px 0 0;
	background: url("https://sunchokutable.itembox.design/item/images/common/arrow-left.svg") no-repeat 0 0;
	background-size: 5px auto;
}




/* ----------------------------------------
ロゴ
---------------------------------------- */
#header .h-logo {
	padding: 15px 0 15px 105px;
}
#header .h-logo a {
	display: block;
}
#header .h-logo img {
	display: block;
}


/* ----------------------------------------
ボタン
---------------------------------------- */
#header .h-btns ul {
	display: flex;
	padding: 28px 57px 0 0;
}
#header .h-btns ul li {
	margin: 0 0 0 16px;
}
#header .h-btns ul li.h-btn-cart {
	position: relative;
}
#header .h-btns ul li a {
	display: block;
}
#header .h-btns ul li img {
	display: block;
}

/* カート数量 */
#header .h-btns ul li a .fs-client-cart-count{
	position: absolute;
	top: -4px;
	right: -8px;

	display: flex;
	justify-content: center;
	align-items: center;

	width: 20px;
	height: 20px;
	padding: 0;
	border: none;

	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	color: #250e13;
	background: #fff;

	line-height: 1;
	z-index: 1;
}
#header .h-btns ul li a .label{
	border-right: none;
	padding-right: 0;
}


/* ----------------------------------------
商品検索
---------------------------------------- */
#header .h-btn-search{
	padding: 0 0 0 11px;
}
#header .h-btn-search .search-details-unit{
	padding: 0 0 13px;
}
#header .h-btn-search .h-btn-search-box span{
	cursor: pointer;
	
	display: inline-block;
	padding: 0 0 3px;
	border-bottom: solid 1px #333;
}
#header .h-btn-search .h-search-popup{
	display: none;
	
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 301;
	padding: 30px 0 50px;
	background: #fffcf0;

}


/* h-search-popup-wrapper */
#header .h-btn-search .h-search-popup .h-search-popup-wrapper{
	position: relative;
	
	width: 1000px;
	margin: 0 auto;
}

/* 閉じるボタン */
#header .h-btn-search .h-search-popup .h-btn-close_s .btn-close_s {
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	right: 0;
}

#header .h-btn-search .h-search-popup .h-btn-close_s .btn-close_s::before,
#header .h-btn-search .h-search-popup .h-btn-close_s .btn-close_s::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px; /* 棒の幅（太さ） */
	height: 27px; /* 棒の高さ */
	background: #250E13; /* バツ印の色 */
}

#header .h-btn-search .h-search-popup .h-btn-close_s .btn-close_s::before {
	transform: translate(-50%,-50%) rotate(45deg);
}

#header .h-btn-search .h-search-popup .h-btn-close_s .btn-close_s::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}

/* ポップアップ詳細検索見出し */
#header .h-btn-search .h-search-popup .heading{
	padding: 40px 0 20px;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	font-family: "BIZ UDPMincho", serif;
}

/********** パーツ詳細検索 **********/
/* キーワード */
#header .h-btn-search .h-search-popup .keyword{
	display: flex;
	justify-content: center;
	
	padding: 0 0 7px;
}
#header .h-btn-search .h-search-popup .keyword input{
	width: 400px;
	height: 28px;
	padding: 0 5px;
	border: solid 1px #c8c2c2;
}
#header .h-btn-search .h-search-popup .keyword .keyword-label{
	padding: 0 37px 0 0;
}

/* 各選択・入力項目 */
#header .h-btn-search .search-tbl table th,
#header .h-btn-search .search-tbl table td{
	padding: 8px 0;
}
#header .h-btn-search .search-tbl table th{
	width: 105px;
	white-space: nowrap;
	font-weight: normal;
	color: #000000;
	font-size: 14px;
	font-weight: 700;
}
#header .h-btn-search .search-tbl table td{
	width: 280px;
	
	box-sizing: border-box;
}
#header .h-btn-search .search-tbl table td:last-of-type{
	width: auto;
}

#header .h-btn-search .search-tbl table td .select-box {
	width: 235px;
	position: relative;
}
#header .h-btn-search .search-tbl table td .select-box::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	color: #928689;
	line-height: 1;
	width: 6px;
	height: 6px;
	border: 1px solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(-25%) rotate(135deg);
	position: absolute;
	top:calc(50% - 3px);
	right: 13px;
}
#header .h-btn-search .search-tbl table td select{
	width: 235px;
	/*height: 28px;*/
	border: solid 1px #c8c2c2;
	border-radius: 12px;
	font-size: 13px;
	padding: 5px 10px;
	color: #928689;
	height: auto;line-height: 1.6;
}
#header .h-btn-search .search-tbl table td select option{
	color: #000000;
}
#header .h-btn-search .search-tbl table td input[type="checkbox"]{
	border: solid 1px #c8c2c2;
}
#header .h-btn-search .search-tbl table td input{
	width: 235px;
	/*height: 28px;*/
	padding: 0 5px;
	border-radius: 12px;
	color: #000000;
	font-size: 13px;
	padding: 5px 10px;
	height: auto;line-height: 1.6;
}
#header .h-btn-search .search-tbl table td input::placeholder{
	color: #928689;
	font-size: 13px;
}

/* チェックボックス */
#header .h-btn-search .checkbox ul{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
#header .h-btn-search .checkbox ul li {
	display: flex;
	font-size: 14px;
}
#header .h-btn-search .checkbox1 ul li {
	margin: 0 20px 0 0;
}
#header .h-btn-search .checkbox2 ul li {
	margin: 0;
}
#header .h-btn-search .checkbox3 ul li {
	margin: 0 20px 0 0;
}
#header .h-btn-search .checkbox ul li .check-input {
	padding: 0 5px 0 0;
}
#header .h-btn-search .checkbox ul li .check-input input{
	display: block;
	width: 20px;
	height: 20px;
}

#header .h-btn-search .checkbox ul li .check-input input[type="checkbox"] {
	position: relative;
	width: 20px;
	height: 20px;
	border: 1px solid #c8c2c2;
	vertical-align: -5px;
	-webkit-appearance: none;
	 -moz-appearance: none;
		  appearance: none;
	border-radius: 0px;
}

#header .h-btn-search .checkbox ul li .check-input input[type="checkbox"]:checked:before {
	position: absolute;
	top: 3px;
	left: 7px;
	transform: rotate(50deg);
	width: 4px;
	height: 8px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	content: '';
}

/* 価格帯 */
#header .h-btn-search .price{
	display: flex;
}
#header .h-btn-search .price input[type="text"]{
	width: 105px;
}
#header .h-btn-search .price .mark{
	margin: 4px 6px;
	color: #c8c2c2;
}

/* 検索ボタン */
#header .h-btn-search .h-btn-search-details{
	display: flex;
	justify-content: center;
	
	padding: 15px 0 0;
}
#header .h-btn-search .h-btn-search-details input {
	padding: 9px 52px;
	border: none;
	/* border-radius: 6px;
	background: #928689;*/
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	background: #2C1111;border-radius: 22px;
}
#header .h-btn-search .h-btn-search-details input:hover,
#header .h-btn-search .h-btn-search-details input:active{
	background: #a89c9a;
}




/* --------------------------------------------------------------------------------
	sub1
-------------------------------------------------------------------------------- */
#sub1 {
	width: 200px;
	padding: 18px 0;
}

/********** 商品を探す **********/
#sub1 .heading {
	margin: 0 0 20px;
	/*padding: 12px 0;
	border-radius: 30px;background: #250e13;*/
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	font-family: "BIZ UDPMincho", serif;
	color: #fff;
	border-radius: 0;background: #6a5858;padding: 1rem 0;
}

/********** sub1-中見出し **********/
#sub1 .sheading {
	padding: 0 0 12px;
	border-radius: 30px;
	/*letter-spacing: -0.1em;*/
	font-size: 16px;
	font-weight: bold;
	color: #000;
}


/* ----------------------------------------
検索
---------------------------------------- */
#sub1 .search {
	padding: 0 0 25px;
}

/********** 検索レイアウト **********/
#sub1 .search .search-box {
	display: flex;
	
	width: 100%;
}

/* キーワード */
#sub1 .search .search-box .input-search {
	display: flex;
	width: 150px;
}
#sub1 .search .search-box .input-search input {
	display: block;
	border-radius: 6px 0 0 6px;
	border: none;
	height: auto;
	padding: 11px 5px;
	font-size: 13px;
	background: #fff;
}
#sub1 .search .search-box .input-search input::placeholder {
	color: #928689;
}

/* 検索 */
#sub1 .search .search-box .btn-submit {
	display: flex;
	width: 50px;
}
#sub1 .search .search-box .btn-submit input {
	display: flex;
	align-items: center;
	justify-content: center;
	
	border: none;
	width: 50px;
	height: auto;
	padding: 11px 0;
	border-radius: 0 6px 6px 0;
	font-size: 14px;
	color: #fff;
	background: #d5af00;
}
#sub1 .search .search-box .btn-submit input:hover,
#sub1 .search .search-box .btn-submit input:active{
    opacity: 0.7;
}

/* ----------------------------------------
sun-chokuカテゴリーで探す
---------------------------------------- */
#sub1 .category {
	padding: 0 0 25px;
}
#sub1 .category nav > ul > li {
	border-bottom: dotted 1px #928689;
}
#sub1 .category nav > ul > li > .cat-btn > a {
	display: flex;
	
	width: 100%;
	padding: 8px 18px 8px 0;
	text-decoration: none;
	background-color: transparent;
	background-image: url("../images/common/arrow-left.svg");
	background-repeat: no-repeat;
	background-position: calc(100% - 4px) 50%;
	background-size: 6px 10px;
}
#sub1 .category nav > ul > li > .cat-btn > a:hover,
#sub1 .category nav > ul > li > .cat-btn > a:active{
	background-color: #fbefc0;
}

/* 展開ボタン：デフォルト */
#sub1 .category nav > ul > li.open-close > .cat-btn > .open-close-btn {
	display: flex;
	
	width: 100%;
	padding: 8px 18px 8px 0;
	text-decoration: none;
	background-color: transparent;
	background-image: url("../images/common/arrow-open.svg");
	background-repeat: no-repeat;
	background-position: calc(100% - 4px) 50%;
	background-size: 10px 6px;
	
	cursor: pointer;
}
/* 展開ボタン：ホバー時 */
#sub1 .category nav > ul > li.open-close > .cat-btn > .open-close-btn:hover,
#sub1 .category nav > ul > li.open-close > .cat-btn > .open-close-btn:active {
	background-color: #fbefc0;
}
/* 展開ボタン：展開時 */
#sub1 .category nav > ul > li.open-close.active > .cat-btn > .open-close-btn {
	background-image: url("../images/common/arrow-close.svg");
}


/* カテゴリーアイコン */
#sub1 .category nav > ul > li > .cat-btn > a > .cat-icon,
#sub1 .category nav > ul > li > .cat-btn > .open-close-btn > .cat-icon {
	display: block;
	
	width: 38px;
}
#sub1 .category nav > ul > li > .cat-btn > a > .cat-icon > img,
#sub1 .category nav > ul > li > .cat-btn > .open-close-btn > .cat-icon > img {
	display: block;
	
	width: 26px;
	height: auto;
}

/* カテゴリー名 */
#sub1 .category nav > ul > li > .cat-btn > a > .cat-label,
#sub1 .category nav > ul > li > .cat-btn > .open-close-btn > .cat-label {
	display: block;
	
	width: calc(100% - 38px);
	padding: 3px 0 0;
}

/********** サブカテゴリー **********/
#sub1 .category nav .cat-sub {
	display: none;
	padding: 0 0 5px;
}
#sub1 .category nav .cat-sub ul{display: flex;flex-wrap: wrap}
#sub1 .category nav .cat-sub ul li:first-child{min-width: 98%}
#sub1 .category nav ul li.open-close:nth-child(4) li:nth-child(2),#sub1 .category nav ul li.open-close:nth-child(4) li:nth-child(3){min-width: 98%}
#sub1 .category nav .cat-sub ul li {min-width: 48%;margin: 1%;text-align: center;}
#sub1 .category nav .cat-sub ul li a {
	display: block;
	border-radius: 50px;
	padding: 5px 4px;
	font-size: 13px;
	text-decoration: none;
	background: #f5e696;
}
#sub1 .category nav .cat-sub ul li a:hover,
#sub1 .category nav .cat-sub ul li a:active{
	background: #fbefc0;
}




/* ----------------------------------------
シーン・体験で探す
---------------------------------------- */
#sub1 .scene {
	padding: 0 0 25px;
}
#sub1 .scene nav > ul > li {
	border-bottom: dotted 1px #928689;
}
#sub1 .scene nav > ul > li > .scene-btn > a {
	display: flex;
	
	width: 100%;
	padding: 8px 18px 8px 0;
	text-decoration: none;
	background-color: transparent;
	background-image: url("../images/common/arrow-left.svg");
	background-repeat: no-repeat;
	background-position: calc(100% - 4px) 50%;
	background-size: 6px 10px;
}
#sub1 .scene nav > ul > li > .scene-btn > a:hover,
#sub1 .scene nav > ul > li > .scene-btn > a:active{
	background-color: #fbefc0;
}


/* シーンアイコン */
#sub1 .scene nav > ul > li > .scene-btn > a > .scene-icon {
	display: block;
	
	width: 38px;
}
#sub1 .scene nav > ul > li > .scene-btn > a > .scene-icon > img {
	display: block;
	
	width: 26px;
	height: auto;
}

/* シーン名 */
#sub1 .scene nav > ul > li > .scene-btn > a > .scene-label {
	display: block;
	
	width: calc(100% - 38px);
	padding: 3px 0 0;
}




/* ----------------------------------------
価格帯で探す
---------------------------------------- */
#sub1 .price {
	padding: 0 0 25px;
}
#sub1 .price nav > ul > li {
	border-bottom: dotted 1px #928689;
}
#sub1 .price nav > ul > li > .price-btn > a {
	display: flex;
	
	width: 100%;
	padding: 8px 18px 8px 0;
	text-decoration: none;
	background-color: transparent;
	background-image: url("../images/common/arrow-left.svg");
	background-repeat: no-repeat;
	background-position: calc(100% - 4px) 50%;
	background-size: 6px 10px;
}
#sub1 .price nav > ul > li > .price-btn > a:hover,
#sub1 .price nav > ul > li > .price-btn > a:active{
	background-color: #fbefc0;
}

/* 価格帯 */
#sub1 .price nav > ul > li > .price-btn > a > .price-label {
	display: block;
	
	width: calc(100% - 38px);
	padding: 3px 0 0;
}




/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
#footer {
}

/********** footer-outer **********/
#footer .footer-outer {
	background: #250e13;
}

/********** footer-inner **********/
#footer .footer-inner {
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 0;
}

/********** フッターコンテンツ **********/
#footer .f-contents {
}

/********** cols **********/
#footer .cols {
	display: flex;
	
	width: 100%;
	padding: 0 0 95px;
}

/********** col-info **********/
#footer .cols .col-info {
	width: 370px;
	padding: 0 20px 0 0;
}

/* ロゴ */
#footer .cols .col-info .logo {
	padding: 0 0 23px 0;
}
#footer .cols .col-info .logo img {
	display: block;
	width: 130px;
}

/* 運営会社 */
#footer .cols .col-info .heading-owner {
	padding: 0 0 1px;
	font-size: 12px;
}

/* 株式会社 産直 */
#footer .cols .col-info .owner-name {
	padding: 0 0 2px;
	font-size: 14px;
	font-weight: 700;
}

/* address */
#footer .cols .col-info .address {
	display: flex;
	font-size: 12px;
}
#footer .cols .col-info .address .adress-postal-code {
	padding: 0 10px 0 0;
}
#footer .cols .col-info .tel {
	padding: 0 0 2px 0;
	font-size: 12px;
}
#footer .cols .col-info .email {
	padding: 0 0 25px 0;
	font-size: 12px;
}

/* メールアドレス */
#footer .cols .col-info .tel-att {
	padding: 0 0 2px 0;
	font-size: 12px;
}

/* f-sns */
#footer .cols .col-info .f-sns {
	
}
#footer .cols .col-info .f-sns ul {
	display: flex;
	
	width: 100%;
}
#footer .cols .col-info .f-sns ul li {
	margin: 0 17px 0 0;
}
#footer .cols .col-info .f-sns ul li a {
	display: block;
}
#footer .cols .col-info .f-sns ul li img {
	display: block;
}

/********** col-menu-list **********/
#footer .cols .col-menu-list {
	width: 220px;
	padding: 15px 20px 0 0;
}
#footer .cols .col-menu-list ul li {
	padding: 0 0 11px;
}
#footer .cols .col-menu-list ul li a {
	display: block;
	font-size: 13px;
	color: #fff;
}


/* ----------------------------------------
営業日カレンダー
---------------------------------------- */
#footer .cols .col-calendar {
	width: 420px;
	padding: 13px 0 0;
}
#footer .cols .col-calendar .heading {
	padding: 0 0 7px;
	font-size: 13px;
}
#footer .cols .col-calendar .calendar-wrapper {
	display: flex;
	justify-content: space-between;
}
/* カレンダー外枠 */
#footer .cols .col-calendar .f-calendar-box {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}
#footer .cols .col-calendar .calendar-box {
	width: 200px;
	padding: 0 0 4px;
}
/* 営業日カレンダー */
#footer .cols .col-calendar table {
	width: 100%;
	line-height: 1.25;
	font-size: 13px;
	text-align: center;
	border: 1px solid #807065;
	border-collapse: collapse;
	color: #000;
	background: #fffdf8;
}
/* 月名 */
#footer .cols .col-calendar caption {
	padding: 3px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background: #928689;
}
#footer .cols .col-calendar caption span {
	font-weight: 700;
}
/* 曜日 */
#footer .cols .col-calendar th {
	padding: 5px 0;
	width: calc(100% / 7);
	border: 1px solid #250e13;
}
#footer .cols .col-calendar th.sunday {
	color: #c69600;
}
#footer .cols .col-calendar th.saturday {
	color: #c69600;
}
#footer .cols .col-calendar th span {
	font-weight: 700;
}
/* 日付の枠 */
#footer .cols .col-calendar td {
	padding: 5px 0;
	width: calc(100% / 7);
	border: 1px solid #250e13;
	font-weight: 700;
}
#footer .cols .col-calendar td.sunday {
}
#footer .cols .col-calendar td.saturday {
}
#footer .cols .col-calendar td.close {
	color: #fff;
	background: #e2c600;
}

/* カレンダーの色説明 */
#footer .cols .col-calendar .txt-close {
	font-size: 13px;
}
#footer .cols .col-calendar .txt-close .mark-close {
	color: #e2c600;
}
#footer .cols .col-calendar .txt-close-note {
	font-size: 13px;
}


/********** コピーライト **********/
#footer .copyright {
	padding: 0 0 20px;
	text-align: center;
}
#footer .copyright small {
	font-size: 12px;
}



/********** 上に戻るボタン**********/
#footer .pagetop {
	position: fixed;
	z-index: 100;
	right: 10px;
	bottom: 30px;

	width: 55px;
	height: 55px;
}



/********** フローティングバナー **********/
.floating-bnr-all {
	position: fixed;
	bottom: 100px;
	right: 0;
	width: 100px;
	max-width: 100%;
	z-index: 100;
}



/* --------------------------------------------------------------------------------
ミニバナー
-------------------------------------------------------------------------------- */
.fs-l-footer {
	border-top: none;
	background-color:#fff5dc;
}


.index-mini-bnr.fs-pt-column {
	display: flex;
	justify-content: center;
	
	width: 100%;
	margin-bottom: 70px;
}
.index-mini-bnr.fs-pt-column a.fs-pt-column__item {
	display: block;
	
	width: 400px;
	margin: 0 20px;
	padding: 0;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
}
.index-mini-bnr.fs-pt-column a.fs-pt-column__item a {
	display: block;
}
.index-mini-bnr.fs-pt-column a.fs-pt-column__item img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 20px;
}
.index-mini-bnr.fs-pt-column .fs-pt-column__heading {
	font-size: 16px;
}


/* --------------------------------------------------------------------------------
ミニバナー3（感謝祭用）
-------------------------------------------------------------------------------- */
.index-mini-bnr3{
	width: 1180px;
	margin: 0 auto;
}
.index-mini-bnr3 ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.index-mini-bnr3 .bnr-box1 {
	width: 100%;
	margin: 0 0 16px;
}
.index-mini-bnr3 .bnr-box2 {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	margin:0 0 70px;
}
.index-mini-bnr3 .bnr-box2 li{
	width: 284px;
}
.index-mini-bnr3 ul li img{
	border-radius: 12px;
}


/* --------------------------------------------------------------------------------
ミニバナー202412（年末）
-------------------------------------------------------------------------------- */
.index-mini-bnr2412{
	width: 1180px;
	margin: 0 auto;
}
.index-mini-bnr2412 ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.index-mini-bnr2412 .bnr-box1 {
	width: 100%;
	margin: 0 0 16px;
}
.index-mini-bnr2412 .bnr-box2 {
	display: flex;
	justify-content:center;
	
	width: 100%;
	margin:0 0 70px;
}
.index-mini-bnr2412 .bnr-box2 li{
	width: 284px;
	margin: 0 10px;
}
.index-mini-bnr2412 ul li img{
	border-radius: 12px;
}



/* --------------------------------------------------------------------------------
★★★フッターミニバナー
-------------------------------------------------------------------------------- */
.footer-mini-bnr{
	width: 1180px;
	margin: 0 auto;
}
.footer-mini-bnr ul.bnr-box {
	list-style: none;
	padding: 0;
	margin: 0;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	width: 100%;
	margin:0 0 70px;
}
.footer-mini-bnr ul.bnr-box li{
	width: 284px;
	margin-bottom: 10px;
}
.footer-mini-bnr ul.bnr-box li img{
	border-radius: 12px;
}





/* --------------------------------------------------------------------------------
カテゴリータイトル
-------------------------------------------------------------------------------- */
.cat_ttl{
	background: #ddc300;
}
.bg_grad{
	width: 1000px;
	margin: 0 auto;
	background-image: linear-gradient(120deg, rgba(221, 195, 0, 1.0) 34%, 54%, rgba(242, 233, 178, 1.0) 58%, rgba(242, 233, 178, 1.0) 62%, 65%, rgba(221, 195, 0, 1.0) 66%);
}

/* --------------------------------------------------------------------------------
ログイン
-------------------------------------------------------------------------------- */
.fs-c-subSection__title, .fs-c-linkedServiceLogin__title{color: #fff;background: #6a5858;text-align: center;padding: 1rem;}
.fs-c-fsLogin.fs-c-inputInformation{background: rgba(126, 126, 126, 0.08);padding: 0 0 16px;margin: -16px auto 24px;}
.fs-body-login .fs-c-inputInformation__field{margin: 0px auto 0px;
background: none}
.fs-c-fsLogin.fs-c-inputInformation a.fs-c-textLink { padding-right: 32px;}
.fs-c-inputInformation__button{    margin-top: 0px;}

/* --------------------------------------------------------------------------------
カート
-------------------------------------------------------------------------------- */
.fs-body-cart .fs-c-cartTable__actionButton__container--cancel--cart span.fs-c-button__label{background: #aaa !important;color: #fff;}
.fs-c-cartBundleInfo__title{background: #928689;font-size: 1.6rem;padding: 8px 16px;}
.fs-c-cartBundleInfo__list > li > a{border: none;font-size: 1.4rem;}
.fs-c-button--standard{    border: none;background: #6a5858;color: #fff !important;border-radius: 15px;}
.fs-c-cartDiscountInfo__info{padding: 1rem;background: #cc000010;    justify-content: center;}
.fs-p-announcement__body p.txt{    background: #928689;font-size: 1.6rem;padding: 8px 16px;color: #ffffff;margin: 0 0 1rem;}
.fs-p-announcement__body .fs-p-linkButton,.device-sp .fs-p-linkButton,.device-sp .fs-p-linkButtonfs-body-cart .fs-p-announcement .then_btn a{font-weight: 600;border: none;position: relative;display: block;text-align: center;text-decoration: none;padding: 10px 40px 10px 22px;border-radius: 50px;font-size: 15px;background: #f5e696;line-height:1;}
.fs-p-announcement__body .fs-p-linkButton:after,.device-sp .fs-p-linkButton:after,.fs-body-cart .fs-p-announcement .then_btn a:after{position: absolute;right: 20px;top: 50%;content: '';width: 5px;height: 8px;margin: -4px 0 0;background: url(https://sunchokutable.itembox.design/item/images/common/arrow-left.svg) no-repeat 0 0;background-size: 5px auto;display: block;}


.fs-body-cart .fs-c-cartPayment__button.fs-c-buttonContainer.fs-c-buttonContainer--unregisteredUserPurchase .fs-c-button--secondary{background: #bb272d !important;    border: 1px solid #bb272d !important;        position: relative;}
.fs-body-cart .fs-c-cartPayment__button.fs-c-buttonContainer.fs-c-buttonContainer--unregisteredUserPurchase .fs-c-button--secondary:after{position: absolute;right: 20px;top: 50%;content: '';width: 5px;height: 8px;margin: -4px 0 0;background: url(https://sunchokutable.itembox.design/item/images/common/arrow-left_w.svg) no-repeat 0 0;background-size: 5px auto;display: block;}

a.fs-c-button--continueShopping.fs-c-button--standard{cursor: pointer;    display: inline-block;    margin: 0 8px 10px 0;    border: solid 2px #d5af00;    border-radius: 30px;    background: #fffdf8;position: relative;padding: 10px 38px 10px 26px;color: #000 !important;font-weight: 500;font-size: 1.6rem;}
a.fs-c-button--continueShopping.fs-c-button--standard:after{position: absolute;right: 20px;top: 50%;content: '';width: 5px;height: 8px;margin: -4px 0 0;background: url(https://sunchokutable.itembox.design/item/images/common/arrow-left.svg) no-repeat 0 0;background-size: 5px auto;display: block;}


/* --------------------------------------------------------------------------------
商品リスト
-------------------------------------------------------------------------------- */
.fs-c-productList__list__item{border-bottom: none;}
.fs-c-listControl__status{font-size: 1.2rem;}

.fs-c-productList__list{;}
.fs-c-productName__copy{margin: 0 0 2px;}
.fs-body-category .fs-c-productListItem__productName, .fs-body-search .fs-c-productListItem__productName{font-size: 1.5rem;line-height: 1.3;letter-spacing: .5px;}

.fs-c-productList__list .fr3-item__productPrice,.fs-c-productList__list .fs-c-productPrice,.fr3-productListCarousel__slides .fr3-item__productPrice,.fs-c-cartTableContainer .fs-c-cartTable__unitPrice{}
.flywheel-recommend__frame .fr3-item__productPrice__price,.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price{font-size: 1.6rem;color: #c70000;font-weight: 700;}
.fs-c-cartTableContainer .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {color: #000000;}
.fr3-item__productPrice__addon,span.fs-c-productPrice__addon{font-size: 1.0rem !important;}

.fs-c-productList__list__item form {display: flex;flex-wrap: wrap;}
.fs-c-productListItem__imageContainer {order:-2;}
.fs-c-productMarks{margin: 8px 0 0;width: 100%;display: flex;flex-wrap: wrap;order: -1; }
.fs-c-productMark{margin-bottom: 2px;}
.fs-c-productMark__mark,.fs-c-mark{padding: 4px 6px;margin-right: 2px;}
.fs-c-mark{margin-bottom: 2px;}
.mark_free_shipping{margin-bottom: 0}
.mark_free_shipping::before{display: none}
h2.fs-c-productListItem__productName.fs-c-productName {}
.fs-c-productListItem__prices.fs-c-productPrices {width: 100%;margin-top: 0 !important;}
.fs-p-productDescription.fs-p-productDescription--full{margin-top: 30px}


/* --------------------------------------------------------------------------------
商品詳細
-------------------------------------------------------------------------------- */
.fs-l-productLayout__item.fs-l-productLayout__item--2 {display: flex;flex-wrap: wrap;}
.fs-body-product .fs-c-productNameHeading{margin-top: 0; }
.fs-body-product .fs-c-productPrices.fs-c-productPrices--productDetail{margin: 0px 0 0;width: 100%;}
.fs-c-productPostage {width: 100%;font-size: 1.2rem;}
.fs-l-productLayout__item--2 .fs-c-productPrice{ }
.fs-body-product .fs-c-productQuantityAndWishlist{width: 100%}
.fs-c-productActionButton.fs-c-buttonContainer{width: 100%}
.fs-body-product .fs-c-quantity.fs-system-assistTarget:before{font-size: 1.4rem;}
.fs-l-productLayout__item--2 select{padding: 3px 12px;}


.fs-body-product .bnr-freeshipping{margin-bottom: 16px}
.fs-c-inquiryAboutProduct.fs-c-buttonContainer.fs-c-buttonContainer--inquiryAboutProduct{padding: 0 0}
.fs-c-returnedSpecialContract__link a,button.fs-c-button--inquiryAboutProduct.fs-c-button--plain{margin-right: 6px;margin-right: 6px; display: flex;align-items: center;justify-content: center;border: none;font-size: 14px;font-weight: bold;height: 30px;line-height: 30px;padding: 9px 35px 9px 20px;border-radius: 50px;position: relative;    background: #ffffff;margin-bottom: 6px;}
.fs-c-returnedSpecialContract__link a:after,button.fs-c-button--inquiryAboutProduct.fs-c-button--plain:before{position: absolute;right: 20px;top: 50%;content: '';width: 5px;height: 8px;margin: -4px 0 0;background: url(https://sunchokutable.itembox.design/item/images/common/arrow-left.svg) no-repeat 0 0;
	background-size: 5px auto;display: block;}