@charset"UTF-8";

/*==============================
	レイアウト調整
==============================*/
/*全体*/
#container { width:100%; margin-top:170px; }
#mp_ta_header { padding:0; }
#leftSide { display:none; }
#center1 { width:1000px; }
#center3 .header_area { margin-top:0; }
.freearea p { margin:0; }

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

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

/*フレックスボックス*/
#common_outline .flexbox { justify-content:space-between; align-items:flex-start; }

/*回り込み解除*/
.clearfix { *zoom:1; }
.clearfix:before,
.clearfix:after { display:table; line-height:0; content:""; }
.clearfix:after { clear:both; }

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


/*==============================
	リダイレクト
==============================*/
/*#itemDetail-wrap, #itemDetail-wrap + .recommend, #sortarea, #wrapper #contents #index-news { display:none; }*/
.redirect { margin:1em auto; text-align:center; line-height:1.5em; color:#444; }
.redirect br { display:none; }
.redirect a {
	position:relative;
	margin:0 .5em;
	padding:0 1.5em 0 .5em;
	font-weight:700;
	text-decoration:none;
	color:#444;
	background:#eee;
	border-radius:.1em;
}
.redirect a:before {
	position:absolute;
	top:.7em;
	right:.6em;
	content:'';
	display:block;
	width:.4em;
	height:.4em;
	border-top:.1em solid;
	border-right:.1em solid;
	transform:translate(-25%,-50%) rotate(45deg);
}

@media screen and (max-width:640px) {
.redirect br { display:block; }
.redirect a { margin-left:0; }
}


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

/*font*/
.font-m { font-family:'Sawarabi Mincho', serif; font-weight:300; }


/*==============================
	Common
==============================*/
.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:641px) {
aromic.link em.price { margin-right:0; letter-spacing:0; }
}

/*form
.aromic.cart input, select { font-size:.9em; }
.aromic.cart input[type="text"] { padding:0; border:none; border-radius:0; outline:none; background:none; }
.aromic.cart input[type="radio"] { display:none; }
.aromic.cart input[type="radio"]:checked + label { background:#ff0000; }
.aromic.cart input[type="checkbox"] { display:none; }
.aromic.cart input[type="checkbox"]:checked + label { background:#ff0000; }
.aromic.cart select { border:none; outline:none; background:transparent; }
.aromic.cart textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; resize:none; padding:0; border:0; outline:none; background:transparent; }
.aromic.cart button, .aromic.cart input[type="submit"] { -webkit-appearance:none; -moz-appearance:none; appearance:none; padding:0; border:none; outline:none; background:transparent; }*/


/*==============================
	Item-link
==============================*/
.aromic.contents .item-link { padding-top:3em; }
.aromic.contents .item-link img { display:block; width:94%!important; max-width:700px!important; margin:auto; }
@media screen and (max-width:500px) {
.aromic.contents .item-link { padding-top:1em; }
}


/*==============================
	Movie
==============================*/
#movie { width:100%; max-width:1000px; margin:0 auto; padding:10% 5%; }
#movie video { width:100%; }

@media screen and (max-width:750px) {
#movie { padding-bottom:15%; }
}


/*==============================
	Aromic.slide
==============================*/
.aromic.slider img { display:block; }

.aromic.slider .slide { width:94%; max-width:640px; margin:0 auto 3%; }
.aromic.slider .slide img { width:100%; }

