@charset "utf-8";

body#aromicstyle #delivery-text > a,
body#aromicstyle #nav-wrapper { display:none; }


/*Fadein*/
.fadein { transition:all 1s!important; }


/*aroma-color*/
/*citrus*/
#item-air-plus #aroma .aroma-list li.citrus h4 b:before { background:#f9ddc9; }
#item-air-plus #aroma .aroma-cat li:nth-of-type(1) { background:rgba(249,221,201,.4); }
/*herb*/
#item-air-plus #aroma .aroma-list li.herb h4 b:before { background:#dce8bc; }
#item-air-plus #aroma .aroma-cat li:nth-of-type(2) { background:rgba(220,232,188,.4); }
/*floral*/
#item-air-plus #aroma .aroma-list li.floral h4 b:before { background:#fbe1e6; }
#item-air-plus #aroma .aroma-cat li:nth-of-type(3) { background:rgba(251,225,230,.4); }
/*woody*/
#item-air-plus #aroma .aroma-list li.woody h4 b:before { background:#c6e4c8; }
#item-air-plus #aroma .aroma-cat li:nth-of-type(4) { background:rgba(192,226,195,.4); }



/*==============================
	基本
==============================*/
#item-air-plus { max-width:1000px; margin:0 auto 4em; padding-top:0!important; font-size:1.12em; color:#35380A; }
.itm-dtl > #item-air-plus { margin-top:0; }
.itm-dtl > #item-air-plus > *:first-of-type:not(.nav-btn) { padding-top:0!important; }
#item-air-plus > * { padding-top:6em; }
#item-air-plus > *.bg-color { margin-top:6em; padding:5em 0; }

#item-air-plus p { line-height:1.6em; }
#item-air-plus p.info { width:calc(100% - 2em); margin:auto; text-align:right; font-size:.86em; line-height:1.4em; }
#item-air-plus p.info + p.info { margin-top:.2em; }

#item-air-plus a { color:#35380A; }


@media screen and (max-width:800px) {
#item-air-plus { font-size:1.06em; }
#item-air-plus p.info { text-align:left; }
}

@media screen and (max-width:600px) {
#item-air-plus { font-size:1em; }
#item-air-plus > * { padding-top:5em; }
#item-air-plus > *.bg-color { margin-top:5em; padding:4em 0; }
}

@media screen and (max-width:400px) {
#item-air-plus { font-size:.9em; }
}



/*==============================
	タイトル
==============================*/
/*ttl*/
#item-air-plus h3.ttl {
	position:relative;
	width:calc(100% - 4em);
	margin:auto;
	padding:1em 1.8em;
	text-align:center;
}
#item-air-plus h3.ttl:before,
#item-air-plus h3.ttl:after {
	position:absolute;
	top:0;
	content:'';
	display:block;
	width:1em;
	height:100%;
	border:1px solid;
}
#item-air-plus h3.ttl:before { left:0; border-right-width:0; }
#item-air-plus h3.ttl:after { right:0; border-left-width:0; }

#item-air-plus h3.ttl > * { line-height:1.4em; letter-spacing:.1em; }
#item-air-plus h3.ttl span:nth-of-type(1) { display:block; margin-bottom:.2em; font-size:1.4em; }
#item-air-plus h3.ttl span:nth-of-type(2) { font-size:.96em; font-weight:500; }


@media screen and (max-width:400px) {
#item-air-plus h3.ttl { padding:1em; }
}



/*==============================
	ボタン
==============================*/
#item-air-plus a.btn {
	display:block;
	margin:2em auto 0;
	padding:1.2em 1.4em;
	text-align:center;
	font-size:1.1em;
	font-weight:600;
	border:1px solid;
	border-radius:6em;
}
#item-air-plus a.btn span,
#item-air-plus .btn a { position:relative; padding-right:1em; }

#item-air-plus a.btn span:after,
#item-air-plus .btn a:after { position:absolute; right:0; content:''; display:block; }

#item-air-plus a.btn:not([target='_blank']) span:after,
#item-air-plus .btn a:not([target='_blank']):after {
	top:calc(50% - 1px);
	width:.5em;
	height:.5em;
	border-top:.12em solid;
	border-right:.12em solid;
	transform:translate(-25%,-50%) rotate(45deg);
	transition:.3s;
}
#item-air-plus a.btn:not([target='_blank']):hover span:after,
#item-air-plus .btn:hover a:not([target='_blank']):after { right:-.2em; }

#item-air-plus a.btn[target='_blank'] span:after,
#item-air-plus .btn a[target='_blank']:after {
	top:.12em;
	width:.8em;
	height:.8em;
	background:url(/svg/i-link-ext_0e8196.svg) 100% / contain no-repeat;
}
#item-air-plus .btn a:hover { border-bottom:1px solid; }


