@charset'UTF-8';

/*root*/
:root {
	--item-subsc: #6c972b;
	--item-subsc-rgb: 108, 151, 43;
}

/*font*/
body,
button {
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.price {
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.font-num {
	font-family: 'Lato', sans-serif;
}



/*==============================
	layout
==============================*/
#container {
	width: 100%;
	margin-top: 170px;
}

#mp_ta_header {
	padding: 0;
}

#leftSide {
	display: none;
}

#center1 {
	width: 1200px;
}

#center3 .header_area {
	margin-top: 0;
}

.freearea p {
	margin: 0;
}

/*商品一覧*/
div#bread {
	max-width: 1200px;
	margin: 0 auto;
}

div.centerbox {
	max-width: 1200px;
	margin: 0 auto 50px;
}

/*フォーム*/
main#common_outline input,
main#common_outline button,
main#common_outline select,
main#common_outline textarea {
	-webkit-appearance: none;
}

/*flexbox*/
.flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

/*clearfix*/
.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: '';
}

.clearfix:after {
	clear: both;
}

/*page-top*/
a#page-top {
	display: block !important;
}


@media screen and (max-width:768px) {
	#pi_main {
		padding-bottom: 5px;
	}
}



/*==============================
	redirect
==============================*/
.redirect {
	margin: 1em auto;
	text-align: center;
	line-height: 1.5em;
	color: #444;
}

.redirect br {
	display: none;
}

.redirect a {
	position: relative;
	margin: 0 .5em;
	padding: 0 1.5em 0 .5em;
	font-weight: 700;
	text-decoration: none;
	color: #444;
	background: #eee;
	border-radius: .1em;
}

.redirect a:before {
	position: absolute;
	top: .7em;
	right: .6em;
	content: '';
	display: block;
	width: .4em;
	height: .4em;
	border-top: .1em solid;
	border-right: .1em solid;
	transform: translate(-25%, -50%) rotate(45deg);
}


@media screen and (max-width:768px) {
	.redirect br {
		display: block;
	}

	.redirect a {
		margin-left: 0;
	}
}



/*==============================
	商品詳細
==============================*/
#main-column>#itemDetail-wrap {
	width: 100%;
	margin: auto;
}

#main-column>#itemDetail-wrap.sub-box2 .cart-ttl {
	margin: 6em auto .4em;
	padding: .8em;
	font-weight: 500;
	letter-spacing: 1px;
	color: #35380A;
	border-top: 2px solid;
}

#itemDetail-cont {
	width: calc(100% - 1em);
	margin: auto;
	margin-top: 80px;
}

@media screen and (max-width:768px) {	
	#itemDetail-cont {
	margin-top: 0;
}
}

#main-column>#itemDetail-wrap>#itemDetail-cont {
	max-width: 1000px;
}

/*カートフォーム*/
form.shopping_form {
	overflow: hidden;
}

#main-column>#itemDetail-wrap.sub-box1 form.shopping_form {
	margin-top: 2em;
}

/*商品名*/
#pi_cart>h1 {}

/*価格*/
.special_price {
	font-size: 1.2em;
}

#pi_cart .selling_price {
	font-size: 1.4em;
}

table.price {
	display: block;
	margin: 1em auto;
	line-height: 1.6em;
}

table.price tbody {
	display: block;
}

table.price tr {
	display: flex;
	justify-content: flex-end;
}

table.price th {
	width: auto !important;
	margin-right: .4em;
	padding: 0 !important;
	text-align: left;
	font-weight: 400;
}

table.price td {
	text-align: right;
	color: rgb(var(--txt-red));
}

table.price td a img {
	display: block;
	width: 110px;
}

table.price tr.fx_price .taxin {
	margin-left: .1em;
	font-size: .8em;
}

table.price tr.price td {
	font-size: .9em;
}

table.price tr.price td span:nth-of-type(4):before {
	content: '\A';
	white-space: pre;
}

#fixedPrc .strike {
	text-decoration: line-through;
}

/*ポイント還元*/
table.price tr.rg_price {
	font-size: .86em;
	font-weight: 700;
}

table.price tr.rg_price>th {
	display: none;
}

table.price tr.rg_price>td {
	width: 100%;
}

table.price tr.rg_price>td .publish_point {
	display: inline-block;
	margin-top: .2em;
	padding: 0 .4em;
	color: var(--txt);
	font-weight: 400;
}

/*カートボタン周辺*/
#pi_cart {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

#pi_cart>h1,
#pi_cart>table,
#pi_cart>.cancel,
#pi_cart>.review_txt,
#pi_cart>#spsVarpriceBox {
	width: 100%;
}

#pi_cart>.cartArea,
#pi_cart>[class^='sps-wishArea'] {
	margin-bottom: 1em;
}

/*納期情報*/
form[action*='CART/cart.php'] [class^='delivery-date'] {
	width: 100%;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4em;
}

form[action*='CART/cart.php'] .delivery-date {
	color: rgb(var(--txt-red));
}

form[action*='CART/cart.php'] .delivery-date:before {
	content: '\7D0D\671F\FF1A';
}

/*カートボタン*/
#pi_cart .cartArea {
	position: relative;
	width: calc(100% - 60px - .6em);
	margin: .4em .6em 1em 0;
}

#pi_cart [class^='delivery-date']+.cartArea {
	margin-top: .4em;
}

#pi_cart .cartArea>* {
	font-size: 1.2em;
}

#pi_cart .cartArea>div.cart-btn,
#pi_cart #tabcart-area .cartArea>div {
	position: relative;
	height: 60px;
	background: rgb(var(--aromic-rgb));
	border: 1px solid transparent;
	border-radius: 50px;
	transition: .4s;
}

#pi_cart .cartArea>div.cart-btn:not(:hover),
#pi_cart #tabcart-area .cartArea>div:not(:hover) {
	border-bottom: .3em solid #084024;
}

#pi_cart .cartArea>div.cart-btn:hover,
#pi_cart #tabcart-area .cartArea>div:hover {
	background: #fff;
	border-color: #000;
}

#pi_cart .cartArea>div.cart-btn:before,
#pi_cart #tabcart-area .cartArea>div:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '\30AB\30FC\30C8\306B\5165\308C\308B';
	display: block;
	width: 100%;
	height: 60px;
	/*padding-left: 2em;*/
	text-align: center;
	font-weight: 700;
	line-height: 56px;
	letter-spacing: 1px;
	color: #fff;
}

#pi_cart .cartArea>div.cart-btn:hover:before,
#pi_cart #tabcart-area .cartArea>div:hover:before {
	color: #000;
}

#pi_cart .cartArea>div.cart-btn:after,
/*#pi_cart #tabcart-area .cartArea>div:after {
	position: absolute;
	top: calc(50% - .9em);
	left: calc(50% - 4.8em);
	content: '';
	display: inline-block;
	width: 1.6em;
	height: 1.6em;
	background: url(https://aromic.jp/svg/cart_wh.svg) center / 100% no-repeat;
}*/

#pi_cart .cartArea>div.cart-btn:hover:after,
#pi_cart #tabcart-area .cartArea>div:hover:after {
	background-image: url(https://aromic.jp/svg/cart.svg);
}

#pi_cart .cartArea>div.cart-btn input[type='image'],
#pi_cart #tabcart-area .cartArea>div input[type='image'] {
	width: 100%;
	height: 60px;
	opacity: 0 !important;
}

/*AmazonPay*/
#pi_cart .cartArea>p.amazon-pay {
	position: relative;
	display: inline-block;
	margin-top: .2em;
	padding: 0 .4em .2em;
	text-shadow: var(--txt-shadow-2px);
	font-size: .9em;
	font-weight: 500;
}

#pi_cart .cartArea>p.amazon-pay:before {
	position: absolute;
	left: 0;
	bottom: .3em;
	content: '';
	width: 6.8em;
	border-bottom: .6em solid #f0c14b;
	opacity: .4;
}

