@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@700&display=swap');

/*--------------------------------------------------
共通
--------------------------------------------------*/
html {
	scroll-behavior: smooth;
}
DIV#contents .campaign {
	font-family: 'YuGothic', '游ゴシック体','Arial', 'Helvetica', sans-serif;
	color: #333333;
	font-size: 0;
}
DIV#contents .campaign a,
DIV#contents .campaign p,
DIV#contents .campaign h1,
DIV#contents .campaign h2,
DIV#contents .campaign h3,
DIV#contents .campaign h4,
DIV#contents .campaign h5,
DIV#contents .campaign h6,
DIV#contents .campaign ul,
DIV#contents .campaign li,
DIV#contents .campaign figure {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	color: #333333;
}
DIV#contents .campaign a {
	color: #ef6969;
	text-decoration: none;
}
DIV#contents .campaign a:hover {
	text-decoration: underline;
}
DIV#contents .campaign .htxt,
DIV#contents .campaign .txt {
	line-height: 1.7em;
}
DIV#contents .campaign .txt {
	color: #555;
}
DIV#contents .campaign .cap {
	font-size: 10px;
	line-height: 1.5em;
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}
DIV#contents .campaign .date {
	font-size: 14px;
	color: #555;
	line-height: 1em;
	text-align: right;
	margin-right: -40px;
}
DIV#contents .campaign .date + h6.htxt {
	text-align: center;
	font-weight: normal;
	font-size: 30px;
	line-height: 1.7em;
	color: #555;
	margin: 30px -60px;
}
DIV#contents .campaign .marker1 {
	background: linear-gradient(transparent 40%, #dff2f5 40%);
	padding-bottom: 1px;
}
DIV#contents .campaign .marker2 {
	background: linear-gradient(transparent 40%, #fff0f2 40%);
	padding-bottom: 1px;
}
DIV#contents .campaign .marker3 {
	font-weight: bold;
	background: linear-gradient(transparent 0%, #ff0 0%);
	padding-bottom: 1px;
}
DIV#contents .campaign .indent {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}
DIV#contents .campaign .check {
	font-size: 32px !important;
	font-weight: bold;
	color: #ef6678;
	margin-top: 33px;
}

/* ボタン */

DIV#contents .campaign .btn {
	display: table;
	margin: 30px auto 3px;
}
DIV#contents .campaign .btn a {
	position: relative;
	top: 0;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 400px;
	height: 60px;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	transition: .3s;
}
DIV#contents .campaign .btn a:hover {
	top: 3px;
}
DIV#contents .campaign .ring .btn a,
DIV#contents .campaign .s1 .btn a {
	background-color: #74c6c6;
	box-shadow: #518a8a 0 3px 0;
}
DIV#contents .campaign .ring .btn a:hover,
DIV#contents .campaign .s1 .btn a:hover {
	box-shadow: #518a8a 0 0 0;
}
DIV#contents .campaign .wed .btn a,
DIV#contents .campaign .s2 .btn a {
	background-color: #ef9869;
	box-shadow: #b87552 0 3px 0;
}
DIV#contents .campaign .wed .btn a:hover,
DIV#contents .campaign .s2 .btn a:hover {
	box-shadow: #b87552 0 0 0;
}
DIV#contents .campaign .s1 span.arrow,
DIV#contents .campaign .s2 span.arrow {
	display: block;
	width: 44px;
	height: 22px;
	margin: 40px auto 0;
}
DIV#contents .campaign .s2 .inner .step2 .btn + .btn {
	margin-top: 20px;
}

/* 赤いボタン */
DIV#contents .campaign .step2 .btn a {
	background-color: #ef6969;
	box-shadow: #ad4b4b 0 3px 0;
}
DIV#contents .campaign .step2 .btn a:hover {
	box-shadow: #ad4b4b 0 0 0;
}

/* LINEボタン */
DIV#contents .campaign .btn.btn_line {
	display: table;
}
DIV#contents .campaign .btn.btn_line a {
	position: relative;
	top: 0;
	font-size: 22.5px;
	border-radius: 5px;
	transition: .3s;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	width: 480px;
	height: 81px;
	background-color: #00c300;
	box-sizing: border-box;
	box-shadow: #01a001 0 3px 0;
	padding-left: 83px;
	margin: 60px auto 3px;
}
DIV#contents .campaign .btn.btn_line a::after {
	position: absolute;
	top: 0;
	left: 81px;
	content: "";
	display: block;
	width: 2px;
	height: 81px;
	background-color: #00b300;
}
DIV#contents .campaign .btn.btn_line a span {
	position: absolute;
	top: 13.5px;
	left: 11px;
	display: block;
	width: 59px;
	height: 56px;
	background: 0 0 / 59px 56px no-repeat url(/contents/special_contents/2022cp_mar/img/icon_LINE.svg);
}
DIV#contents .campaign .btn.btn_line a:hover {
	top: 3px;
	box-shadow: #01a001 0 0 0;
}

/* 矢印テキスト */

DIV#contents .campaign .s1 span.arrow {
	background: 0 0 / 44px 22px no-repeat url(/contents/special_contents/2022cp_mar/img/arrow_ring.svg);
}
DIV#contents .campaign .s2 span.arrow {
	background: 0 0 / 44px 22px no-repeat url(/contents/special_contents/2022cp_mar/img/arrow_wed.svg);
}
DIV#contents .campaign .s1 span.arrow.line {
	display: block;
	width: 30px;
	height: 15px;
	margin: 20px auto 0;
	background: 0 0 / 30px 15px no-repeat url(/contents/special_contents/2022cp_mar/img/arrow_line.svg);
}
DIV#contents .campaign .blue {
	color: #53bfbf;
}
DIV#contents .campaign .orange {
	color: #f48d55;
}




/*--------------------------------------------------
.main
--------------------------------------------------*/