/*sample*/
#item-air-plus a.btn.sample { width:26em; margin-top:4em; }
#item-air-plus script + a.btn.sample { margin:-2em auto 4em!important; font-size:1em; }


@media screen and (max-width:600px) {
#item-air-plus a.btn.sample { width:18em; margin-top:3em; padding:.8em; }
#item-air-plus script + a.btn.sample { margin:-2em auto 3em!important; font-size:.9em; }
#item-air-plus a.btn.sample span { display:block; width:14.8em; margin:auto; padding-right:1.6em; line-height:1.6em; }
}

@media screen and (max-width:400px) {
#item-air-plus a.btn.sample { font-size:1em; }
#item-air-plus script + a.btn.sample { margin:-1em auto 3em!important; }
}



/*==============================
	float btn
==============================*/
#float_btn { position:fixed; bottom:6em; right:1em; display:none; z-index:10; }

#float_btn .btn {
	font-size:1.2em;
	letter-spacing:1px;
	color:#fff;
	background:rgba(13,129,150,.8);
	border:none!important;
	box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
}
#float_btn .btn:hover { box-shadow:none; }


@media screen and (max-width:700px) {
#float_btn { bottom:.5em; right:50%; transform:translateX(50%); }
}

@media screen and (max-width:500px) {
#float_btn { width:15em; font-size:.9em; }
}

@media screen and (max-width:400px) {
#float_btn { bottom:0; width:100%; box-shadow:none; }
#float_btn a { border-radius:0!important; }
}



/*==============================
	float-300point
==============================*/
.float-300point { bottom:12em!important; }


@media screen and (max-width:600px) {
.float-300point { left:.6em!important; bottom:10em!important; }
}



/*==============================
	nav
==============================*/
[id^='item-'] .nav-btn {
	position:fixed;
	bottom:.5em;
	left:.5em;
	padding:.8em!important;
	color:#fff;
	background:rgba(25,154,169,.9);
	z-index:10;
}


/*dt*/
[id^='item-'] .nav-btn dt { padding-top:.15em; }
[id^='item-'] .nav-btn.open dt { margin-bottom:.45em; }
[id^='item-'] .nav-btn dt:after {
	position:relative;
	top:-.15em;
	content:'開く';
	display:inline-block;
	margin-left:.3em;
	padding:.3em .8em;
	font-size:12px;
	color:#35380A;
	background:rgba(255,255,255,.9);
	border-radius:4em;
}
[id^='item-'] .nav-btn.open dt:after { content:'閉じる'; }
[id^='item-'] .nav-btn dt span { font-family:var(--font-logo); font-size:1.1em; }


/*dd*/
[id^='item-'] .nav-btn dd { line-height:1.2em; }
[id^='item-'] .nav-btn dd a { display:block; }