#pi_cart .cartArea>p.amazon-pay>* {
	position: relative;
	z-index: 1;
}

#pi_cart .cartArea>p.amazon-pay img {
	position: relative;
	top: .4em;
	display: inline-block;
	width: auto;
	height: 1.2em;
	margin-right: .4em;
}

/*お気に入りアイコン*/
#pi_cart [class^='sps-wishArea'] {
	width: 60px;
	height: 60px;
	margin-bottom: 1em;
}

#pi_cart [class^='sps-wishArea']:after {
	content: '\304A\6C17\306B\5165\308A';
	display: block;
	text-align: center;
	font-size: 12px;
}

#pi_cart [class^='sps-wishArea'] a {
	display: block;
}

#pi_cart [class^='sps-wishArea'] [class^='sps-wishAddItem'] {
	position: relative;
	display: flex;
	padding: .4em .8em;
}

#pi_cart [class^='sps-wishArea'] .sps-wishAddItem:after {
	content: '\304A\6C17\306B\5165\308A\306B\767B\9332';
}

#pi_cart [class^='sps-wishArea'] .sps-wishAddItemOk:after {
	content: '\304A\6C17\306B\5165\308A';
}

#pi_cart [class^='sps-wishArea'] [class^='sps-wishAddItem'].wishBtnHidden {
	display: none;
}

#pi_cart [class^='sps-wishArea'] [class^='sps-wishAddItem']:after {
	display: none;
}

#pi_cart [class^='sps-wishArea'] [class^='sps-wishAddItem'] img {
	display: block;
	width: 100%;
}

/*オプション選択エリア*/
#itemDetail-cont .cartArea input:hover,
#itemDetail-cont .cartArea .variation a:hover {
	opacity: .70;
	filter: alpha(opacity=70);
	cursor: pointer;
}

#pi_cart table.spec {
	display: block;
	margin: 0 auto 1em;
	padding: 1em;
	font-size: .96em;
	background: #f1f1f1;
	border-radius: 5px;
}

#pi_cart.itemOutline>#spsVarpriceBox table.spec {
	margin-top: 1em !important;
}

#pi_cart table.spec tbody {
	display: block;
}

#pi_cart table.spec tr {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#pi_cart table.spec tr:nth-of-type(n+2) {
	margin-top: 1em;
}

table.spec tr:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

table.spec th {
	width: 12em;
	text-align: left;
	font-weight: 400;
	line-height: 1.4em;
	white-space: normal;
}

table.spec td {
	max-width: calc(100% - 12.6em);
	margin-left: .6em;
}

table.spec td input {
	width: 20%;
	min-width: 4em;
	height: 2.6em;
	margin: 0 .2em;
	padding: .2em .6em;
	border: 1px solid #999;
	border-radius: .2em;
}

table.spec tr.date th {
	width: 6em;
	/*padding-left:.6em;*/
}

table.spec tr.date td {
	width: calc(100% - 6.6em);
	max-width: none;
	line-height: 1.4em;
}

table.spec tr.option_area td select.option_parts,
table.spec tr.option_area td input.option_parts,
table.spec tr.option td input {
	display: inline;
	width: 85%;
	height: 2.6em;
}

table.matrix tr td {
	padding: 5px;
}

table.matrix td>a.announceMail,
table.matrix td>a.announceMailSamePrc {
	display: block;
	width: 110px;
	margin: auto;
}

table.matrix tr td span.nostock {
	text-align: left;
}

table.spec tr td select {
	width: 100% !important;
	height: 2.6em;
	padding: .2em 2.2em .2em .6em !important;
	line-height: 2.1em;
	background: url(https://aromic.jp/img/icon/arrow-b.png) right 10px bottom 12px / 12px no-repeat #fff;
	border: 1px solid #999;
	border-radius: .2em;
	appearance: none;
	cursor: pointer;
}

#itemDetail-cont .itemOutline ul.ico_salesMethod {
	overflow: hidden;
	margin: 0 0 10px;
}

#itemDetail-cont .itemOutline ul.ico_salesMethod li {
	float: left;
	width: auto !important;
}

#itemDetail-cont .itemOutline ul.ico_itemType {
	overflow: hidden;
}

#itemDetail-wrap #spsVarpriceBox>div {
	padding: 0;
	background: #fff;
}

.option_area .option_comment {
	margin-bottom: .4em;
	font-size: .84em;
	line-height: 1.4em;
}

#itemDetail-cont .itemOutline ul.ico_itemType li {
	float: left;
	width: 35px;
	height: 36px;
}

/*在庫を見るボタン*/
#pi_cart .cartArea>div.stock-btn {
	position: relative;
	width: 7em;
	height: 2.6em;
	margin: .6em 0 0;
	font-size: .86em;
	background: #f1f1f1;
	transition: .4s;
}

#pi_cart .cartArea>div.stock-btn:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '\5728\5EAB\3092\898B\308B';
	display: block;
	width: 100%;
	text-align: center;
	line-height: 2.6em;
}

#pi_cart .cartArea>div.stock-btn:hover {
	background: #fff;
}

#pi_cart .cartArea>div.stock-btn input[type='image'] {
	width: 100%;
	opacity: 0 !important;
}

#pi_cart .cartArea>div.stock-btn+.amazon-pay {
	display: none;
}

/*入荷連絡ボタン*/
section#itemDetail-wrap table.spec td a img {
	height: 30px;
	margin-left: 10px;
}

section#itemDetail-wrap #spsVarpriceBox p a.spsVarpriceLink.dialogSStock {
	padding: 0 .2em .2em;
	font-size: .9em;
	border-bottom: 1px solid;
}

section#itemDetail-wrap table.date {
	margin: 15px 0 3px;
}

section#itemDetail-wrap table.jan {
	margin: 0 0 15px;
}

section#itemDetail-wrap .cartArea img {
	max-width: 110px;
}

section#itemDetail-wrap #spsVarpriceBox .cartArea input {
	margin-left: 0;
}

section#itemDetail-wrap #spsVarpriceBox .cartArea input[src*='btn_cartl'] {
	width: 100%;
}

section#itemDetail-wrap .cartArea img.nostock,
section#itemDetail-wrap .cartArea input.dialogSStock {
	width: 110px;
	height: auto;
}

section#itemDetail-wrap .cartArea table.variation {
	width: 100%;
	word-break: break-all;
}

section#itemDetail-wrap .cartArea tr.t-variation {
	background-color: #efefef;
	background-repeat: x-repeat;
	background-position: left top;
}

section#itemDetail-wrap .cartArea table.variation th {
	width: auto !important;
	padding: 3px 5px;
	text-align: center;
	font-size: 70%;
	font-weight: bold;
	line-height: 150%;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

section#itemDetail-wrap .cartArea table.variation th.sps-variation-cart {
	width: 141px !important;
}

section#itemDetail-wrap .cartArea table.variation tr {
	border-bottom: 1px dotted #ccc;
}

section#itemDetail-wrap .cartArea table.variation tr.t-variation {
	border: none;
}

section#itemDetail-wrap .cartArea table.variation td {
	padding: 5px;
	text-align: center;
	font-size: 75%;
	line-height: 150%;
	border: 1px solid #ccc;
}

section#itemDetail-wrap .cartArea table.variation td input[type='image'] {
	max-width: 110px;
}

section#itemDetail-wrap .cartArea table.variation span.nostock {
	color: rgb(var(--txt-red));
}

/*返品について カートボタン下*/
section#itemDetail-wrap p.cancel {
	position: relative;
	margin-bottom: .4em;
	padding-left: 24px;
	font-size: .9em;
}

#itemDetail-wrap.sub-box2 p.cancel {
	display: none;
}

section#itemDetail-wrap p.cancel:before {
	content: '';
	position: absolute;
	top: .2em;
	left: .1em;
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	background: url(https://aromic.jp/svg/i-return.svg) left center / 100% no-repeat;
}

section#itemDetail-wrap p.cancel a {
	padding: .2em;
}

