@charset'UTF-8';

/*==============================
	description
==============================*/
#itemDetail-wrap .description {
	width: 100%;
	margin: auto;
}

#itemDetail-wrap .description iframe:nth-of-type(n+2) {
	margin-top: 4em;
}

#main-column>#itemDetail-wrap>#itemDetail-cont+.description,
#main-column>#itemDetail-wrap>.userreview+.description {
	margin-top: 2em;
}

.description font {
	display: block;
	float: right;
	width: calc(100% - 2em);
	max-width: 800px;
	margin: 1em auto 0;
	font-size: 14px;
	line-height: 1.5em;
}

.description .float_right+font {
	float: right;
	width: 50%;
	padding-right: 2em;
}

.description table {
	width: 95%;
	max-width: 800px;
	margin: auto;
}

.description table table {
	width: 100%;
	margin: 0;
}

.description table table {
	margin-top: 0 !important;
}

.description table,
.description table table {
	font-size: .9em;
	line-height: 1.5em;
}

.description table>tbody>tr>th {
	text-align: left;
	font-size: 16px;
	font-weight: 400;
}

.description table>tbody>tr:nth-of-type(2) {
	border: 1px solid #666;
}

.description table:nth-of-type(2) table>tbody>tr:nth-of-type(2) {
	border: none;
	border-bottom: 1px solid #666;
}

.description table:nth-of-type(1)>tbody>tr:nth-of-type(2) td,
.description table:nth-of-type(2)>tbody>tr:nth-of-type(2) tbody>tr>td:first-of-type,
.description table:nth-of-type(2)>tbody>tr:nth-of-type(2) tbody>tr>td+td {
	padding: .5em;
}

.description table>tbody>tr:nth-of-type(2) tbody>tr {
	border-bottom: 1px solid #666;
}

.description table>tbody>tr:nth-of-type(2) tbody>tr:last-of-type {
	border: none;
}

.description table:nth-of-type(2)>tbody>tr:nth-of-type(2) tbody>tr>td:first-of-type {
	width: 32%;
	background: #eee;
	border-right: 1px solid #666;
}

.description table:nth-of-type(2)>tbody>tr:nth-of-type(2) tbody>tr>td+td {
	width: 68%;
}

.description table:nth-of-type(3)>tbody>tr:nth-of-type(2) {
	border: none;
}

.description table:nth-of-type(3)>tbody>tr>td>a {
	display: block;
	margin-bottom: .5em;
	padding: .5em;
	font-weight: bold;
	background: rgba(4, 60, 120, .1);
}

.description table:nth-of-type(3)>tbody>tr>td>a:hover {
	background: rgba(4, 60, 120, .2);
}

.description table:nth-of-type(3)>tbody>tr>td>a:visited {
	color: #043c78;
}


@media screen and (max-width: 700px) {
	.description .float_right+font {
		float: none;
		width: calc(100% - 2em);
		padding: 0;
	}
}

@media screen and (max-width:500px) {
	section#itemDetail-wrap .description iframe:nth-of-type(n+2) {
		margin-top: 2em;
	}
}



/*==============================
	メイン紹介文
==============================*/
#itemDetail-cont+.description {
	*zoom: 1;
}

#itemDetail-cont+.description:before,
#itemDetail-cont+.description:after {
	clear: both;
	display: table;
	line-height: 0;
	content: "";
}

#itemDetail-cont+.description .float_right+*:not(font):not(.attention),
#itemDetail-cont+.description font+* {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
}

#itemDetail-cont+.description>table {
	float: right;
	width: 50%;
}

#itemDetail-cont+.description>table>tbody>tr:nth-of-type(2) {
	border: none;
}

#itemDetail-cont+.description>table>tbody>tr:nth-of-type(2) td {
	padding: 0;
}

#itemDetail-cont+.description>table>tbody>tr th {
	padding-top: 1em;
	text-align: left;
}

#itemDetail-cont+.description>table>tbody>tr>td>a {
	position: relative;
	display: block;
	padding: 1em 1.2em 1em 1em;
	font-size: 1em;
}

#itemDetail-cont+.description>table>tbody>tr>td>a:after {
	position: absolute;
	top: 50%;
	right: .6em;
	content: '';
	display: block;
	width: .5em;
	height: .5em;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	transform: translate(-25%, -50%) rotate(45deg);
}

#itemDetail-cont+.description>table>tbody>tr:nth-of-type(2n+1)>td>a {
	margin: .6em auto 0;
	font-weight: 700;
	color: #f78c00;
	background: rgba(255, 179, 28, .12);
}

#itemDetail-cont+.description>table>tbody>tr:nth-of-type(2n+1)>td>a:hover {
	background: rgba(255, 179, 28, .18);
}

#itemDetail-cont+.description>table>tbody>tr:nth-of-type(2n+1)>td>a:visited {
	color: #f78c00;
}

#itemDetail-cont+.description>table>tbody>tr:nth-of-type(2n+1)>td>a b {
	display: block;
	font-size: .9em;
	font-weight: 400;
	color: #222;
}

#itemDetail-cont+.description>table>tbody>tr:last-of-type>td {
	display: flex;
	flex-wrap: wrap;
}

#itemDetail-cont+.description>table>tbody>tr:last-of-type>td>a {
	position: relative;
	width: calc(98%/2);
	margin: .6em 0 0;
	font-weight: 400;
	line-height: 1em;
	color: #35380A;
	background: #f5f5f5;
}

#itemDetail-cont+.description>table>tbody>tr:last-of-type>td>a:nth-of-type(2n+2) {
	margin-left: 2%;
}

#itemDetail-cont+.description>table>tbody>tr:last-of-type>td>a:visited {
	color: #35380A;
}

#itemDetail-cont+.description>table+font,
#itemDetail-cont+.description>table+div {
	float: left;
	width: 45%;
	margin: 1em 5% 2em 0;
}

#itemDetail-cont+.description>table+font b {
	margin-bottom: .4em;
}

#itemDetail-cont+.description>table+font>a {
	padding: 0 .1em;
	color: #cd5c5c;
	text-decoration: underline;
}

#itemDetail-cont+.description>table+div font+img,
#itemDetail-cont+.description>table+div img+font,
#itemDetail-cont+.description>table+div img+font {
	margin-top: 1em;
}

#itemDetail-cont+.description .float_right {
	float: right;
	width: 50%;
	font-size: .9em;
	margin: 1em auto 0;
}

#itemDetail-cont+.description .float_right a:hover {
	color: #35380A;
}

#itemDetail-cont+.description .float_right>a {
	display: block;
	margin: 0 auto .8em;
	padding: .8em;
	line-height: 1.4em;
	border-radius: .4em;
}

#itemDetail-cont+.description .float_right>a:first-of-type {
	margin-top: .8em;
}

#itemDetail-cont+.description .float_right>a b {
	display: block;
	margin-bottom: .1em;
	font-size: 1.1em;
	font-weight: 700;
	letter-spacing: 1px;
}

#itemDetail-cont+.description .float_right>a p {
	background: none;
}

#itemDetail-cont+.description .float_right>a p:last-of-type {
	position: relative;
	margin-top: .3em;
	padding-right: .8em;
	text-align: right;
	font-size: .9em;
}

#itemDetail-cont+.description .float_right>a.img.link p:last-of-type {
	top: -2.4em;
	left: -1em;
	font-weight: 600;
}

#itemDetail-cont+.description .float_right>a.img.txt-wh p:last-of-type {
	color: #fff;
}

#itemDetail-cont+.description .float_right>a p:last-of-type:after {
	position: absolute;
	top: calc(50% - 1px);
	right: 0;
	content: '';
	display: block;
	width: .5em;
	height: .5em;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	transform: translate(-25%, -50%) rotate(45deg);
}

#itemDetail-cont+.description .float_right>a.img.txt-wh p:last-of-type:after {
	border-width: 2px;
	border-color: #fff;
}

#itemDetail-cont+.description .float_right>a img {
	display: block;
	width: 100%;
	max-width: 500px;
	margin: auto;
	border-radius: .4em;
}

#itemDetail-cont+.description .float_right>a img:hover {
	opacity: 1;
}

#itemDetail-cont+.description .float_right>a.img {
	position: relative;
	padding: 0;
}

#itemDetail-cont+.description .float_right>a.img.min {
	max-width: 360px;
	margin-left: 0;
}

#itemDetail-cont+.description .float_right>a.img:before,
#itemDetail-cont+.description .float_right>a.img:after {
	position: absolute;
	font-size: .9em;
}

#itemDetail-cont+.description .float_right>a.img:before {
	bottom: .8em;
	right: 1.64em;
	content: '\5BFE\8C61\5546\54C1\4E00\89A7';
	text-shadow: #edf5ee 2px 0px, #edf5ee -2px 0px, #edf5ee 0px -2px, #edf5ee 0px 2px, #edf5ee 2px 2px, #edf5ee -2px 2px, #edf5ee 2px -2px, #edf5ee -2px -2px, #edf5ee 1px 2px, #edf5ee -1px 2px, #edf5ee 1px -2px, #edf5ee -1px -2px, #edf5ee 2px 1px, #edf5ee -2px 1px, #edf5ee 2px -1px, #edf5ee -2px -1px;
}

#itemDetail-cont+.description .float_right>a.img.link:before,
#itemDetail-cont+.description .float_right>a.img.link:after {
	display: none;
}

#itemDetail-cont+.description .float_right>a.img:after {
	bottom: 1.14em;
	right: .8em;
	content: '';
	width: .5em;
	height: .5em;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	transform: translate(-25%, -50%) rotate(45deg);
}

/*item*/
#itemDetail-cont+.description .float_right .item {
	background: rgba(190, 198, 77, .2);
	border-bottom: .2em solid rgba(190, 198, 77, .26);
}

#itemDetail-cont+.description .float_right .item:hover {
	background: rgba(190, 198, 77, .24);
}

#itemDetail-cont+.description .float_right .item p {
	text-align: center !important;
	font-size: 1.1em !important;
}

#itemDetail-cont+.description .float_right .item p:after {
	right: .4em !important;
}

#itemDetail-cont+.description .float_right .item p span {
	text-shadow: 0 0 #fff, 1px 1px rgba(190, 198, 77, .9);
}

/*teiki*/
#itemDetail-cont+.description .float_right .teiki {
	background: rgba(190, 198, 77, .2);
	border-bottom: .2em solid rgba(190, 198, 77, .26);
}

#itemDetail-cont+.description .float_right .teiki:hover {
	background: rgba(190, 198, 77, .24);
}

#itemDetail-cont+.description .float_right .teiki b {
	color: #949e07;
}

/*sample*/
#itemDetail-cont+.description .float_right .sample {
	background: rgba(198, 144, 77, .2);
	border-bottom: .2em solid rgba(198, 144, 77, .26);
}

#itemDetail-cont+.description .float_right .sample:hover {
	background: rgba(198, 144, 77, .24);
}

#itemDetail-cont+.description .float_right .sample p {
	text-align: center !important;
	font-size: 1.1em !important;
}

#itemDetail-cont+.description .float_right .sample p:after {
	right: .4em !important;
}

#itemDetail-cont+.description .float_right .sample p span {
	text-shadow: 0 0 #fff, 1px 1px rgba(198, 144, 77, .9);
}

/*bundle*/
#itemDetail-cont+.description .float_right .bundle {
	background: rgba(50, 105, 62, .1);
	border-bottom: .2em solid rgba(50, 105, 62, .2);
}

#itemDetail-cont+.description .float_right .bundle:hover {
	background: rgba(164, 211, 221, .26);
}

#itemDetail-cont+.description .float_right .bundle b {
	color: #0491af;
}

#itemDetail-cont+.description .float_right .bundle b:before,
#itemDetail-cont+.description .float_right .bundle b:after {
	font-weight: 400;
}

#itemDetail-cont+.description .float_right .bundle b:before {
	content: '\5F53\5546\54C1\306F\3001';
}

#itemDetail-cont+.description .float_right .bundle b:after {
	content: '\3067\3059\3002';
	padding-left: .2em;
}

#itemDetail-cont+.description .float_right .bundle p:first-of-type {
	font-size: 1.04em;
}

/*mail*/
#itemDetail-cont+.description .float_right .mail {
	background: rgba(255, 179, 28, .12);
	border-bottom: .2em solid rgba(255, 179, 28, .2);
}

#itemDetail-cont+.description .float_right .mail:hover {
	background: rgba(255, 179, 28, .16);
}

#itemDetail-cont+.description .float_right .mail b {
	color: #f78c00;
}

/*link-info*/
#itemDetail-cont+.description .float_right .link-info {
	justify-content: space-between;
}

#itemDetail-cont+.description .float_right .link-info li {
	position: relative;
	width: calc(100%/2 - .3em);
	font-size: 1em;
	background: #f5f5f5;
}

#itemDetail-cont+.description .float_right .link-info li:nth-of-type(n+3) {
	margin-top: .6em;
}

#itemDetail-cont+.description .float_right .link-info li a {
	display: block;
	padding: .8em 1.2em .8em .8em;
	line-height: 1.4em;
	color: #35380A;
}

#itemDetail-cont+.description .float_right .link-info li>a:after {
	position: absolute;
	top: 50%;
	right: .8em;
	content: '';
	display: block;
	width: .5em;
	height: .5em;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	transform: translate(-25%, -50%) rotate(45deg);
}

/*attention*/
#itemDetail-cont+.description>.attention {
	max-width: 800px;
	margin: 1em auto 0;
	font-size: .9em;
	line-height: 1.4em;
}

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

#itemDetail-cont+.description>.attention dd+dt {
	margin-top: .6em;
}

#itemDetail-cont+.description>.attention dd.list {
	position: relative;
	padding-left: 1em;
}

#itemDetail-cont+.description>.attention dd.list:before {
	position: absolute;
	left: 0;
	content: '\30FB';
}

#itemDetail-cont+.description>.attention dd+dd {
	margin-top: .2em;
}

#itemDetail-cont+.description>.attention dd a {
	color: #043c78;
	border-bottom: 1px solid;
}

#itemDetail-cont+.description>.attention dd b {
	font-weight: 400;
	color: rgb(var(--txt-red));
}

/*link-area*/
#itemDetail-cont+.description #Link-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: .9em;
}

#itemDetail-cont+.description .float_right #Link-area h2 {
	text-align: left;
	border-bottom: 1px solid;
}

#itemDetail-cont+.description .float_right #Link-area+.refill {
	margin-top: .6em;
}

#itemDetail-cont+.description #Link-area a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: calc(98%/2);
	margin-left: 2%;
	padding: .6em;
	background: #f3f3f3;
}

#itemDetail-cont+.description #Link-area a:nth-of-type(2n+1) {
	margin-left: 0;
}

#itemDetail-cont+.description #Link-area a:nth-of-type(n+3) {
	margin-top: 2%;
}

#itemDetail-cont+.description #Link-area a:after {
	display: none;
}

#itemDetail-cont+.description #Link-area a:hover {
	background: none;
}

