@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');

.description > br {
	display: none;
}
/* アコーディオン開閉 */
#item h2.toggle {
	cursor: pointer;
	position: relative;
}
#item h2.toggle::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	border: solid #c3bbb7;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	margin-top: -4px;
	transition: .2s;
}
#item h2.toggle.active::after {
	transform: rotate(-135deg);
	margin-top: -2px;
}
.toggle-contents {
	display: none;
}
.toggle-contents p {
	margin: 0 !important;
}
.ui-widget-overlay {
	z-index: 20000000 !important;
	background: rgba(0, 0, 0, .75);
	opacity: 1;
}
.ui-dialog {
	z-index: 20000001 !important;
}
#Detail #main-column h2  {
	margin: 2em 0 1em;
	padding: 4px 4px 3px;
	background: #efeae7 !important;
	color: #a18d7e;
	font-family: 'Roboto Condensed', 'Noto Sans JP', sans-serif;
	font-size: 1.6rem !important;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: .025em;
}
#Detail #main-column h2.hd-coordinate {
	background: #333 !important;
	color: #fff;
	font-weight: 1.4rem !important;
	text-align: center;
}
.coordinate {
	position: relative;
}
.coordinate .js-smartPhoto {
	margin-bottom: 10px;
}
.coordinate p {
	margin: .5em 0 !important;
	font-size: 1.4rem !important;
}
.coordinate p a {
	text-decoration: underline;
}
.coordinate p a:hover {
	text-decoration: none;
}
.coordinate-prev,
.coordinate-next {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	width: 30px;
	height: 30px;
	z-index: 10;
}
.coordinate-prev {
	left: -6px;
}
.coordinate-next {
	right: -6px;
}
.coordinate-prev::after,
.coordinate-next::after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border: #000 solid;
}
.coordinate-prev::after {
	border-width: 1px 0 0 1px;
	transform: scale(.6) rotate(-45deg);
}
.coordinate-next:after {
	border-width: 1px 1px 0 0;
	transform: scale(.6) rotate(45deg);
}
.swiper-button-disabled {
	opacity: 0;
}
@media screen and (min-width: 768px) {
	#Detail #main-column h2 {
		font-size: 1.8rem !important;
	}
	#Detail #main-column h2.hd-coordinate {
		font-weight: 1.6rem !important;
	}
	.coordinate {
		margin-bottom: 80px;
	}
	.coordinate p {
		font-size: 1.5rem !important;
	}
	.coordinate-prev,
	.coordinate-next {
		width: 40px;
		height: 40px;
	}
	.coordinate-prev {
		left: -8px;
	}
	.coordinate-next {
		right: -8px;
	}
}

#item h2, #item h3, #item h4, #item h5 {
	font-weight: 300;
}
#item h4 {
	margin: 1em 0 0;
	font-size: 2.4rem;
}
#item h5 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
}
#item h5::before,
#item h5::after {
	display: inline-block;
	content:'';
	width: 20px;
	height: 1px;
	margin: 0 4px;
	background: #000;
}
#item h3 {
	margin: 1em 0;
	font-size: 1.5rem;
}
.description > #item h3,
.description > #item h4,
.description > #item h5 {
	text-align: center;
}
@media screen and (min-width: 768px) {
	#item h4 {
		font-size: 3.6rem;
	}
	#item h5 {
		font-size: 2.6rem;
	}
	#item h3 {
		font-size: 2.4rem;
	}
}

div#main-column > section {
	padding: .1px 0 0;
}
article#Detail #main-column > section.recommend {
	padding: 0;
}
@media only screen and (max-width:767px) {
	#itemDetail-cont .itemOutline {
		margin-top: 18px;
	}
	article#Detail #main-column > section.recommend {
		padding: 0 10px;
	}
}


/*タイトル*/
#itemDetail-wrap h2.ttl {
	margin: 30px 0 10px;
	font-size: 1.8rem;
}

/* paragraph */
#itemDetail-wrap .description img {
	width: auto;
	margin: 0 auto !important;
}

#itemDetail-wrap + #itemDetail-wrap {
	margin-top: 40px;
}

/* カラバリ */
.colorvariation {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
}
.colorvariation > li> a {
	position: relative;
	display: block;
}
.colorvariation > li> a.new::before {
	position: absolute;
	top: -2px;
	left: 0;
	display: inline-block;
	content: 'NEW';
	padding: 1px 2px 0;
	background: #bf0000;
	color: #fff;
	z-index: 10;
	font-size: 1.1rem;
	line-height: 1;
}
.colorvariation > li > a > .thumbnail {
	position: relative;
	display: block;
	overflow: hidden;
}
.colorvariation > li > a > .thumbnail::before {
	display: block;
	content: '';
	padding-top: 100%;
}
.colorvariation > li > a > .thumbnail > span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#itemDetail-wrap .colorvariation > li > a > .thumbnail > span > img {
	width: 100%;
	/* height: 100%; */
	object-fit: cover;
}
.colorvariation > li > a > .colorname {
	margin-top: 4px;
	font-size: 1.1rem;
	line-height: 1.15;
	text-align: center;
}
@media only screen and (max-width:767px) {
	.colorvariation > li {
		width: calc( ( 100% - 12px ) / 4 );
	}
	.colorvariation > li:not(:nth-child(4n+1)) {
		margin-left: 4px;
	}
	.colorvariation > li:nth-child(n+5) {
		margin-top: 4px;
	}

}
@media print, screen and (min-width:768px) {
	.colorvariation > li {
		width: calc( ( 100% - 30px ) / 6 );
	}
	.colorvariation > li:not(:nth-child(6n+1)) {
		margin-left: 6px;
	}
	.colorvariation > li:nth-child(n+7) {
		margin-top: 6px;
	}
	.colorvariation > li> a.new::before {
		font-size: 1.2rem;
	}
	.colorvariation > li > a > .colorname {
		font-size: 1.2rem;
	}
}