/*レビュー カートボタン下*/
section#itemDetail-wrap p.review_txt {
	position: relative;
	margin-bottom: .4em;
	padding-left: 24px;
	font-size: .9em;
}

#itemDetail-wrap.sub-box2 p.review_txt {
	display: none;
}

section#itemDetail-wrap p.review_txt:before {
	content: '';
	position: absolute;
	top: .12em;
	left: .1em;
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	background: url(https://aromic.jp/svg/i-voice.svg) left center / 100% no-repeat;
}

div#main-column section#itemDetail-wrap p.review_txt img {
	vertical-align: 0;
}

div#main-column div#itemBox p.review_txt img {
	vertical-align: -.1em;
}

div#main-column section#itemDetail-wrap p.review_txt span {
	position: relative;
	top: -.2em;
	padding-right: .2em;
}

section#itemDetail-wrap p.review_txt a {
	display: block;
}

div#main-column section#itemDetail-wrap p.review_txt a {
	position: relative;
	top: -.2em;
}

/*商品について問い合わせる*/
article#Detail .itemOutline ul.infoArea {
	width: 100%;
	margin: auto;
}

article#Detail .itemOutline .item-relation+ul.infoArea {
	margin-top: 1em;
}

#itemDetail-wrap.sub-box2 ul.infoArea {
	display: none;
}

#itemDetail-cont table.snsArea+ul.infoArea {
	margin-top: .4em;
}

article#Detail .itemOutline ul.infoArea li {
	display: block;
	text-align: right;
	font-size: .9em;
	line-height: 1.6em;
}

article#Detail .itemOutline ul.infoArea li img {
	display: none;
}

article#Detail .itemOutline ul.infoArea li a {
	position: relative;
	padding: 0 1.2em 0 .2em;
}

article#Detail .itemOutline ul.infoArea li a:before {
	content: '\5546\54C1\306B\3064\3044\3066\554F\3044\5408\308F\305B\308B';
}

article#Detail .itemOutline ul.infoArea li a:after {
	position: absolute;
	top: .16em;
	right: .2em;
	content: '';
	display: block;
	width: .8em;
	height: .8em;
	background: url(/svg/i-link-ext.svg) 100% / contain no-repeat;
}

/*SNS*/
#itemDetail-cont table.snsArea {
	display: none !important;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	margin: auto;
	font-size: .9em;
}

#itemDetail-cont table.snsArea:before {
	content: '\5546\54C1\3092\30B7\30A7\30A2\3059\308B';
	width: 8.4em;
	padding-bottom: .2em;
	line-height: 20px;
}

#itemDetail-cont table.snsArea>tbody {
	width: calc(100% - 8.4em);
}

#itemDetail-cont table.snsArea>tbody>tr {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	height: 20px;
}

#itemDetail-cont table.snsArea>tbody td {
	display: block;
	height: 20px;
}

#itemDetail-cont table.snsArea>tbody td:nth-of-type(1) {
	width: 60px;
}

#itemDetail-cont table.snsArea>tbody td:nth-of-type(2) {
	width: 121px;
}

#itemDetail-cont table.snsArea>tbody td:nth-of-type(3) {
	width: 85px;
}

#itemDetail-cont table.snsArea>tbody .sps-twitter-rect {
	width: 60px;
}

#itemDetail-cont table.snsArea>tbody [id^='sns-'] {
	padding: 0;
}

#itemDetail-cont table.snsArea>tbody #sns-line-button .btnWrap.shareEl {
	width: 83px;
}

#itemDetail-cont table.snsArea>tbody .fb_iframe_widget span,
#itemDetail-cont table.snsArea>tbody .fb_iframe_widget iframe {
	width: 112px !important;
	height: 20px !important;
}

#itemDetail-cont table.snsArea>tbody a,
#itemDetail-cont table.snsArea>tbody img {
	display: block;
}

/*ダイアログ-商品を追加しました*/
div[aria-describedby='sps-cartaddModal'] {
	border-radius: 4px !important;
}

div.sps-cartaddErrDetail {
	width: 90%;
	margin: 22px auto 40px;
	box-sizing: border-box;
}


@media screen and (max-width:1000px) {
	.aromic.itemDetail {
		display: flex;
		flex-wrap: wrap;
	}
}

@media screen and (min-width:769px) {
	#itemDetail-cont .itemOutline {
		float: left;
		width: 51%;
		height: auto;
		margin-left: 4%;
	}
}

@media screen and (max-width:768px) {
	#itemDetail-wrap.sub-box2 .itemThumb-wrap {
		display: none;
	}

	#itemDetail-wrap.sub-box2 #itemDetail-cont .itemOutline {
		margin-top: 0;
	}

	#itemDetail-cont .itemThumb-wrap .itemThumb-main {
		width: calc(100% - 1em);
		max-width: 500px;
		margin: auto;
	}

	#itemDetail-wrap.sub-box2 .itemThumb-wrap+#pi_cart #item-name {
		display: none;
	}

	#itemDetail-wrap.sub-box2 .itemThumb-wrap+#pi_cart .price {
		margin-top: 0;
	}

	#itemDetail-cont .itemOutline {
		width: calc(100% - 1em);
		margin: 1em auto 0;
	}

	.ui-dialog div#dialog {
		height: 93% !important;
	}

	.fl_contents .fl_main {
		float: none;
		margin: 0 0 10px;
		overflow: initial;
	}

	.fl_main div {
		float: none !important;
		display: table-cell;
		max-width: 85% !important;
		vertical-align: middle;
	}

	.fl_contents .fl_thumbnail {
		float: none;
		width: 100%;
		max-width: none !important;
		overflow: hidden;
		box-sizing: border-box;
	}

	table.spec th {
		width: 16em;
	}

	table.spec td {
		max-width: calc(100% - 16.6em);
	}
}

@media screen and (max-width:600px) {
	#main-column>.aromic.itemDetail~#itemDetail-wrap {
		margin-top: 5em;
	}
}

@media screen and (max-width:500px) {
	.ui-dialog div#dialog {
		height: 93% !important;
	}

	.fl_contents {
		width: auto !important;
	}

	.fl_main {
		display: table;
		width: 100% !important;
	}

	.fl_main_img {
		height: auto !important;
	}

	#thum_next,
	#thum_prev {
		min-width: 15px;
		margin: 70px 0 !important;
		padding-top: 0 !important;
	}

	.fl_t_item {
		width: 29% !important;
		margin: 2% !important;
		padding: 2% !important;
		box-sizing: border-box;
	}

	table.spec tr:not(.quantityArea) th {
		width: auto;
	}

	table.spec th,
	table.spec td {
		width: 100%;
		max-width: none;
		margin: 0;
	}

	article div#main-column div#itemBox p.review_txt {
		float: none;
	}
}

@media screen and (max-width:425px) {
	#main-column>.aromic.itemDetail~#itemDetail-wrap {
		margin-top: 4em;
	}

	#main-column>script+#itemDetail-wrap {
		margin-top: 2em;
	}

	#itemDetail-cont table.snsArea {
		display: block;
	}

	#itemDetail-cont table.snsArea:before,
	#itemDetail-cont table.snsArea>tbody {
		display: block;
		width: 100%;
		margin: auto;
	}

	#itemDetail-cont table.snsArea:before {
		width: 8em;
	}
}

@media screen and (max-width:375px) {
	table.spec tr.date th {
		font-size: .8em;
	}

	table.spec tr.date td {
		width: calc(100% - 6em);
		font-size: .9em;
	}

	table.spec tr.date td#dateString {
		width: calc(100% - 4.6em);
	}
}



/*==============================
	商品詳細 - タブデザイン
==============================*/
form.shopping_form.tab {}

form.shopping_form.tab #pi_cart {}

form.shopping_form.tab #pi_cart #tabcart-area,
form.shopping_form.tab #pi_cart .api_product_target {
	max-width: none;
}

