@charset'utf-8';

:root { --t-gr:0,168,148; --t-lgr:79,140,33; --t-bgr:240,250,252; }

body { font-weight:500; }

/*LP*/

/*==============================
	common
==============================*/
#t-aroma { overflow:hidden; }
#t-aroma > section:nth-of-type(n+2):not(.arrow) { margin-top:6em; }


/*bg-color*/
#t-aroma > section.bg-color { margin-bottom:6em; padding:6em 0; background:#edf6f8; }
#t-aroma > section.bg-color.arrow { position:relative; margin-bottom:12em; padding-top:12em; }
#t-aroma > section.bg-color.arrow:before,
#t-aroma > section.bg-color.arrow:after { position:absolute; left:0; right:0; content:''; width:100%; border-right:50vw solid transparent; border-left:50vw solid transparent; z-index:1; }
#t-aroma > section.bg-color.arrow:before { top:0; border-top:6em solid #fff; }
#t-aroma > section.bg-color.arrow:after { bottom:-6em; border-top:6em solid #edf6f8; }


/*title*/
#t-aroma h2 {	margin-bottom:1em;	text-align:center;	font-size:2.8em; font-weight:600; letter-spacing:2px;	}
#t-aroma h2:not([class]) { line-height:1.6em; }
#t-aroma h2.ttl {	width:calc(100% - 4em);	max-width:18em; }
#t-aroma h2.ttl:before {	position:relative;	top:.5em;	content:'';	display:block;	width:100%;	height:1px;	margin:auto;	background:#35380A; }
#t-aroma h2 em {
 display:inline-block;
 margin-bottom:1em;
 padding:0 .4em .6em;
 font-size:.7em;
 font-style:normal;
 line-height:1em;
 letter-spacing:.1em;
 color:rgba(var(--t-gr),1);
 border-bottom:.2em solid;
}
#t-aroma h2:not([class]) span { font-size:.9em; }
#t-aroma h2.ttl span {	position:relative;	padding:0 .6em;	background:#fff; }
#t-aroma h2 b { color:rgba(var(--t-gr),1); }
#t-aroma h2 strong { font-size:1.4em; }


@media screen and (max-width:1024px) {
#t-aroma h2 {	font-size:2.4em; }
}

@media screen and (max-width:768px) {
#t-aroma > section:nth-of-type(n+2):not(.arrow) { margin-top:4em; }
#t-aroma > section.bg-color { margin-bottom:4em; padding:4em 0; }
#t-aroma > section.bg-color.arrow { margin-bottom:8em; padding-top:8em; }
#t-aroma > section.bg-color.arrow:before,
#t-aroma > section.bg-color.arrow:after { border-top-width:4em; }
#t-aroma > section.bg-color.arrow:after { bottom:-4em; }
#t-aroma h2 {	font-size:1.9em; letter-spacing:1px; }
#t-aroma h2.ttl {	width:calc(100% - 2em); }
}

@media screen and (max-width:425px) {
#t-aroma > section.bg-color { margin-bottom:2em; padding:2em 0; }
#t-aroma > section.bg-color.arrow { margin-bottom:4em; padding-top:4em; }
#t-aroma > section.bg-color.arrow:before,
#t-aroma > section.bg-color.arrow:after { border-top-width:2em; }
#t-aroma > section.bg-color.arrow:after { bottom:-2em; }
#t-aroma h2 {	font-size:1.4em; letter-spacing:0; }
#t-aroma h2.ttl span { padding:0 .4em; }
}