#itemDetail-cont+.description #Link-area a img {
	display: block;
	width: 160px;
	margin: 0 1em 0 0;
}

#itemDetail-cont+.description #Link-area p {
	width: calc(100% - 160px - 1em);
}

#itemDetail-cont+.description #Link-area p span {
	display: block;
}

#itemDetail-cont+.description #Link-area p span:first-of-type {
	line-height: 1.4em;
}

#itemDetail-cont+.description #Link-area p span:last-of-type {
	text-align: right;
}

#itemDetail-cont+.description #Link-area p span:last-of-type:after {
	content: '\7A0E\5225';
	margin-left: .1em;
	font-size: .8em;
}

#itemDetail-cont+.description #Link-area p span:nth-of-type(2) {
	margin-top: .2em;
}

/*spec-area*/
#itemDetail-cont+.description #Spec-area {
	max-width: 800px;
	font-size: .9em;
}

#itemDetail-cont+.description #Link-area+#Spec-area {
	margin: 2em auto 0;
}

#itemDetail-cont+.description #Spec-area dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	background: #f3f3f3;
	border: 1px solid #aaa;
	border-top: none;
}

#itemDetail-cont+.description #Spec-area dl>* {
	padding: .4em;
	line-height: 1.6em;
	border-top: 1px solid #aaa;
}

#itemDetail-cont+.description #Spec-area dt {
	width: 12em;
}

#itemDetail-cont+.description #Spec-area dd {
	width: calc(100% - 12em);
	background: #fff;
	border-left: 1px solid #aaa !important;
}

#itemDetail-cont+.description #Spec-area dd+dd {
	margin-left: 12em;
	padding-top: 0;
	border: none;
}

#itemDetail-cont+.description #Spec-area dd a {
	margin-left: .4em;
	color: #043c78;
	text-decoration: underline;
}

#itemDetail-cont+.description #Spec-area dd a:after {
	display: none;
}


@media screen and (min-width:701px) {
	#itemDetail-cont+.description>.attention {
		float: right;
		width: 50%;
		padding-right: 2em;
	}

	#itemDetail-cont+.description .float_right #Link-area a img {
		width: 100px;
		margin: 0 .4em 0 0;
	}

	#itemDetail-cont+.description .float_right #Link-area p {
		width: calc(100% - 100px - .4em);
	}
}

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

	#itemDetail-cont+.description>table,
	#itemDetail-cont+.description>table+font,
	#itemDetail-cont+.description>table+div {
		float: none;
		width: 100%;
	}

	#itemDetail-cont+.description>table+font {
		margin: 0 auto;
	}

	#itemDetail-cont+.description .float_right {
		float: none;
		width: 100%;
	}

	#itemDetail-cont+.description font+* {
		margin-top: 2em;
	}

	#itemDetail-cont+.description #Link-area a img {
		width: 120px;
		margin-right: .4em;
	}

	#itemDetail-cont+.description #Link-area p {
		width: calc(100% - 120px - .4em);
	}
}

@media screen and (max-width:600px) {
	#itemDetail-cont+.description #Spec-area dt {
		width: 8em;
	}

	#itemDetail-cont+.description #Spec-area dd {
		width: calc(100% - 8em);
	}

	#itemDetail-cont+.description #Spec-area dd+dd {
		margin-left: 8em;
	}
}

@media screen and (max-width:500px) {
	#itemDetail-cont+.description #Link-area a {
		background: none;
	}

	#itemDetail-cont+.description #Link-area a img {
		width: 100%;
		margin: 0 0 .4em;
	}

	#itemDetail-cont+.description #Link-area p {
		width: 100%;
	}
}

@media screen and (max-width:400px) {
	#itemDetail-cont+.description>.attention {
		font-size: .82em;
	}

	#itemDetail-cont+.description #Link-area a {
		font-size: .9em;
	}

	#itemDetail-cont+.description #Spec-area dl {
		font-size: .9em;
	}

	#itemDetail-cont+.description #Spec-area dt {
		width: 7em;
	}

	#itemDetail-cont+.description #Spec-area dd {
		width: calc(100% - 7em);
	}

	#itemDetail-cont+.description #Spec-area dd+dd {
		margin-left: 7em;
	}
}

@media screen and (max-width:350px) {
	#itemDetail-cont+.description>table>tbody>tr:nth-of-type(2n+1)>td>a b {
		font-size: .8em;
	}

	#itemDetail-cont+.description .float_right {
		font-size: .8em;
	}

	#itemDetail-cont+.description .float_right>a:first-of-type {
		margin-top: 1em;
	}

	#itemDetail-cont+.description .float_right>a.img {
		padding-bottom: 1em;
	}

	#itemDetail-cont+.description .float_right>a.img:before,
	#itemDetail-cont+.description .float_right>a.img:after {
		font-size: 12px;
	}

	#itemDetail-cont+.description .float_right>a.img:before {
		bottom: .4em;
	}

	#itemDetail-cont+.description .float_right>a.img:after {
		bottom: .64em;
	}
}



/*==============================
	common
==============================*/
/*img*/
.aromic.contents img {
	width: 100%;
}

.aromic.contents picture.pc-device {
	display: none;
}

/*a*/
.aromic.contents a,
.aromic.contents a:visited {
	color: var(--link);
}

/*cart*/
.aromic.cart details {
	transition: height .3s cubic-bezier(.4, 0, .2, 1);
}

.aromic.cart details summary {
	list-style: none;
	cursor: pointer;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

.aromic.cart details summary::-webkit-details-marker {
	display: none;
}

.aromic.link em.price {
	margin-right: 1px;
	font-style: normal;
	color: #444;
}


@media screen and (min-width:769px) {
	.aromic.contents picture.pc-device {
		display: block;
	}

	.aromic.contents picture.sp-device {
		display: none;
	}

	aromic.link em.price {
		margin-right: 0;
		letter-spacing: 0;
	}
}



/*==============================
	youtube
==============================*/
.youtube,
.youtube iframe {
	display: block;
	max-width: 580px;
	height: 60vw;
	margin: auto;
}

.youtube {
	margin-top: 4em;
	cursor: pointer;
}

h3+.youtube {
	margin-top: 0;
}

.youtube:hover {
	background-color: transparent;
}

.youtube>*:not(script) {
	display: block;
	width: 100%;
}

.youtube>*+p {
	margin-top: .6em auto 0;
	text-align: right;
}

.youtube+.s-text {
	max-width: 750px;
	margin: 1em auto 0;
	text-align: right;
}


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

	.youtube,
	.youtube iframe {
		max-height: 326px;
	}
}

@media screen and (max-width:768px) {
	.youtube {
		margin-top: 2em;
	}
}



/*==============================
	video
==============================*/
.video-area,
.video-area video,
.video-area iframe {
	display: block;
	max-width: 580px;
	aspect-ratio: 16/9;
	margin: auto;
}

.video-area.vertical,
.video-area.vertical video,
.video-area.vertical iframe {
	max-width: 280px;
	aspect-ratio: 50/89;
}

.video-area.square,
.video-area.square video,
.video-area.vertical iframe {
	width: calc(100% - 4em);
	max-width: 400px;
	aspect-ratio: 1/1;
}

.video-area.square video,
.video-area.square iframe {
	width: 100%;
}

.video-area {
	margin-top: 4em;
	cursor: pointer;
}

h3+.video-area {
	margin-top: 0;
}

.video-area:hover {
	background-color: transparent;
}

.video-area>*:not(script) {
	display: block;
	width: 100%;
}

.video-area>picture {
	position: relative;
}

.video-area>picture:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	width: 4em;
	height: 4em;
	margin: auto;
	background: url(/img/icon/video-play-wh.webp) center / 100% no-repeat;
	opacity: .8;
	transition: .2s;
}

.video-area>picture:hover:before {
	width: 4.6em;
	height: 4.6em;
}

.video-area>*+p {
	margin-top: .6em auto 0;
	text-align: right;
}

.video-area+.s-text {
	max-width: 750px;
	margin: 1em auto 0;
	text-align: right;
}


@media screen and (max-width:768px) {
	.video-area {
		margin-top: 2em;
	}
}

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

	.video-area.vertical,
	.video-area.vertical video,
	.video-area.vertical iframe {
		max-width: 180px;
	}
}



/*==============================
	aromic contents
==============================*/
.aromic.contents {
	width: 100%;
	margin: auto;
}

.aromic.contents .w1440,
.aromic.contents .w1200,
.aromic.contents .w1000,
.aromic.contents .w750,
.aromic.contents .w640 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.aromic.contents .w1440 {
	max-width: 1440px;
}

.aromic.contents .w1200 {
	max-width: 1200px;
}

.aromic.contents .w1000 {
	max-width: 1000px;
}

.aromic.contents .w750 {
	max-width: 750px;
}

.aromic.contents .w640 {
	max-width: 640px;
}

.aromic.contents .attention,
.aromic.contents .s-text {
	line-height: 1.4em;
}

.aromic.contents .attention {
	color: #c85554;
}

.aromic.contents .s-text {
	color: var(--aromic);
}

.aromic.contents .sp-device {
	display: none;
}


@media screen and (max-width:767px) {
	.aromic.contents .pc-device {
		display: none;
	}

	.aromic.contents .sp-device {
		display: block;
	}
}



/*==============================
	item-tab　タブ
==============================*/
/*item-tab*/
.item-tab *,
.item-tab *:before,
.item-tab *:after {
	box-sizing: border-box;
}

.item-tab {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0 auto 1em;
}

.item-tab>input[type='radio'] {
	display: none;
	margin: 0;
	padding: 0;
	outline: none;
	background: none;
	border: none;
	border-radius: 0;
	appearance: none;
}

.item-tab .panel {
	display: none;
	width: 100%;
	padding-top: 1em;
}

.item-tab .panel:nth-of-type(n+2) {
	max-width: 1000px;
	margin: auto;
}

.item-tab>input:first-child:checked~.tabpanels>.panel:first-child,
.item-tab>input:nth-child(3):checked~.tabpanels>.panel:nth-child(2),
.item-tab>input:nth-child(5):checked~.tabpanels>.panel:nth-child(3),
.item-tab>input:nth-child(7):checked~.tabpanels>.panel:nth-child(4),
.item-tab>input:nth-child(9):checked~.tabpanels>.panel:nth-child(5),
.item-tab>input:nth-child(11):checked~.tabpanels>.panel:nth-child(6) {
	display: block;
}

.item-tab>label {
	display: inline-block;
	padding: 1em 2em;
	text-align: center;
	line-height: 1.4em;
	letter-spacing: 1px;
	background: #eee;
	border: 1px solid transparent;
	border-bottom: 0;
	border-radius: .4em .4em 0 0;
	cursor: pointer;
}

/*.item-tab > label:first-of-type { margin-left:1em; }*/
.item-tab>label:nth-of-type(n+2) {
	margin-left: .5em;
}

.item-tab>label p {
	display: inline-block;
	padding: .1em .2em;
}

.item-tab>label p span,
.item-tab>label p b {
	margin-left: .2em;
	font-size: .8em;
	line-height: 1em;
	letter-spacing: 0;
}

.item-tab>label p b {
	color: #DE1B23;
}

.item-tab>label:hover,
.item-tab>input:focus+label {
	color: #043c78;
}

/*.item-tab > input:checked + label {	margin-bottom:-1px;	background:#fff;	border-color:#aaa;	border-bottom:1px solid #fff;	z-index:1; }*/
.item-tab>input:checked+label {
	position: relative;
	background: #fff;
	border-color: #aaa;
}

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

.item-tab .tabpanels {
	width: 100%;
	border-top: 1px solid #aaa;
}

.item-tab .panel img {
	width: 100%;
}

.item-tab .panel.more-btn {
	position: relative;
	overflow: hidden;
}

.item-tab .panel.more-btn:not(.open) {
	height: 16em;
}

.item-tab .panel.more-btn.open>.open-btn {
	display: none;
}

.item-tab .panel.more-btn:not(.open)>.open-btn {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	padding: 1em;
	text-align: center;
	background: #eee;
	cursor: pointer;
}


@media screen and (max-width:768px) {
	.item-tab>label {
		padding: 1em 1.6em;
	}
}

@media screen and (max-width:425px) {
	.item-tab>label {
		width: calc(100%/3 - 1em);
		padding: 1em .2em;
	}
}

@media screen and (max-width:375px) {
	.item-tab>label {
		font-size: .96em;
	}
}



/*==============================
	itm-dtl　商品説明
==============================*/
.aromic.contents .itm-dtl {
	margin-top: 2em;
}

.aromic.contents .itm-dtl [id^='sec'] {
	width: calc(100% - 1em);
	margin: auto;
}

[id^='Load']+[id^='Load'],
main+[id^='Load'],
.aromic.contents .itm-dtl [id^='sec']+[id^='sec'],
.aromic.contents .itm-dtl [class^='item-']+[id^='sec'],
.aromic.contents .itm-dtl [id^='pdt']+[id^='Load'],
.aromic.contents .itm-dtl [id^='sec']+[id^='Load'] {
	margin-top: 4em;
}

#Load-event+#Load-header,
#Load-float {
	margin-top: 0 !important;
}

.aromic.contents .itm-dtl #ranking {
	margin-bottom: 1em;
}

/*h2*/
.aromic.contents .itm-dtl [id^='sec'] h2 {
	text-align: center;
	margin: 0 auto 1em;
	padding: .8em 0;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.6em;
	border-top: 2px solid;
	border-bottom: 2px solid;
}

.aromic.contents .itm-dtl [id^='sec'] img+h2 {
	margin-top: 1.6em;
}

/*h3*/
.aromic.contents .itm-dtl [id^='sec'] h3 {
	margin: 0 auto 1em;
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.6em;
}

.aromic.contents .itm-dtl [id^='sec'] h3 span {
	position: relative;
	display: inline-block;
	text-align: left;
	padding-left: 2em;
	text-align: left;
}

.aromic.contents .itm-dtl [id^='sec'] h3 span:before {
	content: '';
	display: block;
	position: absolute;
}

