@charset'utf-8';

/*==============================
	air teiki campaign
==============================*/
#pi_cart .item-relation p.teiki-camp-attention { font-weight:500; line-height:1.4em; color:#dd552f; }


@media screen and (max-width:425px) {
#pi_cart .item-relation p.teiki-camp-attention { font-size:12px; }
}



/*==============================
	attention
==============================*/
[id^='item-detail'] > p.attention { margin-bottom:1em; text-align:center; color:red; }
[id^='item-detail'] > p.attention a { display:inline-block; text-decoration:underline; }


@media screen and (max-width:425px) {
[id^='item-detail'] > p.attention { font-size:.9em; }
}



/*==============================
	aroma - list
==============================*/
[id^='item-'].diff #aroma .aroma-list { width:calc(100% - 2em); margin:2em auto 0; }

[id^='item-'].diff #aroma .aroma-list li {	position:relative;	display:flex;	flex-wrap:wrap;	justify-content:flex-start;	align-items:center;	padding:1em; }
[id^='item-'].diff #aroma .aroma-list li.limited {	background:#f5f2eb; }
[id^='item-'].diff #aroma .aroma-list:nth-of-type(n+2),
[id^='item-'].diff #aroma .aroma-list li:nth-of-type(n+2) { border-top:1px dashed; }
[id^='item-'].diff #aroma .aroma-list li.new b + span:before {
	position:relative;
	top:-1px;
	content:'NEW';
	display:inline-block;
	margin-right:.2em;
	padding:.1em .4em;
	line-height:1em;
	letter-spacing:1px;
	color:#b9a15d;
	border:1px solid;
}
[id^='item-'].diff #aroma .aroma-list li.limited b + span:before {
	position:relative;
	top:-1px;
	content:'\671F\9593\9650\5B9A';
	display:inline-block;
	margin-right:.2em;
	padding:.1em .2em;
	line-height:1em;
	letter-spacing:1px;
	color:#fff;
 background:#b9a15d;
	border:1px solid #b9a15d;
}


/*h4*/
[id^='item-'].diff #aroma .aroma-list h4 { line-height:1.4em; }
[id^='item-'].diff #aroma .aroma-list img + h4 { margin-left:.6em; }
[id^='item-'].diff #aroma .aroma-list h4 span { font-size:.96em; font-weight:500; }
[id^='item-'].diff #aroma .aroma-list h4 b {	position:relative;	display:inline-block;	padding:.1em 0 .1em .8em;	font-size:1.2em;	line-height:1.4em;	color:#555; }
[id^='item-'].diff #aroma .aroma-list h4 b:before {	position:absolute;	top:0;	left:0;	content:'';	width:.4em;	height:100%;	background:#aaa; }
[id^='item-'].diff #aroma .aroma-list h4 i { padding:0 .1em; font-size:.9em; font-style:normal; background:#f3f3f3; }
[id^='item-'].diff #aroma .aroma-list h4 + p { line-height:1.4em; }


/*dl*/
[id^='item-'].diff #aroma .aroma-list li dl {	display:flex;	flex-wrap:wrap;	justify-content:flex-start;	align-items:stretch;	margin-top:.6em;	font-size:.9em;	line-height:1.4em; }

[id^='item-'].diff #aroma .aroma-list li dl > * { transition:.4s; }
[id^='item-'].diff #aroma .aroma-list li dl > *:nth-of-type(n+2) { padding-top:.2em; }
[id^='item-'].diff #aroma .aroma-list li.open dl > * { visibility:visible; opacity:1; }
[id^='item-'].diff #aroma .aroma-list li dt { width:6em; }
[id^='item-'].diff #aroma .aroma-list li dd { width:calc(100% - 6em); }
[id^='item-'].diff #aroma .aroma-list li.open dd:nth-last-of-type(-n+2) { width:calc(100% - 8em); margin-right:3em; }


@media screen and (min-width:801px) {
[id^='item-'].diff #aroma .aroma-list h4 b { width:13em; }
[id^='item-'].diff #aroma .aroma-list h4 span { width:calc(100% - 14em); }
[id^='item-'].diff #aroma .aroma-list h4 b br { display:none; }
}

@media screen and (min-width:601px) and (max-width:800px) {
[id^='item-'].diff #aroma .aroma-list h4 b { width:10em; }
[id^='item-'].diff #aroma .aroma-list h4 span { width:calc(100% - 11em); }
}

@media screen and (min-width:601px) {
[id^='item-'].diff #aroma .aroma-list img { width:3.8em; height:3.8em; }
[id^='item-'].diff #aroma .aroma-list h4 {	display:flex;	justify-content:flex-start;	align-items:center; }
[id^='item-'].diff #aroma .aroma-list img + h4 {	width:calc(100% - 4.4em); }
[id^='item-'].diff #aroma .aroma-list h4 span { margin-left:1em; }
}

@media screen and (max-width:600px) {
[id^='item-'].diff #aroma .aroma-list img { width:5.6em; height:5.6em; }
[id^='item-'].diff #aroma .aroma-list h4 { font-size:1em; }
[id^='item-'].diff #aroma .aroma-list img + h4 { width:calc(100% - 6.6em); }
[id^='item-'].diff #aroma .aroma-list h4 b br { display:none; }
[id^='item-'].diff #aroma .aroma-list h4 i { margin-left:.2em; }
[id^='item-'].diff #aroma .aroma-list h4 span { display:block; margin-top:.6em; }
}

@media screen and (min-width:501px) {
[id^='item-'].diff #aroma .aroma-list dl { width:100%; }
}

@media screen and (max-width:400px) {
[id^='item-'].diff #aroma .aroma-list li { align-items:flex-start; padding:1em 0; }
}



