#slidershow{
	display:none;
}
.start {
	position:fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: radial-gradient(circle at top left, #ddedfd 0%, #4b669b 85%, #38487b 100%);
	filter:brightness(110%);
	z-index: 9000;
}
#top_anime{
	position: fixed;
	left: 10%;
	top: 5%;
	z-index: 9999;
	font-size:12vw;
	font-family: 'Mv Boli', sans-serif;
	color: #ffffff;
	object-fit: cover;
}
#ooo {
	position: fixed;
	left:75%;
	top:55vmin;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	font-size:12vw;
	color: #ffffff;
	font-family: 'Mv Boli', sans-serif;
}
img.Image_TOP{
	display:none;
}
img.Image_TOP_s{
	width:100%;
  height:100vh;
  object-fit: cover;
  object-position:0 0;
	vertical-align: bottom;
}
.Nav_Common{
	display:none;
}
html,body{
	margin:0;
	font-size:1rem;
	font-family: 'メイリオ', sans-serif;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	position:relative;
}
div.wrap{
	overflow:hidden;/*ボディの外にできる余白を消す*/
}

header{
	width:100vw;
	height:15vmin;/*19vmin*/
	margin:0;
	padding:0;
	font-size:1.8rem;
	font-family: 'Cabin', sans-serif;
	text-align:left;
	background-color: #19448e;
	color: #ffffff;
}
header a{
	font-family:'Cabin', sans-serif;
	width:80%;
    position:relative;
    left:2%;
    top:1vmin;
	font-size:8vmin;
	text-decoration:none;
	color: #ffffff;
}
header div{
	width:0;
	margin:0;
	position:relative;
	top:-65%;
	right:-84%;
}
.hamburger-menu div {
  position:relative;
  width:13vmin;
  height:2.5vmin;
  margin:1vmin 0;
  background-color: #ffffff;
  transition: .5s;
/* アニメーションの時間を0.5秒に指定 */
}
.hamburger-menu:hover div {
  opacity:0.6;
 /* 透明度を指定 */
 }
.hamburger-menu + .sidenavs:target {
  overflow-x: visible;
/* ボックスからはみ出る箇所をそのまま表示 */
  width: 100%;
  display:block;
}
.sidenavs:target {
  overflow-x: hidden;
  
/* ボックスからはみ出る箇所を隠す */
  width: 0;
}
/* ハンバーガーメニュー表示時 */
.sidenavs {
  height: 85%;
  width: 0;
  padding-top:40px;
  padding-bottom:100%;
  margin-bottom:100%;
  position: fixed;
overflow-y: scroll;
 /* 画像の配置を指定 */
   z-index: 1;
  top: 0;
  right: 0;
  background-color: #f5fffa;
  overflow-x:hidden;
/* 横スクロールを無効にする */
  transition: 0.5s;
/* アニメーションの時間を0.5秒に指定 */
}
/* ハンバーガーメニュー表示時のリンク */
.sidenavs a {
  padding: 8px 8px 30px 10px;
  text-decoration: none;
  font-size: 30px;
  font-family: 'Cabin', sans-serif;
  color: #66ccff;
  display: block;
  width:70%;
  transition: 0s;
  font-weight:bold;
}
/* マウスオーバー後のリンク */
.sidenavs a:hover {
  color: #fcc800;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:(0,0,0,0);
  cursor:pointer;
}
/* クローズボタン */
.sidenavs .close-btn {
  position: absolute;
/* 親要素との絶対位置を指定 */
  top: 0;
  right: 25px;
  font-size: 60px;
  margin-left: 75%;
  width:10%;
}

.pcmain {
	position:relative;
}

#wordA {
	position: absolute;
	top: -5%;
	left: 5vw;
	font-size: 15vmin;
	color: #ffffff;
}

#wordB{
	position: absolute;
  	top: 13%;
	right:10%;
	font-size: 13vmin;
	color: #ffffff;
}

.pcmain p{
	font-family: 'Cabin', sans-serif;
	text-shadow: 5px 5px 0px #000000;
}
/*
.txt_bg_blue_white{
    background:rgba(102,204,255,0.8);
    padding:0.5em;
    border-radius:70%;
    color:white;
    box-shadow:1px 2px 3px;
    display:none;
}*/

#wordC{
	font-family: 'メイリオ', sans-serif;
	font-size:8vmin;
	font-weight:bolder;
	text-shadow: 3px 3px 2px #000;
	position: absolute;
	top: 55%;
  	width:100%;
  	text-align:center;
  	opacity: 0;
    animation-duration: 1.5s;
    animation-delay : 3.1s;
    animation-name: TopToBottom;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.txt_bg_yellow_white{
    background: linear-gradient(transparent 65%, rgba(255,255,255,0.5) 65%);
    color:#fff;
    -webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(102,204,255);
    	
border-radius: 4px;
    
}