/* Color/Size/Material */
.color_wash {
	margin: 0 0 1em 0;
}
.wash-img {
	padding: 0 10px;
}
@media print, screen and (min-width: 768px) {
	.color_wash {
		display: table;
		width: 100%;
	}
	.color_wash > .color-text,
	.color_wash > .wash_mark {
		display: table-cell;
		width: 50%;
	}
	/*
	.color_wash > .color-text {
		padding-right: 10px;
	}
	.color_wash > .wash_mark {
		padding-left: 10px;
	}
	*/
}

/* 季節表 */
table#seazon {
width: 100%;
margin: 0 0 20px 0;
border: 1px #E3E3E3 solid;
border-collapse: collapse;
border-spacing: 0;
}
table#seazon th {
padding: 1.25%;
border: #E3E3E3 solid;
border-width: 0 0 1px 1px;
font-size: 12px;
font-weight: bold;
}
table#seazon th.c01 {
width: 50%;
}
table#seazon th.c02, table#seazon th.c03 {
width: 25%;
}
table#seazon th.c01 span.square {
color: #F99;
margin: 0 5px 0 0;
}
table#seazon th.c02 span.square {
color: #99F;
margin: 0 5px 0 0;
}
table#seazon th.c03 span.square {
color: #CC9;
margin: 0 5px 0 0;
}
table#seazon td {
padding: 1.25%;
border: 1px #E3E3E3 solid;
border-width: 0 0 1px 1px;
font-size: 12px;
text-align: center;
}
table#seazon td.c01_normal {
width: 5.4%;
}
table#seazon td.c02_normal {
width: 5.4%;
}
table#seazon td.c03_normal {
width: 5.4%;
}
table#seazon td.c01_must01 {
width: 5.4%;
background: #F99;
font-weight: 900;
}
table#seazon td.c02_must01 {
width: 5.4%;
background: #99F;
font-weight: 900;
}
table#seazon td.c03_must01 {
width: 5.4%;
background: #CC9;
font-weight: 900;
}
table#seazon td.c01_must02 {
width: 5.4%;
background: #fedada;
font-weight: 900;
}
table#seazon td.c02_must02 {
width: 5.4%;
background: #cbcbff;
font-weight: 900;
}
table#seazon td.c03_must02 {
width: 5.4%;
background: #e6e7bb;
font-weight: 900;
}
/*サイズ表*/
@media print, screen and (min-width:768px) {
	ul.size {
		display: flex;
		flex-wrap: wrap;
	}
	ul.size > li {
		flex: 1;
	}
	ul.size > li:nth-child(2) {
		padding: 0 20px;
	}
}
/*table*/
table#size {
	width: 100%;
	border: 1px #d7d7d7 solid;
	border-collapse: collapse;
	border-spacing: 0;
	/* float: left; */
}
table#size th {
padding: 1.25%;
background: #F99;
border: #d7d7d7 solid;
border-width: 0 0 1px 1px;
font-size: 1.4rem;
}
table#size td {
width: 20%;
padding: 1.25%;
background: #fff;
border: 1px #d7d7d7 solid;
border-width: 0 0 1px 1px;
font-size: 1.4rem;
text-align: left;
}

/* その他の表 */
table[border='1'] th,
table[border='1'] td {
	padding: 4px;
	border: 1px solid #d7d7d7;
}
table[border='1'] th {
	font-weight: normal;
}

/* col3 */
font[size="contents"] {
	display: block;
	max-width: 800px;
}
font[size="contents"] > font[size="col3"] {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px !important;
}
font[size="contents"] > font[size="col3"] > p {
	width: 32%;
	width: calc( (100% - 60px) / 3 );
	font-size: 14px;
	text-align: center;
}
font[size="contents"] > font[size="col3"] > p:not(:nth-of-type(3n+1)) {
	margin-left: 30px !important;
}
font[size="contents"] > font[size="col3"] > p:nth-of-type(n+4) {
	margin-top: 30px !important;
}
font[size="col3"] a {
	text-decoration: none;
}
font[size="col3"] a:hover {
	text-decoration: underline;
}
font[size="col3"] img {
	width: 100%;
}

/* ２列 スマホ・PC共通
----------------------------------------------------*/
/* col3ではあるが2列 */
.col3::after {
	display: block;
	content: '';
	clear: both;
}
.col3-left,
.col3-right {
	width: 50%;
}
.col3-left {
	float: left;
}
.col3-right {
	float: right;
}

/* ブランド紹介セット 2018.6
----------------------------------------------------*/
.col2-lefttext {
	margin: 30px auto !important;
}
.col2-lefttext > div:nth-of-type(2) {
	margin: 10px 0 0;
}
.col2-lefttext p {
	margin: 20px 0 0 !important;
	font-size: 13px;
	line-height: 1.75;
}
.col2-lefttext img {
	display: block;
}
@media print, screen and (min-width:768px) {
	.col2-lefttext {
		display: flex;
		flex-direction: row-reverse;
	}
	.col2-lefttext > div {
		float: none !important;
		width: 50% !important;
	}
	.col2-lefttext > div:nth-of-type(1) {
		padding: 0 0 0 10px !important;
	}
	.col2-lefttext > div:nth-of-type(2) {
		padding: 0 10px 0 0 !important;
	}
}

br + br + #item.tmp1705 {
	margin-top: -2em;
}
#item.tmp1705 p span.minicopy {
	margin: 0 0 .75em;
	background: none;
	color: #ff5e8f;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: 0.3em;
}
#item.tmp1705 p span.copy {
	margin: 0 0 .75em;
	background: none;
	font-family: 'EBGaramond', 'Shippori Mincho B1', serif;
	font-size: 3.8rem;
	font-weight: 500;
	line-height: 1.25;
	text-align: left;
}
@media print, screen and (min-width:768px) {
	#item.tmp1705 p span.minicopy {
		font-size: 2.2rem;
	}
	#item.tmp1705 p span.copy {
		font-size: 4.2rem;
	}
}

