html{

	}

body{
	color:#000000;/*通常のテキストカラー*/
	background:black;
	padding:0px;
	margin:0px;
	width:100%;
	}

table{
	margin:auto;
}

div{
	margin:0px;
}

/*■フォントサイズ調整*/
body {
    font-size: 16px; /* モダンブラウザ */
	line-height:1.5em;
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","小塚明朝 Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	text-align:left;
	height:100%;
}
p,th,td,li{
	font-size:16px;
}

/*■レイアウトセレクタ*/
.CNT{
	text-align:center;
	}
.L{
	text-align:left;
	}
.R{
	text-align:right;
	}

a{
	color:#d31920;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#48080b;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}

#background1{
	margin:0px auto;
	text-align: center;
	background: white;
	width:100%;
	
}

#background2{
	opacity: 1;
}

.title1, .title2, .title3, .title4 {
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","小塚明朝 Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-weight:bold;
	text-shadow:0 0 10px hsla(0,0%,0%,0.7);
}

.title1 { font-size:54px; margin:0; color:hsla(0,100%,100%,1);  line-height:1.6; }
.title2 { font-size:20px; margin:0; color:hsla(0,100%,100%,1); line-height:1.6; }
.title3 { font-size:16px; margin:0; color:hsla(0,100%,50%,1); line-height:1.6; }
.title4 { font-size:40px; margin:0; color:hsla(0,100%,100%,1); line-height:1.6; transform: scale3d(1, 1.1, 1);
text-shadow:0.1px 0 0 hsla(0,0%,100%,1),0 0 10px hsla(0,0%,0%,0.7); letter-spacing:1px; line-height:44px; }

@media screen and (max-width:600px){
	.title1 { font-size:calc( 54px * 0.50 + 54px * 0.25 * 100vw / 600px ); } /* 最低50%・最高75% */
	.title2 { font-size:calc( 20px * 0.95 ); }
	.title3 { font-size:calc( 16px * 0.95 ); }
	.title4 { font-size:calc( 40px * 0.95 ); line-height:calc( 44px * 0.95 ); }
}

#header, #footer { position:relative; width:100%; background-color:#000; overflow:hidden; }
#header2, #footer2 { position:relative; margin:0 auto; background-repeat:no-repeat; background-size:cover; text-align:center; }
#header2{ background-image:url(img/header2025.jpg); background-position:center center; }
#footer2{ background-image:url(img/footer_plain.png); background-position:right center;}

/* 黒レイヤー（背景の上・文字の下） */
#header2::before, #footer2::before {
  content:"";
  position:absolute;
  top:0; left:0; width:100%; height:100%;
  z-index:0;
}
#header2::before { background-image:linear-gradient(180deg, hsla(0,0%,0%,1) 0% , hsla(0,0%,0%,0) 30% ); }
#footer2::before {  }

#header, #header2, #footer, #footer2{ height:300px; }
@media screen and (max-width:1200px){ #header, #header2, #footer, #footer2{ height:240px; } }
@media screen and (max-width:600px){ #header, #header2, #footer, #footer2{ height:180px; } }
#header2 { max-width:1920px; }
#footer2 { max-width:1200px; }

/* 文字を上に表示 */
#header-text, #footer-text { position:relative; z-index:1; }

#header-text { position:absolute; bottom:20px; width:100%; text-align:center; padding:0px; }
#footer-text{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:max-content;
  max-width:90%;
  text-align:left;
  padding-left:20px;
  padding-right:10px;
  box-sizing:border-box;
}

#contents{
	padding:20px;
}

#buttonarea{
	margin:0px 0px 40px 0;
}

.button , .button2 {
	display: inline-block;
	font-size:25px;
	padding: 0 0 0 0px ;
	width: 600px;
	height: 75px;
	text-align: center;
	text-decoration: none;
	line-height: 75px;
	outline: none;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "小塚明朝 Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
	border-radius: 25px;
}
.button::before,
.button::after,
.button2::before,
.button2::after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after,
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background: #333;
	color: #fff;
}
.button:hover {
	background:url(img/block.png) ;
	color:#fff !important;
}

.button2 {
	position: relative;
	z-index: 2;
	border: 2px solid #333;
	color: #333;
	line-height: 75px;
	-webkit-perspective: 300px;
	perspective: 300px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.button2:hover {
	color: #333;
}
.button2::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(img/vrbutton.png)  center center;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	opacity: 0;
	border: 2px solid #b7c0ca;
	border-radius: 25px;
}
.button2:hover::after {
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	opacity: 1;
}

#place{
	margin:100px 0;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "小塚明朝 Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

#boxarea{
	text-align:center;
	align-items: center;
	justify-content: center; 
	line-height:2em;
	margin: 0px auto 0px;
	padding: 0px auto 0px;
	display:flex;
	flex-wrap: wrap;
	font-size:0px;
	max-width:1200px;
}

#box {
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "小塚明朝 Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
	font-size:18px;
	font-weight:bold;
	line-height:1.8em; 
	word-break: keep-all;
	margin:0 auto;
	text-align:center;
	padding:0px;
	margin: 0px 15px 40px 15px;
}

#box img{
	max-width:80%;
	max-height:200px;
}

#box.w3 img{ width:30%; }
#box.w4 img{ width:40%; }
#box.w5 img{ width:50%; }
#box.w6 img{ width:60%; }
#box.w7 img{ width:70%; }

#box:hover{ 

}

@media screen and (max-width: 600px){ #box { font-size:14px !important; } }

@media screen and (max-width: 1000px){ #boxarea{ width:auto;} }
@media screen and (min-width: 1001px){ #boxarea{ width:auto;} }
@media screen and (min-width: 1421px){ #boxarea{ /* width:1400px; */ width:auto;	} }

@media screen and (max-width: 600px){ #box { width:calc( 100% - 32px ) !important; } }
@media screen and (max-width: 1000px){ #box { width:calc( (100% - 64px ) / 2 ) ; } }
@media screen and (min-width: 1001px){ #box { width:calc( (100% - 96px ) / 3 ) ; } }
@media screen and (min-width: 1251px){ #box { width:calc( (100% - 128px ) / 4 ) ; } }

/* レスポンシブ対応 */
#youtube_res {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

#youtube_res iframe {
	width: 100%;
	aspect-ratio: 16 / 9; /* ← これがポイント */
	height: auto;
	display: block;
}

#sp { height:10px; }

#spacer2 { height:2px; }
#spacer5 { height:5px; }
#spacer10 { height:10px; }
#spacer20 { height:20px; }
#spacer30 { height:30px; }
#spacer40 { height:40px; }
#spacer50 { height:50px; }
#spacer60 { height:60px; }
#spacer70 { height:70px; }
#spacer80 { height:80px; }
#spacer90 { height:90px; }
#spacer100{ height:100px; }

#menu2 { z-index:1000; }

#menu_m{	font-size: 15px;	}
#menu_s{	font-size: 14px;	}
#menu_xs{	font-size: 12px;	}
#menu_xxs{	font-size: 10px;	}

#endhr {
	background: linear-gradient(90deg, hsla(0,0%,0%,0.1) 0%, hsla(0,0%,0%,0.5) 10%, hsla(0,0%,0%,0.5) 90%, hsla(360,0%,0%,0.1) 100%);
	width:100%;
	clear:both;
	height:2px;
	border-radius:1px;
	display:block;
	clear:both;
	margin:0 0 40px 0;
}

#floatend, #f_end{
	clear:both;
}