@charset "utf-8";
/* --------------------------------------------------------------------------------
	body
-------------------------------------------------------------------------------- */
html {}
body {
	margin: 0;
	padding: 0;
	min-width: 1260px;
	/*min-width: 1200px;*/
	line-height: 1.5;
	text-size-adjust: 100%;
	color: #333333;
	background: #ffffff;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
}
/* --------------------------------------------------------------------------------
	タグ
-------------------------------------------------------------------------------- */
.common {
	font-size: 15px;
}
.common * {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
}
.common h1, .common h2, .common h3, .common h4, .common h5, .common h6 {
	font-size: 1em;
}
.common ol, .common ul {
	list-style: none;
}
.common table {
	border-collapse: collapse;
	border-spacing: 0;
	tont-size: 1em;
}
.common a, .common a:link, .common a:visited {
	text-decoration: none;
	color: #333333;
	-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;
}
img {
	max-width: 100%;
	height: auto;
}
input, textarea, select {
	outline: none;
}
/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.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;
	/**/
}
/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp {
	display: none;
}
.device-sp-inline {
	display: none;
}
.device-pc {
	display: block;
}
.device-pc-inline {
	display: inline;
}
.inner {}
/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container {}
/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
#header {
	width: 100%;
	margin: 0 0 7px;
	background: #fff;
	color: #333;
}
#header .header-inner {
	padding: 12px 0 12px;
	background: #fff;
}
/********** h-contents **********/
#header .h-contents {
	display: flex;
	width: 1200px;
	margin: 0 auto;
}
/********** ロゴ **********/
#header .h-logo {
	width: 376px;
	padding: 0 0 0 9px;
}
#header .h-logo .txt-catch {
	color: #333;
	font-size: 13px;
	margin: 0 0 1px;
}
#header .h-logo h1 {
	width: 322px;
}
#header .h-logo h1 a {
	display: block;
}
#header .h-logo h1 img {
	display: block;
}
/********** h-help **********/
#header .h-help {
	width: 500px;
	padding: 0 0 3px;
	align-self: flex-end;
}
#header .h-help ul {
	display: flex;
}
#header .h-help ul li {
	padding: 0 12px;
	border-right: solid 1px #333;
	line-height: 1;
	font-size: 14px;
}
#header .h-help ul li:last-child {
	border-right: none;
}
#header .h-help ul li a {
	color: #333;
}
/********** h-tel **********/
#header .h-tel {
	width: 238px;
	padding: 28px 0 0;
	font-size: 12px;
}
#header .h-tel .h-tel-img {
	width: 198px;
	padding: 0 0 3px;
}
#header .h-tel .h-tel-img img {
	display: block;
}
/********** h-cart **********/
#header .h-cart {
	position: relative;
	width: 62px;
	padding: 24px 0 0;
}
#header .h-cart a {
	display: block;
}
#header .h-cart img {
	display: block;
	width: 34px;
}
/* カート数量 */
#header .h-cart span.fs-client-cart-count, #header .h-cart span.fs-client-subscriptionCart-count {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	padding-top: 0.05em;
	top: 31px;
	right: 0;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background-color: #981e2d;
	border-radius: 20px;
	z-index: 999;
}
/* 定期 */
#header .h-cart span.fs-client-subscriptionCart-count {
	top: 26px;
	background-color: #6d820b;
}
/********** h-fix **********/
#header .header-inner {
	width: 100%;
}
/* header-inner固定 */
#header .header-inner.fixed {
	/*position: fixed;
	
	z-index: 999;
	top: 0;*/
	/*overflow: auto;*/
}
/* --------------------------------------------------------------------------------
	header-simpleシンプル
-------------------------------------------------------------------------------- */
#header-simple {
	margin: 0 0 30px;
	padding: 8px 0 8px;
	background: #fff;
}
/********** ロゴ **********/
#header-simple .h-logo {
	width: 322px;
	margin: 0 auto;
}
#header-simple .h-logo h1 {}
#header-simple .h-logo h1 a {
	display: block;
}
#header-simple .h-logo h1 img {
	display: block;
}
/********** パンくず **********/
.fs-c-breadcrumb .fs-c-breadcrumb__list {
	margin-bottom: 20px;
}
/* --------------------------------------------------------------------------------
	sub1
-------------------------------------------------------------------------------- */
#sub1 {
	width: 250px;
	margin: 0 25px 0 0;
}
/* ----------------------------------------
お客様、マイページ、会員登録、ポイント
---------------------------------------- */

