@charset "utf-8";

/*-----------------------------------------
 マイトル定期継続特典3000円クーポン受けページ
-----------------------------------------*/
#mytol_3000coupon { max-width: 750px; margin: 0 auto;}
#mytol_3000coupon img { vertical-align: top;}
#mytol_3000coupon figure  { text-align: center;}
#mytol_3000coupon .frame  { position: relative;}
#mytol_3000coupon .button { width: 100%; text-align: center; position: absolute; bottom: 21%;}
#mytol_3000coupon .button img { width: 86%; max-width: 628px;}
#mytol_3000coupon .button a { transition: 0.3s;}
#mytol_3000coupon .button a:hover { opacity: 0.7;}
#mytol_3000coupon .link   { width: 100%; text-align: center; position: absolute; bottom: 5%;}
#mytol_3000coupon .link img { width: 32%; max-width: 228px;}
#mytol_3000coupon .link a { transition: 0.3s;}
#mytol_3000coupon .link a:hover { opacity: 0.7;}

#mytol_3000coupon .sec_notice { padding: 0 2.5%;}
#mytol_3000coupon .sec_notice .inner { padding: 40px 4%; border-radius: 3px; background: #f2ecdb;}
#mytol_3000coupon .sec_notice h2 { padding: 0; margin: 0 0 20px; border: none; font-size: 23px; letter-spacing: 0.1em; font-weight: 600; text-align: center; color: #e60012; display: flex; justify-content: center; align-items: center;}
#mytol_3000coupon .sec_notice h2::before { content: ''; width: 34px; height: 34px; margin: 0 10px 0 0; display: inline-block; background-image: url(/img/usr/freepage/2025/2508oilB/icon_notice.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover;}
#mytol_3000coupon .sec_notice li { padding-left: 1em; text-indent: -1em; font-size: 18px; font-weight: 400; line-height: 1.75;}
#mytol_3000coupon .sec_notice li a { text-decoration: underline;}
#mytol_3000coupon .sec_notice li ul.desc-list { margin: 0 0 10px;}
#mytol_3000coupon .sec_capacity { margin: 0 0 50px;}
#mytol_3000coupon .sec_present { margin: 0 0 30px; position: relative;}
#mytol_3000coupon .sec_present .youtube-btn { max-width: 30%; position: absolute; bottom: 30%; right: 7%;}
#mytol_3000coupon .sec_present .youtube-btn img { vertical-align: top;}
#mytol_nightcream .seibun {width: 100%;}
#mytol_nightcream .seibun .table-box{padding-block: 20px;}
@media screen and (max-width: 750px) {
	#mytol_3000coupon .sec_notice .inner { padding: 20px 4%;}
	#mytol_3000coupon .sec_notice h2 { font-size: 18px;}
	#mytol_3000coupon .sec_notice h2::before { width: 18px; height: 18px;}
	#mytol_3000coupon .sec_notice li { font-size: 12px;}
	#mytol_smoothing_eyeserum .popup-contentswrap-frame,#mytol_lifting_lotion .popup-contentswrap-frame,#mytol_nightcream .popup-contentswrap-frame{padding-inline: 0;}
	#mytol_nightcream .seibun {width: auto; margin-inline: 0; border: none;}
	#mytol_nightcream .seibun dl {display: block; margin-bottom: 0; padding: 2.667vw 3.467vw 2.667vw 3.467vw;}
	#mytol_nightcream .seibun dl dt,#mytol_nightcream .seibun dl dd{font-size: 2.133vw; line-height: 1.7222;}
	#mytol_nightcream .mytol-goods-page .seibun h2 {font-size: 2.613vw; font-weight: 400; height: 5.467vw; background-color: #f1f3f5; display: flex; align-items: center; justify-content: center; padding: 0;}
	#mytol_nightcream .seibun .table-box {padding: 0;}
}