@media screen and (min-width:601px) {
[id^='item-'] .nav-btn { bottom:1em; left:1em; padding:.2em .8em!important; }
[id^='item-'] .nav-btn dt { display:none; }
[id^='item-'] .nav-btn dd:nth-of-type(n+2) { border-top:1px dashed; }
[id^='item-'] .nav-btn dd a { padding:.8em .2em; color:#fff!important; }
}

@media screen and (max-width:600px) {
[id^='item-'] .nav-btn dd { display:none; }
[id^='item-'] .nav-btn dd:nth-of-type(n+2) { margin-top:1px; }
[id^='item-'] .nav-btn dd a { padding:.6em; background:rgba(255,255,255,.9); }
}

@media screen and (min-width:401px) {
[id^='item-'] .nav-btn { font-size:.9em; }
}

@media screen and (max-width:400px) {
[id^='item-'] .nav-btn { padding:.6em!important; }
[id^='item-'] .nav-btn dt:after { margin-left:.2em; }
}



/*==============================
	nav-btn-lp
==============================*/
[id^='item-'] .nav-btn-lp { position:fixed; bottom:1em; left:1em; z-index:10; }
[id^='item-'] .nav-btn-lp li:nth-of-type(n+2) { margin-top:.4em; }
[id^='item-'] .nav-btn-lp a {
	position:relative;
	display:block;
	padding:1em 2.2em 1em 1.2em;
	font-weight:600;
	letter-spacing:1px;
	color:#0d8196!important;
	background:rgba(255,255,255,.9);
	border:1px solid #0d8196;
	border-radius:4em;
}
[id^='item-'] .nav-btn-lp li:last-of-type a { color:#fff!important; background:rgba(13,129,150,.9); }
[id^='item-'] .nav-btn-lp a:after {
	position:absolute;
	top:calc(50% - 1px);
	right:1.2em;
	content:'';
	display:block;
	width:.5em;
	height:.5em;
	border-top:.14em solid;
	border-right:.14em solid;
	transform:translate(-25%,-50%) rotate(45deg);
	transition:.3s;
}
[id^='item-'] .nav-btn-lp a:hover { background:rgba(255,255,255,1); }
[id^='item-'] .nav-btn-lp li:last-of-type a:hover { background:rgba(13,129,150,1); }
[id^='item-'] .nav-btn-lp a:hover:after { right:1em; }


@media screen and (max-width:600px) {
[id^='item-'] .nav-btn-lp { bottom:.4em; left:.4em; font-size:.9em; }
}

@media screen and (max-width:400px) {
[id^='item-'] .nav-btn-lp a { letter-spacing:0; }
}



/*==============================
	movie
==============================*/
.youtube,
.youtube iframe { display:block; width:80vw; max-width:750px; height:50vw; margin:auto; }

.youtube { margin-top:4em; cursor:pointer; }
.youtube:hover { background-color:transparent; }
.youtube > *:not(script) { display:block; width:100%; }
.youtube > * + p { margin:.6em auto 0; text-align:right; }


@media screen and (min-width:801px) {
.youtube,
.youtube iframe { width:60vw; max-width:560px; height:40vw; max-height:340px; }
}

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



/*==============================
	main-vs
==============================*/
#item-air-plus #main-vs { padding-top:0; }


/*bg-img*/
#item-air-plus #main-vs .bg-img {
	position:relative;
	width:100%;
	height:40vw;
	max-height:400px;
	margin-bottom:2em;
	padding:4vw;
	font-size:1.2em;
	letter-spacing:1px;
	background:url(../../item/air-plus/img/main-bg-wm.jpg) bottom right / cover no-repeat;
}
#item-air-plus #main-vs .bg-img h2 {
	width:18em;
	padding:1.2em;
	text-align:center;
	color:#555;
	background:rgba(255,255,255,.86);
}
#item-air-plus #main-vs .bg-img h2 img { display:block; width:100%; max-width:300px; margin:1em auto; }

#item-air-plus #main-vs .bg-img .text { margin-top:1.4em; font-weight:600; text-shadow: 0 0 .6em rgba(255,255,255,1); }
#item-air-plus #main-vs .bg-img .price {
	position:absolute;
	right:0;
	bottom:0;
	padding:.4em .8em;
	text-align:right;
	font-size:1.1em;
	line-height:.6em;
	background:rgba(0,0,0,.5);
}
#item-air-plus #main-vs .bg-img .price span { font-size:.8em; }
#item-air-plus #main-vs .bg-img .price span:first-of-type { margin-right:.2em; }
#item-air-plus #main-vs .bg-img .price span:last-of-type:after { content:'\5186\0028\7A0E\8FBC\0029'; font-size:12px; }


/*p*/
#item-air-plus #main-vs > p { text-align:center; font-size:1.2em; letter-spacing:1px; }
#item-air-plus #main-vs > p:nth-of-type(n+2) { margin-top:.8em; }
#item-air-plus #main-vs > p span {
	display:inline-block;
	padding:.4em 1.2em;
	background:linear-gradient(to right, #efdcb3, #fdf1d7, #efdcb3);
	border-bottom:1px solid #bd9640;
}
#item-air-plus #main-vs > p b {
	margin:0 .1em;
	font-size:1.4em;
	font-weight:500;
	letter-spacing:0;
	color:#bd9640;
	text-shadow:.06em .06em .1em #fff;
}


/*air-color*/
#item-air-plus #main-vs .air-color {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	width:calc(100% - 6em);
	max-width:600px;
	margin:2em auto;
}
#item-air-plus #main-vs .air-color img { width:calc(100%/5 - 1em); max-width:120px; }


@media screen and (min-width:1001px) {
#item-air-plus #main-vs .bg-img { padding:2em; }
#item-air-plus #main-vs .bg-img h2 { font-size:1.2em; }
#item-air-plus #main-vs .bg-img h2 img { max-width:340px; margin:.8em auto; }
}

@media screen and (max-width:800px) {
#item-air-plus #main-vs .bg-img { height:50vw; background-position:bottom left -2em; }
}

@media screen and (max-width:600px) {
#item-air-plus #main-vs .bg-img { height:60vw; background-position:bottom left -2.6em; }
#item-air-plus #main-vs .bg-img h2 { width:16em; }
#item-air-plus #main-vs .bg-img h2 img { max-width:240px; margin:.6em auto; }
}

