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

/*＝＝タグリセット＝＝*/
h1,h2,h3,h4,h5,h6,div,p,img,a,ul,li,table,td,tr{
 margin:0px;
 padding:0px;
 border:0px;
}

body{
 text-align:center;
 margin:0px auto;
 background:#ffffff;	
 padding:0px;
 font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

/*＝＝全体枠の指定＝＝*/
#all{
width:100%;
 background:#ffffff;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}

/*＝＝ヘッダの指定＝＝*/
header h1{
 text-align:center;
 width:100%;
 max-width:980px;
 margin:auto;
}

header h1 img{
width:100%;
}

header .pch1 p img{
width:100px;
}

nav.pc{
width:100%;
}

nav.pc ul{
text-align:center;
background:#0099FF;
}

nav.pc li{
font-size:16px;
line-height:2;
display:inline-block;
padding:1%;
margin:auto;
border:none;
}

nav.pc li a{
text-decoration:none;
color:#fff;
display:block;
width:100%;
height:100%;
border:none;
}

nav.pc li a:hover{
color:#FF0;
background:#003366;
}

nav.pc li a.active    {
background:#F9D595;
text-decoration:underline;
background:#003366;
}

/*メインコンテンツ*/
#layer0{
background:#ffffff;
width:100%;
max-width: 980px;
margin: auto;
tex-align:center
}

#contents {
width:60%;
float:left;
padding:0px;
margin:auto;
padding: 3%;
background:#fff;
text-align:left;
}

#contents p{
font-size:16px;
line-height:24px;
margin-left: 10px;
}

#contents h2{
font-size:22px;
line-height:28px;
padding-top:20px;
padding-bottom:4px;
}

#contents h3{
font-size:18px;
line-height:20px;
margin-top:20px;
font-weight:bold;
clear:both;
}

#contents .blue{
 color:blue;
}

#contents .red{
 color:red;
}

#contents .green{
 color:green;
}


#contents img{
width:90%;
  margin: 5px 0px;
}

.tyuuijikou li{
   list-style: none;
}

/*最新情報*/
#news{
width:100%;
text-align:left;
}

#news h4{
font-size:34px;
line-height:1.2;
color:#0066cc;
margin-top:30px;
font-weight:normal;
letter-spacing:1px;
}

#news h4 img{
 max-height:32px;
 vertical-align:middle;
 padding:2px 3px;
}

#news h5{
font-weight:bold;
font-size:18px;
line-height:1.2;
color:#C03;
padding:0 5px;
margin:0;
}

#news h5 span{
font-size:14px;
line-height:1;
font-weight:normal;
padding:0 0 0 10px;
color:#000;
}

#news p{
width:100%;
margin-top:0;
line-height:1.5;
padding:0;
font-size:16px;
}

#news div{
padding:0px 0px 15px 0px;
margin:auto;
}

.list{
width:98%;
clear:both;
padding:20px auto 30px;
margin-bottom:20px;
}

.list li{
 width:46%;
 float:left;
 line-height:2.5;
 font-size:16px;
list-style:none;
margin-left:20px;
}

.clear{
 clear:both;
float:none;
}

.sangyou{
color:#F0F;
font-size:30px;
line-height:1.2;
}

.midashi{
font-size:34px;
line-height:1.2;
color:#0066cc;
margin-top:30px;
margin-bottom:15px;
font-weight:normal;
letter-spacing:1px;
border-bottom: 3px double #ccc;
}


/*＝＝催事内容＝＝*/
.point{
	color:#00F;
}

.tyui {
color:#f00;
}

.saiji{
	color:#fff;
	border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px;
    line-height:1.2;
}

.sat{
	background-color: #00f;
}

.sun{
	background-color: #f00;
}
.saiji__green{
	color:green;
	line-height:2;
}

.click{
	color:red;
}

/*＝＝屋内会場　催事内容＝＝*/
.event-okunai{
    table-layout: fixed;
	width:95%;
	height:auto;
	border-collapse: collapse;
	border: solid 1px #888;
	margin: 0 auto;
}

.event-okunai th:nth-child(1) {
	width:16%;
	padding:7px 0px;
}

.event-okunai th:nth-child(2) {
	width:60%;
	padding:7px 0px;
}

.event-okunai td{
	padding:7px 1px;
	border-top: solid 1px #888;
	border-bottom: solid 1px #888;
}

.event-okunai td:nth-child(1) {
	border-right: solid 1px #888;
}

.event-okunai tr:first-child{
	text-align:center;
	background-color: #0099FF;
	color:#fff;
}

.event-okunai tr:nth-child(even){
	background-color: #eee;
}

.event-okunai td:first-child{
	text-align:center;
}

.event-okunai td:last-child{
	text-align:right;
}

.okunai-title{
	font-size:18px;
	font-weight:bold;	
}