form.shopping_form.tab #pi_cart>.icons,
form.shopping_form.tab #pi_cart>.price,
form.shopping_form.tab #pi_cart>.spec,
form.shopping_form.tab #pi_cart>.cartArea {
	display: none;
}

/*商品選択ボタン*/
form.shopping_form #tabcart-area button[class*='api_get'] {
	position: relative;
	width: calc(100%/3 - .4em);
	margin: .4em .6em 0 0;
	padding: .6em 0 !important;
	text-align: center;
	border: 1px solid;
	border-radius: .4em;
}

form.shopping_form #tabcart-area button[class*='api_get']:nth-of-type(3n+3) {
	margin-right: 0;
}

form.shopping_form #tabcart-area button[class*='api_get']:nth-of-type(-n+3) {
	margin-top: 1em;
}

form.shopping_form #tabcart-area button[class*='api_get'][class*='selected'] {
	background: rgba(0, 80, 260, .1);
	border-color: rgba(0, 80, 260, .6);
}

form.shopping_form #tabcart-area button[class*='api_get'][class*='selected']:before {
	position: absolute;
	top: -.9em;
	left: 0;
	right: 0;
	content: '\9078\629E\4E2D';
	display: block;
	margin: auto;
	font-size: 13px;
	font-weight: 600;
	color: rgb(0, 80, 260);
}

/*商品選択ボタン-お届けサイクル*/
form.shopping_form #tabcart-area [id*='subsc'] {}

/*納期情報*/
form.shopping_form #tabcart-area .delivery-date {
	padding-top: .4em;
}

/*カートボタン*/
form.shopping_form #tabcart-area input[value='カートに入れる'] {
	position: relative;
	width: 100%;
	max-width: none;
	margin-left: 0;
	height: 60px;
	font-size: 1.2em !important;
	background: rgb(var(--txt-red));
	border: 1px solid transparent;
	border-bottom: .3em solid #860e0e;
	border-radius: 4px;
	transition: .4s;
}

/*form.shopping_form #tabcart-area input[value='カートに入れる']:before {
	position:absolute;
	top:calc(50% - .9em);
	left:calc(50% - 4.8em);
	content:'';
	display:inline-block;
	width:1.6em;
	height:1.6em;
	background:url(https://aromic.jp/svg/cart_wh.svg) center / 100% no-repeat;
}*/
form.shopping_form #tabcart-area input[value='カートに入れる']:hover {
	color: #000;
	background: #fff;
	border-color: #000;
}

/*form.shopping_form #tabcart-area input[value='カートに入れる']:hover:before { background-image:url(https://aromic.jp/svg/cart.svg); }*/

/*納期*/
form.shopping_form #tabcart-area~[class^='delivery-date']:first-of-type {
	margin-top: .4em;
}

/*お気に入りボタン*/
form.shopping_form.tab #pi_cart>[class*='sps-wishArea'] {
	width: 100%;
	height: auto;
	margin-top: .6em;
	font-size: .9em;
	line-height: 2em;
	background: #f3f3f3;
}

form.shopping_form.tab #pi_cart>[class^='sps-wishArea']:after {
	display: none;
}

form.shopping_form.tab #pi_cart>[class^='sps-wishArea']>a {}

form.shopping_form.tab #pi_cart>[class^='sps-wishArea']>a>span:not(.wishBtnHidden) {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .4em;
}

form.shopping_form.tab #pi_cart>[class^='sps-wishArea']>a>span:after {
	display: block;
	margin-left: .4em;
}

form.shopping_form.tab #pi_cart>[class^='sps-wishArea'] .sps-wishAddItem:after {
	content: '\304A\6C17\306B\5165\308A\306B\767B\9332\3059\308B';
}

form.shopping_form.tab #pi_cart>[class^='sps-wishArea'] .sps-wishAddItemOk:after {
	content: '\304A\6C17\306B\5165\308A\767B\9332\6E08';
}

form.shopping_form.tab #pi_cart>[class^='sps-wishArea']>a>span img {
	width: 1.6em;
}

/*気に入りボタン*/
form.shopping_form.tab p.cancel {
	margin-top: 1em;
}


@media screen and (min-width:769px) {
	form.shopping_form.tab>#tabcart-area {
		width: 51%;
		margin-left: 4%;
	}
}

@media screen and (max-width:768px) {
	form.shopping_form.tab>#tabcart-area {
		width: calc(100% - 1em);
		margin: 1em auto 0;
	}
}

@media screen and (max-width:425px) {
	form.shopping_form.tab #pi_cart>[class^='sps-wishArea']>a>span:not(.wishBtnHidden) {
		padding: .2em;
	}
}



/*==============================
	tabcart-area
==============================*/
/*common*/
#tabcart-area {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 600px;
	margin: 1em auto 0;
}

/*tab*/
#tabcart-area input.tab {
	display: none;
}

#tabcart-area input.tab+label {
	display: block;
	width: calc(100%/2 - .4em);
	max-width: 10em;
	padding: 1em .2em;
	text-align: center;
	color: var(--aromic);
	background: rgba(var(--aromic-rgb), .1);
	border: 1px solid transparent;
	border-bottom: none;
	border-radius: .2em .2em 0 0;
	cursor: pointer;
}

#tabcart-area input.tab+label[for='subsc'] {
	color: var(--item-subsc);
	background: rgba(var(--item-subsc-rgb), .1);
}

#tabcart-area input.tab+label:nth-of-type(2n+2) {
	margin-left: .6em;
}

#tabcart-area input.tab:checked+label {
	position: relative;
	background: none;
	border-color: var(--aromic);
	z-index: 1;
}

#tabcart-area input.tab:checked+label[for='subsc'] {
	border-color: var(--item-subsc);
}

#tabcart-area input.tab:checked+label:after {
	position: absolute;
	left: 0;
	bottom: -1px;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
}

#tabcart-area input.tab:checked+label p strong {
	font-weight: 600;
}

#tabcart-area input.tab:not(:checked)+label p strong {
	text-decoration: underline;
	color: rgb(0, 80, 260);
}

#tabcart-area input.tab+label p b {
	margin: 0 .2em;
	padding: 0 .2em;
	font-weight: 500;
	color: rgb(var(--txt-red));
	background: #fff;
}

#tabcart-area input.tab:checked+label p b {
	background: rgba(var(--txt-red), .1);
}

#tabcart-area input.tab+label p span {
	font-size: .9em;
}

#tabcart-area .tabpanels {
	width: 100%;
	border-top: 1px solid var(--aromic);
}

#tabcart-area input.tab:checked+label[for='subsc']+.tabpanels {
	border-top: 1px solid var(--item-subsc);
}

#tabcart-area .panel {
	display: none;
}

#tabcart-area input.tab:first-child:checked~.tabpanels>.panel:first-of-type,
#tabcart-area input.tab:nth-child(3):checked~.tabpanels>.panel:nth-of-type(2) {
	display: flex;
	flex-wrap: wrap;
}

#tabcart-area .panel>* {
	width: 100%;
}

#tabcart-area .panel>button+.api_product_target {
	padding-top: 1em;
}

#tabcart-area .panel>.api_product_target {
	overflow: hidden;
}

#tabcart-area .panel>form {
	display: flex;
	flex-wrap: wrap;
}

#tabcart-area .panel>.acd:not(.open)+form {
	display: none;
}

#tabcart-area .panel>.acd.open+form {
	display: flex !important;
}

/*subsc*/
#tabcart-area .panel[id*='subsc'] {
	justify-content: center;
}

#tabcart-area .panel[id*='subsc']>*:not(button) {
	width: 100%;
}

#tabcart-area .panel[id*='subsc']>button[class*='api'] {
	width: 8em;
}

/*pi_cart*/
#tabcart-area #pi_cart {
	float: none;
	width: 100%;
	margin: 0;
}

/*icon*/
#tabcart-area .ico_salesMethod {
	margin-bottom: .2em !important;
}