@media screen and (max-width:500px) {
#item-air-plus #main-vs .bg-img { height:100vw; max-height:none; background:url(../../item/air-plus/img/main-bg-wm-sp.jpg) bottom left / 100% no-repeat; }
#item-air-plus #main-vs .bg-img h2 { width:calc(100% - 4em); margin:auto; padding:1em; font-size:.8em; }
#item-air-plus #main-vs .bg-img h2 img { max-width:200px; }
#item-air-plus #main-vs .bg-img .text { font-size:.92em; color:#ffffff; text-shadow: 0 0 .6em rgba(0,0,0,.6); }
#item-air-plus #main-vs .bg-img .text { position:absolute; }
#item-air-plus #main-vs .bg-img .price { padding:.2em .4em; }
}

@media screen and (max-width:370px) {
#item-air-plus #main-vs .bg-img { height:106vw; }
#item-air-plus #main-vs .bg-img h2 { width:calc(100% - 2em); }
}



/*==============================
	present
==============================*/
#item-air-plus #present {
	position:relative;
	max-width:40em;
	margin-left:auto;
	margin-right:auto;
	padding:2em;
	background:linear-gradient(to right, #efdcb3, #fdf1d7, #efdcb3);#item-air-plus #main-vs .bg-img h2
}
#item-air-plus #present:before {
	position:absolute;
	bottom:1em;
	right:1em;
	content:'';
	display:block;
	width:12em;
	height:13em;
	background:url(../../item/air-plus/img/baum.png) center / 100% no-repeat;
}

#item-air-plus #present > * { position:relative; }

#item-air-plus #present h3 {
	margin:.8em auto .6em;
	font-size:1.4em;
	line-height:2em;
	text-shadow:#fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}
#item-air-plus #present h3 b { color:#bd9640; }
#item-air-plus #present h3 b:nth-of-type(1) { margin:0 .1em; font-size:1.4em; }
#item-air-plus #present h3 b:nth-of-type(2) { font-size:1.6em; }

#item-air-plus #present p:first-of-type {
	width:14em;
	margin:auto;
	padding:.6em 0;
	text-align:center;
	font-weight:600;
	color:#bd9640;
	border:1px solid;
}
#item-air-plus #present p span { padding:0 .2em; }


@media screen and (max-width:800px) {
#item-air-plus #present h3 { font-size:1.2em; }
}

@media screen and (max-width:600px) {
#item-air-plus #present:before { width:10em; height:11em; }
}

@media screen and (min-width:501px) {
#item-air-plus #present p br { display:none; }
}

@media screen and (max-width:370px) {
#item-air-plus #present { padding:2em 1em; }
}


/*==============================
	present
==============================*/
#item-air-plus #baum {
	position:relative;
	max-width:40em;
	margin-left:auto;
	margin-right:auto;
	padding:2em;
	background:linear-gradient(to right, #df7575, #f1b5b5, #df7575);
}
#item-air-plus #baum:before {
	position:absolute;
	bottom:1em;
	right:1em;
	content:'';
	display:block;
	width:12em;
	height:13em;
	background:url(../../item/air-plus/img/baum-02.png) center / 100% no-repeat;
}

#item-air-plus #baum > * { position:relative; }

#item-air-plus #baum h3 {
	margin:.8em auto .6em;
	font-size:1.4em;
	line-height:2em;
	text-shadow:#fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}
#item-air-plus #baum h3 b { color:#a02929; }
#item-air-plus #baum h3 b:nth-of-type(1) { margin:0 .1em; font-size:1.4em; }
#item-air-plus #baum h3 b:nth-of-type(2) { font-size:1.6em; }

#item-air-plus #baum p:first-of-type {
	width:14em;
	margin:auto;
	padding:.6em 0;
	text-align:center;
	font-weight:600;
	color:#a02929;
	border:1px solid;
}
#item-air-plus #baum p span { padding:0 .2em; }


@media screen and (max-width:800px) {
#item-air-plus #baum h3 { font-size:1.2em; }
}

@media screen and (max-width:600px) {
#item-air-plus #baum:before { width:10em; height:11em; }
}

@media screen and (min-width:501px) {
#item-air-plus #baum p br { display:none; }
}

@media screen and (max-width:370px) {
#item-air-plus #baum { padding:2em 1em; }
}


/*==============================
	point
==============================*/
#item-air-plus #point { counter-reset:number 0; }
#item-air-plus.oil:not(.premium) #point { padding-top:0; }
#item-air-plus #point h3.ttl { max-width:16em; }
#item-air-plus #point > section { width:100%; margin:2em auto 0; padding:2em; background:#e7f2f5; }
#item-air-plus #point > section > p { line-height:1.8em; }