/********** ボタン：共通レイアウト **********/
#sub1 .customer .btns-customer ul {
	display: flex;
	justify-content: space-between;
	width: 228px;
	margin: 0 auto;
}
#sub1 .customer .btns-customer ul li {
	width: 110px;
}
#sub1 .customer .btns-customer ul li a {
	display: block;
	padding: 1px 0;
	text-align: center;
	font-size: 14px;
	background: #f0f0f0;
}


/* 新規会員登録ボタン */
#sub1 .customer .customer-logout .btns-customer ul li:nth-child(1) a {
	background: #FFE44D;
}


/********** ログアウト **********/
#sub1 .customer .customer-logout {
	margin: 0 0 10px;
	border-radius: 5px;
	padding: 7px 9px;
	border: solid 2px #b5b5b5;
}
/********** ログイン時 **********/
#sub1 .customer .customer-login {
	margin: 0 0 10px;
	border-radius: 5px;
	padding: 7px 9px;
	border: solid 2px #b5b5b5;
}
/* customer-name */
#sub1 .customer .customer-login .customer-name {
	padding: 0 7px;
	font-size: 13px;
}


/* 会員ステージ */
#sub1 .customer .customer-login .point ul{
	display: flex;
	justify-content: space-between;
	width: 228px;
	margin: 3px auto;
}

#sub1 .customer .customer-login .point ul .gold-1{
	color:#926d0b;
	font-size: 13px;
	}
#sub1 .customer .customer-login .point ul .gold-1:before{
	content: '';
	display: inline-block;
	width: 15px;
	height: 19px;
	background-image: url(https://yamamotonoriten.itembox.design/item/images/common/stage-rank-icon-gold.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	}
#sub1 .customer .customer-login .point ul .silver-2{
	color: #595959;
	font-size: 13px;
}
#sub1 .customer .customer-login .point ul .silver-2:before{
	content: '';
	display: inline-block;
	width: 15px;
	height: 19px;
	background-image: url(https://yamamotonoriten.itembox.design/item/images/common/stage-rank-icon-silver.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	}
#sub1 .customer .customer-login .point ul .bronze-3{
	color: #595959;
	font-size: 13px;
}
#sub1 .customer .customer-login .point ul .bronze-3:before{
	content: '';
	display: inline-block;
	width: 15px;
	height: 19px;
	background-image: url(https://yamamotonoriten.itembox.design/item/images/common/stage-rank-icon-bronze.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	}
#sub1 .customer .customer-login .point ul .pt-5{
	color: #004baa;
	font-size: 13px;
}
#sub1 .customer .customer-login .point ul .pt-5:before{
	content: '';
	display: inline-block;
	width: 15px;
	height: 19px;
	background-image: url(https://yamamotonoriten.itembox.design/item/images/common/stage-rank-icon-pt.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	}
#sub1 .customer .customer-login .point ul .gold-1:after,
#sub1 .customer .customer-login .point ul .silver-2:after,
#sub1 .customer .customer-login .point ul .bronze-3:after,
#sub1 .customer .customer-login .point ul .pt-5:after{
	content: '会員';
}