/*name*/
#tabcart-area p.name {
	margin-bottom: .6em;
	line-height: 1.4em;
}

#tabcart-area p.name.acd {
	padding: 1em;
	background: rgba(var(--aromic-rgb), .1);
	cursor: pointer;
}

#tabcart-area p.name span {
	display: inline-block;
}

/*price*/
#tabcart-area form>.price {
	margin-left: auto;
}

#tabcart-area table.price {
	margin-top: 0;
}

/*benefit*/
#tabcart-area .benefit {
	width: 100%;
	margin: auto;
	font-size: .9em;
	font-weight: 600;
	color: var(--item-subsc);
}

#tabcart-area .benefit span {
	display: inline-block;
	margin: 0 .4em .4em 0;
	padding: .6em;
	background: rgba(var(--item-subsc-rgb), .06);
}

#tabcart-area .benefit a {
	display: inline-block;
	padding: 3px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	color: #3878f4;
	border: 1px solid;
	border-radius: 50%;
}

/*cycle-div*/
#tabcart-area div.cycle {
	width: 100%;
	margin: 1em auto 0;
	padding: .6em .4em .4em;
	font-size: .9em;
	background: #f1f1f1;
	border: 1px dashed #aaa;
}

#tabcart-area div.cycle>* {
	display: inline-block;
}

#tabcart-area div.cycle b {
	margin: 0 .4em .4em 0;
}

#tabcart-area div.cycle span {
	display: inline-block;
	margin: 0 .2em .2em 0;
	padding: .4em .6em;
	background: #fff;
	border-radius: 2em;
}

#tabcart-area div.cycle+.spec table.spec {
	border-radius: 0 0 5px 5px;
}

#tabcart-area div.cycle:after {
	content: '\203B\30AB\30FC\30C8\3088\308A\8CFC\5165\624B\7D9A\304D\3078\304A\9032\307F\3044\305F\3060\304F\3068\3054\6307\5B9A\3044\305F\3060\3051\307E\3059\3002';
	display: block;
	margin-top: .2em;
	font-size: 12px;
	line-height: 1.4em;
}

/*cycle-fieldset*/
#tabcart-area fieldset.cycle {
	display: flex;
	align-items: center;
	width: 100%;
	margin: -1.6em auto 1em;
	padding: 1em;
	background: #f1f1f1;
	border-radius: 0 0 5px 5px;
}

#tabcart-area fieldset.cycle .name {
	width: 8em;
	margin: 0;
}

#tabcart-area fieldset.cycle select {
	width: 100%;
	height: 2.6em;
	padding: .2em 2.2em .2em .6em !important;
	background: url(/img/icon/arrow-b.png) right 10px bottom 12px / 12px no-repeat #fff;
	border: 1px solid #999;
	border-radius: .2em;
	appearance: none;
	cursor: pointer;
}

/*free-area*/
#tabcart-area .free-area {
	margin: 0 auto .2em;
	font-feature-settings: 'palt';
	letter-spacing: .04em;
}

/*spec*/
#tabcart-area form>.spec {
	width: 100%;
}

/*delivery*/
#tabcart-area form>.delivery {
	width: 100%;
}

/*cartbtn*/
#tabcart-area input[type='image'] {
	width: 100%;
}

#tabcart-area .cartbtn {
	width: calc(100% - 60px - .6em);
	margin-right: .6em;
}

#tabcart-area .cartbtn .cartArea {
	width: 100%;
}

#tabcart-area .cartbtn .cartArea>div:nth-of-type(2) {
	display: none;
}

/*wisharea*/
#tabcart-area .wisharea {
	width: 60px;
	height: 60px;
}

/*relation*/
#tabcart-area .relation {
	width: 100%;
}

#tabcart-area .relation>.item-relation {
	margin-bottom: 0;
}

#tabcart-area .attention dt {
	margin-bottom: .4em;
	padding-bottom: .2em;
	font-weight: 600;
	color: rgb(var(--txt-red));
	border-bottom: 1px solid;
}

#tabcart-area .attention dd+dt {
	margin-top: .6em;
}

#tabcart-area .attention dd.list {
	position: relative;
	padding-left: 1em;
}

#tabcart-area .attention dd.list:before {
	position: absolute;
	left: 0;
	content: '\30FB';
}

#tabcart-area .attention dd+dd {
	margin-top: .2em;
}

#tabcart-area .attention dd a {
	color: var(--link);
	border-bottom: 1px solid;
}

#tabcart-area .attention dd b {
	font-weight: 500;
	color: rgb(var(--txt-red));
}

/*delete*/
#tabcart-area h1,
#tabcart-area .icons,
#tabcart-area .itemThumb-wrap,
#tabcart-area #pi_cart p.cancel {
	display: none;
}

/*flex*/
#tabcart-area form.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	max-width: 460px;
	margin: auto;
	font-size: .9em;
	font-feature-settings: 'palt';
	letter-spacing: .04em;
}

#tabcart-area form.flex>img {
	display: block;
	width: 20%;
	max-width: 4em;
	margin: auto;
	padding-right: 1em;
}

#tabcart-area form.flex>img[alt='spray'] {
	padding-left: .2em;
}

#tabcart-area form.flex>img+.box {
	width: 80%;
	padding: .6em;
	background: rgba(var(--aromic-rgb), .06);
}

#tabcart-area form.flex p.name {
	margin-bottom: .2em;
}

#tabcart-area form.flex table.price {
	margin: auto;
}

#tabcart-area form.flex table.price tr.rg_price {
	display: none;
}

#tabcart-area form.flex div.spec {
	margin-bottom: .2em;
}

#tabcart-area form.flex div.spec>p:nth-of-type(n+2) {
	margin-top: .2em;
}

#tabcart-area form.flex div.spec>p span {
	display: inline-block;
	max-width: 100%;
	margin: .2em;
}

#tabcart-area form.flex div.spec>p span:nth-of-type(2) {
	margin-left: .2em;
}

#tabcart-area form.flex div.spec input,
#tabcart-area form.flex div.spec select {
	min-width: 3em;
	max-width: 100%;
	margin-right: .2em;
	padding: .2em .6em;
	line-height: 1.6em;
	background: #fff;
	border: 1px solid #999;
	border-radius: .2em;
}

#tabcart-area form.flex div.spec select {
	padding-right: 1.6em;
	background: url(/img/icon/arrow-b.png) center right .4em / .6em no-repeat #fff;
}

#tabcart-area form.flex .delivery-date {
	margin: .4em 0 0;
	text-align: left;
	color: var(--txt);
}

#tabcart-area form.flex .box+.review {
	width: 100%;
	text-align: right;
}

#tabcart-area form.flex .box+.review p.review_txt:before {
	position: relative;
	top: .3em;
	margin-right: .3em;
}

#tabcart-area form.flex .cartbtn {
	margin-top: 1em;
}

#tabcart-area form.flex .cartbtn+.timer {
	width: 100%;
	padding: 1em;
	text-align: center;
	background: rgba(var(--aromic-rgb), .2);
}


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

	#itemDetail-cont>#tabcart-area,
	#itemDetail-cont>#tabcart-area .api_product_target {
		max-width: none;
	}

	#itemDetail-cont>#tabcart-area .api_product_wrap {
		/*display:flex; flex-wrap:wrap;*/
	}

	#itemDetail-cont>#tabcart-area .api_product_wrap>* {
		float: left;
	}

	#itemDetail-cont>#tabcart-area .api_product_img_wrap {
		width: calc(50% - 50px);
		margin: 0 25px;
	}

	#itemDetail-cont>#tabcart-area .api_product_form {
		width: 50%;
	}
}

@media screen and (max-width:500px) {

	#tabcart-area .benefit,
	#tabcart-area .cycle,
	#tabcart-area .free-area,
	#tabcart-area fieldset.cycle {
		width: 98% !important;
	}

	#tabcart-area fieldset.cycle {
		display: block;
	}

	#tabcart-area fieldset.cycle .name {
		width: 100%;
	}
}

