@charset'UTF-8';

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



/*==============================
	common
==============================*/
#aromicbiz .aromic.guide { display:block; width:calc(100% - 2em); max-width:1000px; margin:auto; }
#aromicbiz .aromic.guide.w-max { width:100%; max-width:none; }
#aromicbiz .aromic.guide.w-max { width:100%; max-width:none; }

#aromicbiz .aromic.guide p { line-height:1.6em; }
#aromicbiz .aromic.guide p:nth-of-type(n+2) { margin-top:.6em; }

#aromicbiz .aromic.guide .attention { color:#c44040; }
#aromicbiz .aromic.guide .text-left { text-align:left; }
#aromicbiz .aromic.guide .dot { padding:.6em; border:dotted 1px #999; }
#aromicbiz .aromic.guide .line { padding:0 .2em; background:rgba(38,175,191,.1); }
#aromicbiz .aromic.guide .s-text { font-size:.98em; color:#398490; }
#aromicbiz .flexbox{width:auto}

/*Table*/
#aromicbiz .aromic.guide table {  margin:1em 0; line-height:1.6em; }
#aromicbiz .aromic.guide table th,
#aromicbiz .aromic.guide table td { text-align:left; padding:.6em; border:1px solid #ccc; }
#aromicbiz .aromic.guide table th { min-width:7em; font-weight:normal; background:#eee; }
#aromicbiz .aromic.guide table th.t-title { background:#f5f5f5; }
#aromicbiz .aromic.guide table th span { padding-left:.2em; font-size:.8em; }
#aromicbiz .aromic.guide table[id$='-list'] td { vertical-align:middle; }
#aromicbiz .aromic.guide table#pay-list td:last-of-type { text-align:center; }
#aromicbiz .aromic.guide picture,
#aromicbiz .aromic.guide img { display:block; width:100%; margin-top:.2em; }


@media screen and (max-width:768px) {
#aromicbiz .aromic.guide { font-size:.9em; }
#aromicbiz .aromic.guide table#pay-list th:first-of-type { width:12em; }
#aromicbiz .aromic.guide table#pay-list td img { display:none; }
}

@media screen and (max-width:425px) {
#aromicbiz .aromic.guide { width:calc(100% - 1em); }
#aromicbiz .aromic.guide table th,
#aromicbiz .aromic.guide table td { padding:.4em .2em; }
#aromicbiz .aromic.guide table td { padding:.6em .2em; }
}

@media screen and (max-width:375px) {
#aromicbiz .aromic.guide table th span { display:block; padding:0; }
}



/*==============================
	商品リンク
==============================*/
#aromicbiz .aromic.guide .item-link { width:calc(100% - 2em); max-width:400px; margin:0 auto 2em; }
#aromicbiz .aromic.guide .item-link a { display:flex; justify-content:center; align-items:center; background:#f7f7f7; }
#aromicbiz .aromic.guide .item-link a:nth-of-type(n+2) { margin-top:1em; }
#aromicbiz .aromic.guide .item-link a:hover { background:none; }
#aromicbiz .aromic.guide .item-link a:after { right:1em!important; }
#aromicbiz .aromic.guide .item-link img { width:120px; }
#aromicbiz .aromic.guide .item-link p { width:calc(100% - 120px - 1em);margin-left:1em; }


@media screen and (max-width:400px) {
#aromicbiz .aromic.guide .item-link img { width:100px; }
#aromicbiz .aromic.guide .item-link p { width:calc(100% - 100px - .6em);margin-left:.6em; }
}



/*==============================
	メニュー　Menu
==============================*/
#aromicbiz .aromic.guide .menu { align-items:flex-start; }
#aromicbiz .aromic.guide .menu a:after { display:none; }
#aromicbiz .aromic.guide .menu dl { width:100%; margin-bottom:2em; }
#aromicbiz .aromic.guide .menu:not(.flexbox) dl { width:100%; margin:3em auto; }
#aromicbiz .aromic.guide .menu dl a { display:block; line-height:1.4em; }
#aromicbiz .aromic.guide .menu dt a {
	padding:.6em;
	font-size:1.06em;
	font-weight:700;
	line-height:1.4em;
	letter-spacing:1px;
	color:#fff;
	background:#555;
}
#aromicbiz .aromic.guide .menu dd a {
	display:block;
	padding:.8em .2em;
	border-bottom:1px dotted;
}
#aromicbiz .aromic.guide .menu dd a:hover { background:rgba(0,0,0,.05); }


