@charset "utf-8";
.Page .PageHeader { position:relative; }
.Page .PageHeader .end { position:absolute; top:0; left:0; background:rgba(0,0,0,.7); display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:1.6vw; color:#fff; font-weight:bold; z-index:999; }
.Page .PageHeader .end p { text-align:center; line-height:2; }
.Page .PageHeader a:hover {opacity:1; }
@media screen and (max-width:767px) {
	.Page .PageHeader .end { font-size:3vw; }
}

.Page .RegistArea { position:relative; }
.Page .RegistArea .end { position:absolute; top:0; left:0; background:rgba(0,0,0,.7); display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:1.6vw; color:#fff; font-weight:bold; z-index:999; }
.Page .RegistArea .end p { text-align:center; line-height:2; }
html.Desktop .Page .PageHeader a:hover {opacity:1; }
@media screen and (max-width:767px) {
	.Page .RegistArea .end { font-size:3vw; }
}













.PageBody { background:#E53013; letter-spacing:.03em; }

/*.PageBody { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }*/
/*.win .PageBody { font-weight:700; }*/


.Section:not(:last-child) { margin-bottom:80px; }
.Section > .inner { background:#fff; outline:8px solid #E53013; outline-offset:-20px; padding:24px; box-sizing:border-box; }
.Section > .inner > .inner {
	padding:80px;
	outline:1px solid #E53013; outline-offset:-1px;
	background-image:url(./img/decoration_01.png), url(./img/decoration_02.png), url(./img/decoration_03.png), url(./img/decoration_04.png);
	background-position:left 8px top 8px, right 8px top 8px, right 8px bottom 8px, left 8px bottom 8px;
	background-size:64px, 64px, 64px, 64px;
	background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;
}
@media screen and (max-width:1199px) {
	.Section:not(:last-child) { margin-bottom:calc(80vw / var(--scale)); }
	.Section > .inner { outline:calc(8vw / var(--scale)) solid #E53013; outline-offset:calc(-20vw / var(--scale)); padding:calc(24vw / var(--scale)); }
	.Section > .inner > .inner {
		padding:calc(80vw / var(--scale));
		outline-offset:-1px;
		background-image:url(./img/decoration_01.png), url(./img/decoration_02.png), url(./img/decoration_03.png), url(./img/decoration_04.png);
		background-position:left calc(8vw / var(--scale)) top calc(8vw / var(--scale)), right calc(8vw / var(--scale)) top calc(8vw / var(--scale)), right calc(8vw / var(--scale)) bottom calc(8vw / var(--scale)), left calc(8vw / var(--scale)) bottom calc(8vw / var(--scale));
		background-size:calc(64vw / var(--scale)), calc(64vw / var(--scale)), calc(64vw / var(--scale)), calc(64vw / var(--scale));
		background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;
	}
}
@media screen and (max-width:959px) {
	.Section:not(:last-child) { margin-bottom:calc(16vw / var(--scale)); }
	.Section > .inner { outline:calc(4vw / var(--scale)) solid #E53013; outline-offset:calc(-8vw / var(--scale)); padding:calc(9vw / var(--scale)); }
	.Section > .inner > .inner {
		padding:calc(27vw / var(--scale));
		background-position:left calc(4vw / var(--scale)) top calc(4vw / var(--scale)), right calc(4vw / var(--scale)) top calc(4vw / var(--scale)), right calc(4vw / var(--scale)) bottom calc(4vw / var(--scale)), left calc(4vw / var(--scale)) bottom calc(4vw / var(--scale));
		background-size:calc(24vw / var(--scale)), calc(24vw / var(--scale)), calc(24vw / var(--scale)), calc(24vw / var(--scale));
	}
}
@media screen and (max-width:519px) {
}













.Section.-conversion {}
.Section.-conversion .layout {}
.Section.-conversion .layout__row { display:flex; }
.Section.-conversion .layout__col { width:50%; box-sizing:border-box; }
.Section.-conversion .layout__col.-left { padding-right:16px; }
.Section.-conversion .layout__col.-right { padding-left:16px; }
.Section.-conversion img { width:100%; }
@media screen and (max-width:1199px) {
	.Section.-conversion .layout__col.-left { padding-right:calc(16vw / var(--scale)); }
	.Section.-conversion .layout__col.-right { padding-left:calc(16vw / var(--scale)); }
}
@media screen and (max-width:959px) {
	.Section.-conversion .layout__col.-left { padding-right:calc(8vw / var(--scale)); }
	.Section.-conversion .layout__col.-right { padding-left:calc(8vw / var(--scale)); }
}
@media screen and (max-width:519px) {
	.Section.-conversion .layout__row { display:block; }
	.Section.-conversion .layout__col { width:100%; }
	.Section.-conversion .layout__col.-left { padding-right:0; border-bottom:1px dashed #E53013; padding-bottom:calc(16vw / var(--scale)); margin-bottom:calc(16vw / var(--scale)); }
	.Section.-conversion .layout__col.-right { padding-left:0; }
}




.Section.-intro {}
.Section.-intro .layout {}
.Section.-intro .layout__row { display:flex; align-items:center; }
.Section.-intro .layout__col {}
.Section.-intro .layout__col.-thumb { width:160px; }
.Section.-intro .layout__col.-text { flex:1; padding-left:40px; box-sizing:border-box; }
.Section.-intro img { width:100%; }
@media screen and (max-width:1199px) {
	.Section.-intro .layout__col.-thumb { width:calc(160vw / var(--scale)); }
	.Section.-intro .layout__col.-text { padding-left:calc(40vw / var(--scale)); }
}
@media screen and (max-width:959px) {
	.Section.-intro .layout__col.-thumb { width:calc(80vw / var(--scale)); }
	.Section.-intro .layout__col.-text { padding-left:calc(24vw / var(--scale)); }
}
@media screen and (max-width:519px) {
	.Section.-intro {}
	.Section.-intro .layout {}
	.Section.-intro .layout__row { display:block; }
	.Section.-intro .layout__col {}
	.Section.-intro .layout__col.-thumb { width:100%; margin-bottom:calc(16vw / var(--scale)); text-align:center; }
	.Section.-intro .layout__col.-thumb img { width:50%; }
	.Section.-intro .layout__col.-text { padding-left:0; }
}




/* おみくじの内容 */
.Section.-list {}
.Section.-list h3 { color:#E53013; }
.Section.-list table { width:100%; }
.Section.-list table tbody {}
.Section.-list table tbody tr:first-child { border-top:2px dashed #E53013; }
.Section.-list table tbody tr { border-bottom:2px dashed #E53013; }
.Section.-list table tbody tr td { padding:8px 0; line-height:1.25; }
.Section.-list table tbody tr td:nth-child(1) { width:176px; }
.Section.-list table tbody tr td:nth-child(2) { padding-left:16px; font-size:32px; }
.Section.-list table tbody tr td .num { font-size:20px; display:inline-block; margin-left:8px; }
@media screen and (max-width:1199px) {
	.Section.-list {}
	.Section.-list table {}
	.Section.-list table tbody {}
	.Section.-list table tbody tr:first-child { border-top:calc(2vw / var(--scale)) dashed #E53013; }
	.Section.-list table tbody tr { border-bottom:calc(2vw / var(--scale)) dashed #E53013; }
	.Section.-list table tbody tr td { padding:calc(8vw / var(--scale)) 0; }
	.Section.-list table tbody tr td:nth-child(1) { width:calc(176vw / var(--scale)); }
	.Section.-list table tbody tr td:nth-child(2) { padding-left:calc(16vw / var(--scale)); font-size:calc(32vw / var(--scale)); }
	.Section.-list table tbody tr td .num { font-size:calc(20vw / var(--scale)); margin-left:calc(8vw / var(--scale)); }
}
@media screen and (max-width:959px) {
	.Section.-list {}
	.Section.-list table {}
	.Section.-list table tbody {}
	.Section.-list table tbody tr:first-child { border-top:calc(2vw / var(--scale)) dashed #E53013; }
	.Section.-list table tbody tr { border-bottom:calc(2vw / var(--scale)) dashed #E53013; }
	.Section.-list table tbody tr td { padding:calc(8vw / var(--scale)) 0; }
	.Section.-list table tbody tr td:nth-child(1) { width:calc(80vw / var(--scale)); }
	.Section.-list table tbody tr td:nth-child(2) { padding-left:calc(8vw / var(--scale)); font-size:calc(16vw / var(--scale)); }
	.Section.-list table tbody tr td .num { font-size:calc(12vw / var(--scale)); margin-left:calc(4vw / var(--scale)); }
}
@media screen and (max-width:519px) {
	.Section.-list {}
	.Section.-list table {}
	.Section.-list table tbody {}
	.Section.-list table tbody tr:first-child { border-top:calc(2vw / var(--scale)) dashed #E53013; }
	.Section.-list table tbody tr { border-bottom:calc(2vw / var(--scale)) dashed #E53013; }
	.Section.-list table tbody tr td { padding:calc(8vw / var(--scale)) 0; }
	.Section.-list table tbody tr td:nth-child(1) { width:calc(48vw / var(--scale)); }
	.Section.-list table tbody tr td:nth-child(2) { padding-left:calc(8vw / var(--scale)); font-size:calc(12vw / var(--scale)); }
	.Section.-list table tbody tr td .num { font-size:calc(10vw / var(--scale)); margin-left:calc(4vw / var(--scale)); }
}



/* キャンペーン実施機関 */
.Section.-period {}
.Section.-period h3 { color:#E53013; }
.Section.-period p {}
.Section.-period .btn { display:flex; align-items:center; justify-content:center; background:#E53013; color:#fff; font-weight:bold; text-decoration:none; width:280px; height:64px; padding-bottom:4px; margin:auto; border-radius:8px; font-size:24px; box-shadow: 0px -4px 0px 0px rgba(0,0,0,0.3) inset; }
@media screen and (max-width:1199px) {
.Section.-period .btn { width:calc(280vw / var(--scale)); height:calc(64vw / var(--scale)); padding-bottom:calc(4vw / var(--scale)); border-radius:calc(8vw / var(--scale)); font-size:calc(24vw / var(--scale)); box-shadow: 0px calc(-4vw / var(--scale)) 0px 0px rgba(0,0,0,0.3) inset; }
}
@media screen and (max-width:959px) {
.Section.-period .btn { width:calc(200vw / var(--scale)); height:calc(48vw / var(--scale)); padding-bottom:calc(2vw / var(--scale)); border-radius:calc(4vw / var(--scale)); font-size:calc(16vw / var(--scale)); box-shadow: 0px calc(-2vw / var(--scale)) 0px 0px rgba(0,0,0,0.3) inset; }
}
@media screen and (max-width:519px) {
.Section.-period .btn { width:calc(200vw / var(--scale)); height:calc(48vw / var(--scale)); padding-bottom:calc(2vw / var(--scale)); border-radius:calc(4vw / var(--scale)); font-size:calc(16vw / var(--scale)); box-shadow: 0px calc(-2vw / var(--scale)) 0px 0px rgba(0,0,0,0.3) inset; }
}