@charset "euc-jp";
/* CSS Document */

body,html {
	height:100%;	
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #fafafa;
	font-size:16px;
	line-height:2.2em;
	color:#2b2b2b;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:hover img {
	filter:brightness(110%);
}

/* -------------------------------------------------
index main
-------------------------------------------------*/

#overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.8;
	z-index:2;
	display:none;
}

#trailer-wd {
	position:absolute;
	width:1000px;
	left:50%;
	top:120px;
	margin-left:-500px;
	z-index:3;
	display:none;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#btn-close {
	color: #fff;
	width: 200px;
	text-align: center;
	padding: 10px;
	background-color: #0a6a8d;
	border: 1px solid #358dad;
	position: absolute;
	left: 50%;
	top: 720px;
	margin-left: -100px;
	z-index: 2;
	font-family: FOT-筑紫Aオールド明朝 Pr6 D;
	font-size:18px;
	display: none;
	cursor: pointer;
}

#btn-close:hover {
	background-color:#075470;
}

#index-main-wrapper {
	background-image:url(../images/index_top_line.png),url(../images/index_bg.jpg);
	background-repeat:repeat-x,repeat;
	background-position:left top,left top;
	position:relative;
}

#index-main-container {
	background-image: url(../images/index_main1.png),url(../images/index_main2.png);
	background-repeat: no-repeat,no-repeat;
	background-position: center 180px,center 500px;
	width: 1160px;
	height: 1044px;
	margin: 0 auto;
	position: relative;
}

h1 {
	position: absolute;
	left: 336px;
	top: 436px;
}

h2 {
	position: absolute;
	left: 776px;
	top: 194px;
}

h3 {
	position: absolute;
	left: 30px;
	top: 894px;
}

#award {
	position: absolute;
	right: 0;
	top: 40px;
	z-index:1;
}

#award img.sp {
	display:none;
}

#director {
	position: absolute;
	left: 945px;
	top: 548px;
}

#wappen {
	position: absolute;
	left: 30px;
	top: 590px;
}

#flower1 {
	position:absolute;
	left:0px;
	top:0px;
}

#flower2 {
	position:absolute;
	right:0px;
	bottom:0px;
}

/* -------------------------------------------------
menu
-------------------------------------------------*/

#index-menu {
	display: block;
	background-color: #28527e;	
	text-align:center;
	padding:10px 0;
}

#index-menu li {
	display:inline-block;
	color:#fff;
	font-family: FOT-筑紫Aオールド明朝 Pr6 D;
	font-feature-settings : "palt" 1;
	font-size:22px;
	line-height:1em;
}

#index-menu li a {
	display:inline-block;
	padding:20px 25px;
	text-decoration:none;
	color:#fff;
}

#index-menu li a:hover {
	color:#f8d429;
}

#index-menu li:nth-child(1) a {
	padding-left:56px;
	background-image:url(../images/icon_fb.png);
	background-repeat:no-repeat;
	background-position:18px center;
	background-size:24px auto;
}

@media only screen and (max-width: 800px) {

	/* -------------------------------------------------
index main 800
-------------------------------------------------*/

#index-main-wrapper {
	background-image:url(../images/index_top_line.png),url(../images/index_bg.jpg);
	background-repeat:repeat-x,repeat;
	background-position:left top,left top;
	background-size:auto 10px, 200px auto;
	position: relative;
 width: 100%;
}

#index-main-wrapper:before {
 content:"";
 display: block;
 padding-top: 200%; /* 高さを幅の200%に固定 */
}

#inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#index-main-container {
	background-image:url(../images/index_main1.png),url(../images/index_main2.png);
	background-repeat:no-repeat,no-repeat;
	background-position:center 36%,center 78%;
	background-size:130% auto ,140% auto;
	width:100%;
	height:100%;
	position:relative;
}

#trailer-wd {
	position:fixed;
	width:90%;
	left:5%;
	top:30%;
	margin-left:0;
}

#btn-close {
	position:fixed;
	top: 75%;
}


h1 {
	position:absolute;
	left:0;
	top:34%;
	text-align:center;
	width:100%;
}

h1 img {
	width:50%;
	height:auto;
}

h2 {
	position:absolute;
	left:73%;
	top:22%;
	width:8%;
}

h2 img {
	width:100%;
	height:auto;
}

h3 {
	position:absolute;
	left:0;
	top:66%;
	width:100%;
	text-align:center;
}

h3 img {
	width:80%;
	height:auto;
}