.aromic.contents .itm-dtl [id^='sec'] h3 span:before {
	top: calc(50% - .54em);
	left: .22em;
	width: 1em;
	height: .5em;
	border-left: 2px solid var(--aromic);
	border-bottom: 2px solid var(--aromic);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*h4*/
.aromic.contents .itm-dtl [id^='sec'] h4 {
	margin: .6em auto .4em;
	padding-left: .5em;
	font-size: 1.06em;
	line-height: 1.4em;
	border-left: .25em solid #35380A;
}

.aromic.contents .itm-dtl [id^='sec'] h4 span {
	margin-left: .4em;
	padding: 0 .2em;
	font-weight: 500;
	line-height: 1.2em;
	background: #eee;
}

.aromic.contents .itm-dtl [id^='sec'] p+h4,
.aromic.contents .itm-dtl [id^='sec'] img+h4 {
	margin-top: 1em;
}

/*img*/
.aromic.contents .itm-dtl [id^='sec'] img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.aromic.contents .itm-dtl [id^='sec'] p+img,
.aromic.contents .itm-dtl [id^='sec'] p+picture img {
	margin: 1em auto .6em;
}

/*p*/
.aromic.contents .itm-dtl [id^='sec'] p {
	font-size: 1em;
	line-height: 1.6em;
}

.aromic.contents .itm-dtl [id^='sec'] p+p {
	margin-top: .6em;
}

.aromic.contents .itm-dtl [id^='sec'] img+p {
	margin-top: 1em;
}

.aromic.contents .itm-dtl [id^='sec'] p b {
	font-weight: 500;
	color: var(--aromic);
	background: linear-gradient(transparent 70%, rgba(var(--aromic-rgb), .1) 70%);
}

/*span*/
.aromic.contents .itm-dtl [id^='sec'] span.suppl {
	display: block;
	margin-top: .4em;
	text-align: right;
	font-size: .75em;
	line-height: 1.4em;
}

.aromic.contents .itm-dtl [id^='sec'] span.suppl+*,
.aromic.contents .itm-dtl [id^='sec'] *+span.suppl {
	margin-top: 1em;
}

/*dl*/
.aromic.contents .itm-dtl [id^='sec'] dl {
	line-height: 1.5em;
}

.aromic.contents .itm-dtl [id^='sec'] dl+dl {
	margin-top: 1.6em;
}

.aromic.contents .itm-dtl [id^='sec'] dl+p {
	margin-top: 1em;
}

.aromic.contents .itm-dtl [id^='sec'] dl dt {
	margin-bottom: .6em;
	font-size: 1.06em;
	font-weight: 700;
}

.aromic.contents .itm-dtl [id^='sec'] dl dd {
	*zoom: 1;
}

.aromic.contents .itm-dtl [id^='sec'] dl dd:not(:last-of-type) {
	margin-bottom: 2.5em;
}

.aromic.contents .itm-dtl [id^='sec'] dl.flexbox dd:not(:last-of-type) {
	margin-bottom: .6em;
}

.aromic.contents .itm-dtl [id^='sec'] dl dd:before,
.aromic.contents .itm-dtl [id^='sec'] dl dd:after {
	content: '';
	display: table;
	line-height: 0;
}

.aromic.contents .itm-dtl [id^='sec'] dl dd:after {
	clear: both;
}

.aromic.contents .itm-dtl [id^='sec'] dl dd img+p {
	margin-top: 0;
}

.aromic.contents .itm-dtl [id^='sec'] dl dd p span {
	display: block;
	margin-top: .4em;
	font-size: .9em;
	line-height: 1.6em;
}

.aromic.contents .itm-dtl [id^='sec'] dl dd p span.point {
	margin-top: .8em;
	padding: .8em;
	background: #f3f3f3;
}

/*attention*/
.aromic.contents .itm-dtl [id^='sec'] ul.attention {
	margin: 1em auto;
	font-size: .9em;
}

.aromic.contents .itm-dtl [id^='sec'] ul.attention li {
	margin: 0 .1em .2em 0;
	padding-left: 1.1em;
	text-indent: -1.1em;
	line-height: 1.5em;
}

.aromic.contents .itm-dtl [id^='sec'] ul.attention li:last-of-type {
	margin-bottom: 0;
}

.aromic.contents .itm-dtl [id^='sec'] ul.attention li:before {
	content: '\203B';
}

/*list*/
.aromic.contents .itm-dtl [id^='sec'] dl.list {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 1.5em;
	background: #f3f3f3;
}

.aromic.contents .itm-dtl [id^='sec'] dl.list dt:before {
	padding-right: .4em;
}

.aromic.contents .itm-dtl [id^='sec'] dl.list dt:nth-of-type(1):before {
	content: '1.';
}

.aromic.contents .itm-dtl [id^='sec'] dl.list dt:nth-of-type(2):before {
	content: '2.';
}

.aromic.contents .itm-dtl [id^='sec'] dl.list dt:nth-of-type(3):before {
	content: '3.';
}

.aromic.contents .itm-dtl [id^='sec'] dl.list.rank dt:nth-of-type(1):before {
	content: '1\4F4D.';
}

.aromic.contents .itm-dtl [id^='sec'] dl.list.rank dt:nth-of-type(2):before {
	content: '2\4F4D.';
}

.aromic.contents .itm-dtl [id^='sec'] dl.list.rank dt:nth-of-type(3):before {
	content: '3\4F4D.';
}

.aromic.contents .itm-dtl [id^='sec'] dl.list dd:not(:last-of-type) {
	margin-bottom: .8em;
	padding-bottom: .8em;
	border-bottom: dashed 1px;
}

.aromic.contents .itm-dtl [id^='sec'] dl.list dd span {
	display: block;
	text-align: right;
	font-size: .9em;
}

/*aroma*/
.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.layout3.flexbox {
	justify-content: flex-start;
	align-items: flex-start;
}

.aromic.contents .itm-dtl [id^='sec'] dl.aroma dd {
	margin-top: .2em;
}

.aromic.contents .itm-dtl [id^='sec'] dl.aroma:not(.select) dd img {
	position: relative;
	top: -2.3em;
	float: right;
	width: 40%;
	margin: .2em 0 -2em .4em;
}

.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select dt {
	padding: .4em;
	background: #f3f3f3;
}

.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.flexbox dt {
	width: 100%;
}

.aromic.contents .itm-dtl [id^='sec'] dl.list dt:nth-of-type(3):before {
	content: '3';
}

.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.flexbox dd {
	width: calc(100%/2 - 1em);
}

.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.layout3.flexbox dd {
	margin-left: 2%;
}

.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.flexbox dd img {
	float: none;
	width: 100%;
	margin: .5em auto;
}

/*point*/
.aromic.contents .itm-dtl [id^='sec'] dl.point dt:before {
	padding-right: .4em;
}

.aromic.contents .itm-dtl [id^='sec'] dl.point dt:nth-of-type(1):before {
	content: 'Point1.';
}

.aromic.contents .itm-dtl [id^='sec'] dl.point dt:nth-of-type(2):before {
	content: 'Point2.';
}

.aromic.contents .itm-dtl [id^='sec'] dl.point dt:nth-of-type(3):before {
	content: 'Point3.';
}

.aromic.contents .itm-dtl [id^='sec'] dl.point dd img {
	float: left;
	width: 46%;
	margin: .3em .3em .1em 0;
}

.aromic.contents .itm-dtl [id^='sec'] dl p.attention {
	margin-top: 1em;
	font-size: .8em;
}

/*about*/
.aromic.contents .itm-dtl [id^='sec'] dl.about dd img {
	float: left;
	width: 46%;
	margin: .3em .3em .1em 0;
}

/*info*/
.aromic.contents .itm-dtl #sec-info dl {
	font-size: .9em;
	color: #DE1B23;
}

.aromic.contents .itm-dtl #sec-info dl dt {
	margin-bottom: .1em;
}

.aromic.contents .itm-dtl #sec-info dl dd:not(:last-of-type) {
	margin-bottom: .6em;
	font-size: 1.07em;
}


@media screen and (min-width:768px) {
	.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.layout3.flexbox dd {
		width: calc(96%/3);
	}

	.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.layout3.flexbox dd:nth-of-type(3n+1) {
		margin-left: 0;
	}
}

@media screen and (max-width:767px) {
	.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.layout3.flexbox dd {
		width: calc(98%/2);
	}

	.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.layout3.flexbox dd:nth-of-type(2n+1) {
		margin-left: 0;
	}
}

@media screen and (max-width:600px) {
	.aromic.contents .itm-dtl [id^='sec'] dl.aroma:not(.select) dd img {
		top: 0;
		margin-bottom: .2em;
	}
}

@media screen and (max-width:500px) {
	.aromic.contents .itm-dtl [id^='sec'] {
		font-size: .9em;
	}

	.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.flexbox dd {
		width: 100% !important;
	}

	.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.layout3.flexbox dd {
		margin-left: 0;
	}

	.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.flexbox dd img {
		float: right;
		width: 45%;
		margin: .3em 0 .1em .3em;
	}

	.aromic.contents .itm-dtl [id^='sec'] dl.about dd img {
		float: none;
		width: 100%;
		margin: 0 auto .8em;
	}
}

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

	[id^='Load']+[id^='Load'],
	main+[id^='Load'],
	.aromic.contents .itm-dtl [id^='sec']+[id^='sec'],
	.aromic.contents .itm-dtl [id^='pdt']+[id^='Load'],
	.aromic.contents .itm-dtl [id^='sec']+[id^='Load'] {
		margin-top: 3em;
	}

	#Load-float {
		margin-top: 0 !important;
	}
}

@media screen and (max-width:370px) {
	.aromic.contents .itm-dtl [id^='sec'] {
		font-size: .86em;
	}
}

@media screen and (max-width:350px) {
	.aromic.contents .itm-dtl [id^='sec'] {
		font-size: .8em;
	}
}



/*==============================
	pdt-section
==============================*/
.aromic.contents .pdt-section {
	line-height: 1.6em;
}

.aromic.contents .pdt-section>section:nth-of-type(n+2) {
	margin-top: 4em;
}

.aromic.contents .pdt-section picture,
.aromic.contents .pdt-section img {
	display: block;
}

.aromic.contents .pdt-section p .info {
	display: block;
	margin-top: .6em;
	font-size: 13px;
	line-height: 1.4em;
	color: rgb(var(--txt-red));
}

/*title*/
.aromic.contents .pdt-section h2 {
	margin-bottom: .6em;
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.6em;
	letter-spacing: 1px;
}

.aromic.contents .pdt-section h2 em {
	display: inline-block;
	margin-bottom: .4em;
	padding: 0 .4em;
	font-size: .9em;
	background: rgba(var(--aromic-rgb).12);
}

.aromic.contents .pdt-section h3:not([class]) {
	width: calc(100% - 2em);
	margin: 0 auto 1.4em;
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.6em;
	letter-spacing: 1px;
}

.aromic.contents .pdt-section h3:not([class]) span {
	display: block;
	margin-top: .6em;
	padding-top: .4em;
	font-size: .8em;
	border-top: 1px solid;
}

.aromic.contents .pdt-section h3.sub {
	margin-bottom: .4em;
	padding-left: .4em;
	border-left: .3em solid;
}

.aromic.contents .pdt-section *+h3.sub {
	margin-top: 1em;
}

.aromic.contents .pdt-section h4 {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.6em;
}

.aromic.contents .pdt-section h4 span {
	display: inline-block;
}

.aromic.contents .pdt-section span.logo {
	font-family: var(--font-logo);
}

/*main-vs*/
.aromic.contents .pdt-section #main-vs.flex picture {
	aspect-ratio: 4/3;
}

.aromic.contents .pdt-section #main-vs dl {
	width: calc(100% - 2em);
	margin: 1em auto 0;
}

.aromic.contents .pdt-section #main-vs dt {
	margin-bottom: .4em;
	padding-left: .4em;
	font-weight: 500;
	border-left: .3em solid;
}
/*supplement*/
.aromic.contents .pdt-section #supplement{
  margin: 5em auto 2em;
  padding:2em;
  max-width:1000px;
  background-image:url("https://aromic.jp/item/oil/1.5ml/img/rose-bg.jpg");
  background-position: center;
} 
.aromic.contents .pdt-section #supplement .txt{
  margin: auto;
  padding:2em;
  max-width:800px;
  background-color: rgba(255,255,255,0.90);
  /*backdrop-filter: blur(15px);*/
  /*  background-color: #fff;*/
  
} 

.aromic.contents .pdt-section #supplement p span{
  font-size: 1.2em;
  font-weight: 600;
}


/*overview.spray*/
.aromic.contents .pdt-section #overview.spray {
	padding: 3em 2em;
	background: #edf5ee;
}

.aromic.contents .pdt-section #overview.spray h3 {
	width: 100%;
	margin-bottom: 1em;
	color: var(--aromic);
}

.aromic.contents .pdt-section #overview.spray h3:nth-of-type(n+2) {
	margin-top: 2em;
}

.aromic.contents .pdt-section #overview.spray h3 br {
	display: block;
}

.aromic.contents .pdt-section #overview.spray h3 span {
	display: inline-block;
	margin: 0 .2em;
	padding: 0;
	font-size: 1em;
	border: none;
}

.aromic.contents .pdt-section #overview.spray ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	margin: 1em auto 0;
	color: var(--aromic);
}

.aromic.contents .pdt-section #overview.spray ul li {
	width: calc(50% - .3em);
	padding: 1em 0;
	text-align: center;
	background: #fff;
}

/*aroma*/
.aromic.contents .pdt-section #aroma .wrap:nth-of-type(n+2) {
	margin-top: 2em;
}

.aromic.contents .pdt-section #aroma h4 {
	padding: .2em 0;
	text-align: center;
}

.aromic.contents .pdt-section #aroma ul,
.aromic.contents .pdt-section #aroma dl {
	width: calc(100% - 1em);
	margin: 1em auto 0;
}

.aromic.contents .pdt-section #aroma ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

.aromic.contents .pdt-section #aroma h3+ul {
	margin-top: 0;
}

.aromic.contents .pdt-section #aroma li {
	margin: .4em 1em;
}

.aromic.contents .pdt-section #aroma li img {
	max-width: 100px;
	margin: 0 auto .4em;
	border-radius: 50%;
}

.aromic.contents .pdt-section #aroma li p {
	font-size: .9em;
	font-weight: 600;
	line-height: 1.1em;
}

.aromic.contents .pdt-section #aroma>p {
	width: calc(100% - 2em);
	margin: auto;
}

.aromic.contents .pdt-section #aroma ul+p {
	margin-top: 1em;
}

.aromic.contents .pdt-section #aroma dt {
	margin-bottom: .4em;
	padding: .2em .4em;
	background: #f3f3f3;
}

.aromic.contents .pdt-section #aroma dt:nth-of-type(n+2) {
	margin-top: 1em;
}

/*img*/
.aromic.contents .pdt-section .img {
	margin: 2em auto;
}

.aromic.contents .pdt-section .img picture:nth-of-type(n+2) {
	margin-top: .4em;
}

/*box-area*/
.aromic.contents .pdt-section .box-area li {
	max-width: 600px;
}

.aromic.contents .pdt-section .box-area li .txt {
	margin-top: .6em;
}

.aromic.contents .pdt-section .box-area li dl {
	margin: auto;
	padding: 1em;
	font-size: .9em;
	background: #f3f3f3;
}

.aromic.contents .pdt-section .box-area li *:not(h4)+dl {
	margin-top: 1em;
}

.aromic.contents .pdt-section .box-area li dt {
	font-weight: 600;
	letter-spacing: 1px;
}

.aromic.contents .pdt-section .box-area li dd {
	padding-left: 1em;
	text-indent: -1em;
}

.aromic.contents .pdt-section .box-area li dd:before {
	content: '\30FB';
}

