@charset "UTF-8";
:root {
		--vw-sp: 390;
}
body {
		font-family: 'Noto Sans JP', sans-serif, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		background: url(../img/body_bg.png);
		background-color: #f1f1f1;
		background-size: 20%;
		background-repeat: repeat;
}
.wrapper {
		overflow: hidden;
		max-width: 500px;
		margin: 0 auto;
		background-color: #fff;
}
section {
		position: relative;
}
img {
		width: 100%;
		display: block;
}
a {
		text-decoration: none;
		color: #4D4D4D;
}
.hide-area {
		display: none;
}
/* ================================*\
|   CTA                             |
\* ================================*/
.cta_wrapper {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 44.96px;
}
.cta_wrapper.section04 {
		bottom: 285px;
}
.cta_wrapper.section07 {
		position: static;
		transform: none;
		margin: auto;
		padding: 0;
}
.cta_wrapper.fixed {
		position: fixed;
		z-index: 100000;
		bottom: 0;
		bottom: -1000px;
		width: 100%;
		max-width: 500px;
		padding: 8px 0;
		transition: 0.3s;
		background: #5DA384;
}
.cta_wrapper.fixed.active {
		display: block;
		bottom: 0;
		transition: 0.3s;
}
.cta {
		display: block;
		width: 423.64px;
		margin: auto;
}
.cta.floatV {
		-webkit-animation: floatV 3s ease-in-out infinite alternate;
		animation: floatV 3s ease-in-out infinite alternate;
}
.timer_tx {
		color: #FF2E6B;
		font-size: 1.1rem;
}
.cta_wrapper {
		text-align: center;
}
#countdownArea .timer_tx {
		color: #fff;
}
.timer_tx .yellow {
		color: #FDFD00;
}
.cta_follow_box a.btn_try {
		width: 85%;
		display: block;
		margin: auto;
}
.timer_tx span {
		font-size: 2rem;
}
@media (max-width: 500px) {
		.cta_wrapper {
				width: 84.7%;
				bottom: calc((100vw / var(--vw-sp)) * 35);
		}
		.cta_wrapper.section04 {
				bottom: calc((100vw / var(--vw-sp)) * 240);
		}
		.cta {
				width: 100%;
		}
		.cta.fixed {
				width: 85.6%;
		}
		.timer_tx span {
				font-size: 1.5rem;
		}
}
@media (min-width: 500px) {
	body {
		font-family: 'Noto Sans JP', sans-serif, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, Arial, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		background: url(../img/body_bg.png);
		background-color: #f1f1f1;
		background-size: 20%;
		background-repeat: repeat;
}
		.cta_wrapper.fixed {
				padding: 1rem 0;
		}
		.timer_tx {
				font-size: 1.4rem;
		}
}
.cta_top_text {
		text-align: center;
		font-size: 20px;
		color: #FF2E6B;
		font-weight: 700;
		letter-spacing: 0.15rem;
		margin-bottom: -8px;
}
.cta_wrapper.fixed .cta_top_text {
		color: #fff;
}
@media (max-width: 500px) {
		.cta_top_text {
				font-size: calc((100vw / var(--vw-sp)) * 16);
		}
}
.cta_top_text .red {
		color: #FF2735;
}
.cta_top_text .yellow {
		color: #FDFD00;
}
.cta_top_text .large {
		font-size: 1.3em;
}
.cta_top_text .slash {
		font-size: 1.2em;
}
@-webkit-keyframes floatV {
		0% {
				-webkit-transform: translate3d(0, -0.5em, 0);
				transform: translate3d(0, -0.5em, 0);
		}
		50% {
				-webkit-transform: translate3d(0, 0.5em, 0);
				transform: translate3d(0, 0.5em, 0);
		}
		100% {
				-webkit-transform: translate3d(0, -0.5em, 0);
				transform: translate3d(0, -0.5em, 0);
		}
}
@keyframes floatV {
		0% {
				-webkit-transform: translate3d(0, -0.5em, 0);
				transform: translate3d(0, -0.5em, 0);
		}
		50% {
				-webkit-transform: translate3d(0, 0.5em, 0);
				transform: translate3d(0, 0.5em, 0);
		}
		100% {
				-webkit-transform: translate3d(0, -0.5em, 0);
				transform: translate3d(0, -0.5em, 0);
		}
}
/* ================================*\
|   section04                       |
\* ================================*/
.section04_slider_wrapper {
		position: relative;
		top: -1260px;
}
@media (max-width: 500px) {
		.section04_slider_wrapper {
				top: calc((100vw / var(--vw-sp)) * -985);
		}
}
.section04_slider_wrapper li {
		margin: 0 3.5px;
}
.section04_slider_bottom {
		margin-top: 22px;
}
.section04_slider_bottom .slick-list.draggable {
		left: -320%;
		overflow: visible;
}
.section04_click_image_wrapper {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 590px;
		width: 397px;
}
@media (max-width: 500px) {
		.section04_click_image_wrapper {
				width: 79.4%;
				bottom: calc((100vw / var(--vw-sp)) * 465);
		}
}
/* ================================*\
|   section05                       |
\* ================================*/
.section05_image {
		position: relative;
		top: -200px;
}
.section05_movie {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		top: 8%;
}
@media (max-width: 500px) {
		.section05_image {
				top: -170px;
		}
		.section05_movie {
				top: 7.5%;
		}
}
/* ================================*\
|   section06                       |
\* ================================*/
.section06 {
		background-image: url(../img/section06_bg.webp);
		background-size: cover;
		padding: 66px 20px 47px;
		margin-top: -200px;
}
@media (max-width: 500px) {
		.section06 {
				margin-top: calc((100vw / var(--vw-sp)) * -170);
				/*    margin-top: 0;*/
		}
}
.section06__slider img {
		padding: 0 10px;
}
.section06-slider__arrow {
		position: absolute;
		background: transparent;
		border: none;
		width: 65px;
		top: 50%;
		z-index: 20;
		transform: translateY(-50%);
		cursor: pointer;
}
.section06-slider__arrow.left {
		left: 10px;
}
.section06-slider__arrow.right {
		right: 10px;
}
@media screen and (max-width: 500px) {
		.section06 {
				padding: 15vw 0 10px 0;
		}
		.section06-slider__arrow.left {
				left: calc((100vw / var(--vw-sp)) * 15);
		}
		.section06-slider__arrow.right {
				right: calc((100vw / var(--vw-sp)) * 15);
		}
		.section06-slider__arrow {
				width: calc((100vw / var(--vw-sp)) * 60);
		}
}
/* ================================*\
|   section07                       |
\* ================================*/
.section07 {
		padding: 27px 0 30.42px;
}
@media screen and (max-width: 500px) {
		.section07 {
				padding: calc((100vw / var(--vw-sp)) * 27) 0 calc((100vw / var(--vw-sp)) * 30.42);
		}
}