/* kk9001 sp style 2018.6 */
/*
@media only screen and (max-width:999px) {
	font[size='kk9001-sp'] {
		display: block;
		margin: 0 -10px;
		background: #fff;
		color: #000;
		font-size: 12px;
		line-height: 1.5;
	}
	font[size='kk9001-sp'] font {
		display: block;
		color: #000;
	}
	font[size='kk9001-sp'] img {
		display: block;
		max-width: 100%;
		width: 0 auto;
		height: auto;
		line-height: 1;
		vertical-align: bottom;
	}
	font[size='kk9001-sp'] img[src*='kk9001-sp-features'] {
		width: calc(100% - 20px);
		margin: 10px;
	}
	font[size='kk9001-sp'] img[src*='kk9001-sp-features8'] {
		margin-bottom: 40px;
	}
	p[align='ranking-desc']  {
		margin: 5px 0 0;
		font-size: 11px;
		text-align: center;
	}
	p[align='ranking-info'] {
		margin: 15px 0 1px;
		padding: 10px;
		background: #ffdece;
		color: #6c3821;
		font-size: 11px;
		text-align: center;
	}
	font[size='caution'] {
		padding: 0 0 10px;
		background: #bf0000;
	}
	font[size='caution-box'] {
		margin: 0 10px;
		padding: 10px;
		background: #fff;
	}
	font[size='caution'] b {
		color: #bf0000;
	}
	p[align='caution-hd'] {
		margin: 0;
		font-size: 14px;
		font-weight: bold;
	}
	p[align='caution-hd']:nth-of-type(n+2) {
		margin: 16px 0 0;
	}
	p[align='caution-desc'] {
		margin: 6px 0 0;
		font-size: 12px;
	}
	p[align='caution-desc'] b {
		font-weight: normal;
	}
	p[align*='kk9001-story'] {
		margin: 0 10px;
		text-align: right;
	}
	p[align*='kk9001-story'] img {
		display: inline-block;
		width: 220px;
	}
	p[align='kk9001-story1'],
	p[align='kk9001-story3'] {
		padding-bottom: 30px;
	}
	font[size='material'] {
		background: url('/pic-labo/kk9001-sp-bg-stripe.gif');
	}
	font[size='review'] {
		margin: 0 0 30px;
	}
	p[align='review-info']  {
		margin: 0 0 20px;
		font-size: 13px;
		text-align: center;
	}
	p[align='review-info'] > b {
		font-weight: normal;
	}
	p[align='review-info'] > b:nth-of-type(1) {
		color: #fb8477;
	}
	p[align='review-info'] > b:nth-of-type(2) {
		margin-left: 1em;
		font-size: 11px;
	}
	font[size='review-box'] {
		margin: 10px;
		padding: 0 15px;
		border: 1px solid #ddd;
	}
	p[align='review-title'] {
		margin: 20px 0 10px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
	p[align='review-rating'] {
		margin: 10px 0;
		color: #f8ae4b;
		font-size: 14px;
		text-align: center;
	}
	font[size='madeinjapan'] {
		padding: 0 10px 30px;
		background: url('/pic-labo/kk9001-sp-bg-stripe.gif');
	}
	font[size='madeinjapan'] p {
		margin: 0 0 10px;
	}
	p[align='review-text'] b,
	font[size='madeinjapan'] b {
		color: #bf0000;
		font-weight: normal;
	}
	img[alt='factory'] {
		float: right;
		width: 100px;
		margin: 0 0 10px 10px;
	}
	font[size='apology'] {
		padding: 10px;
		background: #fff;
		border: 1px solid #eee0d9;
	}
	font[size='apology'] p[align='title'] {
		color: #fb8477;
		margin: 10px -0.25em 10px 0;
		font-size: 14px;
		text-align: center;
		letter-spacing: .25em;
	}
	font[size='apology'] p:last-of-type {
		margin: 0;
	}
}
*/

/* YouTube動画 */
font[color='wrapper-youtube'] {
	position: relative;
	display: block;
	max-width: 800px;
}
font[color='wrapper-youtube']::before {
	display: block;
	content: '';
	height: 0;
	padding-top: 56.25%;
}
font[color='wrapper-youtube'] > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* 商品ページ内のInstagramスタイル */
.wrapper-video-instagram-vertical {
	position: relative;
	overflow: hidden;
}
.wrapper-video-instagram-vertical::before {
	display: block;
	content: '';
	padding-top: 180%; /* w400 x h720 */
}
.wrapper-video-instagram-vertical > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
}
.ph-video {
	background: #f4f4f4;
	margin: 20px 0 !important;
	padding: 20px 0 0 !important;
	text-align: center;
}
.ph-video h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px !important;
	font-size: 1.4rem !important;
	letter-spacing: .25em !important;
}
.ph-video h2.insta::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	margin: -1px .25em 0 0;
	padding: 0 !important;
	background: url('/info/welcome/icon_instagram.svg') no-repeat;
	background-size: 24px;
}
.ph-video p {
	margin: 10px 0 !important;
}
.video-insta-l {
	position: relative;
	display: block;
	float: none !important;
	width: 100%;
	max-width: 480px;
	margin: 0 auto !important;
	overflow: hidden;
}
.video-insta-l::before {
	display: block;
	content: '';
	padding-top: 56.1333% !important;
}
.video-insta-l > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	overflow: hidden;
}
@media screen and (max-width: 640px) {
	.ph-video p {
		padding: 0 10px;
	}
}
@media all and (min-width: 641px) {
	.ph-video {
		padding: 30px !important;
	}
}

/* 予約
----------------------------------------------------*/
/*
font[size='yoyaku'] {
	display: block;
	font-size: 12px;
	text-align: center;
}
font[size='yoyaku'] font[color=red] {
	display: block;
	margin: 40px 0 -8px;
	padding: 8px 0 6px;
	background: #db1b76;
	color: #fff;
	font-size: 16px;
}
font[size='yoyaku'] font[color=red]:before {
	display: inline-block;
	content: '';
	width: 28px;
	height: 28px;
	margin: -2px 10px 0 0;
	background: url('/pic-labo/yoyaku2.gif');
	background-size: contain;
	vertical-align: middle;
}
font[size='yoyaku'] font[size='-2'] {
	display: block;
	font-size: 11px;
}
@media print, screen and (min-width:1000px) {
	font[size='yoyaku'] {
		font-size: 15px;
	}
	font[size='yoyaku'] font[size='-2'] {
		font-size: 13px;
	}
}
@media only screen and (max-width:999px) {
	font[size='yoyaku'] font[size='-2'] {
		margin: 10px 10px 0;
	}
}
*/