.aromic.contents .pdt-section .box-area p b {
	font-weight: 500;
	color: var(--aromic);
	background: linear-gradient(transparent 70%, rgba(var(--aromic-rgb), .1) 70%);
}


@media screen and (min-width:1025px) {
	.aromic.contents .pdt-section #overview.spray {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 3em 3em 3.6em;
		border-radius: 1em;
	}

	.aromic.contents .pdt-section #overview.spray>picture {
		width: 55%;
	}

	.aromic.contents .pdt-section #overview.spray>picture img {
		border-radius: 1em;
	}

	.aromic.contents .pdt-section #overview.spray>picture+p {
		width: calc(45% - 1em);
		margin-left: 1em;
	}

	.aromic.contents .pdt-section .box-area {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
	}

	.aromic.contents .pdt-section .box-area li {
		width: calc(100%/2 - .6em);
	}

	.aromic.contents .pdt-section .box-area li:nth-of-type(n+3) {
		margin-top: 2em;
	}
}

@media screen and (max-width:1024px) {
	.aromic.contents .pdt-section h2 {
		font-size: 1.2em;
	}

	.aromic.contents .pdt-section #overview.spray>picture {
		margin-bottom: 1em;
	}

	.aromic.contents .pdt-section .box-area li {
		margin: auto;
	}

	.aromic.contents .pdt-section .box-area li:nth-of-type(n+2) {
		margin-top: 2em;
	}

	.aromic.contents .pdt-section .box-area li dl {
		width: calc(100% - 2em);
	}
}

@media screen and (min-width:769px) {
	.aromic.contents .pdt-section #main-vs.flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: center;
	}

	.aromic.contents .pdt-section #main-vs.flex picture {
		width: 50%;
	}

	.aromic.contents .pdt-section #main-vs .txt {
		width: calc(100% - 2em);
		margin: 1em auto 0;
	}

	.aromic.contents .pdt-section #main-vs.flex .txt {
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		width: 50%;
		padding: 0 .2em 0 1em;
	}

	.aromic.contents .pdt-section #main-vs.flex .txt>* {
		width: 100%;
	}

	.aromic.contents .pdt-section #main-vs.flex .txt h2 {
		text-align: left;
	}

	.aromic.contents .pdt-section #overview.spray ul {
		max-width: none;
	}

	.aromic.contents .pdt-section #overview.spray ul li {
		width: calc(25% - .2em);
		font-size: 1.06em;
	}

	.aromic.contents .pdt-section .box-area {
		width: calc(100% - 2em);
		margin: auto;
	}
}

@media screen and (max-width:768px) {
	.aromic.contents .pdt-section .txt {
		width: calc(100% - 2em);
		margin: 1em auto 0;
	}

	.aromic.contents .pdt-section #overview.spray ul {
		max-width: 34em;
	}

	.aromic.contents .pdt-section #overview.spray ul li:nth-of-type(2n+2) {
		margin-left: .6em;
	}

	.aromic.contents .pdt-section #overview.spray ul li:nth-of-type(n+3) {
		margin-top: .6em;
	}

	.aromic.contents .pdt-section .box-area.scene picture {
		width: calc(100% - 2em);
		max-width: 400px;
		margin: auto;
	}

	.aromic.contents .pdt-section .box-area.scene h4 {
		text-align: center;
	}
  
  .aromic.contents .pdt-section #supplement{
  margin: 5em auto 2em;
  padding:1em;
  max-width:600px;
  background-image:url("https://aromic.jp/item/oil/1.5ml/img/rose-bg-sp.jpg") ;
} 
}

@media screen and (min-width:426px) {
	.aromic.contents .pdt-section h3:not([class]) br {
		display: none;
	}

	.aromic.contents .pdt-section #aroma .txt {
		width: calc(100% - 2em);
	}

	.aromic.contents .pdt-section .img.flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(100% - .6em);
	}

	.aromic.contents .pdt-section .img.flex picture {
		width: calc(100%/2 - .1em);
	}

	.aromic.contents .pdt-section .img.flex picture:nth-of-type(n+2) {
		margin-top: 0;
	}

	.aromic.contents .pdt-section .img.flex picture:nth-of-type(n+3) {
		margin-top: .2em;
	}
}

@media screen and (max-width:425px) {
	.aromic.contents .pdt-section {
		font-size: .9em;
	}

	.aromic.contents .pdt-section h3 br {
		display: block;
	}

	.aromic.contents .pdt-section #overview.spray {
		padding: 2em 3vw;
	}

	.aromic.contents .pdt-section #overview.spray ul li {
		padding: .6em 0;
	}

	.aromic.contents .pdt-section #aroma li {
		margin: .4em .8em;
	}

	.aromic.contents .pdt-section #aroma li img {
		max-width: 80px;
	}

	.aromic.contents .pdt-section .img.flex {
		width: calc(100% - 2em);
	}

	.aromic.contents .pdt-section .box-area {
		line-height: 1.5em;
	}

	.aromic.contents .pdt-section .box-area.scene picture {
		max-width: 300px;
	}
}

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

	.aromic.contents .pdt-section .txt h2,
	.aromic.contents .pdt-section h3,
	.aromic.contents .pdt-section h4 {
		font-size: 1.1em;
	}

	.aromic.contents .pdt-section #aroma li {
		margin: .4em;
	}

	.aromic.contents .pdt-section #aroma li p {
		font-size: 13px;
	}
}



/*==============================
	relation-item
==============================*/
#main-column dl.relation-item {
	width: calc(100% - 2em);
	max-width: calc(1000px + 2em);
	margin: auto;
}

#main-column main>dl.relation-item,
#main-column main+dl.relation-item {
	margin-top: 4em;
}

#main-column dl.relation-item dt {
	width: 100%;
	margin-bottom: .6em;
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.6em;
	letter-spacing: 1px;
}

#main-column dl.relation-item dd {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	background: #f3f3f3;
	box-shadow: 2px 2px 2px #f9f9f9;
}

#main-column dl.relation-item a {
	width: 100%;
	transition: .4s;
}

#main-column dl.relation-item a:after {
	content: '\8A73\3057\304F\306F\3053\3061\3089';
	display: block;
	width: 7em;
	margin: 0 auto 1em;
	text-align: center;
	text-decoration: underline;
	font-size: .9em;
	font-weight: 600;
	line-height: 1em;
	color: var(--link);
}

#main-column dl.relation-item a>* {
	width: 100%;
}

#main-column dl.relation-item a>img {
	box-shadow: 0 0 .6em rgba(0, 0, 0, .1);
}

#main-column dl.relation-item a:hover img {
	opacity: .6;
}

#main-column dl.relation-item a p {
	padding: .4em .6em .8em;
	font-size: .9em;
	font-weight: 500;
	line-height: 1.4em;
	color: var(--txt);
}

#main-column dl.relation-item a:hover p {
	text-decoration: underline;
}


@media screen and (max-width:1024px) {
	#main-column dl.relation-item dt {
		font-size: 1.2em;
	}
}

@media screen and (min-width:769px) {
	#main-column dl.relation-item dd {
		width: calc(100%/3 - .6em);
	}

	#main-column dl.relation-item dd:nth-of-type(3n+2) {
		margin: 0 .9em;
	}

	#main-column dl.relation-item dd:nth-of-type(n+4) {
		margin-top: 1em;
	}
}

@media screen and (min-width:321px) and (max-width:768px) {
	#main-column dl.relation-item dd {
		width: calc(100%/2 - .3em);
	}

	#main-column dl.relation-item dd:nth-of-type(2n+2) {
		margin-left: .6em;
	}

	#main-column dl.relation-item dd:nth-of-type(n+3) {
		margin-top: 1em;
	}
}

@media screen and (max-width:425px) {
	#main-column dl.relation-item {
		width: calc(100% - 1.2em);
	}

	#main-column dl.relation-item a:after {
		font-size: 12px;
	}

	#main-column dl.relation-item a p {
		font-size: 12px;
	}
}

@media screen and (min-width:321px) {
	#main-column dl.relation-item {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}
}

@media screen and (max-width:320px) {
	#main-column dl.relation-item {
		max-width: 200px;
	}

	#main-column dl.relation-item dd:nth-of-type(n+2) {
		margin-top: 1em;
	}

	#main-column dl.relation-item a {
		position: relative;
	}

	#main-column dl.relation-item a p {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: .6em .8em;
		color: #fff;
		background: rgba(0, 0, 0, .7);
	}
}



/*==============================
	itm-link　関連商品
==============================*/
.aromic.contents .itm-link.img {
	width: calc(100% - 1em);
	max-width: 1000px;
	margin: 4em auto 2em;
}


/*h2*/
.aromic.contents .itm-link.img h2 {
	margin-bottom: .4em;
	padding: .8em;
	font-weight: 500;
	letter-spacing: 1px;
	color: #35380A;
	border-top: 2px solid;
}


/*ul*/
.aromic.contents .itm-link.img ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}

.aromic.contents .itm-link.img li a {
	display: block;
	padding: 0;
	border: 1px solid #eee;
}

.aromic.contents .itm-link.img li a:hover {
	opacity: .8;
}

.aromic.contents .itm-link.img li a:after {
	display: none;
}

.aromic.contents .itm-link.img li a img {
	display: block;
	width: 100%;
}


@media screen and (min-width:769px) {
	.aromic.contents .itm-link.img li {
		width: calc(100%/2 - .4em);
	}

	.aromic.contents .itm-link.img li:nth-of-type(n+3) {
		margin-top: 1em;
	}
}

@media screen and (max-width:768px) {
	.aromic.contents .itm-link.img {
		max-width: 425px;
	}

	.aromic.contents .itm-link.img li {
		width: 100%;
	}

	.aromic.contents .itm-link.img li:nth-of-type(n+2) {
		margin-top: 1em;
	}
}



/*==============================
	Item-link
==============================*/
.aromic.contents .item-link {
	margin-top: 3em;
}

.aromic.contents .item-link img {
	display: block;
	width: calc(100% - 2em);
	max-width: 1000px;
	margin: auto;
}

.aromic.contents .item-link img[alt='slide'] {
	max-width: 400px;
}


@media screen and (max-width:500px) {
	.aromic.contents .item-link {
		margin-top: 2em;
	}
}



/*==============================
	Item-relation
==============================*/
#pi_cart .item-relation {
	width: 100%;
	margin: auto;
	font-size: .9em;
}

#itemDetail-wrap.sub-box2 .item-relation {
	display: none;
}

/*link*/
#pi_cart .item-relation>a {
	display: block;
	line-height: 1.4em;
}

#pi_cart .item-relation>*+a {
	margin-top: 1em;
}

#pi_cart .item-relation>a.item,
#pi_cart .item-relation>a.guide {
	position: relative;
	padding-left: 24px;
	font-feature-settings: 'palt';
	line-height: 1em;
}

#pi_cart .item-relation>a.img {
	position: relative;
	max-width: 360px;
	padding: 0;
}

#pi_cart .item-relation>a.img.shadow {
	border: 1px solid #eee;
	box-shadow: 0 0 .4em rgba(0, 0, 0, .2);
}

#pi_cart .item-relation>a.img.shadow:hover {
	border-color: transparent;
	box-shadow: none;
}

#pi_cart .item-relation>a.img img {
	display: block;
	width: 100%;
}

#pi_cart .item-relation>a.img+.more {
	max-width: 360px;
	margin-top: .2em;
	text-align: right;
	text-decoration: underline;
	font-size: 13px;
	font-weight: 500;
	color: var(--aromic);
}

#pi_cart .item-relation>a:nth-of-type(n+2) {
	margin-top: .8em;
}

#pi_cart .item-relation>a svg {
	position: absolute;
	top: -.3em;
	left: 0;
	width: 1.4em;
	height: 1.4em;
}

#pi_cart .item-relation>a img:hover {
	opacity: 1;
}

/*link-info*/
#pi_cart .item-relation .link-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: .4em;
}

#pi_cart .item-relation *+.link-info {
	margin-top: 1em;
}

#pi_cart .item-relation .link-info li {
	position: relative;
	width: calc(100%/2 - .2em);
	font-size: 1em;
	border-radius: .2em;
}

#pi_cart .item-relation .link-info li:nth-of-type(n+3) {
	margin-top: .4em;
}

#pi_cart .item-relation .link-info li a {
	display: block;
	padding: .8em 1.2em .8em .8em;
	line-height: 1.4em;
	color: #35380A;
	background: #f1f1f1;
	border-bottom: .2em solid #ddd;
	border-radius: .4em;
}

#pi_cart .item-relation .link-info li>a:after {
	position: absolute;
	top: 50%;
	right: .8em;
	content: '';
	display: block;
	width: .5em;
	height: .5em;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	transform: translate(-25%, -50%) rotate(45deg);
}

/*img*/
#pi_cart .item-relation img[src*='teiki-camp'] {
	width: 100%;
	max-width: 360px;
}

/*attention*/
#pi_cart .item-relation .attention {
	margin-top: .6em;
	padding: .6em;
	background: rgba(var(--txt-red), .04);
}

#pi_cart .item-relation .attention>* {
	line-height: 1.4em;
}

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

#pi_cart .item-relation .attention dd+dt {
	margin-top: .6em;
}

#pi_cart .item-relation .attention dd+dd {
	margin-top: .2em;
}

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

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


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

	#pi_cart .item-relation>a.img,
	#pi_cart .item-relation>a.img+.more {
		max-width: 425px;
	}

	#pi_cart .item-relation .attention {
		font-size: .9em;
	}
}



/*==============================
	item-relation spray-guide
==============================*/
#pi_cart .item-relation a[href*='guide/spray'] {
	position: relative;
	display: block;
	max-width: 520px;
	margin-bottom: 1.4em;
	background: url(/img/top/item-stress-800x400.webp) center right / contain no-repeat #edf5ee;
}

#pi_cart .item-relation a[href*='guide/spray']:after {
	position: absolute;
	bottom: -1.4em;
	right: .2em;
	content: '\30AC\30A4\30C9\3092\898B\308B';
	display: block;
	text-align: right;
	text-decoration: underline;
	color: var(--aromic);
}

#pi_cart .item-relation a[href*='guide/spray'] p:first-of-type span {
	display: inline-block;
	padding: .2em;
	text-align: center;
	background: #fff;
	border-radius: .4em;
}

#pi_cart .item-relation a[href*='guide/spray'] p:last-of-type {
	text-shadow: #edf5ee 2px 0px, #edf5ee -2px 0px, #edf5ee 0px -2px, #edf5ee 0px 2px, #edf5ee 2px 2px, #edf5ee -2px 2px, #edf5ee 2px -2px, #edf5ee -2px -2px, #edf5ee 1px 2px, #edf5ee -1px 2px, #edf5ee 1px -2px, #edf5ee -1px -2px, #edf5ee 2px 1px, #edf5ee -2px 1px, #edf5ee 2px -1px, #edf5ee -2px -1px;
	font-size: 1.2em;
	font-weight: 600;
	color: var(--aromic);
}

