@charset "utf-8";
/* CSS Document */
#HeaderWrapper{
	position: absolute;
	top: 0;
	left: 0;
}
/* wrap */
#MainImageYoutube {
	position: relative;
	overflow: hidden;
}
/* video */
#MainImageYoutube .video-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}
#MainImageYoutube .video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/* overlay */
#MainImageYoutube .overlay::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
}
/* text */
#MainImageYoutube .text-box {
	position: absolute;
	bottom: 10%;
	left: 8%;
	z-index: 10;
}
#MainImageYoutube .text-box h2 {
	font-family: "游明朝", YuMincho,"Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	color: #ffffff;
	text-shadow: 1px 1px 2px black;
	font-size: 3vh;
}
#MainImageYoutube .scrolldownBtn {
	position: absolute;
	bottom: 10%;
	right: 10%;
	z-index: 100;
	/*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 3s ease-in-out infinite;
}
/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove {
 0% {bottom:10%;}
 50% {bottom:14%;}
 100% {bottom:10%;}
}
/*Scrollテキストの描写*/
#MainImageYoutube .scrolldownBtn span {
	/*描画位置*/
	position: absolute;
	left: -20px;
	bottom: 10px;
	/*テキストの形状*/
	color: #eee;
	font-size: 1.0rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
/* 矢印の描写 */
#MainImageYoutube .scrolldownBtn:before {
	content: "";
	/*描画位置*/
	position: absolute;
	bottom: 0;
	right: -15px;
	/*矢印の形状*/
	width: 2px;
	height: 20px;
	background: #eee;
	transform: skewX(-31deg);
}
#MainImageYoutube .scrolldownBtn:after {
	content: "";
	/*描画位置*/
	position: absolute;
	bottom: 0;
	right: -9px;
	/*矢印の形状*/
	width: 2px;
	height: 65px;
	background: #eee;
}
#FeedArea #FeedTitle{
	height: 42px;
}

#FeedBox ul{
}
#FeedBox li{
	border-bottom: #b1b1b1 1px dotted;
}
.VideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.VideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#ResultsArea{
	background-image: url("https://y-dssc.com/w2/wp-content/uploads/2024/02/results-bg1.png");
	background-repeat: repeat-x;
	background-size: auto;
	background-position: left top;
	background-color: #1a1a1a;
}

/* ########### 991px以下 ＞lg ########### */
@media (max-width: 991px) {
#MainImageYoutube .text-box h2 {
	font-size: 3.5vw;
}
#ResultsArea{
	background-image: url("https://y-dssc.com/w2/wp-content/uploads/2024/02/results-bg1.png");
	background-repeat: repeat-x;
	background-size: auto;
	background-position: left top;
	background-color: #383c3c;
}
}

/* ########### 767px以下 ＞md ########### */
@media (max-width: 767px) {
#MainImageYoutube .text-box h2 {
	font-size: 4vw;
}
}
/* ########### 575px(xm)以下 スマホ用 ########### */
@media (max-width: 575px) {
}
/*トップページ用 設定 OnlyTop*/