/* point */
#sub1 .customer .customer-login .point {
	padding: 0 0 3px;
	text-align: center;
}
#sub1 .customer .customer-login .point .pt-heading {
	font-size: 13px;
}
#sub1 .customer .customer-login .point .point-var {
	font-size: 15px;
	font-weight: bold;
}
#sub1 .customer .customer-login .point .pt {
	font-weight: bold;
}
/********** 表示切り替え **********/
/* ログアウト */
#sub1 .member-loggind-status-false .customer-logout {
	display: block;
}
#sub1 .member-loggind-status-false .customer-logout .benefit{
	float: left;
	font-size: 12px;
	display: inline-block;
	color: #fff;
	background: #f00;
	line-height: 1;
	padding: 5px;
	border-radius: 3px;
	position: relative;
	margin: 0 0 5px 0 !important;
}
#sub1 .member-loggind-status-false .customer-logout .benefit:before{
	content: "";
	position: absolute;
	top: 20px;
	left:55px;
	margin-left: -15px;
	border: 10px solid transparent;
	border-top: 10px solid #f00;
}
#sub1 .member-loggind-status-false .customer-login {
	display: none;
}
/* ログイン時 */
#sub1 .member-loggind-status-true .customer-logout {
	display: none;
}
#sub1 .member-loggind-status-true .customer-login {
	display: block;
}
/* ----------------------------------------
検索
---------------------------------------- */
#sub1 .txt-catch {
	color: #981e2d;
	font-size: 16px;
	letter-spacing: 0.5px;
	margin: 0 0 10px;
	text-align: center;
}
/* ----------------------------------------
検索
---------------------------------------- */
#sub1 .search {
	margin: 0 0 20px;
	border-radius: 4px;
	border: solid 1px #333;
	overflow: hidden;
}
#sub1 .search form .search-box {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#sub1 .search form .search-box .input-search {
	display: flex;
	width: 214px;
}
#sub1 .search form .search-box .input-search input[type="text"] {
	display: block;
	width: 100%;
	border-radius: 0;
	border: none;
	padding: 0 5px;
	line-height: 1;
	font-size: 16px;
}
#sub1 .search form .search-box .btn-search {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	padding: 0 0;
	background: #000;
}
#sub1 .search form .search-box .btn-search input[type="image"] {
	display: block;
	width: 33px;
	height: auto;
	border-radius: 0;
	background: #000;
}
div.poplink.pc011 {
	margin-top: 2.5em;
}
/********** カテゴリー **********/
#sub1 .category {
	margin: 0 0 21px;
	line-height: 1.45;
	font-size: 15px;
}
#sub1 .category > ul {
	border-top: dotted 1px #b5b5b5;
}
#sub1 .category > ul > li {
	padding: 7px 0;
	border-bottom: dotted 1px #b5b5b5;
}
/* メインカテゴリー */
#sub1 .category .cat-main, #sub1 .category .fs-pt-menu__heading {
	padding: 0 5px;
}
#sub1 .category .cat-main a, #sub1 .category .fs-pt-menu__heading a {
	display: block;
	font-size: 14px;
}
/* サブカテゴリー */
#sub1 .category .cat-sub {}
#sub1 .category .cat-sub ul {
	padding: 0 15px;
}
#sub1 .category .cat-sub ul li {
	padding: 1px 0 1px;
}
#sub1 .category .cat-sub ul li a {
	display: block;
}
/* バナー */
#sub1 .bnr {}
#sub1 .bnr ul {}
#sub1 .bnr ul li {
	padding: 0 0 10px;
}
#sub1 .bnr ul li a {
	display: block;
}
#sub1 .bnr ul li img {
	display: block;
}
/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
.fs-l-footer {
	margin-top: 30px !important;
}
#footer {
	width: 100%;
	padding: 60px 0;
	background: #333333;
	color: #ffffff;
}
#footer .footer-inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1200px;
	margin: 0 auto 7px;
}
/********** PAGETOP **********/
#footer .f-btn-pagetop {
	position: fixed;
	right: 20px;
	bottom: 28px;
	z-index: 100;
}
#footer .f-btn-pagetop a {
	display: block;
}
#footer .f-btn-pagetop img {
	display: block;
	width: 61px;
	opacity: 0.5;
}
/********** col **********/
#footer .col {
	width: 360px;
}
/* col-box */
#footer .col .col-box {
	padding: 0 0 45px;
}
/* heading */
#footer .col .heading {
	margin: 0 0 10px;
	padding: 0 0 4px 8px;
	border-left: solid 3px #fff;
	border-bottom: solid 1px #fff;
	font-size: 16px;
}
/* sheading */
#footer .col .sheading {
	padding: 0 0 4px;
	font-size: 13px;
	font-weight: bold;
}
#footer .col-2 .sheading {
	line-height: 1.7;
}
/* ssheading */
#footer .col .ssheading {
	padding: 0 0 1px;
	font-size: 13px;
	font-weight: bold;
}
/* テキスト */
#footer .col .txt {}
#footer .col-2 .txt {
	margin: 0 0 25px;
}
#footer .col .txt p {
	line-height: 1.75;
	font-size: 14px;
}
#footer .col .txt p .mark-1 {
	font-weight: bold;
}
/* btn-details */
#footer .col .btn-details {
	font-size: 13px;
	text-align: right;
}
/* リンク */
#footer .col a {
	text-decoration: underline;
	color: #fff;
}
/********** 送料 **********/
#footer .shipping {}
#footer .shipping .txt-shipping {
	margin: 0 0 6px;
	padding: 10px 0;
	text-align: center;
	line-height: 1.7;
	font-weight: bold;
	background: #5e5e5e;
}
#footer .shipping .txt-att-shipping {
	padding: 0 40px;
	font-size: 12px;
}
/********** お支払い方法 **********/
#footer .payment .txt-credit {
	margin: 0 0 25px;
}
/********** お問い合わせ **********/
#footer .contact .txt {
	margin: 0 0 0 15px;
}
#footer .contact .txt .p-1 {
	margin: 0 0 25px;
}
#footer .contact .txt .p-1 a {
	text-decoration: none;
}
#footer .contact .txt .p-2 {
	margin: 0 0 10px;
}
#footer .contact .point-other {
	padding: 0 0 0 20px;
}
#footer .contact .point-other p {
	padding: 0 0 5px;
}
#footer .contact .point-other p .mark-1 {
	font-size: 16px;
}
/********** SNS **********/
#footer .f-sns ul {
	display: flex;
	justify-content: center;
	margin: 0 auto 50px;
}
#footer .f-sns ul li {
	padding: 0 7px 0 8px;
	width: 55px;
}
#footer .f-sns ul li a {
	display: block;
}
#footer .f-sns ul li img {
	display: block;
}
/********** f-help **********/
#footer .f-help {
	margin: 0 0 19px;
	background: #fff;
}
#footer .f-help ul {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding: 4px 0;
	line-height: 1;
}
#footer .f-help ul li {
	padding: 0 11px;
}
#footer .f-help ul li a {
	display: block;
	font-size: 13px;
}
/********** コピーライト **********/
#footer .copyright {
	text-align: center;
	font-size: 11px;
	color: #fff;
}
/* --------------------------------------------------------------------------------
	フッターシンプル
-------------------------------------------------------------------------------- */
#footer-simple {
	padding: 19px 0;
	background: #333;
}
/********** コピーライト **********/
#footer-simple .copyright {
	text-align: center;
	font-size: 11px;
	color: #fff;
}
/********** PAGETOP **********/
#footer-simple .f-btn-pagetop {
	position: fixed;
	right: 20px;
	bottom: 28px;
	z-index: 100;
}
#footer-simple .f-btn-pagetop a {
	display: block;
}
#footer-simple .f-btn-pagetop img {
	display: block;
	width: 61px;
	opacity: 0.5;
}
/* --------------------------------------------------------------------------------
	ショッピングカート
-------------------------------------------------------------------------------- */
/********** お気に入りリスト **********/
.fs-body-cart .fs-c-productListCarousel__list__item .fs-c-productListItem__control {
	display: none;
}
/* 商品価格 */
.fs-body-cart .fs-c-productListCarousel__list__item .fs-c-productPrice {
	justify-content: center;
}
/* --------------------------------------------------------------------------------
	ページ見出し
-------------------------------------------------------------------------------- */
.fs-c-heading--page {
	font-weight: 500;
}