/* メインビジュアル周辺 */
DIV#contents .campaign h1 {
	width: 960px;
	box-sizing: border-box;
	background: #e77d8b;
	text-align: center;
	line-height: 1;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	padding: 8px 0;
}
DIV#contents .campaign .main {}
DIV#contents .campaign .main .mv .inner {
	position: relative;
	
}
DIV#contents .campaign .main .mv .inner h2.price {
	position: relative;
	text-align: center;
	width: 960px;
	height: 540px;
}
DIV#contents .campaign .main .mv .inner h2.price span {
	display: inline-block;
	text-align: center;
	position: absolute;
	width: 340px;
	font-family: 'Antonio', sans-serif;
	font-weight: bold;
	line-height: 1em;
	text-shadow:
		 2px  2px 1px #fff,
		-2px  2px 1px #fff,
		 2px -2px 1px #fff,
		-2px -2px 1px #fff,
		 2px  0px 1px #fff,
		 0px  2px 1px #fff,
		-2px  0px 1px #fff,
		 0px -2px 1px #fff;
}
DIV#contents .campaign .main .mv .inner h2.price span.ring-2,
DIV#contents .campaign .main .mv .inner h2.price span.wed-2 {
	text-shadow:
		 3px  3px 1px #fff,
		-3px  3px 1px #fff,
		 3px -3px 1px #fff,
		-3px -3px 1px #fff,
		 3px  0px 1px #fff,
		 0px  3px 1px #fff,
		-3px  0px 1px #fff,
		 0px -3px 1px #fff;
}
DIV#contents .campaign .main .mv .inner h2.price span.ring-1 {
	top: 230px;
	left: 0;
	color: #73c6c6;
	font-size: 60px;
}
DIV#contents .campaign .main .mv .inner h2.price span.ring-2 {
	top: 341px;
	left: 0;
	color: #54bfbf;
	font-size: 90px;
	box-sizing: border-box;
	padding-right: 5px;
}
DIV#contents .campaign .main .mv .inner h2.price span.wed-1 {
	top: 230px;
	right: 0;
	color: #ef9869;
	font-size: 60px;
}
DIV#contents .campaign .main .mv .inner h2.price span.wed-2 {
	top: 341px;
	right: 0;
	color: #f48d55;
	font-size: 90px;
}
DIV#contents .campaign .main .mv .inner h2.price figure {
	position: absolute;
	top: 0;
	right: 0;
	width: 960px;
	height: 540px;
	margin: 0;
}
DIV#contents .campaign .main .mv .inner h2.price figure img {
	width: 100%;
	height: 100%;
}

/* コンバージョンパーツ周辺 */

DIV#contents .campaign .main .cv_parts {
	display: flex;
	padding: 0 60px 0;
}
DIV#contents .campaign .main .cv_parts .ring,
DIV#contents .campaign .main .cv_parts .wed {
	margin: 0 10px;
}
DIV#contents .campaign .main .cv_parts .ring .btn a,
DIV#contents .campaign .main .cv_parts .wed .btn a {
	position: relative;
	width: 400px;
	font-size: 20px;
}
DIV#contents .campaign .main .cv_parts .ring .btn a::before,
DIV#contents .campaign .main .cv_parts .wed .btn a::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 78px;
	height: 60px;
}
DIV#contents .campaign .main .cv_parts .ring .btn a::before {
	background: center / 34px 37px  no-repeat url(/contents/special_contents/2022cp_mar/img/icon_ring_white.svg)
}
DIV#contents .campaign .main .cv_parts .wed .btn a::before {
	background: center / 34px 36px no-repeat url(/contents/special_contents/2022cp_mar/img/icon_wed_white.svg)
}
DIV#contents .campaign .main .cv_parts .htxt {
	font-size: 20px;
	font-weight: bold;
}
DIV#contents .campaign .main .cv_parts .htxt span {
	font-size: 30px;
}
DIV#contents .campaign .main .cv_parts .htxt span.cap {
	font-size: 10px;
	font-weight: normal;
}
DIV#contents .campaign .main .cv_parts .txt {
	font-size: 16px;
	color: #555;
	margin: 3px 0 4px;
}
DIV#contents .campaign .main .cv_parts .ring .htxt {
	color: #53bfbf;
}
DIV#contents .campaign .main .cv_parts .wed .htxt {
	color: #f48d55;
}
DIV#contents .campaign .main .cv_parts .cap {
	text-align: center;
	margin: 10px 10px 0 0
}

/* キャンペーン期間 */
DIV#contents .campaign .main .bg_wrap {
	margin-top: 30px;
	padding-top: 25px;
}
DIV#contents .campaign .main .bg_wrap .inner {
	display: inline-block;
	background: 0 0 / 8px 8px repeat url(/contents/special_contents/2022cp_mar/img/bg_main.jpg);
}
DIV#contents .campaign .main .date {
	display: table;
	width: 900px;
	height: 50px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ccc;
	margin: -25px 30px 0;
}
DIV#contents .campaign .main .date .txt {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	color: #555;
}
DIV#contents .campaign .main .date .txt .txt_s {
	font-size: 15px;
}
DIV#contents .campaign .main .date .txt .txt_l {
	font-size: 24px;
	font-weight: bold;
}
DIV#contents .campaign .main .date .txt .red {
	color: #ef6969;
}
DIV#contents .campaign .main .date + .cap {
	text-align: center;
	margin-top: 10px;
}

/* 注意 */

DIV#contents .campaign .main .coution {
	width: 720px;
	height: auto;
	box-sizing: border-box;
	background: #fff;
	border: 2px solid #ef6969;
	padding: 20px 50px;
	margin: 40px auto 60px;
}
DIV#contents .campaign .main .coution .htxt,
DIV#contents .campaign .main .coution .txt {
	color: #ef6969;
	padding-left: 1em;
	text-indent: -1em
}
DIV#contents .campaign .main .coution .htxt {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
DIV#contents .campaign .main .coution .txt {
}
DIV#contents .campaign .main .coution .txt span {
	font-weight: bold;
	text-decoration: underline;
}

/* アコーディオン */
DIV#contents .campaign .main .coution h5.accordion_htxt {
	position: relative;
	text-align: center;
}
DIV#contents .campaign .main .coution h5.accordion_htxt::before {
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #ef6969;
	transition: all .5s ease;
}
DIV#contents .campaign .main .coution .close h5.accordion_htxt::before {
	content: "こちらから注意事項をご確認ください";
}
DIV#contents .campaign .main .coution .open h5.accordion_htxt::before {
	content: "＜ご注意＞";
}
DIV#contents .campaign .main .coution h5.accordion_htxt::after {
	border-right: 2px solid #ef6969;
    border-bottom: 2px solid #ef6969;
	right: -20px;
}
DIV#contents .campaign .main .coution.accordion .accordion_box .accordion_box_inner {
	padding: 0;
}
DIV#contents .campaign .main .coution .accordion_box_inner .txt {
	font-size: 16px;
	line-height: 1.7em;
	margin-top: 16px;
}