/*アコーディオン部分*/
.toggle {
	display: none;
}
.accordion{
	margin: 0.5em 0;
}
.Label {
	margin: 2em auto 0;		
	padding: .2em;
	font-size: 1.2em;
	text-align: center;
	display: block;
	max-width: 200px;
	border-top: #35380A solid 1px;
  border-bottom: #35380A solid 1px;
	color: #35380A;
  background-color:  #edf6f8;
 
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 16px;
	height: 16px;
	border-top: 2px solid #35380A;
	position: absolute;
	top:50%;
	right: 20px;
	transition: .2s;

}
.Label::after{		/*タイトル横の矢印*/
	content:"";
	width: 16px;
	height: 16px;
	border-top: 2px solid #35380A;
	position: absolute;
	top:50%;
	right: 20px;
	transform: rotate(90deg)translateX(-7px)translateY(7px);
	transition: .2s;

}
.Label,
.content {

	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:1em;
	padding:0 20px;
	overflow: hidden;

}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px 0;
	transition: all .3s;
}
.toggle:checked + .Label::after {
	visibility: hidden;
}

/*==============================
	tocart
==============================*/

.tocart {
	margin: 0 auto;		
	padding: .2em 0 .2em .6em;
	text-align: center;
	border-radius: 5px;
	display: block;
	width: 200px;
	border: #d02929 solid 1px;
	color: #ffffff;
	background-color: #d02929;
}
.tocart::before{		/*タイトル横の矢印*/
	position: absolute;
    top: calc(50% - 0.9em);
    left: calc(50% - 4.8em);
    content: '';
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    background: url(https://aromic.jp/svg/cart_wh.svg) center / 100% no-repeat;
}
.tocart {
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

/*==============================
	main
==============================*/
#t-aroma #main-vs { position:relative; max-width:1600px; margin:auto; font-weight:600;  }
#t-aroma #main-vs .wrap { position:relative; max-width:1600px; height:60vw; max-height:800px; margin:auto; padding:8em 6vw 0; }

#t-aroma #flow h1 { margin:auto;padding: 1em; line-height:1.6em; color:rgb(var(--t-gr)); font-size: 4vw;text-align: center;}
#t-aroma #flow h1 span{
	font-size: 6vw;
}
@media screen and (min-width:426px) {
	#t-aroma #flow h1 {
		font-size: 1.2em;
	}
	#t-aroma #flow h1 span{
		font-size: 1.6em;
	}}
@media screen and (min-width:769px) {
		#t-aroma #flow h1 {
			font-size: 1.6em;
		}
		#t-aroma #flow h1 span{
			font-size: 1.6em;
	}}
	
#t-aroma #main-vs .catch {
 max-width:6em;
 text-align:center;
 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;
 line-height:1.4em;
 letter-spacing:1px;
 color:rgb(var(--t-gr));
}
#t-aroma #main-vs .catch b { font-size:1.6em; }
#t-aroma #main-vs .catch strong {
 display:block;
 width:6.4em;
 margin:.4em auto 0;
 padding:.3em 0 .3em .6em;
 text-shadow:none;
 font-size:.7em;
 font-weight:700;
 line-height:1em;
 letter-spacing:.1em;
 color:#fff;
 background:rgb(var(--t-gr));
 border:2px solid;
 transform:rotate(-8deg);
}


#t-aroma #main-vs p:not([class]) em { color:rgb(var(--txt-red)); }


#t-aroma #main-vs img { display:block; }


@media screen and (min-width:1601px) {
#t-aroma #main-vs .wrap { padding:10em 8vw 0; }
#t-aroma #main-vs .balloon { top:1.6em; }
}

@media screen and (max-width:1600px) {
#t-aroma #main-vs .balloon { top:1em; }
}

@media screen and (min-width:1441px) {
#t-aroma #main-vs .catch { font-size:5.4em; }
#t-aroma #main-vs picture { top:-4vw; }
}

@media screen and (max-width:1440px) {
#t-aroma #main-vs .catch { font-size:6vw; }
#t-aroma #main-vs picture { top:0; }
}




/*==============================
	tseries-lineup
==============================*/
#t-aroma #tseries-lineup{
	padding: 1em;
	max-width: 800px;
	margin: 0 auto;}