@media screen and (max-width:425px) {
	#tabcart-area .panel[id*='subsc']>button[class*='api'] {
		width: 7em;
	}
}

@media screen and (max-width:370px) {
	#tabcart-area .free-area {
		font-size: .94em;
	}
}



/*==============================
	tabcart-area / detail
==============================*/
#tabcart-area .panel>.detail {
	margin-bottom: 1em;
}

#tabcart-area .panel>.detail a.modal {
	position: relative;
	top: -2px;
	display: inline-block;
	margin: 0 6px 0 2px;
	padding: 3px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1em;
	color: #3878f4;
	background: #fff;
	border-radius: 50%;
}

#tabcart-area .panel>.detail img {
	display: block;
	width: 100%;
	margin: auto;
}

#tabcart-area .panel>.detail img[alt='slide'] {
	max-width: 300px;
}

#tabcart-area .panel>.detail p {
	line-height: 1.6em;
}

#tabcart-area .panel>.detail p em {
	font-style: normal;
}

#tabcart-area .panel>.detail p strong {
	margin: 0 2px;
	font-size: 1.4em;
	letter-spacing: 1px;
}

#tabcart-area .panel>.detail p strong span {
	font-size: .8em;
}

#tabcart-area .panel>.detail p.balloon {
	position: relative;
	max-width: 21em;
	margin-left: auto;
	padding: .4em 0;
	text-align: center;
	font-feature-settings: 'palt';
	letter-spacing: .04em;
	background: rgba(var(--item-subsc-rgb), .1);
	border-radius: .4em;
}

#tabcart-area .panel>.detail p.balloon:after {
	position: absolute;
	right: 3em;
	bottom: -1.2em;
	content: '';
	border: .4em solid transparent;
	border-top: .8em solid rgba(var(--item-subsc-rgb), .1);
}

/*modal*/
.modal-content h4 {
	text-align: center;
	font-size: 1.26em;
	line-height: 1.6em;
	letter-spacing: 1px;
}

#tabcart-area .modal-content p {
	line-height: 1.4em;
}

#subsc-detail .info {
	font-size: .86em;
}

/*subsc*/
#subsc-detail h4 b {
	display: block;
	font-size: 1.2em;
	letter-spacing: 1px;
	color: var(--item-subsc);
}

#subsc-detail h4+svg {
	display: block;
	width: calc(100% - 4em);
	max-width: 7em;
	margin: auto;
}

#subsc-detail ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	font-weight: 600;
	color: var(--item-subsc);
}

#subsc-detail li {
	width: calc(100%/2 - .4em);
	padding: 1.4em 0;
	border: .6em solid rgba(var(--item-subsc-rgb), .16);
}

#subsc-detail li:nth-of-type(n+3) {
	margin-top: .8em;
}

#subsc-detail li>* {
	display: block;
}

#subsc-detail li>span:first-child {
	margin-bottom: .6em;
}

#subsc-detail li>span:last-child {
	margin-top: .6em;
}

#subsc-detail li.b-font>span {
	margin-bottom: .4em;
}

#subsc-detail li>b {
	font-size: 1.6em;
	letter-spacing: 1px;
}

#subsc-detail li.b-font>b {
	font-size: 1.86em;
	letter-spacing: 0;
}

#subsc-detail li>b span {
	font-size: .9em;
}

#subsc-detail p {
	margin-top: 1em;
	line-height: 1.4em;
}

#subsc-detail dl {
	margin-top: 2em;
}

#subsc-detail dt {
	margin-bottom: .4em;
	padding: .4em;
	border-left: .4em solid rgba(var(--item-subsc-rgb), .4);
}

#subsc-detail dt:nth-of-type(n+2) {
	margin-top: .6em;
}

#subsc-detail dd {
	line-height: 1.4em;
}

#subsc-detail .no-aroma ul {
	justify-content: center;
}

#subsc-detail .no-aroma li:nth-of-type(3),
#subsc-detail .no-aroma dl>*:nth-of-type(1) {
	display: none;
}


@media screen and (min-width:401px) {
	#subsc-detail .no-aroma li:nth-of-type(2n+2) {
		margin-left: .8em;
	}
}

@media screen and (max-width:400px) {
	#tabcart-area .panel>.detail {
		margin-bottom: 1em;
		font-size: .9em;
	}

	#tabcart-area .modal-content {
		font-size: .9em;
	}

	#subsc-detail li {
		width: calc(100%/2 - .2em);
	}

	#subsc-detail li:nth-of-type(2n+2) {
		margin-left: .4em;
	}

	#subsc-detail li:nth-of-type(n+3) {
		margin-top: .4em;
	}
}

@media screen and (max-width:370px) {
	#tabcart-area .panel>.detail p.balloon {
		font-size: .94em;
	}

	#tabcart-area .modal-content {
		padding: 2em 1em;
	}
}



/*==============================
	商品詳細 - タブデザイン - api
==============================*/
#tabcart-area.api {
	justify-content: center;
}

#tabcart-area.api input.tab+label {
	background: #f1f1f1;
}

#tabcart-area.api input.tab:checked+label {
	color: var(--txt);
	background: #fff;
	border-color: #aaa;
}

#tabcart-area.api .tabpanels {
	border-top-color: #aaa !important;
}


@media screen and (min-width:769px) {
	#tabcart-area.api input.tab+label {
		font-size: 1.1em;
	}
}

@media screen and (min-width:426px) {
	#tabcart-area.api input.tab+label {
		max-width: 11.9em;
	}

	#tabcart-area.api .tabpanels {
		padding-top: 2em;
	}

	#tabcart-area.api .panel>*:first-of-type {
		padding-top: 1.6em;
	}
}

@media screen and (max-width:425px) {
	#tabcart-area.api input.tab+label {
		max-width: 10.4em;
	}

	#tabcart-area.api .tabpanels {
		padding-top: 1.6em;
	}
}



/*==============================
	商品詳細 - api
==============================*/
#apicart-area>.api_product_target {
	max-width: 1440px;
	margin: 0;
}


/*サムネイル*/
#apicart-area [id*='api_product_target_']:not([id*='_img']) .api_product_img_wrap {
	display: none;
}

#apicart-area #api_product_target_img form,
#apicart-area #api_product_target_img .api_product_review_wrap {
	display: none;
}


/*商品名*/
#apicart-area .api_product_item_name_wrap {
	display: none;
}

#apicart-area>[id*='img']+div .api_product_item_name_wrap {
	display: block;
	margin-bottom: .4em;
}


/*選択肢*/
#apicart-area .api_product_variation_input_wrap,
#apicart-area .api_product_option_input_wrap {
	justify-content: flex-start;
}


/*定期-タイトル*/
#apicart-area>.subsc-cycle>p.ttl {
	display: block;
	width: 100%;
	padding-bottom: .3em;
	text-align: center;
	font-size: 1.1em;
	font-weight: 500;
	color: rgb(var(--item-subsc-rgb));
	border-bottom: 2px solid;
}


/*定期-お届けサイクル*/
#apicart-area .subsc-cycle {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
}

#apicart-area .subsc-cycle>.api_product_target {
	width: 100%;
	margin-top: .3em;
	padding: 1em;
	background: rgba(var(--item-subsc-rgb), .1);
}

#apicart-area .subsc-cycle>.cycle-message {
	width: 100%;
	margin-bottom: .3em;
	padding: .6em 0;
	text-align: center;
	background: rgba(var(--item-subsc-rgb), .1);
}

#apicart-area .subsc-cycle>.cycle-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: .6em;
	text-align: center;
	background: rgba(var(--item-subsc-rgb), .1);
}

#apicart-area .subsc-cycle>dl.cycle-list:after {
	content: '\203B\30AB\30FC\30C8\2192\8CFC\5165\624B\7D9A\304D\3078\9032\3080\3068\3054\6307\5B9A\3044\305F\3060\3051\307E\3059';
	display: block;
	width: 100%;
	margin-top: .6em;
	text-align: left;
	font-size: 12px;
}