font[size='yoyaku'] {
	display: block;
	font-size: 1.4rem;
	line-height: 1.5;
}
.spec font[size='yoyaku'] {
	text-align: left;
}
/* カゴ近くに移動したもののみの適用 */
.itemOutline font[size='yoyaku'] {
	border: 2px solid #f39797;
	margin-bottom: 6px;
	padding: 6px;
}
font[size='yoyaku'] font[color='red'] {
	display: block;
	padding: 2px 6px;
	background: #f39797;
	color: #fff;
	font-weight: bold;
}
font[size='yoyaku'] font[color='red'] + br {
	display: block;
	content: '';
	margin: 0;
	height: 6px;
}
font[size=yoyaku] font[size='-2'] {
	display: block;
	margin-left: 1em;
	text-indent: -1em;
	font-size: 1.2rem;
	line-height: 1.25;
}
font[size=yoyaku] br + br + font[size='-2'] {
	margin-top: -1em;
}
font[size='yoyaku'] + table.price {
	margin-top: 10px !important;
}
font[size='yoyaku'][class='end'] {
	border: 0;
	padding: 0;
}

/* 袴 関連コンテンツ */
#rel-hakama {
	width: 100%;
	height: 840px;
	margin: 20px 0;
}
@media print, screen and (min-width:768px) {
	#rel-hakama {
		height: 1240px;
	}
}
.wrapper-hakama {
	position: relative;
	display: block;
	margin: 20px -10px;
	padding-top: 280%;
}
.wrapper-hakama > iframe {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	width: 1px;
	height: 100%;
	min-width: 100%;
	*width: 100%;
}
.mypage_login {
	border: 1px solid #000 !important;
}
.layoutp3 th {
	vertical-align: middle !important;
}
input.text1 {
	height: auto !important;
	padding: 4px !important;
	border: 1px solid #ddd !important;
	border-radius: 2px;
}
textarea.text1 {
	height: 6em !important;
	padding: 4px !important;
	border: 1px solid #ddd !important;
	border-radius: 2px;
}

@media only screen and (max-width:767px) {
	.wrapper-slider {
		position: relative;
		display: block;
		margin: 20px 0;
		padding-top: 170.3125%;
	}
	.iframe-slider {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
	}
}
@media print, screen and (min-width:768px) {
	.wrapper-hakama {
		padding-top: 156%;
	}
	.iframe-slider {
		width: 100%;
		height: 1010px;
		overflow-y: hidden;
	}
}
.col-multi {
	display: flex;
}
.col-multi > img {
	margin: 0 !important;
}
section.userreview + #itemDetail-wrap {
	margin-top: 0 !important;
}
.pagebanners {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 1em 0;
}
.pagebanners > a {
	width: 100%;
}
.pagebanners > a > img {
	margin: 4px auto !important;
}
.pagebanners .btn-more {
	width: 50%;
}
.pagebanners .btn-more:nth-of-type(odd) {
	padding-right: 2px;
}
.pagebanners .btn-more:nth-of-type(even) {
	padding-left: 2px;
}
.pagebanners .btn-more {
	margin: 0 auto !important;
}
.pagebanners .btn-more a {
	max-width: none;
	margin: 4px auto 0;
	padding: 0;
	font-size: 1.4rem;
}
.pagebanners2 {
	margin: 0 0 20px;
}
.pagebanners2 > a {
	display: block;
	margin: 4px auto;
}
.footnote-coupon + .btn-more {
	margin: -10px 0 -20px;
}
@media print, screen and (min-width:768px) {
	.pagebanners2 {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto 60px;
	}
	.pagebanners2 > a {
		width: 50%;
		margin: 6px 0 0;
	}
	.pagebanners2 > a:nth-of-type(even) {
		padding-left: 3px;
	}
	.pagebanners2 > a:nth-of-type(odd) {
		padding-right: 3px;
	}
}

.sp-desc {
	display: flex;
	align-items: center;
	margin: 0;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1.25;
	text-align: left;
}
.sp-desc .tag,
.sp-desc .tag2 {
	display: inline-block;
	margin: 0 6px 0 0;
	padding: 3px 4px 2px;
	border: 1px solid #e64e4e;
	color: #e64e4e;
	line-height: 1;
}
.sp-desc .tag2 {
	line-height: 1.25;
}
.sp-link {
	margin: 4px 0 16px;
	font-size: 1.3rem;
	text-decoration: underline;
}
.sp-link + .sp-desc {
	margin-top: 1em;
}

/* クーポン利用不可商品 */
.caution-nocoupon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 0 5px !important;
	padding: 4px 6px;
	border: 1px solid red;
	color: red;
	font-size: 1.2rem;
	line-height: 1.25;
}
.smp .caution-nocoupon {
	width: calc( 100% - 20px );
	margin: 5px 10px 0 !important;
}
@media print, screen and (min-width:768px) {
	.caution-nocoupon {
		font-size: 1.3rem;
	}
}

/* 闇市 */
/* 闇市カテゴリページも存在するためほぼすべて theme.css に記載 */
.member {
	background: #a84ed2;
}
.ico_salesMethod {
	color: #a84ed2;
}

/* 名入れ商品注記 */
.caution-naire {
	border: 2px solid #f39797;
	padding: 6px;
}
.caution-naire-hd {
	margin-bottom: .5em;
	padding: 2px 0.5em;
	background: #f39797;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
}
.caution-naire li {
	text-indent: -1em;
	margin-left: 1em;
}
.caution-naire li::before {
	display: inline;
	content: '\00203b';
	width: 1em;
}
.caution-naire * {
	font-size: 1.4rem !important;
}
.caution-naire a {
	text-decoration: underline;
}
section#itemDetail-wrap .itemOutline .caution-naire li {
	float: none;
	margin-right: 0;
	width: auto;
}

/* 商品ページ レスポンシブテーマ調整*/
#itemDetail-cont .itemThumb-wrap .itemThumb.swiper {
	position: relative;
	padding-bottom: 24px; /* スライダーページネーション用の下部余白 */
}