#t-aroma #tseries-lineup .product{
	position: relative;
	display: flex;
	margin: 2em 0;
	padding: 1em 0;
}
#t-aroma #tseries-lineup .product>.type{
	position: absolute;
	display: flex;
	top: -10%;
	left: 0;
	background:rgb(var(--t-gr));
	color: #fff;
	width: 55px;
	height: 55px;
	border-radius: 50px;
}
#t-aroma #tseries-lineup .product>.type>p{
	text-align: center;
	font-size: 12px;
	margin: auto;

}
#t-aroma #tseries-lineup .product>picture{
	max-width:100px ;}
#t-aroma #tseries-lineup .product>ul{
	margin: auto;
}
#t-aroma #tseries-lineup .product>ul>li{
	position: relative;
	line-height: 2em;
	padding-left: 25px;
	font-size: 13px;
}
#t-aroma #tseries-lineup .product>ul>li::before{
	content: "";
	position: absolute;
	top: 50%;
	left:0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url("/item/t-series/img/check.gif");
	background-size: cover;
	background-position: center;
	}
#t-aroma #tseries-lineup .product>ul::after{
	content: "";
	position: absolute;
	bottom: 5% ;
	left: 50%;
	width: 30px;
	height: 15px;
	background-image: url("/item/t-series/img/arrow.gif");
	background-size: cover;
	background-position: center;
	animation-name: arrow;
	animation-duration: 3s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	}

	@keyframes arrow{
		50%{
			transform: translateY(5px);
		}
	}
	@media screen and (min-width:350px) {

		#t-aroma #tseries-lineup .product>.type{
			top: 0;
			left: 0;
			width: 70px;
			height: 70px;
		}
		#t-aroma #tseries-lineup .product>.type>p{
			text-align: center;
			font-size: 15px;
		}
		#t-aroma #tseries-lineup .product>picture{
			max-width:40vw ;}
	}
	@media screen and (min-width:370px) {
		#t-aroma #tseries-lineup{
			display: flex;
			flex-wrap: wrap;
			justify-content:space-around ;
		}
		
		#t-aroma #tseries-lineup .product{
			display: block;
		}
		#t-aroma #tseries-lineup .product>ul>li{
			margin-right:1em ;
		}

				#t-aroma #tseries-lineup .product>ul::after{
			bottom: 0 ;
			left: 45%;
			width: 30px;
			height: 15px;
			background-image: url("/item/t-series/img/arrow.gif");
			background-size: cover;
			background-position: center;
			animation-name: arrow;
			animation-duration: 3s;
			animation-fill-mode: forwards;
			animation-iteration-count: infinite;
			}
	}
	@media screen and (min-width:450px) {
		#t-aroma #tseries-lineup .product>.type{

			top: -2em;
			left: 0;
			width: 90px;
			height: 90px;
			border-radius: 50px;
		}
		#t-aroma #tseries-lineup .product>.type>p{
			font-size: 20px;
		}
		#t-aroma #tseries-lineup .product>ul>li{
			font-size: 20px;
			margin-right:1em ;
		}

	}
	
	
/*==============================
	trouble
==============================*/
#t-aroma #trouble { color:#fff; background:#999; }
#t-aroma #trouble:after { border-top-color:#999; filter:drop-shadow(0 .4em .2em rgba(0,0,0,.2)); }
#t-aroma #trouble ul { width:calc(100% - 2em); margin:auto; font-size:1.4em; }
#t-aroma #trouble li { display:flex; justify-content:space-between; align-items:stretch; }
#t-aroma #trouble li:nth-of-type(even) { flex-direction:row-reverse; }
#t-aroma #trouble li:nth-of-type(n+2) { margin-top:1em; }
#t-aroma #trouble li p { width:calc(100% - 9em); padding:1em; line-height:1.6em; color:#35380A; background:#eee; }
#t-aroma #trouble li p b { display:block; font-size:1.4em; }
#t-aroma #trouble li picture { display:block; width:12em; }
#t-aroma #trouble li img { display:block; width:100%; }