@keyframes TopToBottom {
	0% {
	    opacity: 0;
	    transform: translateX(-300px);
	}
	100% {
	    opacity: 1;/
	    transform: translateX(0);
	}
}

footer{	
	height:75px;
	
	margin-top:0;
	padding:1em;
	font-size:13px;
	text-align: center;
	background-color: #19448e;
	color: #ffffff;
}


@media(min-width: 927px){
img.Image_TOP_s{
		display:none;
	}
	
	img.Image_TOP{
		display:block;
		width:100%;
		height:93vh;
		object-fit: cover;
		object-position:0 0;
		vertical-align: bottom;	
	}
	header{
		display:none;
	}

	.Nav_Common{
		display:block;
	}
	.hamburger-menu div{
		display:none;
	}
	.menuBtn{
	box-sizing: border-box;
	width:100%;
	overflow:hidden
	margin:0;
    }

	.menuBtn li{
		box-sizing: border-box;
		display: inline-block;
		width : calc(100% / 6) ;
		float:left;
		height:100px;
	}
	.list .active{
		background-color:rgba(252,200,0,0.7);
	}
	.japanese{
		font-family: 'メイリオ', sans-serif;
		font-size:14px;
		text-align: center;
	}

	.Nav_Title{
		font-weight:bold;
		font-size:20px;
		text-align: center;
		font-family: 'Cabin', sans-serif;
	}

	.Nav_Common ul{
		width:100%;
		padding:0;
		margin:0;	
	}

	.menuBtn a{
		color:#ffffff;
		text-decoration:none;
	}

	.menuBtn a li {
		color:#ffffff;
		background-color:rgba(102,204,255,0.7);
		margin-bottom: 0px;
		margin-top: 10px;
		border: 1px solid #ffffff
	}

	.menuBtn a:hover{
		background-color:rgba(252,200,0,0.7);
	}

	.menuBtn a li:hover{
		background-color:rgba(252,200,0,0.7);
	}

	

	#space{
		height:100px;
	}

	
	     .pcmain {
	position:relative;
    }

	.okok{
	position:relative;
	}
	.okok .Nav_Common{
	position:absolute;
	bottom:0%;
	box-sizing: border-box;
	width:100%;
	}
	#wordA {
		position: absolute;
		left: 10%;
		font-size: 100px;
		font-family:'Cabin', sans-serif;
		color: #ffffff;
	}

	#wordB{
		position: absolute;
		top: 17%;
		left: 50%;
		font-size: 90px;
		color: #ffffff;
	}

	.pcmain p{
		font-family: 'Cabin', sans-serif;
		text-shadow: 5px 5px 0px #000000;
	}


	#top_anime{
		position: fixed;
		left: 10%;
		top: 0%;
		z-index: 9999;
		font-size:12vw;
		font-family: 'Mv Boli', sans-serif;
		color: #fff;
		object-fit: cover;
		text-shadow: 5px 5px 2px rgba(105,105,105,0.6);
}
	#ooo {
		position: fixed;
		left:77%;
		top:55vmin;
		transform: translate(-50%, -50%);
		display: none;
		z-index: 9999;
		font-size:10vw;
		color: #fff;
		text-shadow: 5px 5px 2px rgba(255,255,255,0.4);
		font-family: 'Mv Boli', sans-serif;
}

	/*.txt_bg_blue_white{
		background:rgba(102,204,255,0.8);
		padding:0.5em;
		border-radius:70%;
		color:white;
		box-shadow:1px 2px 3px;
		display:none;
	}*/

	#wordC{
		font-family: 'メイリオ', sans-serif;
		font-size:40px;
		font-weight:bolder;
		text-shadow: 3px 3px 2px #000;
		position: absolute;
		top: 54%;
		right:10%;
		text-align:right;
		opacity: 0;
		animation-duration: 1.5s;
		animation-delay : 3.1s;
		animation-name: TopToBottom;
		animation-iteration-count: 1;
		animation-fill-mode: forwards; 
	}
	.txt_bg_yellow_white{
		background: linear-gradient(transparent 65%, rgba(255,255,255,0.5) 65%);
		color:#fff;
		-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(102,204,255);
	border-radius: 4px;
	}

	@keyframes TopToBottom {
		0% {
			opacity: 0;
			transform: translateX(-300px);
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
}