.aromic.slider .thumbnail { width:100%; max-width:640px; margin:5px auto 0; }
.aromic.slider .thumbnail li {  box-sizing:border-box; cursor:pointer; }
.aromic.slider .thumbnail img { width:95%; margin:0 auto; border:1px solid #999; }

.aromic.slider button {
	position:absolute;
	top:50%;
	height:10px;
	font-size:0;
	line-height:10px;
	background:none;
	border:none;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	cursor:pointer;
	z-index:10;
}
.aromic.slider li button { display:none; }
.aromic.slider button.slick-arrow { width:16px; height:16px; line-height:16px; }
.aromic.slider button.slick-prev,
.aromic.slider button.slick-next { top:0; height:100%; padding:15px; }
.aromic.slider button.slick-prev {
	left:0;
	background:url(/svg/i-arrow-l_wh.svg) 50% 50% / 16px no-repeat rgba(0,0,0,.5);
}
.aromic.slider button.slick-next {
	right:0;
	background:url(/svg/i-arrow-r_wh.svg) 50% 50% / 16px no-repeat rgba(0,0,0,.5);
}


/*==============================
	Aromic.contents ❖common
==============================*/
.aromic.contents { width:100%; margin:0 auto; }

.aromic.contents [class^='.w'] { display:block; margin:0 auto; }
.aromic.contents .w1000 [id^='sec'],
.aromic.contents [id^='sec'].w1000 { max-width:1000px; margin:auto; }
.aromic.contents .w750 [id^='sec'],
.aromic.contents [id^='sec'].w750 { max-width:750px; margin:auto; }
.aromic.contents .w640,
.aromic.contents [id^='sec'].w640 { max-width:640px; margin:auto; }

.aromic.contents img { display:block; width:100%; max-width:1000px; }
.aromic.contents > .inline { max-width:1000px; margin:0 auto; }

/*item-tab*/
.item-tab *, .item-tab *:before, .item-tab *:after { box-sizing:border-box; }
.item-tab { width:100%; max-width:1000px; margin:0 auto; }
.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; }
.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;
	cursor:pointer;
}
.item-tab > label:first-of-type { margin-left:1em; }
.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:none;
	border-color:#aaa;
	border-bottom:1px solid #fff;
	z-index:1;
}
.item-tab .tabpanels { border-top:1px solid #aaa; }
.item-tab .panel { width:100%; padding:20px 0 0; }

@media screen and (max-width:500px) {
.item-tab { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.item-tab > label { width:calc(96%/3); margin-right:1%; padding:1em .5em; }
.item-tab > label:first-of-type { margin-left:1%; }
.item-tab .panel { position:relative; }
}
@media screen and (max-width:400px) {
.item-tab > label { font-size:.9em; }
}
@media screen and (max-width:350px) {
.item-tab > label { font-size:.8em; }
}

/*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:#043c78; border-bottom:1px solid; }

/*cust-voice*/
.aromic.contents .cust-voice { width:100%; max-width:800px; margin:0 auto; color:#444; }
.aromic.contents .cust-voice h2 {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	margin:0 auto;
	padding:1em 2em 1em 0;
	text-align:right;
}
/*.aromic.contents .cust-voice h2.cust-img { padding:0; }*/
.aromic.contents .cust-voice h2 i,
.aromic.contents .cust-voice h2 span,
.aromic.contents .cust-voice h2 strong { display:block; }
.aromic.contents .cust-voice h2 i { font-style:normal; font-size:.7em; letter-spacing:1px; }
.aromic.contents .cust-voice h2 i br { display:none; }
.aromic.contents .cust-voice h2 span { margin:.6em auto; font-size:1.2em; line-height:1.5em; }
.aromic.contents .cust-voice h2 strong { font-size:1.8em; font-weight:400; letter-spacing:.1em; }
#main-column .aromic.contents .cust-voice h2,
.freearea .aromic.contents .cust-voice h2 { display:none; }
.aromic.contents .cust-voice dl { padding:1em; }
.aromic.contents .cust-voice dt { font-weight:700; line-height:1.5em; }
.aromic.contents .cust-voice dt.star5:before {
	content:'\2605\2605\2605\2605\2605\a0 5.0';
	margin-right:.2em;	
}
.aromic.contents .cust-voice dd {
	margin-bottom:1em;
	padding:.5em 0 1em;
	line-height:1.5em;
	border-bottom:1px solid;
}
.aromic.contents .cust-voice dd:last-of-type { border-bottom:none; }
.aromic.contents .cust-voice dd p { text-align:right; font-size:.9em; }
.aromic.contents .cust-voice dd p:before { content:'('; margin-right:.1em; }
.aromic.contents .cust-voice dd p:after { content:')'; margin-left:.1em; }

@media screen and (max-width:600px) {
.aromic.contents .cust-voice h2 { font-size:.9em; }
.aromic.contents .cust-voice h2 i br { display:block; }
}
@media screen and (max-width:500px) {
.aromic.contents .cust-voice h2 { font-size:.8em; }
}
@media screen and (max-width:450px) {
.aromic.contents .cust-voice { font-size:.9em; }
.aromic.contents .cust-voice dt.star5:before { display:block; }
}
@media screen and (max-width:400px) {
.aromic.contents .cust-voice h2 { font-size:.7em; }
}

/*qa-list*/
.aromic.contents .qa-list { width:100%; max-width:800px; margin:0 auto; color:#444; }
.aromic.contents .qa-list h2 {
	margin:0 auto;
	padding:1em;
	text-align:center;
	font-weight:700!important;
	background:none!important;
}
.aromic.contents .qa-list h2 span {
	padding:.2em .6em;
	line-height:1.5em;
	border:1px solid;
}
.aromic.contents .qa-list h2 strong {
	display:block;
	margin-top:.2em;
	font-size:1.5em;
	font-weight:700!important;
	line-height:1.5em;
}
.aromic.contents .qa-list dl { padding:1em; color:#444; }
.aromic.contents .qa-list dt {
	padding:.2em .2em .2em .4em;
	font-weight:700;
	line-height:1.5em;
	background:#f3f3f3;
	border-bottom:1px dashed;
}
.aromic.contents .qa-list dd {
	margin-bottom:1em;
	padding:.5em 0 1em;
	line-height:1.5em;
}
.aromic.contents .qa-list dd:last-of-type { margin-bottom:0; padding-bottom:0; }
.aromic.contents .qa-list dd b { font-weight:500; background:linear-gradient(transparent 80%, #fcf2bd 80%); }
.aromic.contents .qa-list .link-text { text-align:right;  }
.aromic.contents .qa-list .link-text a {
	position:relative;
	padding-right:1em;
	line-height:1.5em;
	color:#3036ad;
}
.aromic.contents .qa-list .link-text a:after {
	position:absolute;
	top:50%;
	right:.4em;
	content:'';
	display:block;
	width:.4em;
	height:.4em;
	border-top:1px solid;
	border-right:1px solid;
	transform:translate(-25%,-50%) rotate(45deg);
}

@media screen and (max-width:600px) {
.aromic.contents .qa-list h2 { font-size:.9em; }
.aromic.contents .qa-list h2 strong { margin-top:.4em; }
}
@media screen and (max-width:500px) {
.aromic.contents .qa-list h2 { font-size:.8em; }
}
@media screen and (max-width:450px) {
.aromic.contents .qa-list { font-size:.9em; }
}


/*==============================
	Aromic.contents ❖detail
==============================*/
.aromic.contents .itm-dtl [id^='sec'] { margin:0 auto; padding:0 .8em; color:#35380A; }
.aromic.contents .itm-dtl #sec-rank,
.aromic.contents .itm-dtl #sec-info { margin-bottom:1em; }

.aromic.contents .itm-dtl [id^='sec'] img { display:block; width:100%; margin:0 auto; }
.aromic.contents .itm-dtl [id^='sec'] p { padding:0; font-size:1em!important; line-height:1.6em; }
.aromic.contents .itm-dtl [id^='sec'] p b { font-weight:500; background:linear-gradient(transparent 70%, #fff8d2 70%); }
.aromic.contents .itm-dtl [id^='sec'] p a,
.aromic.contents .itm-dtl [id^='sec'] p a:visited { color:blue; text-decoration:underline; }
.aromic.contents .itm-dtl [id^='sec'] p a { padding:0 .1em; }
.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'] h2 {
	text-align:center;
	margin:1.4em auto 1em;
	padding:.8em 0;
	font-size:1.2em;
	line-height:1.5em;
	border-top:solid 2px;
	border-bottom:solid 2px;
}
.aromic.contents .itm-dtl [id^='sec'] h2 + p { line-height:1.8em; }
.aromic.contents .itm-dtl [id^='sec'] h2 + p + img { margin:1em auto .6em; }
.aromic.contents .itm-dtl [id^='sec'] img + p { margin-top:1em; }
.aromic.contents .itm-dtl [id^='sec'] h3 {
	text-align:center;
	margin:0 auto;
	padding:3.6em 0 1.6em;
	font-size:1.2em;
	line-height:1.5em;
}
.aromic.contents .itm-dtl [id^='sec'] h3 span {
	position:relative;
	display:inline-block;
	text-align:left;
	padding-left:1.8em;
	text-align:left;
}
.aromic.contents .itm-dtl [id^='sec'] h3 span:before,
.aromic.contents .itm-dtl [id^='sec'] h3 span:after { content:''; display:block; position:absolute; }
.aromic.contents .itm-dtl [id^='sec'] h3 span:before {
	top:calc(50% - .5em);
	left:0;
	width:1em;
	height:1em;
	border:1px solid;
}
.aromic.contents .itm-dtl [id^='sec'] h3 span:after {
	top:calc(50% - .5em);
	left:.2em;
	width:1em;
	height:.4em;
	border-left:2px solid #ec5a7d;
	border-bottom:2px solid #ec5a7d;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.aromic.contents .itm-dtl [id^='sec'] h4 {
	margin:.4em auto .2em;
	padding-left:.5em;
	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;
}

/*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 dt { margin-bottom:.6em; font-size:1.07em; 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 { display:table; line-height:0; content:""; }
.aromic.contents .itm-dtl [id^='sec'] dl dd:after { clear:both; }
.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 dd { margin-top:.2em; }
.aromic.contents .itm-dtl [id^='sec'] dl.aroma dd img { float:right; width:45%; margin:.3em 0 .1em .3em; }
.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 { width:calc(100%/3 - 1em); }
.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; }

/*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 (max-width:767px) {
.aromic.contents .itm-dtl [id^='sec'] dl.aroma.select.layout3.flexbox dd { width:calc(100%/2 - 1em); }
}
@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.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: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; }
}
 
 
/*==============================
    Aromic.contents ❖info
==============================*/
.aromic.contents [id$='-info'] {
    width:90%;
    max-width:640px;
    margin:1em auto;
    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:.4em; 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:.4em 1em;
    text-align:center;
    font-size:1em;
    font-weight:700!important;
    color:#fff;
    background:#b20000;
    border:none;
    border-radius:.4em;
    cursor:pointer;
}
.aromic.contents [id$='-info'] button span { position:relative; padding-right:.8em; }
.aromic.contents [id$='-info'] button span:after {
    position:absolute;
    top:50%;
    right:0;
    content:'';
    display:block;
    width:.5em;
    height:.5em;
    border-top:2px solid;
    border-right:2px solid;
    transform:translate(-25%,-50%) rotate(45deg);
}
 
/*txt-color*/
.aromic.contents [id$='-info'].txt-red { color:#de1b23; }
 
/*mail*/
.aromic.contents #mail-info { padding:1em; background:#f9eded; }
 
/*trial*/
.aromic.contents #trial-info { padding:1em; background:#f9f2e5; }
 
/*sample*/
.aromic.contents #sample-info { padding:1em; background:#f9eded; }
 
/*wrapping*/
.aromic.contents #wrapping-info h3 { text-align:center; }
.aromic.contents #wrapping-info { padding:1em; 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.cart
==============================*/
.aromic.cart {
	width:90%;
	max-width:600px;
	margin:50px auto;
	/*padding:1em;*/
	color:#35380A;
	/*border:1px solid;*/
}
.aromic.cart h2 { margin:.5em auto; text-align:center; font-size:1.1em; }
.aromic.cart h2:before {
	content:'';
	display:block;
	width:80%;
	max-width:300px;
	height:1px;
	margin:0 auto;
	background:#444;
	}
.aromic.cart h2 span {
	position:relative;
	top:-.5em;
	padding:0 .6em;
	letter-spacing:2px;
	background:#fff;
}
.aromic.cart .item-dtl { margin-bottom:.4em; padding-bottom:.4em; }
.aromic.cart .item-dtl:last-of-type { margin-bottom:0; }
.aromic.cart .item-dtl .item-smr {
	position:relative;
	display:block;
	padding:.6em .4em;
	padding-left:2.6em;
	font-size:1.1em;
	line-height:1.5em;
	color:#555;
	border:1px solid #555;
	cursor:pointer;
}
.aromic.cart .item-dtl[open] .item-smr { background:#eee; }
.aromic.cart .item-dtl .item-smr:before {
	content:'';
	position:absolute;
	top:calc(50% - .85em);
	left:.5em;
	width:1.8em;
	height:1.8em;
	border-radius:3em;
}
.aromic.cart .item-dtl .item-smr.cost-free:before {
	top:calc(50% - 1.25em);
	left:.3em;
	content:"\9001\6599\7121\6599";
	width:2.6em;
	height:auto;
	padding:.2em 0;
	text-align:center;
	font-size:.8em;
	line-height:1.1em;
	letter-spacing:1px;
	background:#eee;
	border-radius:3em;
	-webkit-text-stroke:0;
}
.aromic.cart .item-dtl .item-smr.sp15:before {
	background:url(/images/icon/sp15.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.sp100:before {
	background:url(/images/icon/sp100.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.sp100e:before {
	background:url(/images/icon/sp100e.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.sp300:before {
	background:url(/images/icon/sp300.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.sp300e:before {
	background:url(/images/icon/sp300e.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.airparts:before {
	background:url(/images/icon/airparts.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.miniparts:before {
	background:url(/images/icon/miniparts.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.sample:before {
	background:url(/images/icon/sample.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.gift:before {
	background:url(/images/icon/gift.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr:after {
	content:'';
	position:absolute;
	top:calc(50% - .3em);
	right:.8em;
	width:1em;
	height:1em;
	border:.6em solid transparent;
	border-top:1em solid #555;
}
.aromic.cart .item-dtl[open] .item-smr:after { 
	top:auto;
	bottom:.9em;
	border-top:none;
	border-bottom:1em solid #555;
}
.aromic.cart .item-dtl[open] .item-smr.cost-free:before { color:#555; background:#fff; }
.aromic.cart .item-dtl .item-smr br { display:none; }
.aromic.cart .item-cart-area { margin-bottom:1em; }
.aromic.cart .item-cart-area + .item-cart-area {
	margin-top:2em;
	padding-top:1em;
	border-top:solid 1px;
}

@media screen and (max-width:500px) {
.aromic.cart h2 { font-size:1em; }
}

/*画像*/
.aromic.cart .item-cart-area img {
	display:block;
	width:40%;
	min-width:200px;
	margin:1em auto 0;
	border:1px solid #999;
}

/*商品名*/
.aromic.cart .item-cart-area p.name { margin:1em auto; line-height:1.5em; }
.aromic.cart .item-cart-area p.name em {
	display:block;
	margin-top:.1em;
	font-style:normal;
	font-size:1.5em;
	font-weight:700;
}
.aromic.cart .item-cart-area p.name span { margin-left:.4em; }
.aromic.cart .item-cart-area p.price.cost-free:before {
	position:relative;
	top:.3em;
	content:"\9001\6599\7121\6599";
	display:inline-block;
	width:2.7em;
	margin-right:.4em;
	padding:.2em .15em;
	text-align:center;
	font-size:.6em;
	line-height:1.1em;
	letter-spacing:1px;
	color:#ff0036;
	border:1px solid;
	-webkit-text-stroke:0;
}

/*価格*/
.aromic.cart .item-cart-area p.price {
	margin-bottom:.5em;
	font-size:1.7em;
	color:#ff0036;
}
.aromic.cart .item-cart-area p.price:before {
	content:'\4FA1\683C\FF1A';
	font-size:.7em;
	color:#35380A;
}

/*まとめ買い(bulk-area)*/
.aromic.cart .bulk-area { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.aromic.cart .bulk-area > p,
.aromic.cart details.bulk { display:inline-block; }
.aromic.cart .bulk-area > p { padding:.3em 1em .3em .3em; line-height:1.5em; }
.aromic.cart .bulk-area > p:before { content:'\25C6'; padding-right:.2em; }
.aromic.cart .bulk-area > p:after { content:'\2192'; padding-left:.2em; }
.aromic.cart details.bulk { color:#35380A; border:1px solid #555; }
.aromic.cart details.bulk summary {
	display:block;
	position:relative;
	padding:.5em 2.5em .5em .5em;
}
.aromic.cart details.bulk summary:before {
	position:absolute;
	top:.8em;
	right:.8em;
	content:'';
	width:.6em;
	height:.6em;
    border-right:1px solid;
	border-bottom:1px solid;
	transform:translate(-25%,-50%) rotate(45deg);
}
.aromic.cart details.bulk[open] summary { color:#fff; background:#555; }
/*.aromic.cart details.bulk[open] summary:before { transform:rotate(225deg); }*/
.aromic.cart details.bulk .bulk-inline { padding:.2em .6em; }
.aromic.cart details.bulk .bulk-inline p { line-height:1.5em; color:#ff0036; }
.aromic.cart details.bulk .bulk-inline p:before {
	display:block;
	margin-bottom:-.2em;
	color:#35380A;
}
.aromic.cart details.bulk .bulk-inline p.off-3x5:before {
	content:'3\70B9\3067 5%OFF';
}
.aromic.cart details.bulk .bulk-inline p.off-5x10:before {
	content:'5\70B9\4EE5\4E0A\3067 10%OFF';
}

/*フォーム*/
.aromic.cart form {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:1.5em;
}
.aromic.cart form div { width:calc(100%/2 - 1%); margin-bottom:.5em; }
.aromic.cart form div:last-of-type { width:100%; margin:1em auto; }
.aromic.cart form div select,
.aromic.cart form div input { padding:.3em .5em; font-size:1em; border:1px solid #35380A; }
.aromic.cart form div select {
	width:100%;
	padding:.5em 1.6em .5em .5em;
	font-size:.9em;
	line-height:1.5em;
	background:#fff;
	cursor:pointer;
}
.aromic.cart form .select-wrapper { position:relative; margin:0!important; }
.aromic.cart form .select-wrapper:after {
	position:absolute;
	top:50%;
	right:.5em;
	content:'';
	display:block;
	width:.5em;
	height:.5em;
	border-right:1px solid;
	border-bottom:1px solid;
	transform:translate(-25%,-50%) rotate(45deg);
}
.aromic.cart form div input { margin-right:.5em; }
.aromic.cart form input[type='submit'] {
	width:100%;
	padding:.5em 0;
	font-size:1.2em;
	color:#fff;
	background:#444;
	border:none;
	border-radius:5em;
	cursor:pointer;
}
.aromic.cart form .cart-var {}
.aromic.cart form .cart-var:last-of-type { margin-bottom:0; }
.aromic.cart form .cart-var + input[type='submit'] { margin-top:1em; }
.aromic.cart form .cart-var.hide { margin:0; height:0; visibility:hidden; }
.aromic.cart form .cart-var.hide + .cart-var { margin-top:0; }
.aromic.cart form .cart-opt { width:100%; margin-top:.5em; }
.aromic.cart form .cart-opt p:nth-of-type(n+2) { margin-top:.5em; }
.aromic.cart form .cart-opt input[type='text'] { width:100%; max-width:300px; padding:.5em; }
.aromic.cart form .cart-qty span { margin-left:.2em; font-size:.8em; }
.aromic.cart form div p { margin-bottom:.2em; font-size:.95em; line-height:1.2em; }

/*注意書き*/
.aromic.cart .item-caution {
	margin:1em auto;
	font-size:.9em;
	line-height:1.5em;
	color:#DC1C23;
}
.aromic.cart .item-caution dt { display:inline-block; margin-bottom:.2em; padding:0 .5em; background:#ffeeef; }
.aromic.cart .item-caution dt:nth-of-type(n+2) { margin-top:.5em; }
.aromic.cart .item-caution dd { margin-bottom:.2em; }
.aromic.cart .item-caution dd:last-of-type { margin-bottom:0; }
.aromic.cart .item-caution a { color:#2C4ABD; text-decoration:none; }

/*リンク*/
.aromic.cart > .link-area a,
.aromic.cart > .link-area img { display:block; }
.aromic.cart > .link-area a { margin-bottom:1em; }
.aromic.cart > .link-area a:last-of-type { margin-bottom:0; }
.aromic.cart > .link-area img { width:100%; max-width:480px; margin:1em 0 0 auto; }
.aromic.cart > .link-area ul.layout2a li { width:calc(100%/2 - 1%); }
.aromic.cart > .link-area ul.layout2b li:first-of-type { width:calc(100% - 36%); }
.aromic.cart > .link-area ul.layout2b li:last-of-type { width:32%; margin-left:4%; }
.aromic.cart > .link-area ul.layout2c li:first-of-type { width:32%; margin-right:4%; }
.aromic.cart > .link-area ul.layout2c li:last-of-type { width:calc(100% - 36%); }
.aromic.cart > .link-area ul.layout3 li { width:calc(100%/3 - 1%); }

/*関連情報*/
.aromic.cart > details + table { margin:1.5em auto 1em; }
.aromic.cart > details + table > tbody > tr:nth-of-type(2) { border:none; }
.aromic.cart > details + table > tbody > tr:nth-of-type(2) td { padding:0; }
.aromic.cart > details + table > tbody > tr th { text-align:left; }
.aromic.cart > details + table > tbody > tr > td > a {
	display:block;
	margin:.4em auto .2em;
	padding:.6em;
	font-size:.95em;
	font-weight:bold;
	line-height:1.5em;
	color:#043c78;
	background:rgba(4,60,120,.1);
}
.aromic.cart > details + table > tbody > tr > td > a:hover { background:rgba(4,60,120,.2); }
.aromic.cart > details + table > tbody > tr > td > a:visited { color:#043c78; }
.aromic.cart > details + table > tbody > tr:nth-of-type(3n+2) > td > a { font-size:1em; color:#f78c00; background:rgba(255,179,28,.1); }
.aromic.cart > details + table > tbody > tr:nth-of-type(3n+2) > td > a:hover { background:rgba(255,179,28,.2); }
.aromic.cart > details + table > tbody > tr:nth-of-type(3n+2) > td > a:visited { color:#f78c00; }
.aromic.cart > details + table > tbody > tr:nth-of-type(3n+2) > td > a b { display:block; font-size:.9em; font-weight:400; color:#222; }
.aromic.cart > details + table > tbody > tr:last-of-type > td > a { margin:.4em 0 .6em; color:#043c78; background:rgba(4,60,120,.1); }
.aromic.cart > details + table > tbody > tr:last-of-type > td > a:hover { background:rgba(4,60,120,.2); }
.aromic.cart > details + table > tbody > tr:last-of-type > td > a:visited { color:#043c78; }
.aromic.cart > details + table + font { float:left; width:49%; margin:0 1% 2em 0; }
.aromic.cart > details + table + font > a { padding:0 .2em; color:#043c78; background:rgba(4,60,120,.1); border-radius:.1em; }
#itemDetail-cont + .description { *zoom:1; }
#itemDetail-cont + .description:before,
#itemDetail-cont + .description:after { clear:both; display:table; line-height:0; content:""; }
@media screen and (max-width:600px) {
.aromic.cart > details + table,
.aromic.cart > details + table + font { margin:1em auto; }
}

/*販売終了(在庫なし)*/
.item-dtl.end-of-sale form { display:none; }
.item-dtl.end-of-sale .item-cart-area p.price:after {
	content:'\5728\5EAB\306A\3057';
	display:block;
	margin:.8em auto 1em;
	padding:.2em;
	text-align:center;
	font-size:.7em;
	line-height:1.5em;
	letter-spacing:2px;
	color:#555;
	background:#eee;
}
.item-dtl .end-of-sale_info { display:none; }
.item-dtl.end-of-sale .end-of-sale_info {
	display:block;
	margin-bottom:1.5em;
	text-align:right;
	color:#DC1C23;
}

@media screen and (max-width:650px) {
.aromic.cart .item-dtl .item-smr { font-size:1.2em; }
}
@media screen and (max-width:500px) {
.aromic.cart .item-dtl .item-smr { font-size:1.1em; }
}
@media screen and (max-width:450px) {
.aromic.cart { margin:30px auto; }
.aromic.cart .item-dtl .item-smr { font-size:1em; }
.aromic.cart .item-dtl .item-smr:after {
	right:.6em;
	width:.5em;
	height:.8em;
	border-width:.5em;
	border-top-width:.8em;
}
.aromic.cart .item-dtl[open] .item-smr:after {
	bottom:1em;
	border-bottom-width:.8em;
}
.aromic.cart .item-cart-area p.name em { font-size:1.2em; }
.aromic.cart .item-cart-area p.price { font-size:1.4em; }
.aromic.cart .bulk-area { font-size:.9em; }
.aromic.cart .bulk-area > p { padding:.3em .3em .3em 0; }
.aromic.cart details.bulk summary { padding-right:1.8em; }
.aromic.cart details.bulk summary:before {  right:.6em; }
.aromic.cart > details + table { font-size:.9em; }
}
@media screen and (max-width:370px) {
.aromic.cart .item-dtl .item-smr { font-size:.9em; }
.aromic.cart .item-dtl .item-smr:after {
	width:.4em;
	height:.6em;
	border-width:.4em;
	border-top-width:.6em;
}
.aromic.cart .item-dtl[open] .item-smr:after {
	bottom:1.1em;
	border-bottom-width:.6em;
}
.aromic.cart .item-cart-area p.name em { font-size:1em; }
.aromic.cart .item-cart-area p.price { font-size:1.2em; }
.aromic.cart .bulk-area > p:before { padding-right:0; }
.aromic.cart .bulk-area > p:after { display:none; }
}
@media screen and (max-width:350px) {
.aromic.cart .item-dtl .item-smr { line-height:1.2em; }
.aromic.cart .item-dtl .item-smr br { display:block; margin-left:0; }
.aromic.cart .item-dtl[open] .item-smr:after { bottom:1.5em; }
}
@media screen and (max-width:340px) {
.aromic.cart .bulk-area > p,
.aromic.cart details.bulk { display:block; width:100%; }
.aromic.cart .bulk-area > p { padding:0 0 .3em 0; font-size:.9em; }
}


/*==============================
	Aromic.link
==============================*/
.aromic.link { width:100%; max-width:1000px; 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-concept
==============================*/
[id^='sec'] + #Load-concept { margin-top:4em; }

#pdt-concept {
	font-family:"游明朝",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝","Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    width:100%;
    margin:0 auto;
    padding:2em 4em;
	font-weight:400;
    color:#111;
/*    background:#EDF8F9;*/
}
#pdt-concept .inline {
    width:100%;
    max-width:800px;
    margin:2em auto;
    padding:2em;
    background:#fff;
}
#pdt-concept img { display:block; margin:0 auto; }
#pdt-concept img.logo { width:50%; max-width:200px; }
#pdt-concept img.image { width:100%; /*max-width:500px;*/ margin-top:1em; }
#pdt-concept h2 {
    margin:1.6em auto 1.4em;
    text-align:center;
    font-size:1.3em;
    line-height:1.5em;
}
#pdt-concept h2 span { display:block; }
#pdt-concept p { line-height:1.8em; word-break:keep-all; word-wrap:break-word; }
#pdt-concept p:nth-of-type(n+2) { margin-top:1.4em; }
#pdt-concept p b { padding:0 .2em; }
#pdt-concept h3 {
    display:inline-block;
    text-align:center;
    margin:2em auto .8em;
    padding:.4em 1em .3em;
    line-height:1.5em;
    border:1px solid;
}
#pdt-concept ol { padding-left:1em; }
#pdt-concept li { margin-bottom:.6em; line-height:1.4em; }
#pdt-concept li:last-of-type { margin-bottom:0; }
 
@media screen and (max-width:800px) {
#pdt-concept { font-size:.9em; }
#pdt-concept h2 { font-size:1.3em; }
}
@media screen and (max-width:600px) {
[id^='sec'] + #Load-concept { margin-top:3em; }
#pdt-concept { padding:1.4em 2em; }
#pdt-concept .inline { padding:2em 1.4em; }
}
@media screen and (max-width:450px) {
#pdt-concept h2 { font-size:1.1em; }
}
@media screen and (max-width:400px) {
[id^='sec'] + #Load-concept { margin-top:2em; }
#pdt-concept { padding:1em 1.6em; font-size:.8em; }
#pdt-concept h2 { font-size:1.2em; }
}
@media screen and (max-width:350px) {
#pdt-concept { padding:.6em 1.2em; }
#pdt-concept .inline { padding:1.5em 1em; }
#pdt-concept h2 { font-size:1.1em; }
#pdt-concept h2 span:nth-of-type(1) { font-size:.9em; }
}
 
 
/*==============================
    Pdt-spec
==============================*/
#pdt-spec {
    width:90%;
    max-width:600px;
    margin:6em auto 3em;
    font-size:.8em;
    color:#444;
}
#pdt-spec h2 {
    margin-bottom:-.5em;
    padding:0;
    text-align:center;
    font-size:1.5em;
    font-weight:400;
    line-height:1em;
    background:none;
}
#pdt-spec h2 span { padding:0 .8em; background:#fff; }
#pdt-spec .inline {
    padding:2em;
    border:1px solid;
}
#pdt-spec dl {
    padding:.5em;
    font-size:1.1em;
    line-height:1.5em;
    border-bottom:1px solid;
}
#pdt-spec dl:last-of-type { padding-bottom:0; border-bottom:none; }
#pdt-spec dt { font-weight:700; }
#pdt-spec dd a { margin:0 .1em; padding-right:.3em; color:blue; border-bottom:1px solid; }
#pdt-spec dd a:after {
	content:'';
	display:inline-block;
	width:.4em;
	height:.4em;
	margin-left:.2em;
	border-top:1px solid;
	border-right:1px solid;
	transform:translate(-25%,-50%) rotate(45deg);
}
 
@media screen and (max-width:640px) {
#pdt-spec { font-size:.7em; }
#pdt-spec dd { line-height:1.3em; }
}
@media screen and (max-width:450px) {
#pdt-spec .inline { padding:1em; }
}
 
 
/*==============================
    Related-item
==============================*/
#related-item {
    width:calc(100% - 1em);
    max-width:800px;
    margin:4em auto 3em;
    font-size:.8em;
    color:#444;
}

#related-item h2 {
    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%; }
#related-item li a:after {
	content:'詳細を見る';
	display:block;
	margin:.4em auto 0;
	padding:.4em 0;
	text-align:center;
	font-size:1.1em;
	line-height:1em;
	background:#f1f1f1;
	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%; }
}


/*==============================
	Single(1商品のみ掲載時レイアウト)
==============================*/
article.single .aromic.slider .thumbnail { display:none; }
article.single .aromic.cart .item-cart-area img { display:none; }
article.single .aromic.cart .item-dtl[open] .item-smr,
article.single .aromic.cart .item-dtl[open] .item-smr:after { display:none; }


/*==============================
	PC
==============================*/
@media screen and (min-width:651px) and (max-width:800px) {
article[id^="series-"] > .flexbox .aromic.cart { font-size:.9em; }
}
@media screen and (min-width:601px) and (max-width:650px) {
article[id^="series-"] > .flexbox .aromic.cart { font-size:.8em; }
}
@media screen and (max-width:600px) {
article[id^="series-"] > .flexbox { display:block; margin-top:1em; }
}
@media screen and (min-width:601px) {
article[id^="series-"] > .flexbox { width:96%; max-width:1000px; margin:2% auto 5%; }
article[id^="series-"] > .flexbox .aromic.slider { width:42%; margin-right:2%; }
article[id^="series-"] > .flexbox .aromic.cart { width:56%; margin:0 auto; }
}
@media screen and (min-width:800px) {
article[id^="series-"] > .flexbox .aromic.slider { width:48%; margin-right:4%; }
article[id^="series-"] > .flexbox .aromic.cart { width:48%; margin:0 auto; }
}