@charset "utf-8";
/* CSS Document */

body {
    padding-top: 90px; /* ヘッダーの後ろに要素が隠れないようにするため */
	height:100%;
}
a,p,div {
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Arial", "Meiryo", sans-serif;
	font-size:2vw;
}
.menu-bar {
	width:100vw;
	display:table-cell;
	vertical-align:middle;
}
.menu-bar a {
	text-decoration:none;
	color:#000;
}
.menu-bar div {
	display:table-cell;
	vertical-align:middle;
	height:100%;
}
.menu-bar a div {
	font-size:1.8vw;
	font-weight:bold;	
}
.menu-bar img {
	float:left;
	padding-top:0.5vh;
}
header {
    width: 100%; /* 幅いっぱいを指定 */
    height: 8vh; /* 高さを50pxに指定 */
    background: #FFF; /* 背景色にグレーを指定 */
	opacity:0.9;
    padding: 50px 50px; /* ヘッダーに上下左右それぞれ余白を指定 */
    box-sizing: border-box; /* padding分を含んで幅を100%にするため */
    position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
    display: flex; /* 中の要素を横並びにする */
    align-items: center; /* 中の要素を上下中央に並べる */
	z-index:100;
}
header .gnav {
	width:100vw;
	text-align:right;
}
header .gnav_mobile .menu {
	width:90%;
	text-align:right;
	background-color:#FFF;
}
header .gnav .menu {
    display: flex; /* 中の要素を横並びにする */
	background-color:#FFF;
}

header .gnav .menu li {
    list-style: none; /* リストの[・]を消す */
	padding-top:4rem;
	text-align:left;
}
header .gnav_mobile li {
	list-style:none;
	text-align:left;
	font-size:2em;	
}
header .gnav .menu li + li {
    /*margin-left: 40px; /* メニューそれぞれに間隔をあけるため */
}
#wrapper {
	position:relative;
	min-height:100%;
	display:flex;
	flex-direction:column;
	min-height:100vh;
}
#wrapper div {
	/*display:block;*/	
}
#container {
	padding-bottom:6vw;
	margin-top:-40px;
	display:block;
}
main {
  /*  height: 100vw; /* スクロールの演出を見れるようにmainに高さを指定 */*/
	width:100%;

}
.top-image {
	background-image:url("top2.jpg");
	
	background-size: contain;
	background-repeat:no-repeat;

}
.wp-content {
	width:100%;
	text-align:center;
}
.content {
	margin:0 auto;
	width:60vw;
}
.content_mobile {
	width:100%;	
	padding-left:1em;
	padding-right:1em;
}
.content .title {
	color:#36F;
	text-align:left;
}
footer {
	margin-top:auto;
	width:100%;
	/*height:50px;*/
	background-color:#0C0;	
	text-align:center;
	padding-top:5px;
}
footer div {
	color:#FFF;
	font-size:1vw;
	margin:0 auto;	
	margin-top:5px;
}
.menu_en {
	font-size:0.8vw;
	font-family: "Montserrat", sans-serif;
	font-style:italic;
}
.menu_jp {
	font-size:1vw;
	font-weight:bold;
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Arial", "Meiryo", sans-serif;
}
.menu li a {
	color:#004ca1;
	text-decoration:none;
	display:block;
}
.menu li a:hover {
	color:#F93;
}
.menu li {
	padding:0.8vw;
	border-right:1px solid #004ca1;	
}
.top {
	height:50vw;
}
.history {
	text-align:left;
	background-color:#FFF;
	opacity:0.9;	
}
.history p {
	font-size:2vw;
}
.photo {
	text-align:left;	
}
.title {
	font-size:4vw;	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#039;
	-webkit-text-stroke: 1px #FFF;
	text-stroke: 1px #FFF;
}
.memu_img {
	width:5vw;
	heigh:5vw;
	min-width:10px;
}
.CountDown_Image {
	width:20vw;
	height:15vw;
}