#pi_cart .item-relation a[href*='guide/spray'] p b {
	font-size: 1.2em;
}


@media screen and (min-width:426px) {
	#pi_cart .item-relation a[href*='guide/spray'] {
		display: flex;
		align-items: center;
		padding: 1em;
	}

	#pi_cart .item-relation a[href*='guide/spray'] p:first-of-type {
		width: 10em;
		margin-right: .6em;
		font-size: 13px;
	}

	#pi_cart .item-relation a[href*='guide/spray'] p:first-of-type span {
		display: block;
	}

	#pi_cart .item-relation a[href*='guide/spray'] p:first-of-type span:nth-of-type(n+2) {
		margin-top: .4em;
	}

	#pi_cart .item-relation a[href*='guide/spray'] p:last-of-type {
		font-size: 1.26em;
	}
}

@media screen and (max-width:425px) {
	#pi_cart .item-relation a[href*='guide/spray'] {
		padding: .8em 1em;
		font-size: 13px;
	}

	#pi_cart .item-relation a[href*='guide/spray'] p:first-of-type {
		display: flex;
		align-items: center;
		margin-bottom: .2em;
		font-size: 12px;
	}

	#pi_cart .item-relation a[href*='guide/spray'] p:first-of-type span {
		margin: .2em;
	}
}



/*==============================
	Aromic.contents ❖yoyaku
==============================*/
/*yoyaku-info*/
dl.yoyaku-info {
	max-width: 800px;
	width: 96%;
	margin: 1em auto 2em;
	padding: 1em;
	font-size: .9em;
	line-height: 1.5em;
	color: #35380A;
	background: #ffffec;
	border-radius: 1em;
}

dl.yoyaku-info dt {
	display: inline-block;
	margin-bottom: .4em;
	padding: .2em 1em;
	background: #fffd96;
	border-radius: 2em;
}

dl.yoyaku-info dd {
	line-height: 1.5em;
}

dl.yoyaku-info dd:nth-of-type(n+2) {
	color: #DE1B23;
}

dl.yoyaku-info dd strong {
	padding: 0 .2em;
	font-weight: 700;
	background: linear-gradient(transparent 70%, #fffd96 70%);
}

dl.yoyaku-info dd a {
	color: var(--link);
	border-bottom: 1px solid;
}



/*==============================
    Aromic.contents ❖info
==============================*/
.aromic.contents [id$='-info'] {
	width: 90%;
	max-width: 640px;
	margin: auto;
	padding: 1.6em 1em;
	line-height: 1.5em;
	color: #35380A;
}

.aromic.contents [id$='-info']+[id$='-info'] {
	margin-top: 1em;
}

.aromic.contents [id$='-info'] dt {
	margin-bottom: .4em;
	padding-bottom: .2em;
	font-weight: 700;
	border-bottom: 1px solid;
}

.aromic.contents [id$='-info'] dd+dt {
	margin-top: .6em;
}

.aromic.contents [id$='-info'] h3 {
	margin-bottom: .6em;
	font-size: 1.2em;
}

.aromic.contents [id$='-info'] h3+p {}

.aromic.contents [id$='-info']>dl {
	padding: 0 .4em;
}

.aromic.contents [id$='-info']>p+dl,
.aromic.contents [id$='-info']>dl+dl {
	padding-top: .6em;
}

.aromic.contents [id$='-info'] h3+ul {
	margin-top: .6em;
}

.aromic.contents [id$='-info']>ul li {
	padding: .6em;
	background: rgba(255, 255, 255, .6);
}

.aromic.contents [id$='-info']>ul li:nth-of-type(n+2) {
	margin-top: 1em;
}

.aromic.contents [id$='-info']>ul li span {
	display: block;
	margin-top: .2em;
	font-size: .9em;
}

.aromic.contents [id$='-info'] button {
	display: block;
	margin: 1em auto 0;
	padding: .5em 1.2em;
	text-align: center;
	font-size: 1em;
	font-weight: 500;
	background: none;
	border: none;
	border-radius: 3em;
	cursor: pointer;
}

.aromic.contents [id$='-info'] button span {
	position: relative;
	padding-right: .8em;
}

.aromic.contents [id$='-info'] button span:after {
	position: absolute;
	top: .6em;
	right: 0;
	content: '';
	display: block;
	width: .4em;
	height: .4em;
	border-top: 1px solid;
	border-right: 1px solid;
	transform: translate(-25%, -50%) rotate(45deg);
}

/*txt-color*/
.aromic.contents [id$='-info'].txt-red {
	color: #de1b23;
}

/*mail*/
.aromic.contents #mail-info {
	background: rgba(247, 194, 71, .2);
}

.aromic.contents #mail-info button {
	background: rgba(247, 194, 71, .6);
}

/*trial*/
.aromic.contents #trial-info {
	background: #f9eded;
}

/*sample*/
.aromic.contents #sample-info {
	background: #f9eded;
}

/*wrapping*/
.aromic.contents #wrapping-info h3 {
	text-align: center;
}

.aromic.contents #wrapping-info {
	background: #f0d9da;
}


@media screen and (max-width:640px) {
	.aromic.contents [id$='-info'] {
		font-size: .9em;
	}
}

@media screen and (max-width:370px) {
	.aromic.contents [id$='-info'] {
		font-size: .8em;
	}
}



/*==============================
	Aromic.link
==============================*/
.aromic.link {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
}

.aromic.link h2 {
	margin-bottom: .5em;
	text-align: center;
	font-size: 1.2em;
	color: #444;
}

.aromic.link h2:before {
	content: '';
	display: block;
	width: 60%;
	max-width: 20em;
	height: 1px;
	margin: 0 auto;
	background: #444;
}

.aromic.link h2 span {
	position: relative;
	top: -.5em;
	padding: 0 .6em;
	background: #fff;
}

.aromic.link a {
	display: block;
	color: #555;
}

#series-bug .aromic.link a:hover {
	background: #fff;
}

.aromic.link img {
	display: block;
	width: 100%;
}

/*3行レイアウト*/
.aromic.link .link-layout3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 98%;
	margin: 0 auto;
}

.aromic.link .link-layout3 li {
	display: flex;
	align-items: stretch;
	width: calc(100%/3);
}

.aromic.link .link-layout3 li a {
	width: 100%;
	padding: 1em;
	text-align: center;
	line-height: 1.5em;
	border: 3px solid #fff;
}

.aromic.link .link-layout3 li:nth-of-type(3n+2) a {
	border-right: none;
	border-left: none;
}

.aromic.link .link-layout3 .link-point {
	margin: 0 auto;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.2em;
	background: #fff;
}

.aromic.link .link-layout3 picture {
	display: block;
	margin-top: 1.5em;
}

.aromic.link .link-layout3 .link-point+picture {
	margin-top: 0;
}

.aromic.link .link-layout3 img {
	max-width: 180px;
	margin: 0 auto .6em;
}

.aromic.link .link-layout3 h3 {
	margin-bottom: .8em;
	text-align: center;
}

.aromic.link .link-layout3 h3 p:nth-of-type(1) {
	font-family: 'Sacramento', cursive;
	/*display:block;*/
	display: none;
	margin-bottom: 1em;
	font-size: 1.5em;
	line-height: 1.2em;
	letter-spacing: .1em;
}

.aromic.link .link-layout3 h3 p:nth-of-type(2) {
	font-size: 1.2rem;
	font-style: normal;
}

.aromic.link .link-layout3 h3 p span {
	font-size: .8em;
	font-style: normal;
}

.aromic.link .link-layout3 .link-price {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.4em;
}

.aromic.link .link-layout3 .link-price em {
	font-size: 1.6em;
}

.aromic.link .link-layout3 .link-price:after {
	content: '\7A0E\5225';
	padding-left: .1em;
	font-size: .35em;
}

.aromic.link .link-layout3 .link-price.cost-free:before {
	content: '\9001\6599\7121\6599';
	display: inline-block;
	width: 3em;
	margin-right: .3em;
	padding: .25em .15em;
	text-align: center;
	font-size: .6em;
	line-height: 1.1em;
	letter-spacing: 1px;
	border: 1px solid;
	-webkit-text-stroke: 0;
}

.aromic.link .link-layout3 button {
	position: relative;
	width: 100%;
	margin: .6em auto 0;
	padding: .3em 1em;
	color: #fff;
	background: #555;
	cursor: pointer;
}

.aromic.link .link-layout3 button:before {
	position: absolute;
	content: '';
	top: .6em;
	right: .5em;
	border: .6em solid transparent;
	border-left: .8em solid;
}

.aromic.link .link-layout3 button p {
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.5em;
}


@media screen and (max-width:900px) {
	.aromic.link .link-layout3 button {
		padding: .5em 1em .5em 1.5em;
	}

	.aromic.link .link-layout3 button:before {
		top: 1.4em;
	}

	.aromic.link .link-layout3 button p {
		max-width: 7em;
		text-align: left;
		line-height: 1.2em;
	}
}

@media screen and (max-width:750px) {
	.aromic.link .link-layout3 {
		font-size: .9em;
	}
}

@media screen and (max-width:700px) {
	.aromic.link .link-layout3 h3 p:nth-of-type(1) {
		display: none;
	}

	.aromic.link .link-layout3 h3 p:nth-of-type(2) {
		font-size: 1.3rem;
	}
}

@media screen and (max-width:640px) {
	.aromic.link .link-layout3 {
		font-size: .8em;
	}

	.aromic.link .link-layout3 picture {
		margin-top: .9em;
	}

	.aromic.link .link-layout3 .link-price.cost-free:before {
		font-size: .45em;
	}

	.aromic.link .link-layout3 button {
		padding: .5em .6em;
	}

	.aromic.link .link-layout3 button:before {
		border-width: .4em;
		border-left-width: .5em;
	}

	.aromic.link .link-layout3 button p {
		font-size: 1.1em;
	}
}

@media screen and (max-width:600px) {
	.aromic.link .link-layout3 h3 p:nth-of-type(2) {
		font-size: 1.2rem;
	}
}

@media screen and (max-width:500px) {
	.aromic.link .link-layout3 {
		font-size: .7em;
	}

	.aromic.link .link-layout3 li a {
		padding: .5em;
	}

	.aromic.link .link-layout3 h3 p:nth-of-type(2) {
		font-size: 1.1rem;
	}

	.aromic.link .link-layout3 picture {
		margin-top: 2.2em;
	}

	.aromic.link .link-layout3 li:nth-of-type(3n+3) picture {
		margin-top: 3em;
	}

	.aromic.link .link-layout3 .link-point {
		font-size: 1.3em;
	}

	.aromic.link .link-layout3 .link-point strong {
		display: block;
	}

	.aromic.link .link-layout3 button:before {
		right: .2em;
	}
}

@media screen and (max-width:450px) {
	.aromic.link .link-layout3 h3 p:nth-of-type(2) {
		font-size: 1rem;
	}

	.aromic.link .link-layout3 h3 p span {
		display: block;
		margin-top: .2em;
	}

	.aromic.link .link-layout3 .link-price:after {
		font-size: .5em;
	}

	.aromic.link .link-layout3 .link-price.cost-free:before {
		display: none;
	}

	.aromic.link .link-layout3 button {
		padding: .5em .1em;
	}

	.aromic.link .link-layout3 button:before {
		display: none;
	}

	.aromic.link .link-layout3 button p {
		position: relative;
		margin: 0 auto;
		text-align: center;
		line-height: 1.3em;
	}

	.aromic.link .link-layout3 button p:before {
		position: absolute;
		content: '';
		bottom: .25em;
		right: .8em;
		border: .4em solid transparent;
		border-left: .6em solid;
	}
}

@media screen and (max-width:400px) {
	.aromic.link .link-layout3 {
		font-size: .6em;
	}

	.aromic.link img {
		width: 80%;
	}

	.aromic.link .link-layout3 .link-price {
		font-size: 1.3em;
	}
}

@media screen and (max-width:370px) {
	.aromic.link .link-layout3 button p {
		font-size: 1em;
		letter-spacing: -1px;
	}

	.aromic.link .link-layout3 button p:before {
		display: none;
	}
}



/*==============================
    Pdt-spec
==============================*/
section+#pdt-spec {
	margin-top: 6em !important;
}

#pdt-spec {
	width: calc(100% - 2em);
	max-width: 600px;
	margin: 2em auto 0;
	font-size: .96em;
	color: #444;
}

#pdt-spec h2 {
	margin-bottom: -.5em;
	padding: 0;
	text-align: center;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1em;
	background: none;
}

#pdt-spec h2 span {
	padding: 0 .8em;
	background: #fff;
}

#pdt-spec h3 {
	margin-bottom: .6em;
	padding: .4em 0 .2em .4em;
	border-left: .3em solid;
}

#pdt-spec h3:nth-of-type(n+2) {
	margin-top: 1.6em;
}

#pdt-spec .inline {
	margin-bottom: 2em;
	padding: 2em;
	border: 1px solid;
}

#pdt-spec ul li:nth-of-type(n+2) {
	margin-top: .6em;
}

#pdt-spec ul.list li {
	padding-left: .6em;
	text-indent: -1em;
}

#pdt-spec ul.list li:before {
	content: '\30FB';
}

#pdt-spec dl {
	line-height: 1.4em;
}

#pdt-spec dl:nth-of-type(n+2) {
	margin-top: 1.2em;
	padding-top: 1.2em;
	border-top: 1px solid;
}

#pdt-spec h3+dl {
	margin-top: 0 !important;
	padding-top: 0 !important;
	border: none !important;
}

#pdt-spec dt {
	margin-bottom: .2em;
	font-weight: 600;
}

#pdt-spec dt:nth-of-type(n+2) {
	margin-top: .8em;
	padding-top: .8em;
	border-top: 1px dashed #ccc;
}

#pdt-spec dl.list dd {
	padding-left: .6em;
	text-indent: -1em;
}

#pdt-spec dl.list dd:before {
	content: '\30FB';
}

#pdt-spec a {
	text-decoration: underline;
}


@media screen and (max-width:800px) {
	section+#pdt-spec {
		margin-top: 4em !important;
	}

	#pdt-spec {
		margin-top: 1em;
	}
}

@media screen and (max-width:600px) {
	#pdt-spec {
		font-size: .86em;
	}
}

@media screen and (max-width:450px) {
	#pdt-spec .inline {
		padding: 1.2em 1em;
	}
}



/*==============================
	❖list
==============================*/
#itemDetail-wrap section[class$='-list'] {
	width: 100%;
	max-width: 800px;
	margin: 2em auto 0;
	color: #444;
}

#itemDetail-wrap section[class$='-list'] h2 {
	margin: 0 auto 1.6em;
	text-align: center;
	font-size: 1em;
	font-weight: 700;
	background: none;
}

#itemDetail-wrap section[class$='-list'] h2 span {
	padding: .2em .6em;
	line-height: 1.5em;
	border: 1px solid;
}

#itemDetail-wrap section[class$='-list'] h2 strong {
	display: block;
	margin-top: .4em;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1.5em;
}