@media screen and (min-width:1025px) {
#t-aroma #trouble ul { max-width:28em; font-size:1.8em; }
#t-aroma #trouble li p { line-height:2em; }
#t-aroma #trouble li p br:first-of-type { display:none; }
}

@media screen and (max-width:1024px) {
#t-aroma #trouble ul { max-width:26em; }
#t-aroma #trouble li p b { margin-top:.2em; }
}

@media screen and (min-width:769px) {
#t-aroma #trouble li p { padding:1.4em 2em; }
}

@media screen and (max-width:768px) {
#t-aroma #trouble ul { max-width:24em; font-size:1em; }
#t-aroma #trouble li p { width:calc(100% - 8em); }
}

@media screen and (max-width:425px) {
#t-aroma #trouble ul { max-width:22.4em; }
#t-aroma #trouble li p { line-height:1.6em; }
#t-aroma #trouble li p b { font-size:5.4vw; }
#t-aroma #trouble li picture { width:10em; }
}

@media screen and (max-width:320px) {
#t-aroma #trouble ul { font-size:13px; }
}



/*==============================
	cause
==============================*/
#t-aroma #cause { margin:-2em auto 4em; text-align:center; }
#t-aroma #cause h2 { line-height:1.8em; }

#t-aroma #cause p { width:calc(100% - 4em); margin:auto; font-size:1.2em; line-height:1.8em; }

#t-aroma #cause .arrow { position:relative; width:30em; margin:1em auto 0; padding-top:1em; background:linear-gradient(to bottom, #fff 5%, #f4fae8); }
#t-aroma #cause .arrow:after {
 position:absolute;
 bottom:-2em;
 left:0;
 right:0;
 content:'';
 width:100%;
 border-top:2em solid #f4fae8;
 border-right:15em solid transparent;
 border-left:15em solid transparent;
 filter:drop-shadow(0 .4em .2em rgba(0,0,0,.2));
 z-index:1;
}

#t-aroma #cause picture { display:block; width:calc(100% - 2em); max-width:600px; margin:1em auto; border:1px solid #eee; box-shadow:0 .2em .4em rgba(0,0,0,.1); }
#t-aroma #cause picture img { display:block; width:100%; }

#t-aroma #cause dl { counter-reset:number 0; }
#t-aroma #cause dt { margin:2em 0 .6em; padding:.6em 0; font-size:2em; color:#fff; background:#00A894; }
#t-aroma #cause dd:last-of-type br:first-of-type { display:block; }


@media screen and (min-width:769px) {
#t-aroma #cause p { word-break:keep-all; word-wrap:break-word; }
#t-aroma #cause :not(.arrow) p br { display:none; }
}

@media screen and (max-width:768px) {
#t-aroma #cause { margin:-1em auto 3em; }
#t-aroma #cause p { width:calc(100% - 1em); font-size:1em; }
#t-aroma #cause .arrow { width:100%; }
#t-aroma #cause .arrow:after { border-right-width:50vw; border-left-width:50vw; }
#t-aroma #cause dt { font-size:1.6em; }
}

@media screen and (max-width:425px) {
#t-aroma #cause { margin:0 auto 2em; }
#t-aroma #cause dt { font-size:1.4em; }
}

@media screen and (max-width:320px) {
#t-aroma #cause p { font-size:13px; }
}



/*==============================
	aroma
==============================*/
#t-aroma #aroma { background:#f4fae8; }

#t-aroma #aroma ul { margin:auto; }
#t-aroma #aroma ul picture { display:block; margin-bottom:.4em; }
#t-aroma #aroma ul img { display:block; }
#t-aroma #aroma ul h4 { margin-bottom:.2em; font-size:1.2em; font-weight:600; }
#t-aroma #aroma ul p { line-height:1.5em; }


@media screen and (min-width:1441px) {
#t-aroma #aroma ul { width:calc(100% - 4em); }
#t-aroma #aroma li { width:calc(100%/4 - .9em); }
#t-aroma #aroma li:not(:nth-of-type(4n+1)) { margin-left:1.2em; }
#t-aroma #aroma li:nth-of-type(n+5) { margin-top:1.6em; }
}

