/*
当サイトのテキスト及び画像、それに伴う全ての無断転載は禁止いたします。
発見した場合は法的処置も視野にいれております。絶対に無断転載はお止めください。
*/
/*-----------------------*/
*{
	margin:0px;
	padding:0px;
}
body {
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color:#fff;
	background: #000;
}
img{
	width:100%;
	height: auto;
	display: block;
}
a{
	text-decoration: none;
}
.pr{
	text-shadow: 0 1px 2px rgba(0,0,0,.3);
	opacity: .6;
	position: absolute;
	top:0;
	right:1%;
}
img.imtag{
	width:1px;
	height: 1px;
	position: fixed;
	right: 0;
	bottom:0;
}
#wrapper{
	position: relative;
}
/*splash-------------------*/
#splash .ques_box{
	position: fixed;
	bottom:-5%;
	right:0;
	width: 100%;
	z-index: 1;
}
#splash .ques_btn{
	z-index: 2;
	position: absolute;
	bottom:20%;
	left: 0;
	right:0;
	margin: auto;
	width:65%;
}
#splash .ques_btn.btn_top{
	bottom:40%;
	animation: glowBtnTop 3s ease-in-out infinite;
}
#splash .ques_btn.btn_btm{
	animation: glowBtnBtm 3s ease-in-out infinite;
}
#splash .ques_btn.btn_yellow::before,
#splash .ques_btn.btn_blue::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: inherit;
}
@keyframes glowBtnTop {
0% {filter: drop-shadow(0 0 0 rgba(14, 244, 225, 0.7));}
50% {filter: drop-shadow(0 0 10px rgba(14, 244, 225, 0.7));}
100% {filter: drop-shadow(0 0 0 rgba(14, 244, 225, 0.7));}
}
@keyframes glowBtnBtm {
0% {filter: drop-shadow(0 0 0 rgba(16, 241, 157, 0.7));}
50% {filter: drop-shadow(0 0 10px rgba(16, 241, 157, 0.7));}
100% {filter: drop-shadow(0 0 0 rgba(16, 241, 157, 0.7));}
}
/*video_box-------------------*/
#video_box{
	width: auto;
	margin:0 auto;
}
#video_box video.play{
	display:none;
}
#video_box video{
	height: 100vh;
	height: 100dvh;
}
/*btn--------------------------------*/
#video_box a{
	position:fixed;
	width: 80%;
	bottom:-10%;
	left:0;
	right: 0;
	border-radius: 15px;
	overflow: hidden;
	margin: auto;
	z-index: 3;
	display: none;
	animation: scale 5s linear infinite;
}
.btn_item{
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.btn_item::before{
	content: '';
	display: block;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 249, 218, 1) 50%, rgba(255, 255, 255, 0) 100%);
	height: 300px;
	width: 100px;
	transform: translate(0);
	position: absolute;
	animation: rotate 5s linear infinite;
	z-index: 0;
	top: 50%;
	transform-origin: top center;
}
.btn_inner {
	position: relative;
	z-index: 1;
	margin: 1.5px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
@keyframes scale {
	0% {transform: scale(0.97);}
	50% {transform: scale(1);}
	100% {transform: scale(0.97);}
}
@keyframes rotate {
	from {transform: rotate(0);}
	to {transform: rotate(360deg);}
}

/*PC--------------------------------*/
@media screen and (min-width: 600px) {
body {
	overflow-y: hidden;
	height: 100vh;
}
body.subpage{
	overflow:auto;
	height: auto;
}
#wrapper{
	width:100%;
	max-width: 450px;
	margin:0 auto;
	position: relative;
}
#splash .ques_box{
	width:450px;
	left:calc(50% - 225px);
	cursor: pointer;
}
#video_box a{
	width: 350px;
}
#video_box a:hover{
	opacity: .8;
}
}