/*--------------------------------------------------
	.s1 指輪キャンペーンについて & .s2 式場キャンペーンについて
--------------------------------------------------*/
DIV#contents .campaign .s1,
DIV#contents .campaign .s2 {
	padding: 50px 70px 100px;
}
DIV#contents .campaign .s1 {
	background: 0 0 / 8px 8px repeat url(/contents/special_contents/2022cp_mar/img/bg_ring.jpg);
}
DIV#contents .campaign .s2 {
	background: 0 0 / 8px 8px repeat url(/contents/special_contents/2022cp_mar/img/bg_wed.jpg);
}
DIV#contents .campaign .s1 .ttl,
DIV#contents .campaign .s2 .ttl {
	text-align: center;
	padding-top: 100px;
}
DIV#contents .campaign .s1 .ttl {
	background: 50% 0 / 74px 80px no-repeat url(/contents/special_contents/2022cp_mar/img/icon_ring_blue.svg);
}
DIV#contents .campaign .s2 .ttl {
	background: 50% 0 / 76px 80px no-repeat url(/contents/special_contents/2022cp_mar/img/icon_wed_orange.svg);
}
DIV#contents .campaign .s1 .ttl .htxt,
DIV#contents .campaign .s2 .ttl .htxt {
	font-size: 36px;
	font-weight: bold;
	line-height: 1em;
}
DIV#contents .campaign .graph_wrap {
	position: relative;
	margin: 40px auto 0;
}
DIV#contents .campaign .s1 .graph_wrap.four_step {
	width: 600px;
	height: 381px;
	background: center / 600px 381px no-repeat url(/contents/special_contents/2022cp_mar/img/graph_ring_4step.jpg);
}
DIV#contents .campaign .s1 .graph_wrap.three_step {
	width: 440px;
	height: 280px;
	background: center / 440px 280px no-repeat url(/contents/special_contents/2022cp_mar/img/graph_ring_3step.jpg);
}
DIV#contents .campaign .s2 .graph_wrap.three_step {
	width: 440px;
	height: 280px;
	background: center / 440px 280px no-repeat url(/contents/special_contents/2022cp_mar/img/graph_wed_3step.jpg);
}
DIV#contents .campaign .graph_wrap.four_step .txt_day_one,
DIV#contents .campaign .graph_wrap.four_step .txt_day_two,
DIV#contents .campaign .graph_wrap.three_step .txt_day_one,
DIV#contents .campaign .graph_wrap.three_step .txt_day_two {
	position: absolute;
	font-size: 16px;
	font-weight: bold;
}
DIV#contents .campaign .graph_wrap.four_step .txt_day_one span,
DIV#contents .campaign .graph_wrap.four_step .txt_day_two span,
DIV#contents .campaign .graph_wrap.three_step .txt_day_one span,
DIV#contents .campaign .graph_wrap.three_step .txt_day_two span {
	font-size: 20px;
}
DIV#contents .campaign .graph_wrap.four_step .txt_day_one {
	top: 340px;
	left: 50px;
	width: 80px;
	text-align: center;
}
DIV#contents .campaign .graph_wrap.four_step .txt_day_two {
	top: 340px;
	left: 175px;
	width: 375px;
	text-align: center;	
}
DIV#contents .campaign .graph_wrap.three_step .txt_day_one {
	top: 229px;
	left: 30px;
	width: 80px;
	text-align: center;
}
DIV#contents .campaign .graph_wrap.three_step .txt_day_two {
	top: 229px;
	left: 180px;
	width: 230px;
	text-align: center;	
}
DIV#contents .campaign .line_txt {
	text-align: center;
	color: #00c300;
	font-size: 24px;
	margin-top: 60px;
}
DIV#contents .campaign .arrow.line + .btn_line {
	margin-top: 20px;
}
DIV#contents .campaign .date + h6.htxt + img {
	display: block;
	margin: 0 auto;
}
DIV#contents .campaign .step2 .txt {
	margin-top: 60px;
}
DIV#contents .campaign .check .htxt {
	font-size: 20px;
}
DIV#contents .campaign .s1 .inner .benefits1 .htxt span span span,
DIV#contents .campaign .s2 .inner .benefits1 .htxt span span span,
DIV#contents .campaign .s1 .inner .benefits2 .htxt,
DIV#contents .campaign .s2 .inner .benefits2 .htxt {
	display: inline-block;
	margin-top: 40px;
}
DIV#contents .campaign .s1 .inner .benefits1 .htxt + .htxt,
DIV#contents .campaign .s2 .inner .benefits1 .htxt + .htxt,
DIV#contents .campaign .s1 .inner .benefits2 .htxt + .htxt,
DIV#contents .campaign .s2 .inner .benefits2 .htxt + .htxt {
	margin-top: 28px;
}
DIV#contents .campaign .s1 .inner .benefits1 .cap,
DIV#contents .campaign .s2 .inner .benefits1 .cap,
DIV#contents .campaign .s1 .inner .benefits2 .cap,
DIV#contents .campaign .s2 .inner .benefits2 .cap {
	width: 480px;
	margin-left: auto;
	margin-right: auto;
}
DIV#contents .campaign .s1 .step4 .btn,
DIV#contents .campaign .s1 .inner .benefits2 + .btn {
	margin-top: 60px;
}



/* フォントカラー */