/*h4*/
#item-air-plus #point section > h4 {
	position:relative;
	margin-bottom:1em;
	padding-top:2.4em;
	text-align:center;
	font-size:1.2em;
	line-height:1.4em;
}
#item-air-plus #point section > h4:before {
	position:absolute;
	top:0;
	left:calc(50% - 1em);
	counter-increment:number 1;
	content:counter(number, decimal-leading-zero);
	padding:0 .4em .2em;
	font-size:1.4em;
	font-weight:500;
	letter-spacing:1px;
	color:#5097ab;
	border-bottom:.1em solid;
}


/*h5*/
#item-air-plus #point section > h5 { display:inline-block; padding:.4em .8em; font-weight:500; letter-spacing:1px; background:rgba(80,151,171,.26); }
#item-air-plus #point p + h5 { margin-top:1em; }


/*img*/
#item-air-plus #point section > img { display:block; width:100%; max-width:800px; margin:auto; border:1px solid #5097ab; }
#item-air-plus #point p + img { margin-top:1em; }


/*list*/
#item-air-plus #point ul.list {
	max-width:23em;
	margin:1em auto 0;
	padding:1.6em;
	background:#fff;
}
#item-air-plus #point ul.list li { position:relative; padding-left:1.4em; line-height:1.4em; }
#item-air-plus #point ul.list li:nth-of-type(n+2) { margin-top:1.2em; }
#item-air-plus #point ul.list li:before {
	position:absolute;
	content:'';
	display:block;
	top:.3em;
	left:.2em;
	width:.8em;
	height:.46em;
	color:#5097ab;
	border-left:1px solid;
	border-bottom:1px solid;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}


/*step*/
#item-air-plus #point .swiper-button-prev,
#item-air-plus #point .swiper-button-next { top:-2em; background:rgba(80,151,171,.8)!important; }
#item-air-plus #point .swiper-pagination-bullet-active { background:none; border-color:#5097ab; }
#item-air-plus #point .swiper-pagination-bullet:before { color:#5097ab; }
#item-air-plus #point ul.step { background:#fff; }
#item-air-plus #point ul.step li { width:calc(100%/3 - .2em); background:#fff; }
#item-air-plus #point ul.step li p { margin-top:.2em; font-size:.9em; line-height:1.4em; }


/*detail*/
#item-air-plus #point ul.detail { width:calc(100% - 2em); max-width:750px; margin:1em auto 0; }
#item-air-plus #point ul.detail li { display:flex; justify-content:flex-start; align-items:center; }
#item-air-plus #point ul.detail li:nth-of-type(n+2) { margin-top:1em; }
#item-air-plus #point ul.detail img { width:160px; border:1px solid #5097ab; }
#item-air-plus #point ul.detail p { width:calc(100% - 160px - 1em); margin-left:1em; }
#item-air-plus #point ul.detail p b { display:block; margin-bottom:.2em; font-size:1.06em; }


/*movie*/
#item-air-plus #point section + .movie { margin-top:3em; }


@media screen and (min-width:801px) {
#item-air-plus #point > section > p { text-align:center; word-break:keep-all; word-wrap:break-word; }
}

@media screen and (min-width:601px) {
#item-air-plus #point .swiper-container { padding-bottom:0!important; }
#item-air-plus #point .swiper-pagination,
#item-air-plus #point [class^='swiper-button-'] { display:none; }
#item-air-plus #point ul.step {
	counter-reset:number 0;
	justify-content:space-between;
	padding:.8em;
	border:1px solid #5097ab;
	box-sizing:border-box;
}
#item-air-plus #point ul.step li { position:relative; padding-top:1em; }
#item-air-plus #point ul.step li:before {
	position:absolute;
	top:0;
	left:0;
	counter-increment:number 1;
	content:counter(number, decimal-leading-zero);
	padding:.3em .4em;
	letter-spacing:1px;
	color:#5097ab;
	background:#fff;
	border:1px solid;
}
}


@media screen and (max-width:600px) {
#item-air-plus #point section > h5 { font-size:1.06em; }
#item-air-plus #point ul.list { max-width:21em; padding:1.2em; }
#item-air-plus #point ul.list li:nth-of-type(n+2) { margin-top:.8em; }
#item-air-plus #point ul.step li { padding-bottom:1em; border:1px solid #5097ab; }
#item-air-plus #point ul.step li:nth-of-type(2):not(.swiper-slide-active) { border-left:none; border-right:none; }
#item-air-plus #point ul.step li p { text-align:center; font-size:1em; }
#item-air-plus #point ul.detail { width:100%; }
#item-air-plus #point ul.detail li { align-items:flex-start; }
#item-air-plus #point ul.detail img { width:140px; }
#item-air-plus #point ul.detail p { width:calc(100% - 140px - 1em); }
}