/* 商品画像サムネイルを横スライダー形式に改造 */
#itemDetail-cont .itemThumb-wrap .itemThumb ul {
	overflow: unset;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
	float: none;
	position: relative;
	max-width: none;
	height: auto;
	margin: 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb .swiper-pagination-fraction {
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 4em;
	height: 20px;
	background: #000000a6;
	font-size: 1.2rem;
	line-height: 20px;
	border-radius: 10px;
	box-shadow: 0 0 4px 0 #0000001f;
	color: #fff;
}
#itemDetail-cont .itemThumb-wrap .itemThumb img {
	cursor: pointer;
	border: 0 !important;
	transition: .2s;
	opacity: 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb.swiper img {
	opacity: 1;
}

:root {
	--swiper-navigation-color: #fff;
	--swiper-navigation-size: 14px !important;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}
.swiper-button-next,
.swiper-button-prev {
	top: calc( 50% - 44px ); /* ページネーション用下部余白とUI改造分のズレを相殺 */
}
.swiper-button-prev:before,
.swiper-button-next:before {
	position: absolute;
	top: 0;
	display: block;
	content: '';
	width: 40px;
	height: 40px;
	background: #00000047;
	border: 1px solid #ffffffab;
	mix-blend-mode: difference;
	border-radius: 50%;
	z-index: 1;
}
.swiper-button-prev:before {
	left: 0;
}
.swiper-button-next:before {
	right: 0;
}
.swiper-button-prev:after,
.swiper-button-next:after {
	position: absolute;
	top: 13px;
	z-index: 2;
}
.swiper-button-prev:after {
	left: 15px;
}
.swiper-button-next:after {
	right: 15px;
}

/* 商品サムネのイメージビューワー調整 */
.smartphoto {
	z-index: 10000000;
}
.smartphoto-header {
	border-bottom: 1px solid #555;
}
.smartphoto-arrows li {
	width: 20px;
	height: 20px;
	padding: 10px;
	background: #00000047;
	border: 1px solid #ffffffab;
	mix-blend-mode: difference;
	border-radius: 50%;
	margin-top: -30px;
}
.smartphoto-arrow-left {
	left: 10px;
}
.smartphoto-arrow-right {
	right: 10px;
}
.smartphoto-arrow-right a,
.smartphoto-arrow-left a {
	background-size: 15px;
}
.smartphoto-arrow-right a {
	background-position: 4px center;
}
.smartphoto-arrow-left a {
	background-position: 1px center;
}
.smartphoto-count,
.smartphoto-caption {
	font-size: 1.4rem;
}

#itemDetail-cont .itemOutline .icons {
	float: right;
	margin: 0 0 10px 10px;
}
#itemDetail-cont .itemOutline ul.ico_itemType li {
	height: auto;
	margin-right: 0;
}
#itemDetail-cont .itemOutline ul.ico_itemType li:nth-child(n+2) {
	margin-left: 4px;
}
article#Detail #main-column h1 {
	margin: 0 0 18px;
	font-size: 1.8rem;
	line-height: 1.4;
}
section#itemDetail-wrap table.price {
	margin: 0;
}
/*
table.price tr.fx_price span.strike span.fixed_price, table.price span.strike {
	text-decoration: none;
}
table.price th,
table.spec th,
table.price td,
table.spec td {
	padding: 4px 0 !important;
	font-size: 1.4rem !important;
	font-weight: normal;
	line-height: 1.25 !important;
	text-align: left;
	vertical-align: top;
}
table.price th,
table.spec th {
	width: 8em !important;
	padding-right: 2em !important;
	vertical-align: middle !important;
}
table.price td,
table.spec td  {
	width: auto !important;
}
*/

table.price {
	margin-top: 6px;
}
table.price th,
table.spec th {
	font-weight: normal;
	text-align: left;
}
tr.fx_price th,
tr.price th,
tr.rg_price th {
	display: none;
}
table.price .fx_price,
table.price .price {
	text-align: left !important;
}
table.price .fx_price td {
	padding-bottom: 2px;
}
table.price .strike::before {
	content: none;
}
table.price .fixed_price {
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none !important;
}
table.price .fixed_price::before {
	position: relative;
	top: -.5px;
	display: inline-block;
	content: '\00901a\005e38\004fa1\00683c';
	margin-right: 2px;
	font-size: 1.35rem;
}
table.price .taxin {
	margin-left: 2px;
	font-size: 1.2rem !important;
	font-weight: bold;
}

table.price .selling_price + .taxin {
	top: -2px;
	margin-left: 0;
	font-size: 1.3rem !important;
	font-weight: bold !important;
}
table.price .fx_price + .price .selling_price,
table.price .fx_price + .price .taxin {
	color: #e64e4e !important;
}
table.price .discount_rate {
	position: relative;
	top: -1px;
	font-size: 1.4rem !important;
}
.publish_point {
	display: block;
	margin-top: 8px;
	font-size: 1.2rem;
}
.quantityArea + tr:not([class]),
.option_area + tr:not([class]),
.option_area {
	display: flex;
	width: 100%;
}
.model,
.mfr {
	display: none;
}
.option_area,
.quantityArea + tr:not([class]),
.option_area + tr:not([class]) {
	align-items: center;
}
.quantityArea + tr:not([class]) th,
.quantityArea + tr:not([class]) td,
.option_area + tr:not([class]) th,
.option_area + tr:not([class]) td,
.option_area th,
.option_area td,
.model th,
.model td,
.mfr th,
.mfr td {
	width: auto !important;
	padding: 0 !important;
	font-size: 1.3rem;
	line-height: 1.25 !important;
}
.quantityArea + tr:not([class]) th,
.option_area + tr:not([class]) th,
.option_area th,
.mfr th,
.model th {
	padding-right: .5em !important;
	white-space: nowrap;
}
.quantityArea + tr:not([class]) th,
.option_area + tr:not([class]) th,
.option_area th {
	width: 30% !important;
	white-space: normal;
}
.quantityArea + tr:not([class]) td,
.option_area + tr:not([class]) td,
.option_area td {
	width: 70% !important;
}
.option_parts {
	margin: .25em 0 1em;
}
.mfr td {
	white-space: nowrap;
}