@media screen and (max-width:1440px) {
#t-aroma #aroma ul { width:calc(100% - 3em); }
}

@media screen and (min-width:769px) and (max-width:1440px) {
#t-aroma #aroma li { width:calc(100%/3 - .8em); }
#t-aroma #aroma li:not(:nth-of-type(3n+1)) { margin-left:1.2em; }
#t-aroma #aroma li:nth-of-type(n+4) { margin-top:1.6em; }
}

@media screen and (min-width:769px) {
#t-aroma #aroma ul { justify-content:center; }
}

@media screen and (min-width:426px) and (max-width:768px) {
#t-aroma #aroma ul { justify-content:flex-start; }
#t-aroma #aroma li { width:calc(100%/2 - .6em); }
#t-aroma #aroma li:nth-of-type(2n+2) { margin-left:1.2em; }
#t-aroma #aroma li:nth-of-type(n+3) { margin-top:1.6em; }
}

@media screen and (max-width:425px) {
#t-aroma #aroma ul { width:calc(100% - 2em); font-size:.9em; }
#t-aroma #aroma li p { font-size:.9em; }
}

@media screen and (min-width:321px) and (max-width:425px) {
#t-aroma #aroma li { width:calc(100%/2 - .4em); }
#t-aroma #aroma li:nth-of-type(2n+2) { margin-left:.8em; }
#t-aroma #aroma li:nth-of-type(n+3) { margin-top:1.2em; }
}

@media screen and (min-width:321px) {
#t-aroma #aroma ul { display:flex; flex-wrap:wrap; }
}

@media screen and (max-width:320px) {
#t-aroma #aroma ul { width:100%; font-size:.9em; }
#t-aroma #aroma li { width:100%; margin:0; }
#t-aroma #aroma li:nth-of-type(n+2) { margin-top:1em; }
#t-aroma #aroma li > *:not(picture) { width:calc(100% - 2em); margin-left:auto; margin-right:auto; }
#t-aroma #aroma ul picture { width:calc(100% - 1em); margin:0 auto .4em; }
}

/*==============================
	products-detail
==============================*/
#t-aroma #products-detail{
	margin: 1em;
}
@media screen and (min-width:800px) {
	#t-aroma #products-detail{
		margin: 0 auto;
		width: 800px;
	}
}

#t-aroma #products-detail .product-detail{
	position: relative;
	margin-bottom: 1em;
}
#t-aroma #products-detail .product-detail .detail{
	margin: .5em 0;
	padding: 1em;
	border-radius: 10px;
	border:rgb(var(--t-gr)) solid 1px;
}


#t-aroma #products-detail h2{ color: rgb(var(--t-gr));}

#t-aroma #products-detail .detail-txt>p{
	margin:auto .5em ;
}
#t-aroma #products-detail .detail-txt>ul{
	margin: .5em;
}

#t-aroma #products-detail .detail-txt>ul>li{
font-size: 1em;
}

#t-aroma #products-detail .detail-txt>ul>li>span{
	font-size: 16px;
	color: #d4c327;
}
#t-aroma #products-detail .detail-txt p{
font-size: 1em;
}
#t-aroma #products-detail .detail-txt p span:not(.price){
font-size: 1.3em;
text-decoration: underline;
}
#t-aroma #products-detail .detail-txt p .price{
	color: #d02929;
}
#t-aroma #products-detail .detail-txt p .price small{
	font-size: .8em;
}
#t-aroma #products-detail h3{
	display: inline-block;