@media screen and (max-width:400px) {
#item-air-plus #point ul.detail img { width:100px; }
#item-air-plus #point ul.detail p { width:calc(100% - 100px - 1em); line-height:1.4em; }
#item-air-plus #point section + .movie { margin-top:2em; }
}

@media screen and (max-width:370px) {
#item-air-plus #point > section { padding:2em 1em; }
#item-air-plus #point ul.list { padding:1.2em .8em; }
}



/*==============================
	aroma
==============================*/
#item-air-plus #aroma p.chart-info { margin:.6em auto; text-align:center; font-size:.9em; }
#item-air-plus #aroma p.chart-info > span { display:inline-block; margin:0 .6em; }
#item-air-plus #aroma p.info a { display:inline-block; text-decoration:underline; color:var(--link); }
#item-air-plus #aroma .txt { width: calc(100% - 2em); }

#item-air-plus #aroma  .txt {
    width: calc(100% - 2em);
    margin: 1em auto 0;
}

/*==============================
	scene
==============================*/
#item-air-plus #scene h3.ttl { max-width:11.3em; }
#item-air-plus #scene h3.ttl + p { margin:2em auto 1em; text-align:center; }


/*ul*/
#item-air-plus #scene ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	width:calc(100% - 1em);
	max-width:750px;
	margin:auto;
}
#item-air-plus #scene li { position:relative; width:calc(100%/2); }
#item-air-plus #scene li:first-of-type { width:100%; }
#item-air-plus #scene li > * { display:block; margin:auto; }
#item-air-plus #scene li img { width:280px; border-radius:50%; }
#item-air-plus #scene li p {
	position:absolute;
	bottom:2em;
	display:block;
	width:100%;
	padding:.2em 0;
	text-align:center;
	font-size:1.1em;
	font-weight:600;
	letter-spacing:1px;
	background:rgba(255,255,255,.9);
}


@media screen and (max-width:800px) {
#item-air-plus #scene li img { width:220px; }
}

@media screen and (max-width:600px) {
#item-air-plus #scene li img { width:180px; }
#item-air-plus #scene li p { bottom:1.4em; }
}

@media screen and (max-width:400px) {
#item-air-plus #scene li img { width:46vw; }
}



/*==============================
	color
==============================*/
#item-air-plus #color h3.ttl { max-width:19em; }


/*ul*/
#item-air-plus #color ul { max-width:800px; margin:2em auto 0; }
#item-air-plus #color li {
	height:52vw;
	max-height:400px;
	padding:3em;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
#item-air-plus #color li:nth-of-type(1) { background-image:url(../../item/air-plus/img/color-w-marble.jpg); }
#item-air-plus #color li:nth-of-type(2) { background-image:url(../../item/air-plus/img/color-silver-03.jpg); }
#item-air-plus #color li:nth-of-type(3) { background-image:url(../../item/air-plus/img/color-gold-02.jpg); }
#item-air-plus #color li:nth-of-type(4) { background-image:url(../../item/air-plus/img/color-natural-02.jpg); }
#item-air-plus #color li:nth-of-type(5) { background-image:url(../../item/air-plus/img/color-brown-02.jpg); }
#item-air-plus #color li:nth-of-type(n+2) { margin-top:1em; }

#item-air-plus #color li p { color:#fff; font-size:1.3em; letter-spacing:.1em; text-shadow:0 0 .6em rgba(0,0,0,.6); }
#item-air-plus #color li:nth-of-type(2n-1) p { text-align:right; color:#fff; text-shadow:0 0 .6em rgba(0,0,0,.6); }
#item-air-plus #color li p b { font-size:1.8em; font-weight:500; line-height:1em; }
#item-air-plus #color li p span { display:block; }

#item-air-plus #color > p.info { margin-top:1em; }


@media screen and (min-width:1001px) {
#item-air-plus #color li p { font-size:1.4em; }
}

@media screen and (max-width:600px) {
#item-air-plus #color li { padding:2em; }
#item-air-plus #color li p { font-size:1.2em; }
}

@media screen and (max-width:400px) {
#item-air-plus #color li p { font-size:1.1em; }
}



/*==============================
	spec
==============================*/
#item-air-plus #spec { max-width:750px; margin:auto; }
#item-air-plus #spec h3.ttl { max-width:12.9em; }


/*img*/
#item-air-plus #spec img { display:block; width:100%; max-width:500px; margin:2em auto 0; }


/*dl*/
#item-air-plus #spec dl {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	width:calc(100% - 2em);
	margin:1em auto 0;
	padding:1em;
	font-size:.96em;
	line-height:1.4em;
	background:#f5f5f5;
}
#item-air-plus #spec dl > * { padding:.4em; }
#item-air-plus #spec dt { width:6em; }
#item-air-plus #spec dd { width:calc(100% - 6em); }