/* 在庫表 */
section#itemDetail-wrap table.spec tr.quantityArea td select.quantity {
	width: 100%;
}
div[aria-describedby='variationPriceAnnounceMailDialog'], div[aria-describedby='spsVarpriceStockDialog1'] {
	overflow-x: hidden;
}
div[aria-describedby='spsVarpriceStockDialog1'] .ui-dialog-title {
	font-size: 1.4rem;
}
#spsVarpriceStockDialog1 table.variation th, #spsVarpriceStockDialog1 table.variation td,
.note-variation {
	font-size: 1.3rem;
	line-height: 1.25;
}
.note-variation {
	margin: -.25em 0 0.75em;
}
.note-variation a {
	text-decoration: underline;
}
.note-variation a:hover {
	text-decoration: none;
}
.variation {
	text-align: center;
}
.nostock {
	font-family: monospace;
}
.nostock + br {
	display: none;
}
img[src='/hpgen/HPB/theme/img/btn_restock.gif'],
img[src='/hpgen/HPB/theme/img/btn_nostock.gif'] {
	display: inline-block;
	width: auto !important;
	height: 30px !important;
}
[class^='sps-wishAddItem'] {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 44px;
	margin-top: -2px;
	border-radius: 3px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	cursor: pointer;
	transition: .5s;
}
[class^='sps-wishAddItem']:hover {
	opacity: .75;
}
[class^='sps-wishAddItem'] img {
	display: none;
}
.sps-wishAddItem {
	background: #f39797;
}
.sps-wishAddItemOk {
	background: #c5bcbc;
}
[class^='sps-wishAddItem']::before {
	display: block;
	content: '\f462';
	margin-right: 4px;
	font: normal normal normal 2rem / 1 'Phosphor';
}
.sps-wishAddItem::after,
.sps-wishAddItemOk::after {
	display: block;
}
.sps-wishAddItem::after {
	content: '\00304a\006c17\00306b\005165\00308a\00306b\00767b\009332';
}
.sps-wishAddItemOk::after {
	display: block;
	content: '\00304a\006c17\00306b\005165\00308a\00306b\00767b\009332\006e08';
}
.infoArea {
	display: none;
}
section#itemDetail-wrap p.cancel {
	display: flex;
	margin-top: 6px;
	padding: 0;
}
a.contact {
	margin-left: 8px;
}
a.contact > img {
	display: none;
}
a.contact::before {
	display: inline-block;
	content: '\f3bf';
	margin-right: 2px;
	font: normal normal normal 16px / 1 'Phosphor';
}
a.contact::after {
	display: inline-block;
	content: '\00304a\00554f\003044\005408\00308f\00305b';
}
section#itemDetail-wrap p.cancel a,
section#itemDetail-wrap p.review_txt a  {
	display: flex;
	align-items: center;
	padding: 6px 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 1.3rem;
	line-height: 1;
}
div#main-column section#itemDetail-wrap p.review_txt {
	margin: 10px 0;
	padding: 0;
	color: #000;
	font-size: 1.4rem;
	background: none;
}
div#main-column section#itemDetail-wrap p.review_txt span {
	display: inline-block;
	margin-left: 4px;
	font-weight: normal;
}
section#itemDetail-wrap p.review_txt::before {
	position: relative;
	top: 4px;
	display: inline-block;
	content: '\f332';
	margin-right: 2px;
	font: normal normal normal 18px/1 "Phosphor";
}
@media only screen and (max-width: 767px) {
	.itemOutline,
	section#itemDetail-wrap .description {
		padding: 0 10px;
	}
}
/* SKU表を横スクロール可能に */
.wrapper-matrix {
	overflow-x: auto;
	width: calc( 100vw - 20px);
	margin: 0 0 12px;
	white-space: nowrap;
}
@media only screen and (max-width: 767px) {
	.wrapper-matrix {
		scroll-behavior: smooth;
	}
}
@media screen and (min-width:768px) {
	.wrapper-matrix {
		width: 380px;
		padding-bottom: 4px;
		cursor: grab;
	}
	.wrapper-matrix::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}
	.wrapper-matrix::-webkit-scrollbar-track {
		background: #fff;
		border: none;
		border-radius: 4px;
		background: #f1f1f1;
	}
	.wrapper-matrix::-webkit-scrollbar-thumb {
		background: #ddd;
		border-radius: 4px;
		box-shadow: none;
	}
}
#itemDetail-cont table.matrix {
	margin: 0;
	min-width: 100%;
	line-height: 1.4;
}
table.matrix td {
	position: relative;
	padding: 8px 6px;
	border: 1px solid #d7d7d7 !important;
	color: #666;
	font-size: 1.1rem;
	line-height: 1.25;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
table.matrix tr:first-child td,
table.matrix tr td:first-child {
	color: #000 !important;
	font-size: 1.3rem;
	white-space: normal;
}
.matrix_header {
	min-width: 4em;
	font-weight: normal !important;
}
.fm_header {
	min-width: 6em;
}
#itemDetail-cont table.matrix td > a.announceMail, #itemDetail-cont table.matrix td > a.announceMailSamePrc {
	width: auto;
}
#itemDetail-cont table.matrix td > a.announceMail:after, #itemDetail-cont table.matrix td > a.announceMailSamePrc:after {
	margin: 0 auto 2px;
	zoom: .655;
}