@media screen and (min-width:601px) {
#aromicbiz .aromic.guide .menu.flexbox dl { width:calc(98%/2); }
#aromicbiz .aromic.guide .menu.flexbox dl:nth-of-type(2n+1) { margin-right:2%; }
}

@media screen and (max-width:600px) {
#aromicbiz .aromic.guide .menu dl { margin:0 auto 2em!important; }
}



/*==============================
	タイトル　h2~
==============================*/
/*h2*/
#aromicbiz .aromic.guide h2 {
	margin:2em auto 1em;
	padding:.6em;
	font-size:1.06em;
	line-height:1.4em;
	color:#fff;
	background:#555;
}

/*h3*/
#aromicbiz .aromic.guide h3 {
	margin:2em auto .8em;
	padding:.6em;
	font-weight:500;
	line-height:1.4em;
	background:#f5f5f5;
	border-bottom:1px dotted;
}
#aromicbiz .aromic.guide h2 + h3 { margin-top:0; }

/*h4*/
#aromicbiz .aromic.guide h4 {
	margin:1em auto .6em;
	padding:.3em .4em;
	font-size:1.06em;
	font-weight:500;
	line-height:1.4em;
	background:#fafafa;
	border-left:.2em solid #555;
}
#aromicbiz .aromic.guide td > h4 { margin-top:.2em; }
#aromicbiz .aromic.guide td > h4:nth-of-type(n+2) { margin-top:1em; }



/*==============================
	リンク　a
==============================*/
#aromicbiz .aromic.guide p a,
#aromicbiz .aromic.guide table a {
	position:relative;
	margin-right:.2em;
	padding-right:.6em;
	color:#043c78;
	border-bottom:1px solid;
}

#aromicbiz .aromic.guide a:after {
	position:relative;
	content:'';
	display:inline-block;
}
#aromicbiz .aromic.guide a:not([target='_blank']):not([onclick^='Link_']):after {
	right:-.3em;
	width:.4em;
	height:.4em;
	border-top:1px solid;
	border-right:1px solid;
	transform:translate(-25%,-50%) rotate(45deg);
}
#aromicbiz .aromic.guide a[target='_blank']:after,
#aromicbiz .aromic.guide a[onclick^='Link_']:after {
	top:-.08em;
	right:-.3em;
	width:.7em;
	height:.7em;
	background:url(/svg/i-link-ext_navy.svg) 100% / contain no-repeat;
}
#aromicbiz .aromic.guide a.link-t:after { bottom:.1em; border-right:none; transform:rotate(-45deg)!important; }
#aromicbiz .aromic.guide a.link-b:after { bottom:.25em; border-top:none; transform:rotate(135deg)!important; }



/*==============================
	リスト
==============================*/
#aromicbiz .aromic.guide ol { margin-left:1em; }
#aromicbiz .aromic.guide ul li:before { content:'\30FB'; }



/*==============================
	エアー
==============================*/
#aromicbiz .aromic.guide.air h2,
#aromicbiz .aromic.guide.air dt a { background:rgba(38,175,191,1); }
#aromicbiz .aromic.guide.air dd a:hover { background:rgba(38,175,191,.1); }



/*==============================
	アマゾンペイ
==============================*/
#aromicbiz .aromic.guide.amazon h2,
#aromicbiz .aromic.guide.amazon dt a { background:rgba(248,152,29,1); }
#aromicbiz .aromic.guide.amazon p.detail,
#aromicbiz .aromic.guide.amazon dd a:hover { background:rgba(248,152,29,.1); }



/*==============================
	ポイント利用ガイド
==============================*/
#aromicbiz .aromic.guide.point img { display:block; width:100%; max-width:350px; margin:1em 0; }
#aromicbiz .aromic.guide.point li { line-height:1.6em; }



/*==============================
	定期購入ガイド
==============================*/
#aromicbiz .aromic.guide.teiki img { display:block; width:100%; max-width:350px; margin:1em 0; }
#aromicbiz .aromic.guide.teiki li { line-height:1.6em; }

/*==============================
	プライバシーポリシー
==============================*/
#aromicbiz .aromic.guide.privacy dl{

}
#aromicbiz .aromic.guide.privacy dt{
	margin-bottom: .2em;
    font-weight: 600;
	line-height: 1.4em;
}
#aromicbiz .aromic.guide.privacy dd{
	margin-bottom: .8em;
	line-height: 1.4em;
}