@charset "UTF-8";
/* レスポンシブ */
@media (max-width: 750px) {
	.max_container {
		padding-bottom: 13.7333333333vw;
		box-shadow: none;
	}
	.content_inner {
		width: 92vw;
	}
	/* イントロダクション */
	.introduction {
		padding: 1.3333333333vw 0 17.3333333333vw 0;
	}
	.introduction_title {
		font-size: 5.3333333333vw;
		padding-bottom: 10.6666666667vw;
	}
	.introduction_title img {
		width: 82.2666666667vw;
	}
	.padding_top {
		padding-top: 13.3333333333vw;
	}
	.introduction_text_01 {
		width: 90.6666666667vw;
	}
	.introduction_text_02 {
		width: 81.3333333333vw;
	}
	/* キラキラ */
	.animation {
		width: 2.5333333333vw;
	}
	.deco_sparkle {
		margin-top: -4vw;
		padding-bottom: 6.6666666667vw;
	}
	.sparkle_center {
		margin: 0 2.6666666667vw;
	}
	/* おすすめポイント */
	.point_heading img {
		width: 91.4666666667vw;
		padding-bottom: 4.2666666667vw;
	}
	.point_button {
		padding-bottom: 12vw;
	}
	.point_button_item {
		border-radius: 2.6666666667vw;
		margin-bottom: 6.6666666667vw;
		box-shadow: 0 1.6vw #87303c;
	}
	.point_button_item:active {
		top: 1.6vw;
	}
	/* point */
	.point_title_01 {
		margin-top: -12.2666666667vw;
	}
	.point_discount {
		padding: 8vw 0 6.6666666667vw;
	}
	.point_title_02 {
		margin-top: -20vw;
		padding-bottom: 6.6666666667vw;
	}
	/* 特典 */
	.tokuten_01_button {
		right: -10.6666666667vw;
		width: 26.6666666667vw;
		top: -18.6666666667vw;
		left: 12vw;
	}
	.deco_present::before {
		width: 46.6666666667vw;
		height: 50.6666666667vw;
		top: -90.6666666667vw;
	}
	.tokuten_img {
		margin-bottom: 6.6666666667vw;
	}
	.card_announce {
		font-size: 2.9333333333vw;
		padding-bottom: 5.3333333333vw;
		margin-top: -29.3333333333vw;
	}
	.specialcoupon {
		margin: 2.6666666667vw 0 0 1.3333333333vw;
	}
	.card_text_announce {
		font-size: 2.9333333333vw;
		width: 53.3333333333vw;
	}
	.specialcoupon {
		margin: 2.6666666667vw 0 0 1.3333333333vw;
	}
	.line_button {
		border-radius: 2.4vw;
		box-shadow: 0 1.6vw 0 #0e9a48;
		width: 77.3333333333vw;
		top: -58.6666666667vw;
	}
	.line_button a:active {
		transform: translateY(1.6vw);
	}
	/* point2 */
	.secrets_img img {
		width: 93.3333333333vw;
	}
	.secrets_text {
		font-size: 4.2666666667vw;
		padding: 4vw 0 8vw;
	}
	.secrets_text p {
		font-size: 3.2vw;
	}
	.special_contents {
		margin-top: -14.6666666667vw;
	}
	.special_contents_deco {
		padding-right: 4vw;
	}
	.special_contents_deco img {
		width: 39.6vw;
	}
	.special_contents_text {
		font-size: 4.2666666667vw;
		padding: 4vw 0;
	}
	.arrow_special_contets {
		width: 2.8vw;
		margin: 0.8vw 0 0 0.8vw;
	}
	.special_contents_banner {
		padding-bottom: 13.3333333333vw;
	}
	.sc_banner {
		width: 92vw;
	}
	/* point3 */
	.bg_point3 {
		width: 100vw;
	}
	.point3_catchcopy {
		padding: 8vw 0 4vw;
	}
	.point_box {
		width: 92vw;
		height: 85.3333333333vw;
		margin: 0 auto;
		border: 2px solid #fff;
		border-radius: 2.6666666667vw;
		box-shadow: 0 0 10px 0 rgb(255, 255, 255);
		margin-bottom: 6.6666666667vw;
	}
	.point_box img {
		width: 85.3333333333vw;
	}
	.point_box_01::after {
		width: 27.8666666667vw;
		height: 36.1333333333vw;
		bottom: 9.3333333333vw;
	}
	.point_box_02::after {
		width: 39.7333333333vw;
		height: 53.2vw;
		right: -4vw;
	}
	.point_box_03::after {
		width: 45.0666666667vw;
		height: 48.1333333333vw;
		bottom: 4.6666666667vw;
		right: -1.3333333333vw;
	}
	/* よくあるご質問 */
	.faq_title {
		font-size: 4.8vw;
	}
	.faq_img {
		padding-top: 4vw;
	}
	/* アコーディオンリスト全体を囲うタグ */
	.accordion_wrapper {
		margin-top: 6.6666666667vw;
	}
	/* 個々のアコーディオンリストを囲うタグ */
	.accordion {
		margin: 0 auto;
		padding: 4vw 0;
		border-top: 0.1333333333vw solid #7d1b27;
		width: 100vw;
		right: 4vw;
	}
	.accordion:last-child {
		border-bottom: 0.1333333333vw solid #7d1b27;
	}
	/* アコーディオンのタイトル・内容共通 */
	.accordion_header,.accordion_content {
		padding: 0 4vw 0 12vw;
	}
	/* アコーディオンのタイトル */
	.accordion_header {
		font-size: 4vw;
		width: 100vw;
	}
	/* アコーディオンの内容 */
	.accordion_content {
		font-size: 3.7333333333vw;
	}
	.accordion_content_text {
		width: 80vw;
		padding-top: 4vw;
		padding-bottom: 2.6666666667vw;
	}
	.accordion_content_text a {
		padding-bottom: 0.1333333333vw;
		border-bottom: 0.1333333333vw solid #7d1b27;
	}
	/* タイトル横のプラスマーク縦線 */
	.accordion_header::before {
		right: 5.3333333333vw;
		width: 4vw;
		height: 0.1333333333vw;
	}
	/* タイトル横のプラスマーク横線 */
	.accordion_header::after {
		right: 5.3333333333vw;
		width: 4vw;
		height: 0.1333333333vw;
	}
	.accordion_header_icon {
		font-size: 7.4666666667vw;
		left: -5.3333333333vw;
	}
	/* トップへ戻る */
	.button_return {
		border-radius: 2.6666666667vw;
		width: 50.2666666667vw;
		height: 13.3333333333vw;
		font-size: 4.2666666667vw;
		margin: 12vw auto 0;
		box-shadow: 0 1.6vw #7d1b27;
		border: 0.2666666667vw solid #7d1b27;
	}
	.button_return:active {
		top: 1.6vw;
	}
	.button_return a {
		width: 50.2666666667vw;
		height: 13.3333333333vw;
	}
	/* ① .point_content_03 を “フルブリード” に拡張して背景は画面中央基準 */
	.point_content_03 {
		background-position: center 22.6666666667vw;
		background-size: 100vw auto;
		padding-bottom: 17.3333333333vw;
	}
	.deco_lip::before {
		width: 23.0666666667vw;
		height: 26.9333333333vw;
		top: -13.3333333333vw;
		right: -100vw;
	}
	.deco_mascara::before {
		width: 20vw;
		height: 31.0666666667vw;
		top: -32vw;
	}
	.deco_pearl::before {
		width: 100vw;
		height: 33.0666666667vw;
		top: -33.3333333333vw;
	}
	.deco_bottom::before {
		width: 100vw;
		height: 19.0666666667vw;
		top: -5.3333333333vw;
	}
	/* fade-up */
	.js-fade-in {
		transform: translateY(6.6666666667vw);
	}
}
/* 440px以下については調整する数が少ないのでscssではなく変換サイトで検索 */
@media (max-width: 440px) {
	.introduction {
		font-size: 4.090909090909091vw;
	}
	.secrets_text p {
		font-size: 3.4090909090909087vw;
	}
	.card_announce {
		font-size: 3.6363636363636362vw;
	}
	.card_text_announce {
		font-size: 3.6363636363636362vw;
		width: 66.13636363636364vw;
	}
}