DIV#contents .campaign .s1 .ttl .htxt,
DIV#contents .campaign .s1 .date + h6.htxt span,
DIV#contents .campaign .s1 .inner h4.htxt,
DIV#contents .campaign .s1 .mail .txt span,
DIV#contents .campaign .s1 .check .htxt,
DIV#contents .campaign .s1 .inner .benefits1 .htxt span,
DIV#contents .campaign .s1 .inner .benefits1 .htxt span span,
DIV#contents .campaign .s1 .inner .benefits1 .htxt span span span,
DIV#contents .campaign .s1 .inner .benefits2 .htxt span span,
DIV#contents .campaign .s1 .inner .benefits2 .htxt span span span,
DIV#contents .campaign .s1 .inner .benefits2 .htxt span span span span,
DIV#contents .campaign .s1 .inner .term .htxt span,
DIV#contents .campaign .s1 .want h6.htxt,
DIV#contents .campaign .s1 .want h6.htxt + .txt + .txt span,
DIV#contents .campaign .s1 .want .target_ok .htxt,
DIV#contents .campaign .s1 .want .target_ng .htxt {
	color: #53bfbf;
}
DIV#contents .campaign .s2 .ttl .htxt,
DIV#contents .campaign .s2 .date + h6.htxt span,
DIV#contents .campaign .s2 .inner h4.htxt,
DIV#contents .campaign .s2 .mail .txt span,
DIV#contents .campaign .s2 .check .htxt,
DIV#contents .campaign .s2 .inner .benefits1 .htxt span,
DIV#contents .campaign .s2 .inner .benefits1 .htxt span span,
DIV#contents .campaign .s2 .inner .benefits2 .htxt span span,
DIV#contents .campaign .s2 .inner .benefits2 .htxt span span span,
DIV#contents .campaign .s2 .inner .benefits2 .htxt span span span span span,
DIV#contents .campaign .s2 .inner .term .htxt span,
DIV#contents .campaign .s2 .want h6.htxt,
DIV#contents .campaign .s2 .want h6.htxt + .txt + .txt span,
DIV#contents .campaign .s2 .want .target_ok .htxt,
DIV#contents .campaign .s2 .want .target_ng .htxt {
	color: #f48d55;
}
DIV#contents .campaign .s1 .inner .btn_line + .txt,
DIV#contents .campaign .s2 .inner .btn_line + .txt,
DIV#contents .campaign .s2 .step4 .want + .want .txt span,
DIV#contents .campaign .s1 .inner .benefits1 .txt,
DIV#contents .campaign .s2 .inner .benefits1 .txt,
DIV#contents .campaign .s1 .inner .benefits2 .txt,
DIV#contents .campaign .s2 .inner .benefits2 .txt {
	color: #333 !important;
}
DIV#contents .campaign .s1 .ttl .txt,
DIV#contents .campaign .s2 .ttl .txt,
DIV#contents .campaign .s1 .mail .txt,
DIV#contents .campaign .s1 .check .txt,
DIV#contents .campaign .s2 .mail .txt,
DIV#contents .campaign .s2 .check .txt {
	color: #555;
}

/* フォントサイズ */
DIV#contents .campaign .s1 .inner .benefits1 .htxt span span span,
DIV#contents .campaign .s2 .inner .benefits1 .htxt span span span,
DIV#contents .campaign .s1 .inner .benefits2 .htxt span span span,
DIV#contents .campaign .s2 .inner .benefits2 .htxt span span span,
DIV#contents .campaign .s1 .inner .term .htxt span span span{
	font-size: 32px;
}
DIV#contents .campaign .s1 .inner h4.htxt,
DIV#contents .campaign .s2 .inner h4.htxt,
DIV#contents .campaign .s1 .inner .benefits1 .htxt span span,
DIV#contents .campaign .s2 .inner .benefits1 .htxt span span,
DIV#contents .campaign .s1 .inner .benefits2 .htxt span span span span,
DIV#contents .campaign .s2 .inner .benefits2 .htxt span span span span {
	font-size: 30px;
}
DIV#contents .campaign .s1 .inner .btn_line + .txt,
DIV#contents .campaign .s2 .inner .btn_line + .txt,
DIV#contents .campaign .s1 .inner .cmp_target .htxt,
DIV#contents .campaign .s2 .inner .cmp_target .htxt,
DIV#contents .campaign .s1 .inner .term .htxt,
DIV#contents .campaign .s2 .inner .term .htxt,
DIV#contents .campaign .s1 .inner .benefits1,
DIV#contents .campaign .s2 .inner .benefits1,
DIV#contents .campaign .s1 .inner .benefits1 .htxt span,
DIV#contents .campaign .s2 .inner .benefits1 .htxt span,
DIV#contents .campaign .s1 .inner .benefits2,
DIV#contents .campaign .s2 .inner .benefits2,
DIV#contents .campaign .s1 .inner .benefits2 .htxt span,
DIV#contents .campaign .s2 .inner .benefits2 .htxt span,
DIV#contents .campaign .s1 .inner .benefits2 .htxt span span,
DIV#contents .campaign .s2 .inner .benefits2 .htxt span span {
	font-size: 20px;
}
DIV#contents .campaign .s1 .inner .benefits2 .txt,
DIV#contents .campaign .s2 .inner .benefits2 .txt,
DIV#contents .campaign .s1 .want h6.htxt,
DIV#contents .campaign .s2 .want h6.htxt,
DIV#contents .campaign .s1 .want .target_ng + .txt +.btn a,
DIV#contents .campaign .s2 .want .target_ng + .txt +.btn a {
	font-size: 18px;
}
DIV#contents .campaign .s1 .ttl .txt,
DIV#contents .campaign .s2 .ttl .txt {
	font-size: 16px;
}
DIV#contents .campaign .s1 .inner .step1 .arrow + .txt,
DIV#contents .campaign .s1 .inner .step3 .arrow + .txt,
DIV#contents .campaign .s2 .inner .step1 .arrow + .txt,
DIV#contents .campaign .s2 .inner .step2 .txt,
DIV#contents .campaign .s2 .inner .step3 .arrow + .txt,
DIV#contents .campaign .s1 .mail .txt,
DIV#contents .campaign .s1 .check .txt,
DIV#contents .campaign .s2 .mail .txt,
DIV#contents .campaign .s2 .check .txt,
DIV#contents .campaign .s1 .mail .txt span,
DIV#contents .campaign .s2 .mail .txt span,
DIV#contents .campaign .s1 .inner .cmp_target .txt,
DIV#contents .campaign .s2 .inner .cmp_target .txt,
DIV#contents .campaign .s1 .want .target_ok .htxt,
DIV#contents .campaign .s1 .want .target_ng .htxt,
DIV#contents .campaign .s1 .want .txt,
DIV#contents .campaign .s2 .want .target_ok .htxt,
DIV#contents .campaign .s2 .want .target_ng .htxt,
DIV#contents .campaign .s2 .want .txt,
DIV#contents .campaign .s1 .want .target_ng .img_wrap .txt,
DIV#contents .campaign .s2 .want .target_ng .img_wrap .txt {
	font-size: 16px;
}

/*フォントウエイト*/

