@charset "UTF-8";
/* CSS Document */

html {
	scroll-behavior: smooth;
}

	/* SPパーツの非表示 */
DIV#contents #campaign .sp {display: none !important;}

	/* 共通フォント */
DIV#contents #campaign {
	font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,"Noto Sans JP",Arial,sans-serif;
}

	/* 英語フォント */
/*DIV#contents #campaign .en-text {}*/

	/* 日本語明朝フォント */
/*DIV#contents #campaign .jp {}*/

	/* フォント寄せ */
DIV#contents #campaign .center {
	text-align: center!important;
}
DIV#contents #campaign .right {
	text-align: right!important;
}
DIV#contents #campaign .left {
	text-align: left!important;
}

	/* 文字 設定 */
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 p,
DIV#contents #campaign a,
DIV#contents #campaign ul,
DIV#contents #campaign li,
DIV#contents #campaign figure,
DIV#contents #campaign img,
DIV#contents #campaign button {
	background: none;
	border: none;
	color: var(--color__base__text);
	font-family: "M PLUS Rounded 1c", sans-serif;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	opacity: 1;
	padding: 0;
	transition: all .3s ease;
	word-break: break-word;
}
DIV#contents #campaign a::after,
DIV#contents #campaign a::before {
	transition: all .3s ease;
}

	/* 共通ヘッダーの非表示
DIV.renewal2402 header,
DIV.renewal2402 .headerNavi,
#contentsPankuzu {
	display: none;
} */
	
	/* 共通ヘッダーの代わりのロゴ設定
article.contents {
	background: none;
}
DIV#contents #campaign .siteLogo,
DIV#contents #campaign .siteLogo a {
	width: 100%;
	height: 100%;
	text-align: center;
}
DIV#contents #campaign .siteLogo {
	margin: 30px 0 10px;
}
DIV#contents #campaign .siteLogo a img {
	width: auto;
	height: 26px;
	opacity: 1;
	transition: all .3s ease;
}
DIV#contents #campaign .siteLogo a img:hover {
	opacity: .5;
} */

	/* 大見出しの設定 */
DIV#contents #campaign h1 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5em;
	text-align: center;
	padding: 20px 0;
}

DIV#contentsTitle {
	display: none;
}

	/*クリック時の枠線とハイライトの非表示*/
DIV#contents #campaign a {
	color: var(--color__base__text);
	cursor:pointer;
	outline: none;
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-underline-offset: 0.2em;
	text-decoration-thickness: 0.075em;
}

	/* フォーカス線のリセット */
*:focus {
	outline: none;
}

	/* リンクテキストのホバーアクション */
DIV#contents #campaign a:hover {
	text-decoration: none;
}

	/* マーカー */
DIV#contents #campaign .bottom-area .mark {
	background-color: var(--color__yellow);
}

	/* 太字 */
DIV#contents #campaign .bold-text {
	font-weight: bold;
}

	/* 色指定 */
:root {
	--color__white: #fff;
	--color__black: #212121;
	--color__red: #FF5555;
	--color__yellow: #ff6;
	--color__base__text: #565656;
	--color__decoration__ring: #78D4DE;
	--color__decoration__wed: #FFACA8;
	--color__strong__text__common: #F2C915;
	--color__strong__text__ring: #53D2DF;
	--color__strong__text__wed: #FF9999;
	--color__schedule__line: #E1E1E1;
	--color__background__01: #FAF9F4;
	--color__background__02: #EDEADD;
	--color__line: #06C755;
	--color__line__hover: #05B34D;
	--color__line__qr: #CEB66A;
	--color__background__schedule: #FFF5BE;
	--color__text__dotted: #BBEBF2;
}

	/* 赤文字 */
DIV#contents #campaign .red {
	color: var(--color__red);
}
DIV#contents #campaign .indent {
	text-indent: -1em;
	padding-left: 1em;
	display: inline-block;
}

/*--------------------------------------------------
	LINEパーツの設定
--------------------------------------------------*/

	/* LINEボックス */
DIV#contents #campaign .line-box {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	margin: 64px auto 32px;
}
DIV#contents #campaign .line-box p.right-line {
	align-items: center;
	color: var(--color__line__qr);
	display: flex;
	font-size: 24px;
	font-weight: bold;
	height: 120px;
	line-height: 1.4;
	margin-right: 49px;
	position: relative;
}
DIV#contents #campaign .line-box p.right-line::after {
	background-color: var(--color__line__qr);
	content: "";
	height: 120px;
	position: absolute;
	right: -24px;
	top: calc(50% - 60px);
	width: 2px;
}
DIV#contents #campaign button {
	background: none;
	border: none;
	outline: none;
	padding: 0;
}
DIV#contents #campaign .click-btn {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
}
DIV#contents #campaign .click-btn .apply_text {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color__line);
	box-sizing: border-box;
	border-radius: 8px;
	width: 480px;
	height: 80px;
	color: #fff;
	font-size: 24px;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	transition: all ease-in-out 0.3s;
	padding: 0 0 0 82px;
}
DIV#contents #campaign .click-btn .apply_text:hover {
	background-color: var(--color__line__hover);
}
DIV#contents #campaign .click-btn .apply_text::before,
DIV#contents #campaign .click-btn .apply_text::after {
	position: absolute;
	content: "";
}
DIV#contents #campaign .click-btn .apply_text::before {
	background: center / 58.18px 54.55px no-repeat url(/contents/special_contents/couple_cp/sp/common/img/line-logo_2403.svg);
	width: 80px;
	height: 80px;
	top: 0;
	left: 0;
}
DIV#contents #campaign .click-btn .apply_text::after {
	background-color: rgba(0, 0, 0, .08);
	width: 2px;
	height: 80px;
	top: 0;
	left: 80px;
}

/*--------------------------------------------------
	Popup Window
--------------------------------------------------*/
	/* モーダルの設定 */
DIV#contents #campaign #popup-wrapper {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 20000;
}
DIV#contents #campaign #popup-inside {
	text-align: center;
	width: -moz-fit-content;
	width: fit-content;
	height: auto;
	box-sizing: border-box;
	background: var(--color__line__qr);
	margin: 10% auto;
	padding: 3em;
	position: relative;
	color: var(--color__white);
}
DIV#contents #campaign #popup-inside p {
	color: var(--color__white);
	font-size: 16px;
	padding-bottom: 16px;
}
DIV#contents #campaign #popup-inside .image {
	background-color: var(--color__white);
	box-sizing: border-box;
	width: 180px;
	height: 180px;
	margin: 0 auto 32px;
	padding: 16px;
}
DIV#contents #campaign #popup-inside .image img {
	width: 100%;
	vertical-align: top;
}
DIV#contents #campaign #popup-inside::before {
	content: "";
	display: block;
	width: 97%;
	height: 97%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid var(--color__white);
}
DIV#contents #campaign #close {
	position: absolute;
	top: 2%;
	right: 3%;
	cursor: pointer;
}
DIV#contents #campaign .dli-close {
	display: inline-block;
	vertical-align: middle;
	color: var(--color__white);
	line-height: 1;
	width: 1.4em;
	height: 0.1em;
	background: currentColor;
	border-radius: 0.1em;
	position: relative;
	transform: rotate(45deg);
}
DIV#contents #campaign .dli-close::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	transform: rotate(90deg);
}