/*＝＝屋外会場　催事内容＝＝*/
.event{
    table-layout: fixed;
	width:95%;
	height:auto;
	border-collapse: collapse;
	border: solid 1px #888;
	margin: 0 auto;
}

.event th:nth-child(1) {
	width:7%;
	padding:7px 0px;
}

.event th:nth-child(2) {
	width:43%;
	padding:7px 0px;
}

.event td{
	padding:7px 1px;
	border: solid 1px #888;
}

.event tr:first-child{
	text-align:center;
	background-color: #0099FF;
	color:#fff;
}

.event tr:nth-child(even){
	background-color: #eee;
}

.event td:first-child{
	text-align:center;
}

.okugai-sat{
	color: #00f;
	font-weight:bold;
}

.okugai-sun{
	color: #f00;
	font-weight:bold;
}

.stamp{
	color: #f00;
	font-weight:bold;
}
/*＝＝屋内ステージ　催事内容＝＝*/
.event-stage{
    table-layout: fixed;
	width:95%;
	height:auto;
	border-collapse: collapse;
	border: solid 1px #eee;
	margin: 0 auto;
}

.event-stage th:nth-child(1) {
	width:30%;
	padding:7px 3px;
}

.event-stage td{
	padding:7px 3px;
}

.event-stage tr:first-child{
	text-align:center;
	background-color: #0099FF;
	color:#fff;

}

.event-stage tr:nth-child(even){
	background-color: #eee;
}

.event-stage td:first-child{
	text-align:center;
}



/*＝＝広告枠＝＝*/
#right_box{
width:30%;
margin:20px 0 5px 0;
float:right;
background:#fff;
}

#right_box a{
background:#fff;
}

#right_box #viewer img{
width:100%;
max-width:300px;
margin-bottom:5px;
background:#fff;
border: 1px solid #999;
}

#right_box #viewer-b img{
width:100%;
max-width:240px;
margin-bottom:5px;
margin-left:55px;
background:#fff;
border: 1px solid #999;
}

#right_box #viewer-c img{
width:100%;
max-width:240px;
margin-bottom:5px;
margin-left:55px;
background:#fff;
border: 1px solid #999;
}

#right_box #viewer-d img{
width:100%;
max-width:240px;
margin-bottom:5px;
margin-left:55px;
background:#fff;
border: 1px solid #999;
}

/*＝＝フッタの指定＝＝*/

footer{
clear:both;
width:100%;
margin:50px auto 0;
text-align:center;
background:#0099FF;
padding:10px 0px;
}

footer h6 img{
  vertical-align:middle;
  max-height:24px;
  padding-right:5px;

}

footer h6 {
font-size:14px;
height:2;
padding-bottom:10px;
font-weight:normal;
color:#fff;
}


footer p{
font-size:12px;
line-height:1.5;
color:#fff;
}

footer .yohaku{
padding-left:132px;
background-image:none;
}


#all .small{
font-size:12px;
}

#all .big{
font-size:18px;
font-weight:bold;
padding:3px 0px;
}




/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  width:100%;
  position: fixed;
  z-index :9999;
  right : 13px;
  top   : 0px;
  width : 42px;
  height: 60px;
  cursor: pointer;
  text-align: center;
  background:#0066cc;

}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background: #fff;
  text-align: center;
  transform: translateX(100%);
  transition: all 0.6s;
  width: 100%;
}

nav.globalMenuSp ul {
  background: #99ccff;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #000;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(0%);
}


@media screen and (min-width:500px) {
/*画面サイズが500pxからはここを読み込む*/
.mobileh1,.hamburger{
 display:none;
}


}

@media screen and (max-width:499px) { 
/*画面サイズ 499pxまで適用*/
#layer0{
display:block;
position:relative;
z-index:1;
}

#contents {
width:90%;
float: none;
max-width:490px;
clear:both;
padding:0;
margin:0 auto;
}

#right_box{
width:96%;
float:none;
text-align:center;
margin:3% auto;
}

#right_box #viewer img{
margin:0 auto;
max-width: 80%;
}

#right_box #viewer-b img{
max-width:80%;
margin:0 auto;
}

#right_box #viewer-c img{
max-width: 80%;
margin:0 auto;
}

#right_box #viewer-d img{
max-width: 80%;
margin:0 auto;
}

#contents p{
padding:0;
font-size:18px;
line-height:1.5;
}

#contents h2,#contents h3{
padding:4% 0 1% 4%;
width:90%
}

#contents h1.midashi{
 font-size:28px;
 text-align:center;
 padding-top:20px;
}

.pch1{
 display:none;
}

.mobileh1 li{
display:inline-block;
width:30%;
margin-left:1%
}

.mobileh1 li img{
width:50%;
max-width:120px;
}

#news{
width:98%;
margin:1% 0;
}

#news p{
margin:0;
padding:0;
line-height:1.8;
}

#news h4{
margin-top:10px;
font-size:30px;
}

.pc{
 display:none;
}

.list li{
 width:96%;
 float:none;
}
}