DIV#contents .campaign .date + h6.htxt span,
DIV#contents .campaign .s1 .inner h4.htxt,
DIV#contents .campaign .s1 .inner .btn_line + .txt,
DIV#contents .campaign .s2 .inner h4.htxt,
DIV#contents .campaign .s2 .inner .btn_line + .txt,
DIV#contents .campaign .s1 .mail .txt span,
DIV#contents .campaign .s1 .check .htxt,
DIV#contents .campaign .s2 .mail .txt span,
DIV#contents .campaign .s2 .check .htxt,
DIV#contents .campaign .s1 .inner .cmp_target .htxt,
DIV#contents .campaign .s2 .inner .cmp_target .htxt,
DIV#contents .campaign .s1 .inner .term .htxt,
DIV#contents .campaign .s2 .inner .term .htxt,
DIV#contents .campaign .s1 .inner .benefits1 .htxt,
DIV#contents .campaign .s2 .inner .benefits1 .htxt,
DIV#contents .campaign .s1 .inner .benefits1 .txt,
DIV#contents .campaign .s2 .inner .benefits1 .txt,
DIV#contents .campaign .s1 .inner .benefits2 .htxt,
DIV#contents .campaign .s2 .inner .benefits2 .htxt,
DIV#contents .campaign .s1 .inner .benefits2 .txt,
DIV#contents .campaign .s2 .inner .benefits2 .txt,
DIV#contents .campaign .s1 .want h6.htxt,
DIV#contents .campaign .s2 .want h6.htxt,
DIV#contents .campaign .s1 .want h6.htxt + .txt span,
DIV#contents .campaign .s2 .want h6.htxt + .txt span,
DIV#contents .campaign .s1 .want h6.htxt + .txt + .txt span,
DIV#contents .campaign .s1 .want .target_ok .htxt,
DIV#contents .campaign .s1 .want .target_ng .htxt,
DIV#contents .campaign .s2 .want h6.htxt + .txt + .txt span,
DIV#contents .campaign .s2 .want .target_ok .htxt,
DIV#contents .campaign .s2 .want .target_ng .htxt {
	font-weight: bold;
}

DIV#contents .campaign .s1 .date + h6.htxt span {
	background: linear-gradient(transparent 40%, #dff2f5 40%);
}
DIV#contents .campaign .s2 .date + h6.htxt span {
	background: linear-gradient(transparent 40%, #fff0f2 40%);
}
DIV#contents .campaign .date + h6.htxt span {
	padding-bottom: 1px;
}

DIV#contents .campaign .s1 .inner,
DIV#contents .campaign .s2 .inner {
	position: relative;
	background: #fff;
	box-sizing: border-box;
	padding: 50px 50px 80px;
	margin-top: 40px;
}
DIV#contents .campaign .s1 .inner::before,
DIV#contents .campaign .s2 .inner::before {
	content: "";
	position: absolute;
	top: 0;
	left: calc(50% - 30px);
	width: 60px;
	height: 4px;
}
DIV#contents .campaign .s1 .inner::before {
	background: #74c6c6;
}
DIV#contents .campaign .s2 .inner::before {
	background: #ef9869;
}
DIV#contents .campaign .s1 .inner h4.htxt,
DIV#contents .campaign .s1 .inner .btn_line + .txt,
DIV#contents .campaign .s2 .inner h4.htxt,
DIV#contents .campaign .s2 .inner .btn_line + .txt {
	text-align: center;
	line-height: 1em;
}
DIV#contents .campaign .s1 .inner h4.htxt + .btn_line,
DIV#contents .campaign .s1 .inner .btn_line + .txt,
DIV#contents .campaign .s1 .inner .step1 .htxt + a.btn_line,
DIV#contents .campaign .s2 .inner h4.htxt + .btn_line,
DIV#contents .campaign .s2 .inner .btn_line + .txt,
DIV#contents .campaign .s2 .inner .step1 .htxt + a.btn_line {
	margin-top: 50px;
}
DIV#contents .campaign .s1 .inner .step1,
DIV#contents .campaign .s2 .inner .step1 {
	margin-top: 60px;
}
DIV#contents .campaign .s1 .inner .cmp_target .htxt,
DIV#contents .campaign .s2 .inner .step4 {
	margin-top: 30px;
}
DIV#contents .campaign .s1 .inner .step4 {
	margin-top: 60px;
}
DIV#contents .campaign .s1 .inner .step1 a.btn_line + img,
DIV#contents .campaign .s2 .inner .step1 a.btn_line + img {
	display: block;
	width: 480px;
	height: 386px;
	margin: 60px auto 0;
}
DIV#contents .campaign .s1 .inner .step1 .arrow + .txt,
DIV#contents .campaign .s1 .inner .step3 .arrow + .txt,
DIV#contents .campaign .s2 .inner .step1 .arrow + .txt,
DIV#contents .campaign .s2 .inner .step3 .arrow + .txt {
	margin-top: 33px;
}
DIV#contents .campaign .s1 .mail,
DIV#contents .campaign .s1 .check,
DIV#contents .campaign .s2 .mail,
DIV#contents .campaign .s2 .check {
	position: relative;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 13px 40px;
}
DIV#contents .campaign .s1 .mail {
	background: #eff9fa;
}
DIV#contents .campaign .s2 .mail {
	background: #fef3ee;
}
DIV#contents .campaign .s1 .check,
DIV#contents .campaign .s2 .check {
	text-align: center;
	background: #f7f7f7;
}
DIV#contents .campaign .s1 .inner .step1 .txt +  .mail,
DIV#contents .campaign .s2 .inner .step1 .txt +  .mail {
	margin-top: 13px;
}
DIV#contents .campaign .s1 .inner .step1 .cap + .check,
DIV#contents .campaign .s2 .inner .step1 .cap + .check {
	margin-top: 40px;
}
DIV#contents .campaign .s1 .mail::after,
DIV#contents .campaign .s2 .mail::after {
	content: "";
	position: absolute;
	width: 60px;
	height: 49px;
	bottom: -10px;
	right: -10px;
	background: 0 0 / 60px 49px no-repeat url(/contents/special_contents/2022cp_mar/img/img_letter.png);
}
DIV#contents .campaign .s1 .mail + .cap,
DIV#contents .campaign .s2 .mail + .cap {
	margin-top: 7.5px;
}
DIV#contents .campaign .s1 .inner .step2 .check,
DIV#contents .campaign .s2 .inner .step2 .check {
	position: relative;
	margin-top: 60px;
}
DIV#contents .campaign .s1 .inner .step2 .check::after {
	content: "";
	position: absolute;
	width: 100px;
	height: 44px;
	top: 60px;
	right: 40px;
	background: 0 0 / 100px 44px no-repeat url(/contents/special_contents/2022cp_mar/img/ico_campaign_ring.jpg);
}
DIV#contents .campaign .s1 .inner .check .txt {
	text-align: left;
	margin-top: 7px;
}
DIV#contents .campaign .s1 .inner .step2 .check .txt {
	width: 420px;
}
DIV#contents .campaign .s1 .inner .cmp_target,
DIV#contents .campaign .s2 .inner .cmp_target {
	text-align: center;
}
DIV#contents .campaign .s1 .inner .cmp_target img,
DIV#contents .campaign .s1 .inner .cmp_target .target_ok,
DIV#contents .campaign .s2 .inner .cmp_target .target_on {
	width: 260px;
	margin: 0 auto;
}
DIV#contents .campaign .s2 .inner .cmp_target .target_off {
	width: 540px;
	margin: 0 auto;
}
DIV#contents .campaign .s2 .inner .cmp_target .txt {
	text-align: left;
}
DIV#contents .campaign .s1 .inner .cmp_target .txt,
DIV#contents .campaign .s2 .inner .cmp_target .txt {
	margin-top: 3px;
}
DIV#contents .campaign .s1 .inner .cmp_target .target_ok,
DIV#contents .campaign .s2 .inner .cmp_target .target_on,
DIV#contents .campaign .s2 .inner .cmp_target .target_off {
	margin-top: 25px;
}
DIV#contents .campaign .s1 .inner .cmp_target .target_ok + .htxt,
DIV#contents .campaign .s2 .inner .cmp_target .target_on + .htxt {
	margin-top: 43px;
}
DIV#contents .campaign .s1 .inner .cmp_target .target_ng {
	font-size: 0;
	margin-top: 33px;
}
DIV#contents .campaign .s1 .inner .cmp_target .target_ng .ng1,
DIV#contents .campaign .s1 .inner .cmp_target .target_ng .ng2 {
	display: inline-block;
	margin: 0 10px;
}
DIV#contents .campaign .s1 .inner .step3 .txt + .mail,
DIV#contents .campaign .s2 .inner .step3 .txt + .mail,
DIV#contents .campaign .s2 .inner .cmp_target + .check,
DIV#contents .campaign .s1 .want .target_ok,
DIV#contents .campaign .s2 .want .target_ok {
	margin-top: 33px;
}