background-color: rgb(var(--t-gr));
color: #fff;
font-size: 1.2em;
padding: .5em;
margin-bottom: .5em;
z-index: 12;
}
@media screen and (min-width:460px) {
	#t-aroma #products-detail .detail-txt{
	display: flex;
	justify-content: left;}

	#t-aroma #products-detail h3{
	padding: .6em 1.4em;	

}}
@media screen and (min-width:570px) {
	#t-aroma #products-detail .detail-txt p{
		font-size: 1em;
		}
	#t-aroma #products-detail .detail-txt p span:not(.price){
		font-size: 1.4em;
		}
	#t-aroma #products-detail .detail-txt>ul>li{
		font-size: 1.2em;
		}
	#t-aroma #products-detail .detail-txt>ul>li>span{
		font-size: 1.2em;
		}
	#t-aroma #products-detail h3{
		font-size: 1.6em;
	}

}



@media screen and (min-width:1025px) {
	#t-aroma #products-detail h3{
	font-size:2em;
}

}





#t-aroma #products-detail .swiper-container{
	overflow: hidden;
} 
#t-aroma #products-detail .swiper-wrapper{
	width: 100%;
	height: 100%;
}
#t-aroma #products-detail .swiper-slide{
	width: 100%;
	height: 100%;
	} 
/* #t-aroma #products-detail .detail-img picture{
	display: block;
	max-width: 120px;
	margin: 0 auto;	
} 
#t-aroma #products-detail .detail-img a{
	display: block;
	margin: 0 auto 1em;
	background-color: #dd4343;
	text-align: center;
	color: #fff;
	border-radius: 25px;
	width: 60%;
	font-size: 12px;
} 





/*==============================
	flow
==============================*/
#t-aroma #flow { padding-top:0; text-align:center; background:#edf6f8; }
#t-aroma #flow:before { display:none; }
#t-aroma #flow:after { border-top-color:#edf6f8; filter:drop-shadow(0 .4em .2em rgba(0,0,0,.2)); }

#t-aroma #flow picture { display:block; max-width:1600px; margin:auto; }
#t-aroma #flow picture img { display:block; width:100%; }

#t-aroma #flow h2 { margin: 1em auto 0;padding:.6em 0; line-height:1.4em; color:#fff; background:rgb(var(--t-gr)); }

#t-aroma #flow ul { width:calc(100% - 2em); max-width:16em; margin:auto; text-align:center; font-size:2em; }
#t-aroma #flow li { position:relative; padding:.8em 0; background:#fff; box-shadow:0 0 .2em rgba(var(--t-gr),.6); }
#t-aroma #flow li:nth-of-type(n+2) { margin-top:.8em; }
#t-aroma #flow li:nth-of-type(n+2):before {
 position:absolute;
 top:-.71em;
 left:0;
 right:0;
 content:'\FF0B';
 display:block;
 height:1em;
 margin:auto;
 font-size:2em;
 font-weight:400;
 line-height:1em;
 transform:rotate(45deg);
}

#t-aroma #flow p { margin:auto; font-size:3vw; line-height:1.8em; }
#t-aroma #flow p strong { display:block; margin-top:.4em; font-size:3em; color:rgb(var(--t-gr)); }
#t-aroma #flow p strong span { display:block; margin-top:.8em; font-size:.4em; color:var(--txt); }


@media screen and (min-width:1601px) {
#t-aroma #flow picture { box-shadow:.2em .2em .6em rgba(0,0,0,.4); }
}

@media screen and (min-width:850px) {
#t-aroma #flow p{font-size: 1.4em;}
#t-aroma #flow p br:first-of-type { display:none; }
}

@media screen and (max-width:768px) {
#t-aroma #flow ul { font-size:1.6em; }
#t-aroma #flow p strong { font-size:2.8em; }
}

@media screen and (max-width:425px) {
#t-aroma #flow ul { font-size:6vw; }
}



/*==============================
	voice
==============================*/
#t-aroma #voice { margin-bottom:2em; background:#f2f0ea; }

