@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, figure, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	overflow: visible;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	max-width: 100%;
	vertical-align: top;
}

/*--------------------------*/
#menu{
	width: 960px;
	margin:0 auto;
	background:#200807;
	position: relative;
	z-index:10;
	text-align:center;
}
#back_wrap {
	background: #fff;
	padding-top: 10px;
}
#back{
	width: 960px;
	margin: 0 auto;
	padding-bottom:0;
	text-align:center;
}
#iframe_wrap {
	background: #fff;
}

/*--------------------------*/
#to_top{
	clear:both;
	padding:20px 50px 20px 50px;
	text-align:right;
}
header {
	position: sticky;
	top: 0;
	z-index: 500;
}
.LyFoot{
	margin-top: 0 !important;
	background: #fff;
}
/* .backtotop a {
	background-color: transparent !important;
	padding: 0 !important;
	width: 120px;
}
@media screen and (max-width: 749px) {
	.backtotop a {
		width: 60px;
	}
} */

/*----------------------------------------------------
  モジュール
----------------------------------------------------*/
.mt30 {
	margin-top: 30px;
}
.mb00 {
	margin-bottom: 0 !important;
}
.mb16per {
	margin-bottom: 16% !important;
}
.pb20 {
	padding-bottom: 20px;
}
.mtLL {
	margin-top: 90px;
}
.mtL {
	margin-top: 50px;
}
.taC {
	text-align: center;
}
.taL {
	text-align: left;
}
.taR {
	text-align: right;
}
.fw_bold {
	font-weight: bold;
}
.fc_red {
	color: #eb1e0f;
}
.is_sp {
	display: none;
}
/* ----- coolaction ----- */
#Coolaction img {
	max-width: 100%;
	height: auto;
}
.contentsW {
	max-width: 750px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.bg01 {
	background-color: #fff;
}
#Coolaction img {
	max-width: 100%;
	height: auto;
}
.contentsW {
	max-width: 500px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


.m_posR {
	position: relative;
}
.m_linkAb {
	position: absolute;
	display: block;
	background-color: rgba(255,255,255,0)
}
.floating_area {
	position: fixed;
	top: calc(52 / 375* 100vw);;;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	z-index: 20;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s opacity;
	height: 0;
}
.s_show.floating_area {
	opacity: 1;
	visibility: visible;;
	/* height: auto; */
}
.floating_list {
	display: flex;
	justify-content: center;;
}
.sec01_link01 {
	width: 86%;
	height: 88.4%;
	top: 11%;
	left: 7%;
	border-radius: 150px;
}

.sec01_movie {
	width: 57.6%;
	height: auto;
	aspect-ratio: 9 / 16;
	max-width: 600px;
	display: block;
	margin: auto;
	position: absolute;
	top: 49%;
	left: 5%;
}
.sec02_link01 {
	width: 69.8%;
	height: 89.6%;
	top: 0;
	left: 15%;
	border-radius: 150px;
}

.pageNav_link01 {
	width: 88%;
	height: 84%;
	top: 12%;
	left: 6%;
	border-radius: 65px;
}
.pageNav_link02 {
	width: 88%;
	height: 84%;
	top: 9%;
	left: 6%;
	border-radius: 65px;
}
.pageNav_link03 {
	width: 88%;
	height: 85.3%;
	top: 5.8%;
	left: 6%;
	border-radius: 65px;
}
.sec03_link01 {
	width: 74.8%;
	height: 89%;
	top: 0%;
	left: 12.6%;
	border-radius: 65px;
	/* background-color: rgba(255,0,0,0.5); */
}

.sec03_title01 {
	margin-top: -12%;
}
.slick-prev,
.slick-next {
	width: 6.66%;
	height: auto;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 0;
	transform: none;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}
html {
	scroll-snap-type: y proximity;
	/* scroll-behavior: smooth;
	scroll-padding-top: 200px; */
}
#Anc01,
#Anc03,
#Anc04  {
	/* scroll-padding-top: 100px; */
	margin-top: calc(calc(-55 / 375* 100vw) + calc(-70 / 375* 100vw)) ;;
	padding-top:  calc(calc(55 / 375* 100vw) + calc(70 / 375* 100vw));
}
#Anc02 {
	margin-top: calc(calc(-55 / 375* 100vw) + calc(-70 / 375* 100vw) - 12%) ;;
	padding-top:  calc(calc(55 / 375* 100vw) + calc(70 / 375* 100vw) + 12%);
}
/* :target {
	scroll-padding-top: 100px;
} */
/* @media screen and (max-width: 749px) {

} */