/* 「商品仕様」レビュー抜粋を商品ページ上部に移動するのに付いてきてしまうので非表示に */
.spec-g_txt_table_wrap {
	display: none;
}
article#Detail #main-column section.spec-g_txt,
article#Detail #main-column section.spec-g_table {
	float: none;
	width: auto;
	margin: 0 0 30px;
	padding: 0;
}
#main-column .spec-g_txt h2,
#main-column .spec-g_table h2 {
	margin: 2em 0 .5em;
}
article#Detail #main-column section.spec-g_txt p,
article#Detail #main-column section.spec-g_table tr {
	padding: 0;
	font-size: 1.2rem;
	line-height: 1.75;
}
section.userreview {
	margin: 0;
	padding: 0 10px !important;
	font-family: 'Roboto Condensed', 'Noto Sans JP', sans-serif !important;
}
@media print, screen and (min-width:768px) {
	section.userreview {
		padding: 0 !important;
	}
}
section.userreview table.userreview_list tr td.userreview_user {
	padding-bottom: 4px;
	font-size: 1.6rem;
	font-weight: 300;
}
section.userreview table.userreview_list tr td.userreview_date,
section.userreview table.userreview_list td.userreview_rate {
	font-size: 1.2rem;
	font-weight: normal;
}
section.userreview div.more {
	margin: 10px 0 40px 0;
}
section.userreview div.more a img {
	display: inline-block;
}
.recommend h2 {
	font-family: 'Roboto Condensed', 'Noto Sans JP', sans-serif !important;
	font-size: 1.6rem !important;
	font-weight: 300;
}
.column4 p.price, .column5 p.price, .column4 .fixed, .column5 .fixed, .column4 p.fx_price, .column5 p.fx_price {
	text-align: center;
}
input[name^='CNT'] {
	min-width: 3em;
	text-align: center;
}
article#Detail #main-column .w100 table.spec-g_cont th {
	font-weight: normal;
	text-align: left;
}
section#itemDetail-wrap table.spec td {
	line-height: inherit;
	padding: inherit;
}

/* 在庫を見る ボタン非表示 UIとして不要ではないか？ */
#itemDetail-wrap .cartArea > div + div {
	display: none;
}
section#itemDetail-wrap .cartArea img.nostock {
	margin-bottom: 6px;
}
section#itemDetail-wrap .cartArea img.nostock + a {
	display: block;
	margin-bottom: 20px;
}

/* カートに入れるボタン */
/*
.cartArea {
	position: relative;
	background: #000;
	border-radius: 3px;
	color: #fff;
	font-size: 1.8rem;
	transition: .5s;
}
.cartArea:hover {
	opacity: .7;
}
#cartButton {
	position: relative;
}
#cartButton input {
	position: relative;
	opacity: 0 !important;
	z-index: 10;
}
#cartButton::after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content: '\0030ab\0030fc\0030c8\00306b\005165\00308c\00308b';
	transform: translate(-40%, -40%);
	font-size: 1.8rem;
	font-weight: bold;
	z-index: 1;
}
#cartButton::before {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-310%, -44%);
	content: '\f579';
	font: normal normal normal 2.4rem / 1 'Phosphor';
}
*/
/* リコルド用ボタン */
.btn-cart-plus img {
	width: 100%;
	max-width: none;
	margin: 0 0 10px
}
.btn-cart-plus a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	margin: 10px 0;
	background: #d057df;
	border-radius: 3px;
	color: #fff;
	text-decoration: none !important;
}
.btn-cart-plus a:hover {
	color: #fff;
	opacity: .8;
}
/* 諸情報 */
.misc {
	margin: 8px 0;
	padding: 12px 10px;
	background: #f4f4f4;
}
section#itemDetail-wrap .itemOutline .misc > li {
	float: none;
	margin: 0;
	width: auto;
}
section#itemDetail-wrap .itemOutline .misc > li:nth-child(n+2) {
	margin-top: 4px;
}
.misc a {
	display: flex;
	align-items: center;
	font-size: 1.3rem;
	line-height: 1;
	text-decoration: underline;
}
.misc a:hover {
	text-decoration: none;
}
[class^='icon-s-'] {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 3px;
}
.icon-s-delive {
	background: url('/images/icon-s-freedeliv.png') no-repeat;
	background-size: cover;
}
.icon-s-sameday {
	background: url('/images/icon-s-sameday.png') no-repeat;
	background-size: cover;
}
.icon-s-line {
	background: url('/images/icon-s-line.png') no-repeat;
	background-size: cover;
}

.ph {
	margin: 20px 0;
}
section#itemDetail-wrap .description p {
	margin: 1em 0;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.5;
}
.ph img + p {
	margin-top: 4px !important;
}
.dt-col3 {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0;
}
.dt-col3 > div {
	width: calc( (100% - 20px ) / 3);
}
.dt-col3 > div:not(:nth-of-type(3n+1)) {
	margin-left: 10px;
}
.dt-col3 > div:nth-of-type(n+4) {
	margin-top: 20px;
}
section#itemDetail-wrap .description .dt-col3 p,
section#itemDetail-wrap .description .dt-col2 p {
	margin-top: 4px;
	font-size: 1.3rem;
}
.dt-col2 {
	display: flex;
	margin: 20px 0;
	flex-wrap: wrap;
}
.dt-col2 > div {
	width: calc( (100% - 20px ) / 2);
}
.dt-col2 > div:nth-of-type(even) {
	margin-left: 10px;
}
.dt-col2 > div:nth-of-type(n+3) {
	margin-top: 20px;
}
.col2 {
	margin: 20px 0;
}
.col2-text {
	padding: 30px;
}
p.col2-text span {
	display: block;
	background: #f8ded4;
	font-size: 1.6rem;
	font-weight: 300;
}
@media only screen and (max-width: 767px) {
	.col2-right {
		margin-bottom: 20px;
	}
}
@media print, screen and (min-width:768px) {
	.col2 {
		margin: 40px 0;
	}
	.col2::after {
		display: block;
		content: '';
		clear: both;
	}
	.col2-left,
	.col2-right {
		width: 50%;
	}
	.col2-left {
		float: left;
		padding-right: 30px;
	}
	.col2-right {
		float: right;
	}
	section#itemDetail-wrap .description p.col2-text {
		padding: 20px;
		font-size: 1.4rem;
		line-height: 1.75;
	}
}
div.text-center {
	position: relative;
}
.text-center-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	transform: translate(-50%, -50%);
	padding: 2em;
	background: #00000040 !important;
	color: #fff;
	font-weight: 300;
}
.text-center-img > span {
	display: block;
	margin: 0 0 .75em;
	font-size: 1.8rem;
	text-align: center;
}
#item + table {
	width: 100%;
}
article#Detail #main-column #item h1 {
	text-align: center;
}
#itemDetail-cont table.snsArea {
	height: 20px;
}
.snsArea .sps-twitter-sq {
	width: auto;
	height: 20px;
	border-radius: 3px;
}
#sns-facebook-button {
	display: flex;
	justify-content: center;
	width: 95px;
	overflow: hidden;
}
#btn-pinterest > span {
	display: flex;
	margin-left: 4px;
	border-radius: 3px;
}