#t-aroma #voice ul { width:calc(100% - 3em); max-width:60em; margin:auto; }
#t-aroma #voice li { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:2em; background:#fff; box-shadow:.2em .2em .6em rgba(0,0,0,.1); }
#t-aroma #voice li:nth-of-type(n+2) { margin-top:2em; }
#t-aroma #voice li:nth-of-type(even) { flex-direction:row-reverse; }
#t-aroma #voice li h3 { font-size:1.6em; font-weight:600; color:#806f2c; }
#t-aroma #voice li:nth-of-type(odd) h3 { margin-right:1em; }
#t-aroma #voice li:nth-of-type(even) h3 { margin-left:1em; }
#t-aroma #voice li picture { display:block; width:8em; max-width:100px; height:8em; max-height:100px; padding:.4em; background:#f2f0ea; border-radius:50vh; }
#t-aroma #voice li img { display:block; width:100%; }
#t-aroma #voice li p { width:100%; margin-top:1em; font-size:1.2em; }


@media screen and (max-width:768px) {
#t-aroma #voice ul { font-size:.9em; }
#t-aroma #voice li picture { width:6em; height:6em; }
}

@media screen and (max-width:425px) {
#t-aroma #voice ul { font-size:.8em; }
#t-aroma #voice li:nth-of-type(n+2) { margin-top:1em; }
#t-aroma #voice li:nth-of-type(odd) h3 { margin-right:.6em; }
#t-aroma #voice li:nth-of-type(even) h3 { margin-left:.6em; }
#t-aroma #voice li picture { width:5em; height:5em; }
}



/*==============================
	support
==============================*/
#t-aroma #support h2 { margin-bottom:.2em; }
#t-aroma #support h2 + p { text-align:center; font-size:1.4em; }

#t-aroma #support picture { display:block; width:100%; max-width:600px; margin:1.4em auto; box-shadow:0 0 .6em #ccc; }
#t-aroma #support img { display:block; width:100%; }

#t-aroma #support picture + p { width:calc(100% - 4em); max-width:26em; margin:auto; font-size:1.1em; }

#t-aroma #support dl { position:relative; width:calc(100% - 2em); max-width:26em; margin:1.6em auto 0; padding:1.6em 0; text-align:center; border:1px solid; border-radius:.6em; }
#t-aroma #support dt { position:absolute; top:-.8em; left:0; right:0; width:8em; margin:auto; background:#fff; }
#t-aroma #support dd a { display:flex; justify-content:center; align-items:center; font-size:2em; }
#t-aroma #support dd a > * { display:inline-block; }
#t-aroma #support dd a svg { width:1.2em; stroke-width:4px; margin-right:.4em; }
#t-aroma #support dd p { margin-top:.6em; font-size:.9em; }


@media screen and (max-width:768px) {
#t-aroma #support h2 + p { font-size:1.2em; }
#t-aroma #support picture + p { font-size:1em; }
#t-aroma #support dd a { font-size:1.6em; }
}

@media screen and (max-width:425px) {
#t-aroma #support h2 + p { font-size:1em; }
#t-aroma #support picture { margin-bottom:1em; }
#t-aroma #support picture + p { max-width:23em; font-size:.9em; }
#t-aroma #support dd p { font-size:12px; }
}



/*==============================
	wrapup
==============================*/
#t-aroma #wrapup { margin:6em auto 0; padding:0; background:#fff; }
#t-aroma #wrapup:before { display:none; }
#t-aroma #wrapup:after { border-top-color:#fff; filter:drop-shadow(0 .6em .4em rgba(0,171,198,.2)); }

#t-aroma #wrapup .box { display:flex; justify-content:center; align-items:center; padding:1em 0; font-size:1.4em; background:#eee; }
#t-aroma #wrapup .box p span { position:relative; display:block; padding-left:1.6em; text-indent:-1em; }
#t-aroma #wrapup .box p span:nth-of-type(n+2) { margin-top:.4em; }
#t-aroma #wrapup .box p span:before {
 position:absolute;
 top:.5em;
 left:0;
 content:'';
 display:block;
 width:.5em;
 height:.9em;
 border-right:2px solid;
 border-bottom:2px solid;
 transform:translate(-25%,-50%) rotate(45deg);
}