DIV#contents .campaign .s1 .inner .benefits1,
DIV#contents .campaign .s2 .inner .benefits1,
DIV#contents .campaign .s1 .inner .benefits2,
DIV#contents .campaign .s2 .inner .benefits2,
DIV#contents .campaign .s1 .inner .term,
DIV#contents .campaign .s2 .inner .term {
	text-align: center;
}
DIV#contents .campaign .s1 .inner .benefits1,
DIV#contents .campaign .s2 .inner .benefits1,
DIV#contents .campaign .s1 .inner .benefits2,
DIV#contents .campaign .s2 .inner .benefits2 {
	margin: 51px auto 0;
}
DIV#contents .campaign .s1 .inner .term,
DIV#contents .campaign .s2 .inner .term {
	margin: 60px auto 0;
}
DIV#contents .campaign .s1 .inner .benefits1 .htxt span,
DIV#contents .campaign .s1 .inner .benefits2 .htxt span span,
DIV#contents .campaign .s1 .inner .term .htxt span,
DIV#contents .campaign .s1 .inner .benefits1 .htxt span span span,
DIV#contents .campaign .s1 .inner .benefits2 .htxt span span span {
	background: linear-gradient(transparent 40%, #dff2f5 40%);
	
}
DIV#contents .campaign .s2 .inner .benefits1 .htxt span,
DIV#contents .campaign .s2 .inner .benefits2 .htxt span span,
DIV#contents .campaign .s2 .inner .term .htxt span,
DIV#contents .campaign .s2 .inner .benefits1 .htxt span span span,
DIV#contents .campaign .s2 .inner .benefits2 .htxt span span span {
	background: linear-gradient(transparent 40%, #fff0f2 40%);
	
}
DIV#contents .campaign .s1 .inner .benefits1 .htxt span span,
DIV#contents .campaign .s2 .inner .benefits1 .htxt span span
DIV#contents .campaign .s1 .inner .benefits2 .htxt span span span,
DIV#contents .campaign .s2 .inner .benefits2 .htxt span span span {
	background: none;
}
DIV#contents .campaign .s1 .inner .benefits1 .cap,
DIV#contents .campaign .s2 .inner .benefits1 .cap,
DIV#contents .campaign .s1 .inner .benefits2 .cap,
DIV#contents .campaign .s2 .inner .benefits2 .cap {
	margin-top: 5px;
}
DIV#contents .campaign .s1 .mobile,
DIV#contents .campaign .s2 .mobile {
	position: relative;
	box-sizing: border-box;
	width: 420px;
	height: 420px;
	margin: 0 auto;
}
DIV#contents .campaign .s1 .mobile::after,
DIV#contents .campaign .s2 .mobile::after {
	content: "";
	position: absolute;
	width: 420px;
	height: 420px;
	top: 0;
	left: calc(50% - 210px);
	background: 0 0 / 420px 420px no-repeat url(/contents/special_contents/2022cp_mar/img/img_mobile.png);
}