#itemDetail-wrap section[class$='-list'] dl {
	width: calc(100% - 2em);
	margin: auto;
	font-size: .96em;
	color: #444;
}

#itemDetail-wrap section[class$='-list'] dt {
	padding: .4em;
	font-weight: 700;
	line-height: 1.5em;
	background: #f3f3f3;
	border-bottom: 1px dashed;
}

#itemDetail-wrap section[class$='-list'] dd {
	margin-bottom: 1em;
	padding: .5em 0 1em;
	line-height: 1.5em;
}

#itemDetail-wrap section[class$='-list'] dd:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#itemDetail-wrap section[class$='-list'] dd b {
	font-weight: 500;
	background: linear-gradient(transparent 80%, #fcf2bd 80%);
}

#itemDetail-wrap section[class$='-list'] .link-right {
	margin-right: .6em;
	text-align: right;
}

#itemDetail-wrap section[class$='-list']t a {
	text-decoration: underline;
}

#itemDetail-wrap section[class$='-list']>a {
	position: relative;
	display: block;
	padding-right: .6em;
	text-align: right;
	line-height: 1.5em;
}

#itemDetail-wrap section[class$='-list'] .link-text {
	text-align: right;
}

#itemDetail-wrap section[class$='-list'] .link-text a {
	line-height: 1.5em;
}


@media screen and (max-width:425px) {
	#itemDetail-wrap section[class$='-list'] {
		margin-top: 1em;
	}

	#itemDetail-wrap section[class$='-list'] h2 {
		font-size: .9em;
	}

	#itemDetail-wrap section[class$='-list'] dl {
		font-size: .9em;
	}
}



/*==============================
	❖guide
==============================*/
[id*='item-detail'].panel a[id*='guide'].img {
	display: block;
	width: calc(100% - 1em);
	max-width: 400px;
	margin: 1em auto;
}



/*==============================
	❖qa-list spray-guide
==============================*/
#itemDetail-wrap .qa-list+a[href*='guide/spray'] {
	position: relative;
	display: block;
	width: calc(100% - 2em);
	max-width: 520px;
	margin: 1.6em auto 0;
	background: url(/img/top/item-stress-800x400.webp) center right / contain no-repeat #edf5ee;
}

#itemDetail-wrap .qa-list+a[href*='guide/spray']:after {
	position: absolute;
	bottom: -1.4em;
	right: .2em;
	content: '\30AC\30A4\30C9\3092\898B\308B';
	display: block;
	text-align: right;
	text-decoration: underline;
	color: var(--aromic);
}

#itemDetail-wrap .qa-list+a[href*='guide/spray'] p:first-of-type span {
	display: inline-block;
	padding: .2em;
	text-align: center;
	background: #fff;
	border-radius: .4em;
}

#itemDetail-wrap .qa-list+a[href*='guide/spray'] p:last-of-type {
	text-shadow: #edf5ee 2px 0px, #edf5ee -2px 0px, #edf5ee 0px -2px, #edf5ee 0px 2px, #edf5ee 2px 2px, #edf5ee -2px 2px, #edf5ee 2px -2px, #edf5ee -2px -2px, #edf5ee 1px 2px, #edf5ee -1px 2px, #edf5ee 1px -2px, #edf5ee -1px -2px, #edf5ee 2px 1px, #edf5ee -2px 1px, #edf5ee 2px -1px, #edf5ee -2px -1px;
	font-size: 1.2em;
	font-weight: 600;
	color: var(--aromic);
}

#itemDetail-wrap .qa-list+a[href*='guide/spray'] p b {
	font-size: 1.2em;
}


@media screen and (min-width:426px) {
	#itemDetail-wrap .qa-list+a[href*='guide/spray'] {
		display: flex;
		align-items: center;
		padding: 1em;
	}

	#itemDetail-wrap .qa-list+a[href*='guide/spray'] p:first-of-type {
		width: 10em;
		margin-right: .6em;
		font-size: 13px;
	}

	#itemDetail-wrap .qa-list+a[href*='guide/spray'] p:first-of-type span {
		display: block;
	}

	#itemDetail-wrap .qa-list+a[href*='guide/spray'] p:first-of-type span:nth-of-type(n+2) {
		margin-top: .4em;
	}

	#itemDetail-wrap .qa-list+a[href*='guide/spray'] p:last-of-type {
		font-size: 1.26em;
	}
}

@media screen and (max-width:425px) {
	#itemDetail-wrap .qa-list+a[href*='guide/spray'] {
		padding: .8em 1em;
		font-size: 13px;
	}

	#itemDetail-wrap .qa-list+a[href*='guide/spray'] p:first-of-type {
		display: flex;
		align-items: center;
		margin-bottom: .2em;
		font-size: 12px;
	}

	#itemDetail-wrap .qa-list+a[href*='guide/spray'] p:first-of-type span {
		margin: .2em;
	}
}



/*==============================
	ps-mark
==============================*/
#ps-mark {
	width: calc(100% - 2em);
	max-width: 860px !important;
	margin: 2em auto 0 !important;
	padding: 2em;
	border: 1em solid #f7f7f7;
}

#ps-mark img {
	display: block;
	width: 240px;
	margin: auto;
}

#ps-mark p {
	width: calc(100% - 240px - 1em);
	text-align: left;
	line-height: 1.6em;
}

#ps-mark p b:nth-of-type(1) {
	color: #22ac38;
}

#ps-mark p b:nth-of-type(2) {
	color: #2ea7e0;
}


@media screen and (max-width:800px) {
	#ps-mark img {
		width: 180px;
	}

	#ps-mark p {
		width: calc(100% - 180px - 1em);
	}
}

@media screen and (min-width:601px) {
	#ps-mark {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#ps-mark p {
		margin-left: 1em;
	}
}

@media screen and (max-width:600px) {
	#ps-mark {
		padding: 1em;
		border-width: .6em;
	}

	#ps-mark p {
		width: 100%;
		margin-top: .6em;
	}
}

@media screen and (max-width:400px) {
	#ps-mark img {
		width: 140px;
	}
}



/*==============================
	review rakuten
==============================*/
:root {
	--review-bg: 128, 111, 44;
}


main #review-rakuten {
	position: relative;
	padding: 10em 0 6em;
	background: rgba(var(--review-bg), .1);
}

main #review-rakuten h2 {
	width: calc(100% - 1em);
	margin: 0 auto 1.6em;
	padding-bottom: .4em;
	text-align: center;
	font-size: 1.6em;
	font-weight: 600;
	letter-spacing: 2px;
}

main #review-rakuten h2 strong {
	position: relative;
	top: .1em;
	margin-left: .2em;
	font-size: 1.6em;
	font-weight: 500;
	letter-spacing: 0;
	color: #b43636;
}

main #review-rakuten h2 svg,
main #review-rakuten h2 i {
	position: relative;
	width: .8em;
}

main #review-rakuten h2 svg {
	top: 1px;
	margin-right: .1em;
	fill: rgba(var(--review-bg), 1);
}

main #review-rakuten h2 i {
	top: -2px;
	font-style: normal;
	color: rgba(var(--review-bg), 1);
}

main #review-rakuten h2+.info {
	width: calc(100% - 2em);
	max-width: 36em;
	margin: -3em auto 3em;
	text-align: right;
	font-size: 12px;
}

main #review-rakuten .balloon {
	position: absolute;
	top: 4em;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 1.4em;
	background: #fff;
}

main #review-rakuten .balloon * {
	background: #f2f0e9;
}

main #review-rakuten .balloon:before,
main #review-rakuten .balloon:after {
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	display: block;
	margin: auto;
}

main #review-rakuten .balloon:before {
	width: calc(100% - 2em);
	max-width: 20em;
	height: 4em;
	border: 1px solid;
	border-radius: 4em;
	z-index: 2;
}

main #review-rakuten .balloon:after {
	bottom: -4.5em;
	width: 1em;
	height: 1em;
	border: 1px solid;
	transform: rotate(45deg);
	z-index: 1;
}

main #review-rakuten .balloon span {
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	display: block;
	z-index: 3;
}

main #review-rakuten .balloon span:after {
	position: absolute;
	bottom: calc(-1.4em + 1px);
	left: 0;
	right: 0;
	content: '';
	width: 1.6em;
	height: 1em;
	margin: auto;
	background: #f2f0e9;
}

main #review-rakuten .balloon em {
	text-decoration: underline;
	font-style: normal;
}

main #review-rakuten ul {
	max-width: 1000px;
	margin: auto;
}

main #review-rakuten li {
	max-width: 50em;
	background: #fff;
}

main #review-rakuten li h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1em;
	font-weight: 600;
	line-height: 1.6em;
	color: rgba(var(--review-bg), 1);
}

main #review-rakuten li h3 picture {
	display: block;
	width: 4em;
	margin-right: .4em;
	padding: .4em;
	background: rgba(var(--review-bg), .1);
	border-radius: 50%;
}

main #review-rakuten li h3 img {
	display: block;
	width: 100%;
}

main #review-rakuten li h3 span {
	font-size: 1.1em;
}

main #review-rakuten li>p {
	line-height: 1.6em;
}


@media screen and (min-width:769px) {
	main #review-rakuten ul {
		width: calc(100% - 4em);
	}

	main #review-rakuten li {
		width: 80%;
		padding: 3em;
	}
}

@media screen and (max-width:768px) {
	main #review-rakuten {
		padding: 10em 0 3em;
	}

	main #review-rakuten h2 {
		font-size: 1.5em;
	}

	main #review-rakuten ul {
		width: calc(100% - 2em);
	}

	main #review-rakuten li {
		width: 100%;
		padding: 2em 1em;
	}
}

@media screen and (min-width:426px) {
	main #review-rakuten h2 br {
		display: none;
	}

	main #review-rakuten li:nth-of-type(even) {
		margin-left: auto;
	}

	main #review-rakuten li:nth-of-type(n+2) {
		margin-top: 1em;
	}

	main #review-rakuten li h3 br {
		display: none;
	}
}

@media screen and (max-width:425px) {
	main #review-rakuten {
		padding: 8em 0 3em;
	}

	main #review-rakuten h2 {
		margin-bottom: 1em;
		font-size: 1.36em;
	}

	main #review-rakuten h2+.info {
		margin: -1.6em auto 1.6em;
	}

	main #review-rakuten .balloon {
		top: 3em;
		font-size: .9em;
	}

	main #review-rakuten ul {
		width: 100%;
		padding: 0 1em 1em;
		overflow-x: auto;
		white-space: nowrap;
	}

	main #review-rakuten li {
		display: inline-block;
		width: calc(100% - 1em);
		vertical-align: top;
		white-space: normal;
	}

	main #review-rakuten li>p {
		font-size: .9em;
	}
}

@media screen and (max-width:320px) {
	main #review-rakuten h2 {
		letter-spacing: 1px;
	}
}



/*==============================
 evidence
==============================*/
#evidence {
	margin: 1em auto;
}

#evidence>img {
	display: block;
	width: 100%;
}

#evidence>p {
	text-align: right;
}



/*==============================
    Related-item
==============================*/
#related-item {
	width: calc(100% - 1em);
	max-width: 800px;
	margin: 4em auto 0;
	font-size: .8em;
	color: #444;
}

#related-item h2 {
	position: relative;
	top: .4em;
	margin-bottom: 1em;
	padding: 0;
	text-align: center;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1em;
	background: none;
}

#related-item h2:before {
	content: '';
	display: block;
	width: 50%;
	height: 1px;
	margin: 0 auto;
	background: #35380A;
}

#related-item h2 span {
	position: relative;
	top: -.4em;
	padding: 0 .8em;
	background: #fff;
}

#related-item ul {
	justify-content: flex-start !important;
	width: 100%;
	margin: auto;
}

#related-item li a {
	display: block;
}

#related-item li a:hover {
	opacity: .7;
}

#related-item li img {
	display: block;
	width: 100%;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .1);
}

#related-item li a p {
	display: block;
	margin: .4em auto 0;
	padding: .4em 0;
	line-height: 1.2em;
	color: #35380A;
	transition: .4s;
}

#related-item li a:hover:after {
	color: #fff;
	background: #111;
}


@media screen and (min-width:641px) {
	#related-item li {
		width: calc(92%/5);
		margin-left: 2%;
	}

	#related-item li:nth-of-type(5n+1) {
		margin-left: 0;
	}

	#related-item li:nth-of-type(n+6) {
		margin-top: 2%;
	}
}

@media screen and (max-width:640px) {
	#related-item {
		font-size: .7em;
	}

	#related-item li {
		margin-left: 3%;
	}
}

@media screen and (min-width:501px) and (max-width:640px) {
	#related-item li {
		width: calc(91%/4);
	}

	#related-item li:nth-of-type(4n+1) {
		margin-left: 0;
	}

	#related-item li:nth-of-type(n+5) {
		margin-top: 3%;
	}
}

@media screen and (max-width:500px) {
	#related-item li {
		width: calc(94%/3);
	}

	#related-item li:nth-of-type(3n+1) {
		margin-left: 0;
	}

	#related-item li:nth-of-type(n+4) {
		margin-top: 3%;
	}

	#related-item li a p {
		font-size: .9em;
	}
}



/*==============================
    Recommend
==============================*/
#Load-recommend {
	margin-bottom: 3em;
}

#sec-item-recommend {
	width: calc(100% - .4em);
	margin: auto;
	padding: 1em 0;
}

#sec-item-recommend h3 {
	margin: 1em auto;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.6em;
}

#sec-item-recommend h3 span {
	position: relative;
	display: inline-block;
	text-align: left;
	padding-left: 1.8em;
	text-align: left;
}

#sec-item-recommend h3 span:before,
#sec-item-recommend h3 span:after {
	content: '';
	display: block;
	position: absolute;
}

#sec-item-recommend h3 span:before {
	top: calc(50% - .5em);
	left: 0;
	width: 1em;
	height: 1em;
	border: 1px solid;
}

#sec-item-recommend h3 span:after {
	top: calc(50% - .5em);
	left: .2em;
	width: 1em;
	height: .4em;
	border-left: 2px solid #e4545a;
	border-bottom: 2px solid #e4545a;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#sec-item-recommend ul {
	width: calc(100% - 2em);
	/*max-width:500px;*/
}

#sec-item-recommend li {
	width: calc(100%/2 - 1em);
}

#sec-item-recommend li a {
	display: block;
}

#sec-item-recommend li a+p {
	margin-top: .8em;
	text-align: right;
	font-size: .9em;
}

#sec-item-recommend li a+p:after {
	content: '\7A0E\8FBC';
	margin-left: .1em;
	font-size: .8em;
}

#sec-item-recommend li a+p.cost-free:before {
	position: relative;
	top: -1px;
	content: '\9001\6599\7121\6599';
	display: inline-block;
	margin-right: .4em;
	padding: .26em .3em .2em;
	text-align: center;
	font-size: .8em;
	line-height: 1.1em;
	border: 1px solid #777;
	-webkit-text-stroke: 0;
}