#award {
	position: absolute;
	width:55%;
	right:10px;
	top: 2%;
	margin:0;
}

#award img.sp {
	display:block;
}

#award img.pc {
	display:none;
}

#award img.sp {
	width:100%;
	height:auto;
}

#director {
	position:absolute;
	left:6%;
	top:52%;
	width:20%;
}

#director img {
	width:100%;
	height:auto;
}

#wappen {
	position:absolute;
	left:0;
	top:77%;
	width:100%;
	text-align:center;
}

#wappen img {
	width:30%;
	height:auto;
}

#flower1 {
	width:42%;
	height:auto;
}

#flower2 {
	width:30%;
	height:auto;
}

#flower1 img,
#flower2 img {
	width:100%;
	height:auto;
}

/* -------------------------------------------------
menu 800
-------------------------------------------------*/

#index-menu {
	display: block;
	text-align:center;
}

#index-menu li {
	display:inline-block;
	color:#fff;
	font-family: FOT-筑紫Aオールド明朝 Pr6 D;
	font-feature-settings : "palt" 1;
	font-size:16px;
	line-height:1em;
}

#index-menu li a {
	display:inline-block;
	padding:20px 25px;
	text-decoration:none;
	color:#fff;
}

#index-menu li a:hover {
	background-color:#075470;
}

#index-menu li:nth-child(1) a {
	padding-left:56px;
	background-image:url(../images/icon_fb.png);
	background-repeat:no-repeat;
	background-position:18px center;
	background-size:24px auto;
}

}


@media only screen and (max-width: 480px) {
	/* -------------------------------------------------
index main 480
-------------------------------------------------*/

#index-main-wrapper {
	background-image:url(../images/index_top_line.png),url(../images/index_bg.jpg);
	background-repeat:repeat-x,repeat;
	background-position:left top,left top;
	background-size:auto 6px, 200px auto;
	position: relative;
 width: 100%;
}

#index-main-wrapper:before {
 content:"";
 display: block;
 padding-top: 250%; /* 高さを幅の200%に固定 */
}

#inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#index-main-container {
	background-image:url(../images/index_main1.png),url(../images/index_main2.png);
	background-repeat:no-repeat,no-repeat;
	background-position:center 24%,center 78%;
	background-size:130% auto ,140% auto;
	width:100%;
	height:100%;
	position:relative;
}

#btn-close {
	position:fixed;
	top: 70%;
}


h1 {
	position:absolute;
	left:0;
	top:30%;
	text-align:center;
	width:100%;
}

h1 img {
	width:78%;
	height:auto;
}

h2 {
	position:absolute;
	left:71%;
	top:18%;
	width:11%;
}

h2 img {
	width:100%;
	height:auto;
}

h3 {
	position:absolute;
	left:0;
	top:69%;
	width:100%;
	text-align:center;
}

h3 img {
	width:96%;
	height:auto;
}

#award {
	position: absolute;
	width:62%;
	right:10px;
	top: 2%;
	margin:0;
}

#award img.sp {
	display:block;
}

#award img.pc {
	display:none;
}


#director {
	position:absolute;
	left:2%;
	top:51%;
	width:30%;
}

#director img {
	width:100%;
	height:auto;
}

#wappen {
	position:absolute;
	left:0;
	top:79%;
	width:100%;
	text-align:center;
}

#wappen img {
	width:48%;
	height:auto;
}

#flower1 {
	width:42%;
	height:auto;
}

#flower2 {
	width:30%;
	height:auto;
}

#flower1 img,
#flower2 img {
	width:100%;
	height:auto;
}

/* -------------------------------------------------
menu 480
-------------------------------------------------*/

#index-menu {
	background-color: #3a6898;
	padding:0;
}

#index-menu li {
	display: block;
	float:left;
	color: #fff;
	font-family: FOT-筑紫Aオールド明朝 Pr6 D;
	font-feature-settings : "palt" 1;
	font-size: 16px;
	line-height: 1em;
	background-color:#28527e;
	margin:0.5px;
	width:calc(50% - 1px);
}

#index-menu li:nth-child(7),
#index-menu li:last-child {
	width:calc(100% - 1px);
}

#index-menu li a {
	display:inline-block;
	padding:20px 25px;
	text-decoration:none;
	color:#fff;
}

#index-menu li a:hover {
	background-color:#0a6a8d;
}

#index-menu li:nth-child(1) a {
	padding-left:56px;
	background-image:url(../images/icon_fb.png);
	background-repeat:no-repeat;
	background-position:18px center;
	background-size:24px auto;
}

}