DIV#contents .campaign .s1 .want,
DIV#contents .campaign .s2 .want {
	text-align: center;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 31px 40px 60px;
	margin-top: 40px;
}
DIV#contents .campaign .s1 .want {
	background: #e7f8f8;
}
DIV#contents .campaign .s2 .want {
	background: #fef3ee;
}
DIV#contents .campaign .s1 .want h6.htxt,
DIV#contents .campaign .s2 .want h6.htxt {
	text-align: center;
	padding-bottom: 11px;
}
DIV#contents .campaign .s1 .want h6.htxt {
	border-bottom: 1px solid #53bfbf;
}
DIV#contents .campaign .s2 .want h6.htxt {
	border-bottom: 1px solid #f48d55;
}
DIV#contents .campaign .s1 .want h6.htxt + .txt,
DIV#contents .campaign .s1 .want h6.htxt + .txt + .txt,
DIV#contents .campaign .s2 .want h6.htxt + .txt,
DIV#contents .campaign .s2 .want h6.htxt + .txt + .txt {
	text-align: left;
}
DIV#contents .campaign .s1 .want h6.htxt,
DIV#contents .campaign .s1 .want h6.htxt + .txt,
DIV#contents .campaign .s1 .want h6.htxt + .txt + .txt,
DIV#contents .campaign .s2 .want h6.htxt,
DIV#contents .campaign .s2 .want h6.htxt + .txt,
DIV#contents .campaign .s2 .want h6.htxt + .txt + .txt {
	width: 440px;
}
DIV#contents .campaign .s1 .want h6.htxt,
DIV#contents .campaign .s1 .want h6.htxt + .txt + .txt,
DIV#contents .campaign .s2 .want h6.htxt,
DIV#contents .campaign .s2 .want h6.htxt + .txt + .txt{
	margin: 0 auto;
}
DIV#contents .campaign .s1 .want h6.htxt + .txt,
DIV#contents .campaign .s2 .want h6.htxt + .txt {
	margin: 13px auto 0;
}
DIV#contents .campaign .s1 .want .target_ok,
DIV#contents .campaign .s1 .want .target_ng,
DIV#contents .campaign .s2 .want .target_ok,
DIV#contents .campaign .s2 .want .target_ng {
	position: relative;
	box-sizing: border-box;
	background: #fff;
	border-radius: 5px;
	padding: 13px 0 13px;
}
DIV#contents .campaign .s1 .want .target_ok::before,
DIV#contents .campaign .s1 .want .target_ng::before,
DIV#contents .campaign .s2 .want .target_ok::before,
DIV#contents .campaign .s2 .want .target_ng::before {
	content: "";
	position: absolute;
}
DIV#contents .campaign .s1 .want .target_ng,
DIV#contents .campaign .s2 .want .target_ng {
	margin-top: 20px;
}
DIV#contents .campaign .s1 .want .target_ng .img_wrap,
DIV#contents .campaign .s2 .want .target_ng .img_wrap {
	font-size: 0;
	margin-top: 13px;
}
DIV#contents .campaign .s1 .want .target_ng .img_wrap .ng1,
DIV#contents .campaign .s1 .want .target_ng .img_wrap .ng2,
DIV#contents .campaign .s2 .want .target_ng .img_wrap .ng1,
DIV#contents .campaign .s2 .want .target_ng .img_wrap .ng2 {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin: 0 20px;
}
DIV#contents .campaign .s1 .want .target_ng .img_wrap .txt,
DIV#contents .campaign .s2 .want .target_ng .img_wrap .txt {
	text-align: left;
	line-height: 1.5em;
	margin-top: 3px;
}
DIV#contents .campaign .s1 .want .target_ng + .txt,
DIV#contents .campaign .s2 .want .target_ng + .txt {
	margin-top: 53px;
}
DIV#contents .campaign .s1 .want .target_ng + .txt +.btn,
DIV#contents .campaign .s2 .want .target_ng + .txt +.btn {
	margin-top: 3px;
}
DIV#contents .campaign .s1 .want .target_ng + .txt +.btn a,
DIV#contents .campaign .s2 .want .target_ng + .txt +.btn a,
DIV#contents .campaign .s3 .btn a {
	background: #999;
	box-shadow: #666 0 3px 0;
}
DIV#contents .campaign .s1 .want .target_ng + .txt +.btn a:hover,
DIV#contents .campaign .s2 .want .target_ng + .txt +.btn a:hover,
DIV#contents .campaign .s3 .btn a:hover {
	box-shadow: #666 0 0 0;
}
DIV#contents .campaign .s2 .step4 .want + .want .txt {
	padding-left: 1em;
	text-indent: -1em;
}


/*--------------------------------------------------
	テーブルの設定
--------------------------------------------------*/


/*---------- 共通 ----------*/

.remodal table.table,
DIV#contents .campaign .s4 table.table{
	width: 100%;
	font-family: Arial, Helvetica, YuGothic, "游ゴシック体", "sans-serif";
}
.remodal table.table th,
.remodal table.table td,
DIV#contents .campaign .s4 table.table th,
DIV#contents .campaign .s4 table.table td {
	border: 2px solid #fff;
	border-radius: 0 !important;
	box-shadow: none;
	text-align: center;
	box-sizing: border-box;
	height: 50px;
}
.remodal table.table th,
DIV#contents .campaign .s4{
	font-size: 22px;
}
.remodal table.table td,
DIV#contents .campaign .s4 table.table td {
	font-size: 20px;
}
.remodal table.table th.cell1,
DIV#contents .campaign .s4 table.table th.cell1 {
	background: #74c6c6; color: #ffffff; width: 50%;
}
.remodal table.table td.cell1_1,
DIV#contents .campaign .s4 table.table td.cell1_1 {
	background: #eef8f8; color: #333333;
}
.remodal table.table td.cell1_2,
DIV#contents .campaign .s4 table.table td.cell1_2 {
	background: #def1f1; color: #333333;
}
.remodal table.table th.cell2,
DIV#contents .campaign .s4 table.table th.cell2 {
	background: #999999; color: #ffffff; width: 50%;
}
.remodal table.table td.cell2_1,
DIV#contents .campaign .s4 table.table td.cell2_1 {
	background: #f7f7f7; color: #333333;
}
.remodal table.table td.cell2_2,
DIV#contents .campaign .s4 table.table td.cell2_2 {
	background: #eeeeee; color: #333333;
}
.remodal table.table th.cell3,
DIV#contents .campaign .s4 table.table th.cell3 {
	background: #a0d9e2; color: #333333; width: 50%;
}
.remodal table.table td.cell3_1,
DIV#contents .campaign .s4 table.table td.cell3_1 {background: #ecf7f9; color: #333333;}


/*--------------------------------------------------
	.s3 よくあるご質問
--------------------------------------------------*/
DIV#contents .campaign .s3 {
	background: #e9e9e9;
	padding: 40px 180px 80px;
}
DIV#contents .campaign .s3 .ttl,
DIV#contents .campaign .s3 .accordion + .txt{
	text-align: center;
}
DIV#contents .campaign .s3 .ttl img {
	width: 80px;
	height: 80px;		
}
DIV#contents .campaign .s3 .ttl h3.htxt {
	font-size: 30px;
	margin-top: 30px;
}
DIV#contents .campaign .s3 .accordion + .txt {
	font-size: 16px;
	margin-top: 53px;
}
DIV#contents .campaign .s3 .btn a {
	font-size: 18px;
}
DIV#contents .campaign .s3 .accordion + .txt + .btn {
	margin-top: 8px;
}
DIV#contents .campaign .accordion .accordion_box .txt_1 {
	font-size: 16px;
}
DIV#contents .campaign .accordion .accordion_box .txt_2 {
	font-size: 16px;
	padding-left: 16px;
	text-indent: -16px;
}
DIV#contents .campaign .accordion .accordion_box .txt_1,
DIV#contents .campaign .accordion .accordion_box .txt_2 {
	margin-top: 12px;
}
DIV#contents .campaign .accordion .accordion_box .txt_1:first-child,
DIV#contents .campaign .accordion .accordion_box .txt_2:first-child {
	margin-top: 0;
}


/*--------------------------------------------------
	.benefits 来店特典
--------------------------------------------------*/