#sec-item-recommend li img {
	width: 100%;
	box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .1);
}

#sec-item-recommend .swiper-button-prev,
#sec-item-recommend .swiper-button-next {
	top: calc(50% - 1.5em);
	width: 2em;
	height: 2em;
	border-radius: 5em;
	background: rgba(255, 255, 255, .8);
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);
}

#sec-item-recommend .swiper-button-prev {
	left: .4em;
}

#sec-item-recommend .swiper-button-next {
	right: .4em;
}

#sec-item-recommend .swiper-button-prev:before,
#sec-item-recommend .swiper-button-next:before {
	width: .6em;
	height: .6em;
	border-color: #35380A;
}

#sec-item-recommend .swiper-button-next:before {
	right: calc(50% - .3em);
}

#sec-item-recommend .swiper-pagination {
	bottom: 0;
}


@media screen and (max-width:767px) {
	#Load-recommend {
		margin-bottom: 1em;
	}
}

@media screen and (max-width:500px) {
	#sec-item-recommend {
		margin-bottom: 2em;
		font-size: .9em;
	}
}

@media screen and (max-width:400px) {
	#sec-item-recommend ul {
		width: 100%;
	}

	#sec-item-recommend li {
		width: calc(100%/2 - .4em);
	}
}

@media screen and (max-width: 370px) {
	#sec-item-recommend {
		font-size: .86em;
	}
}

@media screen and (max-width: 350px) {
	#sec-item-recommend {
		font-size: .8em;
	}
}



/*==============================
	ranking
==============================*/
#wrapper+footer {
	margin-top: 4em;
}

#wrapper+footer #ranking {
	padding: 2em 0 3em;
	background: var(--aromic-bg);
}

#wrapper+footer #ranking h2.ttl {
	margin-bottom: 1em;
	text-align: center;
	font-size: 2.2em;
}

#wrapper+footer #ranking h2.ttl>* {
	display: block;
	font-weight: 400;
	line-height: 1em;
}

#wrapper+footer #ranking h2.ttl b {
	letter-spacing: .1em;
	color: var(--aromic);
}

#wrapper+footer #ranking h2.ttl span {
	margin-top: .8em;
	font-size: .5em;
	letter-spacing: .1em;
}


@media screen and (max-width:425px) {
	#wrapper+footer #ranking h2.ttl {
		margin-bottom: 1em;
		font-size: 1.8em;
	}

	#wrapper+footer #ranking h2.ttl span {
		letter-spacing: 0;
	}
}



/*==============================
	campaign
==============================*/
#wrapper+footer #campaign {
	margin-top: 4em;
}

#wrapper+footer #campaign ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: calc(100% - 4em);
	max-width: 1160px;
	margin: auto;
}

#wrapper+footer #campaign ul picture {
	display: block;
	width: 100%;
	aspect-ratio: 1/1;
}

#wrapper+footer #campaign ul picture img {
	display: block;
	width: 100%;
}

#wrapper+footer #campaign ul p,
#wrapper+footer #campaign ul time {
	margin-top: 0;
	font-size: 1em;
}


@media screen and (min-width:1025px) {
	#wrapper+footer #campaign ul li {
		width: calc(100%/3 - 1.2em);
	}

	#wrapper+footer #campaign ul li:not(:nth-of-type(3n+1)) {
		margin-left: 1.8em;
	}

	#wrapper+footer #campaign ul li:nth-of-type(n+4) {
		margin-top: 2em;
	}
}

@media screen and (max-width:1024px) {
	#wrapper+footer #campaign ul {
		width: calc(100% - 8vw);
	}

	#wrapper+footer #campaign ul li {
		width: calc(100%/2 - 1.6vw);
	}

	#wrapper+footer #campaign ul li:nth-of-type(2n+2) {
		margin-left: 3.2vw;
	}

	#wrapper+footer #campaign ul li:nth-of-type(n+3) {
		margin-top: 2em;
	}
}

@media screen and (max-width:768px) {
	#wrapper+footer #campaign ul li a {
		font-size: .9em;
	}

	#wrapper+footer #campaign ul li a>div {
		padding: 1em .4em;
	}
}

@media screen and (max-width:425px) {
	#wrapper+footer #campaign {
		margin-top: 2em;
	}

	#wrapper+footer #campaign ul {
		width: calc(100% - 2em);
		font-size: .93em;
	}

	#wrapper+footer #campaign ul li:nth-of-type(n+3) {
		margin-top: 1.6em;
	}
}



/*==============================
	concept
==============================*/
#pdt-concept {
	max-width: 1000px;
	margin: 4em auto 0;
	padding: 2em;
	border: 1.2em solid var(--aromic-bg);
}

#pdt-concept h2 {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.6em;
	letter-spacing: 2px;
	color: var(--aromic);
}

#pdt-concept svg,
#pdt-concept picture,
#pdt-concept img {
	display: block;
	width: 100%;
	margin: auto;
}

#pdt-concept svg {
	max-width: 12em;
	stroke: none;
}

#pdt-concept picture {
	aspect-ratio: 2/1;
}

#pdt-concept p {
	line-height: 1.8em;
}

#pdt-concept .link {
	text-align: right;
}

#pdt-concept .link a {
	color: var(--link);
	border-bottom: 1px solid;
}


@media screen and (min-width:1025px) {
	#pdt-concept {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	#pdt-concept h2 {
		width: 100%;
		margin: .6em auto;
	}

	#pdt-concept p:not([class]) {
		width: calc(55% - 1em);
		margin-right: 1em;
	}

	#pdt-concept picture {
		width: 45%;
	}

	#pdt-concept .link {
		width: 100%;
		margin-top: .6em;
	}
}

@media screen and (max-width:1024px) {
	#pdt-concept h2 {
		margin: 1.2em auto .4em;
	}

	#pdt-concept picture {
		margin: 1em auto;
	}
}

@media screen and (max-width:768px) {
	#pdt-concept {
		font-size: .9em;
	}
}

@media screen and (max-width:425px) {
	#pdt-concept {
		margin-top: 2em;
		padding: 2em 1.2em;
		border: 1.2em solid var(--aromic-bg);
	}

	#pdt-concept h2 {
		text-align: left;
	}
}

@media screen and (max-width:375px) {
	#pdt-concept {
		font-size: .82em;
	}
}

@media screen and (max-width:320px) {
	#pdt-concept h2 br {
		display: none;
	}
}



/*==============================
	lineup
==============================*/
:root {
	--lineup-ye: 255, 165, 20;
	--lineup-subsc: 108, 151, 43;
}


/*p*/
#contents #main-column #lineup h2+p {
	width: calc(100% - 1.6em);
	margin: 0 auto 1.6em;
	text-align: center;
	line-height: 1.6em;
}

#contents #main-column #lineup>p.delivery {
	color: rgb(var(--txt-red));
}

#contents #main-column #lineup p.pickup {
	position: relative;
	top: 0;
	display: block;
	width: calc(100% - 3em);
	max-width: 600px;
	margin: 0 auto 1em;
	padding: .8em 1em;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.46em;
	letter-spacing: 1px;
	background: #eee;
	border-radius: 4em;
	z-index: 1;
}

#contents #main-column #lineup p.pickup:before {
	content: '';
	position: absolute;
	top: 100%;
	left: calc(50% - .6em);
	border: .6em solid transparent;
	border-top: .8em solid #eee;
}

#contents #main-column #lineup p.pickup>span {
	margin-right: .2em;
	padding: 0 .2em;
	background: #f3f3f3;
}

#contents #main-column #lineup p.pickup b {
	position: relative;
	top: 1px;
	display: inline-block;
	margin: 0 .1em;
	font-size: 1.3em;
	font-weight: 500;
}

#contents #main-column #lineup p.pickup b span {
	position: relative;
	top: -.1em;
	font-size: .7em;
}


/*ul*/
#contents #main-column #lineup>ul {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: auto;
}

#contents #main-column #lineup>ul.center {
	justify-content: center;
}

#contents #main-column #lineup>ul>li {
	position: relative;
	box-shadow: 0 0 .4em rgba(0, 0, 0, .12);
	border-radius: .6em;
}

#contents #main-column #lineup>ul>li.icon-teiki {
	background: rgba(var(--lineup-subsc), .1);
}

#contents #main-column #lineup>ul>li[class*='icon-']:before {
	position: absolute;
	top: .6em;
	left: -.2em;
	width: 7em;
	padding: .4em 0;
	text-align: center;
	font-weight: 600;
	line-height: 1em;
	letter-spacing: 1px;
	background: #fff;
	border: 2px solid;
	border-left-width: .6em;
	z-index: 1;
}

#contents #main-column #lineup>ul>li.icon-best:before {
	content: '\4EBA\6C17NO.1';
	color: rgb(var(--lineup-ye));
}

#contents #main-column #lineup>ul>li.icon-teiki:before {
	content: '\5B9A\671F\8CFC\5165';
	color: rgb(var(--lineup-subsc));
}

#contents #main-column #lineup>ul>li>a:first-child {
	position: relative;
	display: block;
	color: var(--txt);
}

#contents #main-column #lineup>ul>li picture img {
	display: block;
	width: auto;
	height: 50vw;
	max-height: 18em;
	margin: 0 auto 1.2em;
}

#contents #main-column #lineup>ul>li>p {
	text-align: center;
}

#contents #main-column #lineup>ul>li>p+p {
	margin-top: .4em;
}

#contents #main-column #lineup p.info {
	width: calc(100% - 1em);
	margin: 1em auto;
	text-align: right;
	font-size: .8em;
	line-height: 1.4em;
}

#contents #main-column #lineup>ul>li .price,
#contents #main-column #lineup>ul>li>.api_product_target [class*='price'] {
	line-height: 1.2em;
	font-weight: 500;
	color: rgb(var(--txt-red));
}

#contents #main-column #lineup>ul>li>.api_product_target [class*='price'] {
	text-align: center;
}

#contents #main-column #lineup>ul>li>.api_product_target .api_product_setting_regular_price_wrap {
	margin-bottom: .1em;
	font-size: 12px;
}

#contents #main-column #lineup>ul>li>.api_product_target .api_product_setting_regular_price_wrap:before {
	display: none;
}

#contents #main-column #lineup>ul>li>.api_product_target [class*='price'] span:after {
	display: none;
}

#contents #main-column #lineup>ul>li .price b {
	font-size: 1.4em;
}

#contents #main-column #lineup>ul>li .price[class*='cost']:before {
	position: relative;
	top: -.2em;
	margin-right: .3em;
	padding: .1em .4em .2em;
	font-size: .8em;
	color: #fff;
	background: rgb(var(--txt-red));
}

#contents #main-column #lineup>ul>li .price.cost-free:before {
	content: '\9001\6599\7121\6599';
}

#contents #main-column #lineup>ul>li .price.cost-included:before {
	content: '\9001\6599\8FBC\307F';
}

#contents #main-column #lineup>ul>li .off {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 4em;
	height: 4em;
	margin: 0;
	padding-top: 1em;
	font-weight: 500;
	line-height: 1.1em;
	color: #fff;
	background: rgb(var(--txt-red));
	border-radius: 50vh;
}




#contents #main-column #lineup>ul>li .off.max:before {
	position: absolute;
	top: -.4em;
	left: 0;
	right: 0;
	content: '\6700\5927';
	margin: auto;
	text-shadow: var(--txt-shadow);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	color: rgb(var(--txt-red));
}

#contents #main-column #lineup>ul>li .off span {
	display: block;
}

#contents #main-column #lineup>ul>li .off b {
	font-size: 1.4em;
	font-weight: 500;
}

#contents #main-column #lineup>ul>li .off.yen span {
  font-size: .8em;
}
#contents #main-column #lineup>ul>li .off.yen b {
  font-size: 1.6em;
}

/*#contents #main-column #lineup > ul > li .off ~ .api_product_target .api_product_setting_regular_price_wrap { display:none; }*/


/*button*/
#contents #main-column #lineup li button:not(.api_get_product) {
	display: block;
	width: 16vw;
	min-width: 9em;
	max-width: 11em;
	margin: .4em auto 0;
	padding: .8em 0 .7em;
	text-align: center;
	font-weight: 600;
	line-height: 1em;
	color: #fff;
	background: rgb(var(--txt-red));
	border: none;
	border-bottom: .3em solid #860e0e;
	border-radius: 50vh;
	cursor: pointer;
}

#contents #main-column #lineup li>a:first-child:hover button:not(.api_get_product),
#contents #main-column #lineup li button:not(.api_get_product).modal:hover {
	background: #555;
	border-bottom-color: #35380A;
}


/*modal*/
#contents #main-column .modal-content>.info {
	width: 100% !important;
	text-align: left !important;
	font-weight: 500;
	color: rgb(var(--txt-red));
}

#contents #main-column .modal-content>.info:first-child {
	margin-top: 0 !important;
}

#contents #main-column .modal-content>.delivery span {
	display: block;
	padding: .4em 0;
	text-align: center;
	line-height: 1.4em;
	background: rgba(var(--txt-red), .06);
}

#contents #main-column .modal-content>*+.delivery span {
	margin-top: 1.2em;
}

#contents #main-column .modal-content>.delivery span:before {
	content: '\3053\3061\3089\306E\5546\54C1\306F\3001';
}


@media screen and (min-width:1767px) {
	#contents #main-column #lineup>ul {
		max-width: 110em;
	}
}

@media screen and (min-width:1441px) and (max-width:1766px) {
	#contents #main-column #lineup>ul {
		max-width: 88em;
	}
}

@media screen and (min-width:1025px) and (max-width:1440px) {
	#contents #main-column #lineup>ul {
		max-width: 66em;
	}

	/*#contents #main-column #lineup li button:not(.api_get_product) { margin-top:3.55em; }*/
}



@media screen and (min-width:1025px) {
	#contents #main-column #lineup>ul {
		width: calc(100% - .4em);
	}

	#contents #main-column #lineup>ul>li {
		width: calc(100%/3 - 2em);
		max-width: 20em;
	}
}

@media screen and (max-width:1024px) {
	#contents #main-column #lineup>ul {
		width: calc(100% - 2em);
		max-width: 50em;
	}

	#contents #main-column #lineup>ul>li {
		width: calc(100%/2 - 2em);
	}

	#contents #main-column #lineup>ul+.info {
		margin-top: 2em;
	}
}

@media screen and (min-width:769px) {
	#contents #main-column #lineup>ul>li {
		margin: 0 1em 2em;
		padding: 1.6em 1em;
	}

	/*#contents #main-column #lineup > ul > li .price[class*='cost']:before { position:relative; top:-.2em; margin-right:.3em; padding:.3em .4em; }*/
}