/* カート表示エリアにジャンプボタン */
.gotocart {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 48px;
	right: 10px;
	transform: translate(0, 30px);
	opacity: 0;
	pointer-events: none;
	text-indent: 120%;
	overflow: hidden;
	width: 44px;
	height: 44px;
	background: #000000b8;
	border-radius: 4px;
	z-index: 100;
}
.gotocart.slidein {
	transform: translate(0, 0);
	opacity: 1;
	pointer-events: auto;
}
.gotocart::before {
	position: relative;
	left: -10%;
	color: #fff;
	font-size: 2.4rem;
}
@media print, screen and (min-width:768px) {
	.gotocart {
		left: calc( 50% + 558px );
		right: inherit;
	}
}

/* クーポン誘導ボタン(ページ下部固定) */
#coupon {
	scroll-margin-top: 200px;
}
.btn-coupon-bottom {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 10px;
	bottom: 48px;
	transform: translate(0, 30px);
	opacity: 0;
	pointer-events: none;
	width: calc(100% - 70px);
	max-width: 800px;
	height: 44px;
	padding: 2px 1em 0;
	background: #ffa500f2;
	border-radius: 4px;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	z-index: 10;
	overflow: hidden;
}
.btn-coupon-bottom.slidein {
	transform: translate(0, 0);
	opacity: 1;
	pointer-events: auto;
}
.btn-coupon-bottom:hover {
	color: #fff;
}
.btn-coupon-bottom::before {
	position: absolute;
	bottom: 0;
	left: 20px;
	display: block;
	content: 'COUPON';
	width: 44px;
	color: #fff;
	border-bottom: 1px dashed #fff;
	font-size: 1.1rem;
	transform-origin: left bottom;
	transform: rotate(-90deg);
	text-align: center;
}
@media print, screen and (min-width:768px) {
	.btn-coupon-bottom {
		left: calc(50% - 250px);
		width: 100%;
	}
	.btn-coupon-bottom:hover {
		opacity: .8;
	}
}

/* まとめ買いクーポン */
.deliveryfree {
	margin: 20px 0 10px;
	text-align: center;
}
.deliveryfree > span {
	display: block;
	font-weight: 300;
	line-height: 1.25;
	letter-spacing: .25em;
	margin-right: -.25em;
}
.deliveryfree > span:nth-of-type(1) {
	font-size: 1.4rem;
}
.deliveryfree > span:nth-of-type(2) {
	font-size: 2.46rem;
	font-weight: 700;
}
.coupon {
	display: flex;
	flex-wrap: wrap;
	background: transparent;
	border: 0;
	margin: 0 0 10px;
}
.coupon > li  {
	flex: 1;
	text-align: center;
}
.coupon > li:nth-child(n+2) {
	margin-left: 4px;
}
.coupon > li > a {
	display: block;
	padding: 1px;
	background: #fff;
	border: 1px solid #320909;
	line-height: 1.1 !important;
}
.coupon > li > a * {
	transition: .2s;
}
.coupon > li > a:hover * {
	color: #f39797;
}
#main-column .hd-coupon {
	margin: -2px -2px 0;
	padding: .5em 0;
	background: #320909 !important;
	color: #fff;
	font-family: 'Prata', 'Shippori Mincho B1', serif;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.05;
}
#main-column .hd-coupon::first-letter {
	font-size: 125%;
}
.conditions {
	margin: 2px 0 4px !important;
	font-size: 1.2rem !important;
}
.conditions > span {
	color: #b92f2f;
	font-family: 'Prata', 'Shippori Mincho B1', serif;
	font-size: 125%;
}
.discount {
	display: flex;
	justify-content: center;
	font-family: 'Prata', 'Shippori Mincho B1', serif;
}
.discount * {
	line-height: 1.1 !important;
}
.per-num {
	color: #b92f2f;
	font-size: 4rem !important;
	letter-spacing: -.05em;
	margin: 0 .05em 0 0 !important;
}
.per-off > span {
	display: block;
}
.per-off > .per {
	margin: 0;
	font-size: 2.8rem;
}
.per-off > .off {
	margin-top: -4px;
	font-size: 1rem;
}
.btn-coupon {
	margin: 0 !important;
	padding: 4px 0;
	background: #320909;
	color: #fff;
	font-size: 1.2rem !important;
}
@media print, screen and (min-width:768px) {
	.deliveryfree > span:nth-of-type(1) {
		font-size: 3rem;
	}
	.deliveryfree > span:nth-of-type(2) {
		font-size: 5.3rem;
	}
	.conditions {
		margin: 10px 0 4px !important;
		font-size: 1.6rem !important;
	}
	.per-num {
		font-size: 7.2rem !important;
	}
	.per-off > .per {
		font-size: 5rem !important;
	}
	.per-off > .off {
		margin-top: -6px;
		font-size: 1.6rem !important;
	}
	.btn-coupon {
		font-size: 1.6rem !important;
	}
}
.coupon + .couponcode {
	border-color: #320909;
	color: #320909;
}
.textcopy + .couponcode {
	margin-top: 10px !important;
}
.text-coupon {
	padding: 10px;
	border: 2px solid #bf0000;
}
.text-coupon p {
	margin: 0 !important;
	color: #bf0000;
	font-weight: bold !important;
	line-height: 1.25 !important;
	text-align: center;
}
.text-coupon .text-coupon-title {
	background: #f1dfdf;
	padding: 2px 0 0;
	font-size: 1.4rem !important;
}
.text-coupon .text-coupon-code {
	margin-top: 4px !important;
	font-size: 2.1rem !important;
}
@media print, screen and (min-width:768px) {
	.text-coupon .text-coupon-title {
		padding: 4px 0 2px;
		font-size: 1.6rem !important;
	}
	.text-coupon .text-coupon-code {
		font-size: 2.8rem !important;
	}
}
.quantityArea .footnote li {
	float: none !important;
	width: auto !important;
	margin: 0 0 0 1em !important;
}