/*--------------------------------------------------
	.s4 キャンペーン応募概要・規約
--------------------------------------------------*/
DIV#contents .campaign .s4 {
	padding: 80px 70px;
	background: #f4f4f4;
}
DIV#contents .campaign .s4 h3.htxt {
	text-align: center;
	font-size: 30px;
	line-height: 1em;
}
DIV#contents .campaign .s4 h4 {
	text-align: center;
	font-size: 24px;
	line-height: 1em;
	margin: 80px 0 40px;
}
DIV#contents .campaign .s4 h4.ring {
	color: #53bfbf;
}
DIV#contents .campaign .s4 h4.wed {
	color: #f48d55;
}
DIV#contents .campaign .s4 h4.common {
	color: #e1bb21;
}
DIV#contents .campaign .s4 .wrap {
	background-color: #fff;
	margin-top: 30px;
	padding: 50px;
}
DIV#contents .campaign .s4 h5 {
	font-size: 20px;
	line-height: 1.3em;
}
DIV#contents .campaign .s4 p.htxt {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 30px;
	padding-left: 40px;
	text-indent: -20px;
}
DIV#contents .campaign .s4 p.txt_1 {
	padding-left: 20px;
	margin-top: 30px;
}
DIV#contents .campaign .s4 p.txt_2 {
	padding-left: 40px;
	margin-top: 15px;
}
DIV#contents .campaign .s4 p.txt_3 {
	padding-left: 60px;
	text-indent: -16px;
	margin-top: 15px;
}
DIV#contents .campaign .s4 p.txt_4 {
	padding-left: 40px;
	text-indent: -16px;
	margin-top: 15px;
}
DIV#contents .campaign .s4 p.txt_1,
DIV#contents .campaign .s4 p.txt_2,
DIV#contents .campaign .s4 p.txt_3,
DIV#contents .campaign .s4 p.txt_4 {
	font-size: 16px;
	line-height: 1.7em;
}
DIV#contents .campaign .s4 p.txt_1 span,
DIV#contents .campaign .s4 p.txt_2 span,
DIV#contents .campaign .s4 p.txt_3 span,
DIV#contents .campaign .s4 p.txt_4 span {
	font-weight: bold;
	background: linear-gradient(transparent 0%, #ff0 0%);
}
DIV#contents .campaign .s4 .cap {
	font-size: 10px;
	padding-left: 70px;
	text-indent: -10px;
	margin-top: 0;
}
DIV#contents .campaign .s4 .cap_2 {
	font-size: 10px;
	padding-left: 50px;
	text-indent: -10px;
	margin-top: 0;
}
DIV#contents .campaign .s4 .cap_3 {
	font-size: 10px;
	padding-left: 30px;
	text-indent: -10px;
	margin-top: 0;
}
DIV#contents .campaign .s4 .cap_4 {
	font-size: 16px;
	line-height: 1.7em;
	padding-left: 36px;
	text-indent: -16px;
	margin-top: 10px;
}
DIV#contents .campaign .s4 .term {
	margin-top: 15px;
	padding-left: 60px;
}
DIV#contents .campaign .s4 .term_2 {
	margin-top: 15px;
	padding-left: 20px;
}
DIV#contents .campaign .s4 .term table {
	margin: 0 0 10px;
}



/*--------------------------------------------------
	.s5 SNS
--------------------------------------------------*/
DIV#contents .campaign .s5 {
	text-align: center;
	padding: 70px 0 80px;
}
DIV#contents .campaign .s5 h3.htxt {
	text-align: center;
	font-size: 30px;
	margin-bottom: 50px;
}
DIV#contents .campaign .s5 ul li {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 0 15px;
}
DIV#contents .campaign .s5 ul li img {
	width: 100%;
	height: auto;
	transition: .5s;
}
DIV#contents .campaign .s5 ul li img:hover {
	opacity: .5;
}


/*--------------------------------------------------
	モダールの設定
--------------------------------------------------*/

.remodal {
	text-align: left;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	padding: 5.33vw !important;
}
.remodal h4 {
	font-size: 22px;
	
	background: none;
	color: #2b2e38;
}
.remodal h4.campaignTxt06 {
	font-size: 20px;
	line-height: 1.5;
	background: none;
	color: #000;
	text-align: center;
	margin-bottom: 40px;
	padding: 0;
}
.remodal h5 {
	font-size: 17px;
	border-bottom: 1px dotted #666;
	padding: 0px 0 10px;
	margin-top: 20px;
	clear: both;
	color: #2b2e38;
}
.remodal p {
	font-size: 14px;
	line-height: 1.7em;
}
.remodal p.campaignTxt07 {
	font-size: 13px;
	line-height: 1.7;
	padding-bottom: 0;
	margin-bottom: 60px;
}
.remodal ul > li > span,
.remodal p > span {
	color: #FF0060;
}
.remodal ul {
	margin-top: 15px;
	overflow: hidden;
	margin-left: 0;
	padding-left: 0;
}
/*.remodal ul >li:before {
	content: "・";
	display: inline;
	float: left;
}*/
.remodal ul > li,
.remodal ul > p {
	float: left;
	clear: both;
	/*width: 100%;*/
	list-style: none;
	padding-left: 12px;
	text-indent: -12px;
	line-height: 1.7em;
}
.remodal ul > li.no-indent {
	padding-left: 0 !important;
	text-indent: 0 !important;
}
.remodal .btn {
	overflow: hidden;
	padding: 20px 0 0;
	text-align: center;
	width: 264px;
	margin: 0 auto;
}
.remodal .btn li {
	float: left;
	min-width: 264px;
	height: 45px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	display: table;
	list-style: none;
	padding: 0;
}
.remodal .btn li:before {
	content: "";
}
.remodal .cap {
	display: block;
	text-align: center;
	font-size: 12px;
}
.remodal .btn li:nth-of-type(2), .remodal .btn li:nth-of-type(4) {
	margin-left: 15px;
}
.remodal .btn li:nth-of-type(3), .remodal .btn li:nth-of-type(4) {
	margin-top: 35px;
}
.remodal .btn li a {
	float: left;
	background: #ffc2d8 url(/contents/pc/fr/campaign/h/2019_spring/img/arrow.png) no-repeat 22px center;
	background-size: auto 9px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: left;
	min-width: 258px;
	height: 45px;
	font-size: 19px;
	padding: 3px 18px 0 50px;
	text-decoration: none;
	color: #bd0047;
	border-bottom: #ff78a7 3px solid;
}
.remodal p a {
	color: #2b2e38;
	text-decoration: underline;
}
.remodal img {
	width: 295px;
	height: 165px;
	float: right;
	margin-left: 20px;
	/*margin-bottom: 8vw;*/
}
.remodal .btn03 {
	float: left;
    width: 300px;
}
.remodal .btn04 {
	float: right;
    width: 300px;
}