@media screen and (max-width:400px) {
#item-air-plus #spec dl { padding:.6em; }
}



/*==============================
	comp
==============================*/
#item-air-plus #comp h3.ttl { max-width:12.9em; }


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

}

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

}



/*==============================
	voice
==============================*/
#item-air-plus #voice { width:calc(100% - 2em); margin:auto; }
#item-air-plus #voice h3.ttl { max-width:11.3em; }


/*p*/
#item-air-plus #voice > p { text-align:right; font-size:.8em; }


/*slide*/
#item-air-plus #voice .slide { margin:2em auto 1em; }
#item-air-plus #voice .slide li { padding:2em; background:#f4f7eb; }
#item-air-plus #voice .slide li h4 {
	margin-bottom:.6em;
	padding-bottom:.4em;
	font-size:1.06em;
	line-height:1.2em;
	border-bottom:1px solid;
}
#item-air-plus #voice .slide li p + p { margin-top:.2em; text-align:right; font-size:.86em; }
#item-air-plus #voice .slide li p b {
	padding:0 .2em;
	font-weight:500;
	color:#809c1e;
	background:linear-gradient(transparent 70%, #fff 70%);
}
#item-air-plus #voice .swiper-button-next,
#item-air-plus #voice .swiper-button-prev { top:-3em; }
#item-air-plus #voice .swiper-pagination-bullet-active { background:#f4f7eb; border:none; }


@media screen and (max-width:800px) {
#item-air-plus #voice .slide li { padding:2em 4.2em; }
}

@media screen and (max-width:500px) {
#item-air-plus #voice > p { text-align:left; font-size:12px; }
#item-air-plus #voice .slide li { padding:2em 3.2em; }
}

@media screen and (max-width:400px) {
#item-air-plus #voice .slide li { padding:1.6em 3em; }
}



/*==============================
	ceo
==============================*/
#item-air-plus #ceo-message {
	width:calc(100% - 4em);
	margin-right:auto;
	margin-left:auto;
	padding:2em;
	background:#eef7f9;
}
#item-air-plus #ceo-message p { line-height:1.6em; }


/*ttl*/
#item-air-plus #ceo-message .ttl { margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid; }
#item-air-plus #ceo-message .ttl div { position:relative; padding-bottom:4em; }
#item-air-plus #ceo-message .ttl div h3 { font-size:1.4em; line-height:1.4em; color:#459fb3; }
#item-air-plus #ceo-message .ttl div p { position:absolute; bottom:0; right:0; text-align:right; }
#item-air-plus #ceo-message .ttl div p b { display:block; font-weight:500; }


/*p*/
#item-air-plus #ceo-message > p { font-size:.92em; }
#item-air-plus #ceo-message > p:nth-of-type(n+2) { margin-top:.4em; }


@media screen and (min-width:801px) {
#item-air-plus #ceo-message { padding:4em; }
#item-air-plus #ceo-message .ttl { margin-bottom:2em; padding-bottom:2em; }
#item-air-plus #ceo-message .ttl div { width:calc(100% - 12em); }
#item-air-plus #ceo-message .ttl div h3 { font-size:1.3em; }
#item-air-plus #ceo-message .ttl img { width:11em; }
}

@media screen and (min-width:601px) and (max-width:800px) {
#item-air-plus #ceo-message .ttl div { width:calc(100% - 9.9em); font-size:.9em; }
#item-air-plus #ceo-message .ttl img { width:8em; }
}

@media screen and (min-width:601px) {
#item-air-plus #ceo-message .ttl div { margin-right:1em; }
}

@media screen and (min-width:601px) {
#item-air-plus #ceo-message .ttl {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
}
}

@media screen and (max-width:600px) {
#item-air-plus #ceo-message .ttl div { padding-bottom:5em; font-size:.8em; }
#item-air-plus #ceo-message .ttl div p { right:8.6em; }
#item-air-plus #ceo-message .ttl img { display:block; width:6em; margin:-3.4em 0 0 auto; }
}

@media screen and (max-width:450px) {
#item-air-plus #ceo-message { width:calc(100% - 2em); padding:1.6em; }
#item-air-plus #ceo-message .ttl div p { font-size:12px; }
}

@media screen and (max-width:400px) {
#item-air-plus #ceo-message { padding:1.2em; }
}



/*==============================
	オイルパッド交換方法
==============================*/
#item-air-plus #oil-pad { width:calc(100% - 2em); margin:auto; }