#apicart-area .subsc-cycle>div.cycle-list:before,
#apicart-area .subsc-cycle>dl.cycle-list dt {
	display: block;
	width: 100%;
	margin-bottom: 1em;
}

#apicart-area .subsc-cycle>div.cycle-list:before {
	content: '\304A\5C4A\3051\30B5\30A4\30AF\30EB\3092\304A\9078\3073\304F\3060\3055\3044';
}

#apicart-area .subsc-cycle>dl.cycle-list dt {
	margin-bottom: .2em;
}

#apicart-area .subsc-cycle>.cycle-list:not(dl)>* {
	width: 6.4em;
	padding: .4em 0 .3em;
	background: #fff;
}

#apicart-area .subsc-cycle>.cycle-list>dd {
	width: 5em;
	padding: .2em 0;
	background: rgba(var(--item-subsc-rgb), .1);
}

#apicart-area .subsc-cycle>.cycle-list>*:nth-of-type(n+2) {
	margin-left: .4em;
}


/*定期*/
#apicart-area .subsc-cycle>a.modal {
	display: inline-block;
	font-size: .9em;
	color: rgb(0, 80, 260);
}

#apicart-area .subsc-cycle>*:not(div)+a.modal {
	position: absolute;
	top: .1em;
	right: 1em;
	width: 1.6em;
	height: 1.6em;
	text-align: center;
	line-height: 1.5em;
	border: 1px solid;
	border-radius: 50vh;
}

#apicart-area .subsc-cycle>div+a.modal {
	margin-top: .2em;
	text-decoration: underline;
}

#apicart-area #api_product_target_teiki input[value='カートに入れる'] {
	background: rgb(var(--item-subsc-rgb));
	border-bottom-color: #44670e;
}

#apicart-area .regular-caution {
	color: #d02929;
}


/*通常*/
#apicart-area #api_product_target_normal form {
	padding: 1em;
	background: #f1f1f1;
}

#apicart-area [class*='subsc']+#api_product_target_normal,
#apicart-area [class*='teiki']+#api_product_target_normal {
	margin-top: 1em;
	background: #f1f1f1;
}

#apicart-area [class*='subsc']+#api_product_target_normal form {
	padding: 0;
	background: none;
}

#apicart-area [class*='subsc']+#api_product_target_normal input:not([type='submit']),
#apicart-area [class*='subsc']+#api_product_target_normal select {
	background-color: #fff;
}

#apicart-area [class*='subsc']+#api_product_target_normal:before,
#apicart-area [class*='teiki']+#api_product_target_normal:before {
	content: '通常購入はこちら';
	display: block;
	margin-bottom: 1em;
	padding-bottom: .6em;
	text-align: center;
	border-bottom: 1px solid;
}


@media screen and (min-width:769px) {
	#apicart-area {
		position: relative;
	}

	#apicart-area #api_product_target_img {
		position: absolute;
		width: calc(50% - 4em);
		margin: 0 3em 0 1em;
	}

	#apicart-area>div:not([id*='img']) {
		width: 50%;
		margin-left: 50%;
	}

	#apicart-area>div:nth-of-type(n+3) {
		margin-top: 2em;
	}

	#apicart-area .api_product_review_wrap {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		margin: 1em 0 0;
	}

	#apicart-area [class*='subsc']+#api_product_target_normal,
	#apicart-area [class*='teiki']+#api_product_target_normal {
		padding: 1em 2em 1.6em;
	}
}

@media screen and (max-width:768px) {
	#apicart-area .api_product_target {
		max-width: none;
	}

	#apicart-area>div:nth-of-type(n+2) {
		margin-top: 1em;
	}

	#apicart-area #api_product_target_img {
		overflow: hidden;
	}

	#apicart-area .api_product_review_wrap {
		margin-top: .6em;
	}

	#apicart-area .subsc-cycle>*:not(div)+a.modal {
		right: 2em;
	}

	#apicart-area input:not([type='submit']),
	#apicart-area select {
		background-color: #fff;
	}

	#apicart-area [class*='subsc']+#api_product_target_normal,
	#apicart-area [class*='teiki']+#api_product_target_normal {
		padding: 1em;
	}
}

@media screen and (max-width:425px) {
	#apicart-area .subsc-cycle>*:not(div)+a.modal {
		right: .8em;
	}
}



/*==============================
	お客様の声
==============================*/
article #main-column #itemBox {
	margin-bottom: 1em;
	padding: 1em;
	background: #efefef;
	overflow: hidden;
}

article #itemBox h2 {
	float: left;
	width: calc(100% - 166px - 1em);
	margin-bottom: .4em;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.4em;
}

article #itemBox p {
	float: right;
}

article #main-column #itemBox p.btnMore img {
	width: 166px;
}

article #main-column form[name='REVIEWLIST'] .pageNav_top,
article #main-column form[name='REVIEWLIST']~.pageNav {
	width: calc(100% - 2em);
	max-width: 800px;
	margin: 1em auto 0;
	font-size: .9em;
}


/*rating*/
article #main-column section.rating {
	width: calc(100% - 2em);
	max-width: 800px;
	margin: auto;
	padding: 1em 0;
	border-bottom: 1px dotted #111;
}

article #main-column section.rating:last-of-type {
	margin-bottom: 1em;
}

article #main-column section.rating .reviewBox {
	display: flex;
	margin: 1em 0;
	overflow: hidden;
}

article #main-column section.rating .tmb {
	width: 80px;
	margin-right: 15px;
}

article #main-column section.rating .tmb img {
	width: 100%;
}

article #main-column section.rating .reviewTxt {
	width: calc(100% - 95px);
}

article #main-column section.rating .reviewTxtNoImg {
	float: left;
	width: 100%;
}

article #main-column section.rating h2 {
	display: table-cell;
	width: 560px;
	margin: 0;
	padding-right: 1em;
	vertical-align: top;
	font-weight: normal;
	line-height: 1.4em;
}

article #main-column section.rating ul li.space {
	margin-right: 1em;
}

article #main-column section.rating .reviewBox_item {
	margin: .6em 0;
}

article #main-column section.rating .reviewBox_item ul {
	overflow: hidden;
	vertical-align: middle;
	line-height: 1.2em;
}

article #main-column section.rating .reviewBox_item ul li {
	float: left;
	margin: 0 .2em .2em 0;
	font-size: .8em;
}

article #main-column section.rating .reviewBox_item ul li.point {
	margin-right: 1.2em;
	font-weight: bold;
	color: #F60;
}

article #main-column section.rating .reviewBox_item p,
article #main-column section.rating .reviewTxt p {
	line-height: 1.4em;
}

article #main-column section.rating .btnMore {
	display: table-cell;
	width: 170px;
}

article #main-column section.rating .btnMore a {
	display: inline-block;
}

article #main-column section.rating .btnMore a img {
	width: 170px;
}

article #main-column section.rating .reviewTxt ul,
article #main-column section.rating .reviewTxtNoImg ul {
	margin: 5px 0;
	vertical-align: middle;
	line-height: 120%;
	overflow: hidden;
}

article #main-column section.rating .reviewTxt ul li,
article #main-column section.rating .reviewTxtNoImg ul li {
	float: left;
	font-size: .9em;
}


/*userreview*/
section.userreview {
	width: calc(100% - 1em);
	max-width: 1000px;
	margin: 2em auto 4em;
}

section.userreview:after {
	clear: both;
	display: table;
	line-height: 0;
	content: '';
}

section.userreview h2 {
	margin-bottom: .4em;
	padding: .8em;
	font-weight: 500;
	letter-spacing: 1px;
	color: #35380A;
	border-top: 2px solid;
}

section.userreview .scroll-x>table {
	position: relative;
	display: block;
	width: 100%;
	padding: 1em;
	font-size: .9em;
	line-height: 1.6em;
	background: #f1f1f1;
	border: none;
}