@media screen and (max-width:768px) {
	#contents #main-column #lineup>p.delivery {
		text-align: left;
	}

	#contents #main-column #lineup p.pickup {
		font-size: 1em;
	}

	#contents #main-column #lineup>ul>li {
		width: calc(100%/2 - 1.2em);
		margin: 0 .6em 1.2em;
		padding: 1.2em 0;
	}

	#contents #main-column #lineup>ul>li>picture+p,
	#contents #main-column #lineup>ul>li a[href*='SHOP']+p {
		font-size: .9em;
	}

	/*#contents #main-column #lineup > ul > li .price[class*='cost']:before { display:block; max-width:8em; margin:0 auto .4em; }*/
	#contents #main-column #lineup>ul>li picture img {
		max-height: 40vw;
	}
}

@media screen and (max-width:425px) {
	#contents #main-column #lineup>p.delivery {
		font-size: 13px;
	}

	#contents #main-column #lineup p.pickup {
		font-size: .9em;
	}

	#contents #main-column #lineup>ul {
		width: calc(100% - 1em);
		font-size: .9em;
	}

	#contents #main-column #lineup>ul>li[class*='icon-']:before {
		width: 6.6em;
		font-size: 12px;
	}

	#contents #main-column #lineup p.info {
		font-size: 12px;
	}

	#contents #main-column #lineup>ul>li .price {
		font-size: 13px;
	}

	#contents #main-column #lineup>ul>li .price[class*='cost']:before {
		top: -.1em;
		padding: .1em .3em;
		font-size: 12px;
	}

	#contents #main-column #lineup>ul>li .off {
		top: .6em;
		right: .6em;
		font-size: .9em;
	}

	#contents #main-column .modal-content {
		padding: 1.6em .4em;
		font-size: 1em;
	}

	#contents #main-column .modal-content>.delivery {
		font-size: 13px;
	}
}

@media screen and (max-width:320px) {
	#contents #main-column .modal-content {
		padding: 2em .4em;
	}
}



/*==============================
	api product target
==============================*/
.api_product_target {
	max-width: 500px;
	margin: auto;
}

.api_product_target form>*:nth-of-type(n+3) {
	margin: .6em auto 0;
}

.api_product_target a {
	color: var(--link);
}

/*img-none*/
.api_product_target.img-none .api_product_img_wrap {
	display: none;
}

/*name-none*/
.api_product_target.name-none {
	margin-top: .2em;
}

.api_product_target.name-none .api_product_item_name_wrap {
	display: none;
}

/*price-only*/
.api_product_target.price-only {
	margin-top: .2em;
}

.api_product_target.price-only form.api_product_form>*:not(.api_product_setting_regular_price_wrap):not(.api_product_retail_price_wrap),
.api_product_target.price-only form.api_product_form+.api_product_review_wrap {
	display: none;
}

/*cost*/
.api_product_target[class*='cost'] .api_product_retail_price_wrap>span:before {
	position: relative;
	top: -.2em;
	margin-right: .3em;
	padding: .2em .4em .3em;
	font-size: .8em;
	color: #fff;
	background: rgb(var(--txt-red));
}

.api_product_target.cost-free .api_product_retail_price_wrap>span:before {
	content: '\9001\6599\7121\6599';
}

.api_product_target.cost-included .api_product_retail_price_wrap>span:before {
	content: '\9001\6599\8FBC\307F';
}

/*button-only*/
.api_product_target.button-only .api_product_img_wrap,
.api_product_target.button-only .api_product_item_name_wrap,
.api_product_target.button-only [class*='price'] {
	display: none;
}

/*review-only*/
.api_product_target.review-only form.api_product_form {
	display: none;
}

/*form*/
.api_product_count_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.api_product_variation_input_wrap,
.api_product_option_input_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.api_product_variation_input_wrap:nth-of-type(n+2),
.api_product_option_input_wrap:nth-of-type(n+2) {
	margin-top: .4em;
}

.api_product_variation_input_wrap span,
.api_product_option_input_wrap span,
.api_product_variation_input_wrap label,
.api_product_option_input_wrap label {
	margin: .2em;
}

/*.api_product_option_input_wrap span.api_product_option_name,
.api_product_option_input_wrap span.api_product_option_name + .api_product_option_label { margin-right:0; }*/
.api_product_option_input_wrap span.api_product_option_name+.api_product_option_label {
	display: block;
	margin: 0 0 .1em;
	font-size: 13px;
	line-height: 1.4em;
}

.api_product_target input,
.api_product_target select {
	max-width: 100%;
	padding: .2em .6em;
	line-height: 2em;
	background: #fff;
	border: 1px solid #eee;
	border-radius: .2em;
	appearance: none;
}

.api_product_count_wrap input {
	max-width: 4em;
	height: 2.2em;
	margin-right: .2em;
	border: 1px solid #999;
}

.api_product_target .api_product_count_wrap+p.delivery-date {
	margin-top: 1em;
}

.api_product_target input[value='カートに入れる'] {
	display: block;
	width: 16vw;
	min-width: 8em;
	max-width: 10em;
	height: auto;
	margin: .6em auto 0;
	padding: .8em 0 .7em;
	text-align: center;
	font-weight: 600;
	line-height: 1em;
	color: #fff;
	background: rgb(var(--txt-red));
	border: none;
	border-bottom: .3em solid #860e0e;
	border-radius: 50vh;
	cursor: pointer;
}

.api_product_target p.delivery-date+input[value='カートに入れる'] {
	margin-top: .4em;
}

.api_product_target input[value='カートに入れる']:hover {
	background: #555;
	border-bottom-color: #35380A;
}

.api_product_target select {
	height: 2.6em;
	padding-right: 2em;
	background: url(/img/icon/arrow-b.png) right 10px bottom 12px / 12px no-repeat #fff;
	cursor: pointer;
}

/*price*/
.api_product_target [class*='price'] {
	text-align: right;
}

.api_product_setting_regular_price_wrap:before {
	content: '\901A\5E38\4FA1\683C\FF1A';
}

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

[class*='regular']+.api_product_retail_price_wrap {
	margin-top: 0 !important;
}

.api_product_target.variation [class*='regular']+.api_product_retail_price_wrap {
	display: none;
}

.api_product_retail_price {
	font-weight: 500;
	color: rgb(var(--txt-red));
}

.api_product_variation_retail_price_wrap {
	display: none;
}

.api_product_target.variation .api_product_variation_retail_price_wrap {
	display: block;
	color: rgb(var(--txt-red));
}

.api_product_target [class*='price'] span:after {
	content: '(税込)';
	margin-left: .2em;
    font-size: 15px;
}

[class*='_retail_price'] b {
	font-size: 1.4em;
}

/*button*/
button.api_get_product {
	position: relative;
	padding: .8em .6em .6em;
	text-align: center;
	border: 1px solid;
	border-radius: .2em;
}

button.api_get_product:nth-of-type(n+2) {
	margin-left: .4em;
}

button.api_get_product:not([class*='selected']) {
	text-decoration: underline;
	color: rgb(0, 80, 260);
	border-color: var(--txt);
}

.api_product_processing_button {
	background: #b3b3b3;
}

.api_product_selected_button:before {
	position: absolute;
	top: -1em;
	left: 0;
	right: 0;
	content: '\9078\629E\4E2D';
	display: block;
	width: 4em;
	margin: auto;
	padding: .1em 0;
	font-size: 12px;
	color: #fff;
	background: rgb(var(--item-subsc-rgb));
	box-shadow: 1px 1px 2px #aaa;
	border-radius: 50vh;
}

/*review*/
.api_product_review_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: .2em;
	text-align: center;
	font-size: .9em;
}

.api_product_review_wrap img {
	width: 1em;
	max-width: 14px;
	margin: 2px 1px 0 0;
}

.api_product_review_wrap img:last-of-type {
	margin-right: .2em;
}

.api_product_review_wrap a {
	margin-left: .2em;
	line-height: 1em;
}

/*item-detail*/
.api_product_target+a.item-detail {
	display: block;
	margin-top: .3em;
	text-align: center;
	font-size: .9em;
	color: var(--link);
}

button+a.item-detail {
	margin-top: .3em;
}

.api_product_target+a.item-detail span {
	text-decoration: underline;
}


@media screen and (max-width:1024px) {
	.api_product_target input[value='カートに入れる'] {
		width: 10em;
	}
}

@media screen and (max-width:425px) {
	.api_product_target[class*='cost'] .api_product_retail_price_wrap>span:before {
		top: -.1em;
		padding: 0 .3em .1em;
	}

	.api_product_option_input_wrap span.api_product_option_name+.api_product_option_label {
		font-size: 12px;
	}
}

@media screen and (max-width:320px) {
	.api_product_target input[value='カートに入れる'] {
		font-size: 1em !important;
	}
}



/*==============================
	api product target #lineup
==============================*/
#contents #main-column #lineup li button.modal {
	font-weight: 600;
}

#contents #main-column #lineup .modal-content>*+.api_product_target {
	margin-top: 1em;
}

#contents #main-column #lineup .api_product_target .api_product_img_wrap {
	display: none;
}

/*item-detail*/
#contents #main-column #lineup button+a.item-detail {
	display: block;
	text-align: center;
	font-size: .9em;
	color: var(--link);
}

#contents #main-column #lineup button+a.item-detail span {
	text-decoration: underline;
}

#contents #main-column #lineup p.delivery-date {
	text-align: center;
}


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

	#contents #main-column #lineup li button.modal,
	#contents #main-column #lineup .api_product_target input[value='カートに入れる'] {
		width: 10em;
		font-size: 1em !important;
	}
}

@media screen and (max-width:425px) {
	#contents #main-column #lineup .api_product_review_wrap a {
		display: none;
	}
}

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

	#contents #main-column #lineup li button.modal,
	#contents #main-column #lineup .api_product_target input[value='カートに入れる'] {
		font-size: .9em !important;
	}
}



/*==============================
	api product target item-page
==============================*/
#itemDetail-cont .api_product_target input[value='カートに入れる'] {
	width: 100%;
	height: 60px;
	min-width: auto;
	max-width: none;
	font-size: 1.2em !important;
	border-radius: 4px;
}



/*==============================
	api product target teiki
==============================*/
#contents #main-column #lineup dl.teiki {
	max-width: 500px;
	margin: auto;
	padding: .6em .2em;
	font-size: 1.1em;
	font-weight: 600;
	color: #fff;
	background: rgb(var(--lineup-subsc));
}

#contents #main-column #lineup .api_product_target+dl.teiki {
	margin-top: 2em;
}

#contents #main-column #lineup dl.teiki>* {
	display: block;
}

#contents #main-column #lineup dl.teiki dt {
	width: calc(100% - 1em);
	max-width: 12em;
	margin: 0 auto .6em;
	padding-bottom: .4em;
	text-align: center;
	border-bottom: 1px solid;
}

#contents #main-column #lineup dl.teiki dt b {
	margin: 0 .1em;
	font-size: 1.26em;
}

#contents #main-column #lineup dl.teiki dd {
	max-width: 19em;
	margin: auto;
	padding-left: 1em;
	font-size: .8em;
	font-weight: 500;
	line-height: 1.4em;
}

#contents #main-column #lineup dl.teiki dd:before {
	position: relative;
	top: .1em;
	left: -.4em;
	content: '';
	display: inline-block;
	width: .5em;
	height: .8em;
	border-right: 2px solid;
	border-bottom: 2px solid;
	transform: translate(-25%, -50%) rotate(45deg);
}

#contents #main-column #lineup dl.teiki dd:nth-of-type(n+2) {
	margin-top: .4em;
}

#contents #main-column #lineup dl.teiki dd b {
	display: inline-block;
	font-size: 1.2em;
}

#contents #main-column #lineup li>.api_product_target.teiki {
	padding: .6em 1em 1.6em;
	background: rgba(var(--lineup-subsc), .1);
}


@media screen and (max-width:768px) {
	#contents #main-column #lineup dl.teiki dd {
		max-width: 16.6em;
	}

	#contents #main-column #lineup dl.teiki dd:nth-of-type(3) {
		display: none;
	}

	#contents #main-column #lineup li>.api_product_target.teiki {
		padding: .6em .6em 1.6em;
	}
}

@media screen and (max-width:425px) {
	#contents #main-column #lineup li>.api_product_target.teiki {
		padding: .6em .6em 1.6em;
	}
}



/*==============================
	api product target sku-change
==============================*/
#contents main .sku-change {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#contents main .sku-change.cycle {
	max-width: 500px;
	margin: 1em auto 0;
}

#contents main .api_product_target+dl.teiki+.sku-change.cycle {
	margin-top: 0;
	padding: .8em 0 1.6em;
	background: rgba(var(--lineup-subsc), .06);
}

#contents main .sku-change.cycle:before {
	content: '\FF3C\304A\5C4A\3051\983B\5EA6\3092\304A\9078\3073\304F\3060\3055\3044\FF0F';
	display: block;
	width: 100%;
	margin-bottom: 1.2em;
	text-align: center;
}

#contents main .sku-change>p {
	width: 100%;
	margin-bottom: 1em;
	font-weight: 500;
}

#contents main .sku-change>p.name {
	margin: 1em auto 0;
}

#contents main .sku-change>button {
	position: relative;
	padding: .6em 0;
	text-align: center;
	border: 1px solid;
}

#contents main .sku-change.button3>button {
	width: calc(100%/3 - .6em);
}

#contents main .sku-change.cycle>button {
	max-width: 8em;
}

#contents main .sku-change.button3>button:nth-of-type(n+2) {
	margin-left: .3em;
}

#contents main .sku-change>button[class*='selected'] {
	background: rgba(var(--aromic-rgb), .2);
}

#contents main .sku-change.cycle>button[class*='selected'] {
	background: rgba(var(--lineup-subsc), .2);
}

#contents main .sku-change>button[class*='selected']:before {
	position: absolute;
	top: -1em;
	left: 0;
	right: 0;
	content: '\9078\629E\4E2D';
	display: block;
	margin: auto;
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
	font-size: 13px;
	font-weight: 500;
}

#contents main .sku-change>button[class*='selected']:before {
	color: var(--aromic);
}

#contents main .sku-change.cycle>button[class*='selected']:before {
	color: rgb(var(--lineup-subsc));
}

#contents main .sku-change>button:not([class*='selected']) {
	background: #fff;
}

#contents main .sku-change>[id^='api_product_target'] {
	margin-top: .6em;
}

#contents main .sku-change.cycle>.api_product_target.teiki {
	padding: .2em 2em 1.6em;
}

#contents main .sku-change.cycle>.api_product_target.teiki .api_product_item_name_wrap {
	margin-bottom: .8em;
	font-size: 12px;
}


@media screen and (max-width:768px) {
	#contents main .sku-change>p {
		font-size: 1.1em;
	}

	#contents main .sku-change.cycle>.api_product_target.teiki {
		padding: .2em 1em 1.6em;
	}
}

@media screen and (max-width:425px) {
	#contents main .sku-change>p {
		font-size: .96em;
	}

	#contents main .sku-change.cycle>.api_product_target.teiki {
		padding: .2em 1em 1.6em;
	}
}



/*==============================
	footer
==============================*/
#index-footer {
	margin-top: 2em;
}