/*==============================
	aroma - other
==============================*/
[id^='item-'].diff #aroma h3.ttl { max-width:16.3em; }


/*h4*/
[id^='item-'].diff #aroma > h4 {	margin:1em auto .8em;	padding-bottom:.4em;	text-align:center;	font-size:1.3em;	line-height:1.6em;	letter-spacing:.1em;	border-bottom:1px solid; }
[id^='item-'].diff #aroma > h4 + p { width:calc(100% - 2em); margin:auto; }


/*cat*/
[id^='item-'].diff #aroma .aroma-cat {	display:flex;	justify-content:center;	align-items:stretch;	width:calc(100% - 2em);	max-width:36em;	margin:2em auto; }
[id^='item-'].diff #aroma .aroma-cat li { width:calc(100%/4);	padding:1em 0;	text-align:center;	background:#eee;	border-radius:.2em; }
[id^='item-'].diff #aroma .aroma-cat li:nth-of-type(n+2) { margin-left:.6em; }
[id^='item-'].diff #aroma .aroma-cat li i { display:block; font-size:1.2em; font-style:normal; }
[id^='item-'].diff #aroma .aroma-cat li i:after { content:'\7A2E'; margin-left:.1em; font-size:.8em; }


/*img*/
[id^='item-'].diff #aroma > picture img { display:block; width:calc(100% - 2em); max-width:750px; margin:0 auto .4em; }


/*ranking*/
[id^='item-'].diff #aroma .ranking { counter-reset:number 0; width:calc(100% - 2em); max-width:750px; margin:1em auto 0; }
[id^='item-'].diff #aroma .ranking li { width:100%; padding:.8em; background:#f9f5ee; }
[id^='item-'].diff #aroma .ranking li:nth-of-type(n+2) { margin-top:.2em; }
[id^='item-'].diff #aroma .ranking h5 {	position:relative;	display:flex;	align-items:center;	margin-bottom:.6em;	font-size:1.1em;	line-height:1.2em; }
[id^='item-'].diff #aroma .ranking h5 img { display:inline-block; width:2.6em; height:2.6em; margin-right:3.2em; }
[id^='item-'].diff #aroma .ranking h5 span:before {
	font-family:var(--font-logo);
	position:absolute;
	top:0;
	left:3.3em;
	counter-increment:number 1;
	content:'No.' counter(number);
	display:flex;
	justify-content:center;
	align-items:center;
	width:2.85em;
	height:2.85em;
	padding:.4em;
	font-size:.9em;
 font-weight:500;
	letter-spacing:1px;
	color:#b9a15d;
	background:#fff;
	border:1px solid;
	border-radius:50%;
}
[id^='item-'].diff #aroma .ranking p { font-size:.92em; line-height:1.4em; }


/*table*/
[id^='item-'].diff #aroma table { width:calc(100% - 2em); max-width:750px; margin:0 auto 1em; }
[id^='item-'].diff #aroma table tr:nth-of-type(2n+1):not(:first-of-type) { background:#e7f2f5; }
[id^='item-'].diff #aroma table tr > * { padding:.4em; line-height:1.4em; border:1px solid #5097ab; }
[id^='item-'].diff #aroma table th { text-align:center; font-size:1em; font-weight:600; color:#fff; background:#5097ab; }
[id^='item-'].diff #aroma table td:nth-of-type(n+2) { text-align:center; }


@media screen and (min-width:601px) {
[id^='item-'].diff #aroma > h4 + p { text-align:center; line-height:1.4em; word-break:keep-all; word-wrap:break-word; }
}

@media screen and (max-width:600px) {
[id^='item-'].diff #aroma .aroma-cat li:nth-of-type(n+2) { margin-left:.4em; }
[id^='item-'].diff #aroma table { font-size:.92em; }
}

@media screen and (min-width:501px) {
[id^='item-'].diff #aroma .ranking { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; }
[id^='item-'].diff #aroma .ranking li:nth-of-type(n+2) { width:calc(100%/2 - .1em); }
[id^='item-'].diff #aroma .ranking li:nth-last-of-type(2n+2) { margin-right:.2em; }
}

@media screen and (max-width:500px) {
[id^='item-'].diff #aroma .ranking h5 span:before { letter-spacing:0; }
[id^='item-'].diff #aroma table { font-size:3.48vw; }
}

@media screen and (max-width:370px) {
[id^='item-'].diff #aroma .aroma-cat { width:calc(100% - .8em); }
[id^='item-'].diff #aroma .aroma-cat li:nth-of-type(n+2) { margin-left:.4em; }
[id^='item-'].diff #aroma table tr > * { padding:1em .4em; }
[id^='item-'].diff #aroma table { font-size:2.34vw; }
}



/*==============================
	aroma - modal
==============================*/
[class*='modal'] [id^='item-'].diff { margin-bottom:0; }

[class*='modal'] [id^='item-'].diff #aroma { padding-top:0; }
[class*='modal'] [id^='item-'].diff #aroma h3.ttl:before,
[class*='modal'] [id^='item-'].diff #aroma h3.ttl:after { display:none; }
[class*='modal'] [id^='item-'].diff #aroma h3.ttl { margin-bottom:1.6em; }
[class*='modal'] [id^='item-'].diff #aroma .aroma-cat { display:none; }
[class*='modal'] [id^='item-'].diff #aroma .aroma-list img { margin:auto; }
[class*='modal'] [id^='item-'].diff #aroma > h4 { margin-top:1em; }


@media screen and (min-width:601px) {
[class*='modal'] [id^='item-'].diff { font-size:1em; }
}