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

body {
	text-align:left;
	margin: 0 auto;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	font-size:15px;
	width:100%;
	background:#000;
}

section{
	width:100%;
	max-width: 1000px;
	margin:20px auto 60px;
}
section a:hover img {
	opacity:0.6;
	filter:alpha(style=0, opacity=70);
}


/*----------------------------------
             header
----------------------------------*/

header {
	width:100%;
	
}

h1 {
	text-indent:-9999px;
	max-width:1000px;
	height:700px;
	background: url(../img/poster.jpg) no-repeat;
	margin:0 auto;
	
}
h1 a {
	display:block;
	width:1000px;
	height:700px;
	
}
.head {
	display:none;
}

/*----------------------------------
            footer
----------------------------------*/

footer {
	clear:both;
	width:100%;
	padding:30px 0 14px;
	background-color:#454038;
	text-align:center;
	color:#FFF;
	font-size:12px;
	letter-spacing:1px;
}
.banabox img {
	margin:0 30px 40px;	
}

/*--------------------------------
          navi
----------------------------------*/

.wrap100 {
	width:100%;
	height:66px;
	background: url(../img/nav_bg.png) repeat-x;
}
nav {
	width:1000px;
	margin:0 auto;
	padding:10px 0;
}
nav ul {
	border-left:solid 1px #000;
}
nav ul li {
	border-right:solid 1px #000;
	/*display:inline-block;*/
	float:left;
	line-height:46px;
	font-size:17px;
	letter-spacing:2px;
	width:198px;
	text-align:center;
}
nav ul li a {
	display:block;
	color:#000;
	text-decoration:none;
}
#event {
	line-height:1.2;
	padding:4px 0 2px;
}
nav ul li a:hover {
	color:#900;
	font-weight:bold;
	text-decoration:none;
}
nav ul li a:active {
	text-decoration:none;
}

/*-------スマホナビ-------*/

/*ハンバーガーメニュー3本線*/
#navToggle {
	display:none;
	position:absolute;
	right:13px;
	top:13px;
	width:28px;
	height:25px;
	cursor:pointer;
}
#navToggle div {
	position:relative;
}
#navToggle span {
	display:block;
	position:absolute;
	width:100%;
	border-bottom:solid 3px #999;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {top:0;}
#navToggle span:nth-child(2) {top:11px;}
#navToggle span:nth-child(3) {top:22px;}


/*--------------------------------
         contents
----------------------------------*/

h2 {
	background: url(../img/h2_bg.png) no-repeat;
	text-align:center;
	width:1000px;
	height:70px;
	padding-top:30px;
	margin-bottom:10px;
	color:#000;
	font-size:30px;
	letter-spacing:3px;
	text-shadow: 1px 1px 0px #FFF;
	
}
h3 {
	background-color:#FFFFDB;
	text-align:center;
	color:#222;
	width:960px;
	margin:0 auto 20px;
	font-size:22px;
	padding:6px 0 4px;
	letter-spacing:2px;
	font-weight:normal;
	border-left:solid 20px #B39F55;
	border-right:solid 20px #B39F55;
}



/*テキスト装飾*/
.red {
	color: #E00;
}
.blue {
	color: #06F;
}
.yellow {
	color:#FF0;
}

.picNOMB {/*画像の下のスペース削除*/
	vertical-align:text-bottom;
}
.f_right { float:right;}


/*この頁のトップボタン*/

#page-top {
    position: fixed;
    bottom: 0px;
	left:50%;
	margin-left:486px;
	line-height:120%;
}
#page-top a {
    background: #666;
	font-size:13px;
	line-height:120%;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 8px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	opacity:0.6;
	filter:alpha(style=0, opacity=60);
}
#page-top a:hover {
    text-decoration: none;
    background: #333333;
	opacity:0.7;
	filter:alpha(style=0, opacity=70);
}


/*----ボタンロールオーバー----*/

a:hover .rollOver,
a:focus .rollOver,
a:active .rollOver {
	opacity:0.6;
	filter:alpha(style=0, opacity=70);
	
}

.clear {
	clear:both;
	height:0;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る　.でなくても良い */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {　/*IE7のため*/
  min-height: 1px;
}

* html .clearfix {　/*　IE6以前　*/
  height: 1px;
  /*\*//*/　　　　　　　　/*　IE5.xのための記述　*/
  height: auto;
  overflow: hidden;
  /**/
}

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

body {
	width:100%;
	min-width:100px;
}

section{
	max-width: 96%;
	margin:0 2%;
	padding:16px 0 ;
}

/*header*/

.head {
	display: block;
	background-color:#000;
	height:50px;
}
.sp_h1 {
	position:absolute;
	top:12px;
	left:10px;
}

h1 {
	max-width:1000px;
	height:0;
	padding-top: 70%;
	background-size: contain;
}
h1 a {
	width:100%;
	height:0;
}


h2 {
	background-size: 100% auto;
	width:100%;
	height:auto;
	padding:6px 0 4px;
	margin-bottom:18px;
	font-size:18px;
	letter-spacing:3px;
}
h3 {
	background-color:#FFFFDB;
	text-align:center;
	color:#222;
	width:95%;
	margin:0 auto 20px;
	font-size:17px;
	padding:6px 0 4px;
	letter-spacing:2px;
	font-weight:normal;
	border-left:solid 6px #B39F55;
	border-right:solid 6px #B39F55;
}

/*footer*/
.banabox img {
	width:44%;
	margin:0 1% 30px;	
}


/*nav*/

.wrap100 {
	height:0;
}

nav {
	position:absolute;
	right:0;
	top:-300px;/*通常時は見えないように*/
	width:70%;
	background:#684F1E;
	padding:0 0px;
	-webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
	text-align:left;
	
}
nav ul {
	margin:0;
	padding:0;
	border-left:none;
	width:100%;
}
nav ul li {
	display:block;
	margin:0;
	border-bottom:dotted 1px #E3CD57;
	line-height:1.5;/*高さ*/
	border-right:none;
	text-indent:0;
	float:none;
	width:100%;
	vertical-align:text-bottom;
	
}
nav ul li a:visited {
	color:#FFF;
}

nav ul li a {
	display:block;
	padding:14px 10px;
	color: #FFF;
	text-decoration:none;
}
nav ul li a:hover {
	color:#FF6;
}
nav ul li::after {
	content:'';
}
nav ul li:last-child {
	border-bottom:none;
}

#navToggle {
	display:block;
}
.openNav #navToggle span:nth-child(1){
	top:11px;
	-webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
    top: 11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
.openNav nav {/*ヘッダーの高さで可変*/
    -moz-transform: translateY(350px);
    -webkit-transform: translateY(350px);
    transform: translateY(350px);
}

#nav1 a,#nav1on a,#nav2 a,#nav2on a,#nav3 a,#nav3on a,#nav4 a,#nav4on a,#nav5 a,#nav5on a,#nav6 a,#nav6on a,#nav7 a,#nav7on a {background-image:none;}


.f_right {float:none;}

/*この頁のトップボタン*/

#page-top {
    left: 82%;
	margin-left:0px;
}

	
}