#t-aroma #wrapup .balloon { position:relative; padding:.6em 0; text-align:center; font-size:1.8em; color:#fff; background:rgb(var(--t-gr)); }
#t-aroma #wrapup .balloon:after {
 position:absolute;
 bottom:-1.3em;
 left:0;
 right:0;
 content:'';
 width:.6em;
 margin:auto;
 border:.6em solid transparent;
 border-top:.8em solid rgb(var(--t-gr));
 z-index:1;
}

#t-aroma #wrapup .img { position:relative; max-width:1600px; margin:auto; font-weight:600; }
#t-aroma #wrapup .img > *:not(picture) { position:absolute; }
#t-aroma #wrapup .img p:not([class]) { top:1em; left:1em; font-size:2.6em; line-height:1.8em; text-shadow:#f1eff0 2px 0px, #f1eff0 -2px 0px, #f1eff0 0px -2px, #f1eff0 0px 2px, #f1eff0 2px 2px, #f1eff0 -2px 2px, #f1eff0 2px -2px, #f1eff0 -2px -2px, #f1eff0 1px 2px, #f1eff0 -1px 2px, #f1eff0 1px -2px, #f1eff0 -1px -2px, #f1eff0 2px 1px, #f1eff0 -2px 1px, #f1eff0 2px -1px, #f1eff0 -2px -1px; }
#t-aroma #wrapup .img p.name { bottom:2vw; right:3vw; text-align:center; text-shadow:.06em .06em .1em rgba(0,0,0,.6); font-size:6em; color:#fff; }
#t-aroma #wrapup .img p.name strong { font-weight:300; }
#t-aroma #wrapup .img p.name span { display:inline-block; margin-left:.6em; font-size:.4em; }
#t-aroma #wrapup .img picture { display:block; width:100%; max-width:1600px; margin:auto; }

#t-aroma #wrapup .img + p { margin-top:1em; text-align:center; font-size:2em; font-weight:600; line-height:1.8em; }
#t-aroma #wrapup .img + p b { color:#39c42f; }


@media screen and (max-width:1440px) {
#t-aroma #wrapup .img p:not([class]) { font-size:3vw; }
#t-aroma #wrapup .img p.name { font-size:6vw; }
}

@media screen and (max-width:1024px) {
#t-aroma #wrapup .img p:not([class]) { top:4vw; left:4vw; font-size:4.6vw; line-height:1.6em; }
#t-aroma #wrapup .img p.name { font-size:10vw; }
}

@media screen and (max-width:768px) {
#t-aroma #wrapup { margin-top:4em; }
#t-aroma #wrapup .box { font-size:1.2em; }
#t-aroma #wrapup .balloon { font-size:4vw; }
#t-aroma #wrapup .img p.name { bottom:3vw; }
#t-aroma #wrapup .img + p { font-size:1.5em; }
}

@media screen and (max-width:425px) {
#t-aroma #wrapup .box { font-size:1em; }
#t-aroma #wrapup .box p { margin-left:1em; }
#t-aroma #wrapup .balloon { font-size:5vw; }
#t-aroma #wrapup .img p.name { font-size:12vw; }
#t-aroma #wrapup .img + p { margin-top:.2em; font-size:5.6vw; line-height:1.6em; }
}



/*==============================
	item list
==============================*/
#t-aroma #item-list { margin-top:0; padding-top:11em; }
#t-aroma #item-list li { background:#fff; }


@media screen and (max-width:768px) {
#t-aroma #item-list { padding-top:7em; }
}

@media screen and (max-width:425px) {
#t-aroma #item-list { padding-top:4em; }
}


/*==============================
	カートボタン
==============================*/
/*button-only*/
/*.api_product_target.img-none .api_product_img_wrap { display:none; }*/

.border {
border-bottom:1px dashed #35380A;
margin: 40px 0;
}