#item-air-plus #oil-pad h4 {
	margin:2em auto .8em;
	padding-bottom:.4em;
	text-align:center;
	font-size:1.1em;
	line-height:1.6em;
	letter-spacing:.1em;
	border-bottom:1px solid;
}

#item-air-plus #oil-pad .inline { position:relative; display:flex; justify-content:center; align-items:center; max-width:34em; margin:auto; }
#item-air-plus #oil-pad .inline img { width:8em; margin-left:1em; }

#item-air-plus #oil-pad dl { max-width:24em; margin:1em auto; padding:1em; line-height:1.4em; background:#f7f7f7; }
#item-air-plus #oil-pad dt { margin-bottom:.6em; font-weight:600; }
#item-air-plus #oil-pad dd:nth-of-type(n+2) { margin-top:.2em; }

#item-air-plus #oil-pad a[href*='pdf'] { display:block; width:12.2em; margin:.6em 0 0 auto; text-align:right; text-decoration:underline; color:var(--link); }
#item-air-plus #oil-pad a[href*='pdf'] svg { stroke:var(--link); }

#item-air-plus #oil-pad picture img { display:block; max-width:640px; margin:1em auto 0; }


@media screen and (min-width:601px) {
#item-air-plus #oil-pad dl + p { text-align:center; }
}

@media screen and (max-width:600px) {
#item-air-plus #oil-pad .inline img { width:6em; margin-left:.4em; }
}



/*==============================
	注文フォーム
==============================*/
/*orderForm*/
#orderForm { margin:1em auto; }
#orderForm > h2 { display:none; }


/*cv-area*/
#cv-area > p { text-align:center; line-height:1.2em; }

#cv-area > .benefit { margin-bottom:.4em; color:#e86175; }
#cv-area > .benefit:before,
#cv-area > .benefit:after { font-size:.8em; font-weight:600; }
#cv-area > .benefit:before { content:'\FF3C'; margin-left:.2em; }
#cv-area > .benefit:after { content:'\FF0F'; margin-right:.2em; }
#cv-area > .benefit b { margin-left:.1em; font-size:1.2em; font-weight:500; }

#cv-area > .price { font-size:1.2em; }
#cv-area > .price span { font-size:.8em; }
#cv-area > .price span:first-of-type { display:block; }
#cv-area > .price span:last-of-type:after { content:'\7A0E\5225'; font-size:12px; }
#cv-area > .price s { margin-left:.2em; color:#777; }


@media screen and (min-width:601px) {
#cv-area > .benefit { font-size:1.1em; }
#cv-area > .price { font-size:1.3em; }
}

@media screen and (min-width:371px) {
#cv-area > .price span:first-of-type { display:inline-block; margin-right:.4em; }
}

@media screen and (max-width:370px) {
#cv-area > .benefit { font-size:.9em; }
}



/*==============================
	aroma
==============================*/

#item-air-plus #aroma .txt {
	margin-top: 1em;
}

#item-air-plus #aroma .wrap {
	margin-top: 2em;
}

#item-air-plus #aroma h4 {
	padding: .2em 0;
	font-weight: 600;
	text-align: center;
}

#item-air-plus #aroma ul,
#item-air-plus #aroma dl {
	width: calc(100% - 1em);
	margin: 1em auto 0;
}

#item-air-plus #aroma ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

#item-air-plus #aroma h3+ul {
	margin-top: 0;
}

#item-air-plus #aroma li {
	margin: .4em 1em;
}

#item-air-plus #aroma li img {
	max-width: 100px;
	margin: 0 auto .4em;
	border-radius: 50%;
}

#item-air-plus #aroma li p {
	font-size: .9em;
	font-weight: 600;
	line-height: 1.1em;
}

#item-air-plus #aroma>p {
	width: calc(100% - 2em);
	margin: auto;
}



#item-air-plus #aroma dt {
	margin-bottom: .4em;
	padding: .2em .4em;
	background: #f3f3f3;
}

#item-air-plus #aroma dt:nth-of-type(n+2) {
	margin-top: 1em;
}

#item-air-plus #aroma .wrap > .bottle picture { display:block; margin:auto; max-width:150px; padding-top:1em; }
#item-air-plus #aroma .wrap:nth-of-type(1) h4 { background:#faeadd; }
#item-air-plus #aroma .wrap:nth-of-type(2) h4 { background:#f1f6d9; }
#item-air-plus #aroma .wrap:nth-of-type(3) h4 { background:#f9f2d9; }
#item-air-plus #aroma .wrap:nth-of-type(4) h4 { background:#e7f3eb; }
#item-air-plus #aroma .wrap:nth-of-type(5) h4 { background:#faebed; }
#item-air-plus #aroma .wrap:nth-of-type(6) h4 { background:#c9d2e6; }