@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; }
}  .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; }
}  .flexbox {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
} .font-m { font-family:'Sawarabi Mincho', serif; font-weight:300; } .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; }
}  .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 { 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.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(//aromicstyle.com/blog/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(//aromicstyle.com/blog/svg/i-arrow-r_wh.svg) 50% 50% / 16px no-repeat rgba(0,0,0,.5);
} .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 *: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; }
} dl.yoyaku-info {
max-width:800px;
width:96%;
margin:1em auto 2em;
padding:1em;
font-size:.9em;
line-height:1.5em;
color:#333;
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; } .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 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; }
} .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 .itm-dtl [id^='sec'] { margin:0 auto; padding:0 .8em; color:#333; }
.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 #333;
}
.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'] 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; } .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'; } .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; } .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; } .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.about dd img { float:left; width:46%; margin:.3em .3em .1em 0; } .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 [id$='-info'] {
width:90%;
max-width:640px;
margin:1em auto;
line-height:1.5em;
color:#333;
}
.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);
} .aromic.contents [id$='-info'].txt-red { color:#de1b23; } .aromic.contents #mail-info { padding:1em; background:#f9eded; } .aromic.contents #trial-info { padding:1em; background:#f9f2e5; } .aromic.contents #sample-info { padding:1em; background:#f9eded; } .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 {
width:90%;
max-width:600px;
margin:50px auto; color:#333; }
.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(//aromicstyle.com/blog/images/icon/sp15.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.sp100:before {
background:url(//aromicstyle.com/blog/images/icon/sp100.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.sp100e:before {
background:url(//aromicstyle.com/blog/images/icon/sp100e.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.sp300:before {
background:url(//aromicstyle.com/blog/images/icon/sp300.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.sp300e:before {
background:url(//aromicstyle.com/blog/images/icon/sp300e.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.airparts:before {
background:url(//aromicstyle.com/blog/images/icon/airparts.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.miniparts:before {
background:url(//aromicstyle.com/blog/images/icon/miniparts.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.sample:before {
background:url(//aromicstyle.com/blog/images/icon/sample.png) 50% 50% / 1.8em no-repeat #fff;
}
.aromic.cart .item-dtl .item-smr.gift:before {
background:url(//aromicstyle.com/blog/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:#333;
} .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:#333; 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 .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:#333;
}
.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 #333; }
.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 { 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%; } .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: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; }
} [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; }
#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%; 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 {
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 {
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:#333;
}
#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%; }
} 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; } @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; }
}