@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_mv { margin: 0 0 30px;}
#mytol_3000coupon #sec_set01 {}
#mytol_3000coupon #sec_notice { padding: 10px 2.5%; margin: 0 0 30px;}
#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;
  font-weight: 400;
  text-align: center;
  color: #e60012;
	display: flex;
	justify-content: center;
	align-items: center;
}
#mytol_3000coupon #sec_notice1 { padding: 10px 2.5%; margin: 0 0 30px;}
#mytol_3000coupon #sec_notice1 .inner { padding: 40px 4%; border-radius: 3px; background: #f2ecdb;}
#mytol_3000coupon #sec_notice1 h2 {
  padding: 0;
  margin: 0 0 20px;
  border: none;
  font-size: 23px;
  font-weight: 400;
  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 p {
  padding: 0;
  margin: 0 0 20px;
  border: none;
  font-size: 23px;
  font-weight: 400;
  text-align: center;
  color: #e60012;
	display: flex;
	justify-content: center;
	align-items: center;
}
#mytol_3000coupon #sec_notice1 p {
  padding: 0;
  margin: 0 0 20px;
  border: none;
  font-size: 23px;
  font-weight: 400;
  text-align: center;
  color: #e60012;
	display: flex;
	justify-content: center;
	align-items: center;
}
#mytol_3000coupon #sec_notice li { font-size: 18px; font-weight: 400;}
#mytol_3000coupon #sec_notice li.kome { padding-left: 1em; text-indent: -1em;}
#mytol_3000coupon #sec_notice li ul.desc-list { margin: 0 0 10px;}
#mytol_3000coupon #sec_notice li ul.desc-list li { padding-left: 1em; text-indent: -1em; list-style: disc inside;}
#mytol_3000coupon #sec_notice li a { text-decoration: underline;}
#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;}
#lp_2510mytolcream #sec_set02 { margin: 0 0 60px;}
#lp_2510mytolcream #sec_set02 .frame:not(.single) {}
#mytol_nightcream .seibun {width: 100%;}
#mytol_nightcream .seibun .table-box{padding-block: 20px;}
#mytol_3000coupon #sec_notice1 li { font-size: 18px; font-weight: 400;}
#mytol_3000coupon #sec_notice1 li.kome { padding-left: 1em; text-indent: -1em;}
#mytol_3000coupon #sec_notice1 li ul.desc-list { margin: 0 0 10px;}
#mytol_3000coupon #sec_notice1 li ul.desc-list li { padding-left: 1em; text-indent: -1em; list-style: disc inside;}
#mytol_3000coupon #sec_notice1 li a { text-decoration: underline;}
@media screen and (max-width: 750px) {
	#mytol_3000coupon #sec_notice .inner { padding: 10px 4%;}
	#mytol_3000coupon #sec_notice h2 { font-size: 18px;}
	#mytol_3000coupon #sec_notice p { font-size: 18px;}
	#mytol_3000coupon #sec_notice h2::before { width: 18px; height: 18px;}
	#mytol_3000coupon #sec_notice li { font-size: 12px;}
	#mytol_3000coupon #sec_notice1 .inner { padding: 10px 4%;}
	#mytol_3000coupon #sec_notice1 h2 { font-size: 18px;}
	#mytol_3000coupon #sec_notice1 p { font-size: 18px;}
	#mytol_3000coupon #sec_notice1 h2::before { width: 18px; height: 18px;}
	#mytol_3000coupon #sec_notice1 li { font-size: 12px;}
	#mytol_nightcream { max-width: calc(100% - 30px); height: 94vh; padding: 3vh 0; margin: 0 15px;}
	#mytol_nightcream .popup-contentswrap-frame { height: 94vh;}
	#mytol_nightcream .popup-contentswrap-frame .popup-close { width: 40px; height: 40px; border-radius: 40px; top: -15px; right: -15px;}
	#mytol_nightcream .popup-contentswrap-frame .popup-close span::before,
	#mytol_nightcream .popup-contentswrap-frame .popup-close span::after { width: 20px; left: calc(50% - 10px);}
	.mfp-container { padding-left: 0; padding-right: 0;}
	#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;}
	#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;}
}