section.userreview .scroll-x>table tr td.userreview_user,
section.userreview .scroll-x>table tr td.userreview_date,
section.userreview .scroll-x>table td.userreview_rate {
	font-size: .9em;
}

section.userreview .scroll-x>table tr td.userreview_user {
	text-align: left;
}

section.userreview .scroll-x>table tr td.userreview_date {
	text-align: right;
}

section.userreview .scroll-x>table td.userreview_rate img {
	vertical-align: middle;
}

section.userreview .scroll-x>table td.userreview_comment {
	padding: .6em 0 0;
}

section.userreview .userreview_comment .reviewBox_item {
	margin: 0;
}

section.userreview div.more {
	height: 30px;
	margin: 1em auto 0;
	text-align: right;
}

section.userreview div.more a img {
	width: 110px;
	height: 30px;
	vertical-align: middle;
}

section.userreview .userreview_list {
	position: relative;
	overflow: hidden;
	transition: .6s;
}

section.userreview .userreview_list.open {
	padding-bottom: 2.4em !important;
}

section.userreview .userreview_list:not(.open) {
	max-height: 14.6em;
}

section.userreview .userreview_list *:not(img):not(.userreview_username) {
	display: block;
	transition: .6s;
}

section.userreview .userreview_list .acd-btn {
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - 2em);
	margin: 0 1em;
	padding: .4em;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

section.userreview .userreview_list:not(.open) .acd-btn {
	background: rgba(255, 255, 255, .92);
}

section.userreview .userreview_list.open .acd-btn:after {
	content: '\9589\3058\308B';
	padding: .2em;
	border-bottom: 1px solid;
}

section.userreview .userreview_list .acd-btn * {
	display: block;
}

section.userreview .userreview_list.open .acd-btn p {
	display: none;
}


article #main-column section.userreview .comment,
article #main-column section.rating .comment {
	position: relative;
	margin-top: 1em;
	padding: 1em;
	font-size: 13px;
	background: #e3e3e3;
}

article #main-column section.userreview .comment:before,
article #main-column section.rating .comment:before {
	position: absolute;
	top: -18px;
	left: 2em;
	content: '';
	border: 6px solid transparent;
	border-bottom: 12px solid #e3e3e3;
}

article #main-column section.userreview .comment *,
article #main-column section.rating .comment * {
	padding: 0;
	background: none;
}

article #main-column section.rating .comment h3 {
	margin-bottom: .6em;
	font-weight: 500;
}

article #main-column section.userreview .comment p,
article #main-column section.rating .comment p {
	line-height: 1.6em;
}


@media screen and (min-width:1001px) {
	section.userreview .scroll-x {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
	}

	section.userreview .scroll-x>table {
		width: calc(100%/3 - .8em);
		margin-left: 1.2em;
	}

	section.userreview .scroll-x>table:nth-of-type(3n+1) {
		margin-left: 0;
	}

	section.userreview .scroll-x>table:nth-of-type(n+4) {
		margin-top: 1.2em;
	}
}

@media screen and (max-width:1000px) {
	section.userreview {
		width: 100%;
	}

	section.userreview h2 {
		width: calc(100% - 2em);
		margin: 0 auto .4em;
	}

	section.userreview+#iframe-box,
	section.userreview+#description-box {
		order: 1;
		margin-bottom: 2em;
	}

	section.userreview .scroll-x {
		overflow: hidden;
		overflow-x: scroll;
		white-space: nowrap;
		padding: 0 1em .4em;
	}

	section.userreview .scroll-x>table {
		display: inline-block;
		width: 26em;
		vertical-align: top;
		white-space: normal;
	}

	section.userreview .scroll-x>table:nth-of-type(n+2) {
		margin-left: 1.2em;
	}

	section.userreview div.more {
		width: calc(100% - 2em);
		margin-top: .6em;
	}
}

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

	article #main-column form[name='REVIEWLIST'] .pageNav_top,
	article #main-column form[name='REVIEWLIST']~.pageNav {
		font-size: .8em;
	}

	article #main-column form[name='REVIEWLIST'] .btnMore img {
		width: 190px;
	}

	article #main-column section.rating h2 {
		display: block;
		width: 100%;
	}

	article #main-column section.rating .btnMore {
		display: block;
		margin: .6em 0 0 0;
	}
}

@media screen and (max-width:500px) {
	section.userreview .scroll-x>table {
		width: 20em;
		padding: 1em;
	}

	section.userreview .scroll-x>table:nth-of-type(n+2) {
		margin-left: 1em;
	}
}

@media screen and (max-width:480px) {
	article #main-column form[name='REVIEWLIST'] .pageNav_top .pageL {
		float: none;
		width: 100%;
		margin-bottom: .6em;
	}

	article #main-column form[name='REVIEWLIST']~.pageNav .pageL {
		position: relative;
		padding-bottom: calc(35px + .6em);
	}

	article #main-column form[name='REVIEWLIST']~.pageNav .pageL form[name='REVIEWINFO'] {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	article #main-column section.rating .ttlArea {
		display: block;
	}

	article #main-column section.rating .btnMore {
		text-align: right;
		width: 100%;
	}

	article #main-column #itemBox {
		position: relative;
		overflow: visible;
	}

	article #itemBox h2,
	article div#main-column form[name='REVIEWLIST'] .btnMore {
		display: block;
		margin-bottom: .4em;
		float: none;
	}

	article #itemBox h2 {
		width: 100%;
	}

	article div#main-column form[name='REVIEWLIST'] .btnMore img {
		display: block;
		margin: 0 0 0 auto;
	}

	article #main-column section.rating ul li:nth-child(6),
	article #main-column section.rating ul li:nth-child(7) {
		width: 100%;
	}
}

@media screen and (max-width:400px) {
	section.userreview {
		margin: 1em auto 3em;
	}

	section.userreview .scroll-x>table {
		width: 18em;
	}

	article #main-column section.rating .reviewBox {
		display: block;
	}

	article #main-column section.rating .tmb {
		width: 120px;
		margin: 0 auto 1em;
	}

	article #main-column section.rating .reviewTxt {
		float: none;
		margin: 5px 0 0 0;
		width: 100%;
	}

	article #main-column section.rating h2,
	article #main-column section.rating .reviewBox_item p,
	article #main-column section.rating .reviewTxt p {
		font-size: .9em;
	}
}

@media screen and (max-width:370px) {
	section.userreview .scroll-x>table {
		width: 16em;
	}
}



/*==============================
	cart top
==============================*/
#main-column a.cart-top {
	position: fixed;
	bottom: 1em;
	right: 1em;
	display: block;
	padding: 1em;
	color: #fff;
	background: rgb(var(--txt-red));
	border: 1px solid transparent;
	border-radius: 50%;
	z-index: 10;
}

#main-column a.cart-top:hover {
	color: rgb(var(--txt-red));
	background: #fff;
	border-color: rgb(var(--txt-red));
}

#main-column a.cart-top svg {
	position: relative;
	left: -.1em;
	display: block;
	width: 2em;
	stroke: #fff;
}

#main-column a.cart-top:hover svg {
	stroke: rgb(var(--txt-red));
}

/*text*/
#main-column a.cart-top.text {
	padding: 0 2em;
}

#main-column a.cart-top.text:before {
	position: absolute;
	top: .6em;
	left: -.3em;
	content: '\5546\54C1\3092\30AB\30FC\30C8\306B\5165\308C\308B';
	display: block;
	width: 7em;
	text-align: center;
	text-shadow: var(--text-shadow-2px);
	font-size: .9em;
	line-height: 1.2em;
}

#main-column a.cart-top.text svg {
	padding: 3em 0 1em;
}


@media screen and (max-width:768px) {
	#main-column a.cart-top {
		font-size: .9em;
	}
}

@media screen and (max-width:425px) {
	#main-column a.cart-top {
		font-size: .8em;
	}

	#main-column a.cart-top.text:before {
		font-size: 12px;
	}
}