html{
    height:100%;

}

/* 色変更 */
.aka{
	color:#f00;
}

/* ローディング画面用 */
#loading{
	position: fixed;
    top:0;
    left:0;
    text-align:center;    
	background:#fff;
    height:100%;
    min-width:100%;
    width:100%;
    z-index:100;
    padding-top:50%;
}



body{
    margin:0;
    padding:0;
    height:100%;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height:150%;
    }

/* トップに戻る */

#pagetop{
	background-color:#c83232;
    border-radius:30px;
    font-size:15pt;
	padding:10px;
	color:#fff;
	position:fixed;
	bottom:20px;
	right:20px;
    z-index:2;
    text-decoration:none;
    transition:background-color 0.2s ;
	}

#pagetop:hover{
	background:#ef6d6d;
	}


/*  見出し 区切り線 */
h1{
    color:#ff9b37;
    font-size:20pt;
    margin-left:-10px;

}

h2{
	color:#ff9b37;
    font-size:14pt;
    margin-bottom:10px;
}

hr{
	height: 1px;
	background-color: #ff9b37;
	border: none;
	color: #ff9b37;
    margin-top:-50px;
    margin-bottom:50px;
}

section{
    margin-left:10px;
    margin-bottom:100px;
}

section.off{
    margin-bottom:50px;
}

.pt15{
    font-size:15pt;
}

.aka{
    color:#c83232;
    
}

span.ziko{
	display:block;    
    margin-left:20px;
	margin-top:8px;
}


/* リンク設定 */
a{
	color:#ff9b37;
    text-decoration:none; 
}



a:hover{
    color:#ff9b37;
    text-decoration:underline;
    
}


nav ul a{   
	display:block;
    padding-top:45px;
    padding-bottom:6px;
    width:65px;
    color:#fff;
}


nav ul a:hover{
    color:#fff;
    text-decoration:none;
	text-shadow: 0px 0px 3px #c83232;
}

footer ul a{
	display: inline;　
    padding:10px;
    color:#fff;
}


footer ul a:hover{
    color:#fff;
    text-decoration:underline;
    text-shadow:none;
}



/* 全体  */
#zentai{  
    min-width:960px;
	overflow:hidden;
    min-height:100%;
    margin:0; 
    padding:0; 
    position:relative;
}



/* ヘッダー */
header{
	position:relative;  
	margin:0;
    background-color:#ff9b37;
    overflow:hidden;
    z-index:200;
}

#head{
    width:920px;
    height:80px;
    margin:0 auto;
}

header img{
	width:150px;
	float:left;      
    margin-top:10px;
}

nav ul{ 
    float:right;
	width:760px;
	height:80px;
    padding:0;
    text-align:right;
	font-size:0;　 /* リストの隙間消し */
}
 
nav ul li{     
	border-left: 1px solid #fff;
    text-align:center;
    font-size:14pt;
    margin-top:8px;
    height:72px;
    display: inline-block; 
}

nav ul li.last{
	border-right: 1px solid #fff;　　/* リスト最後の線 */
}

 
nav ul li>a:hover{
	background-image: linear-gradient(
    -45deg,
    #fff2ad 10%,
    #ff9b37 10%, #ff9b37 50%,
    #fff2ad 50%, #fff 60%,
    #ff9b37 60%, #ff9b37
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 8px 8px;
}

.menu2{
  display: none;
}



/* メイン */
#main{  
    font-size:12pt;
    margin:20px auto;
    width:920px;
    overflow:hidden;
    padding-bottom:100px;    
}


/* テーブル */
table{
    border-collapse: collapse;
}

td{
    padding:8px;
    border: 1.3px solid #555;
}

td.off{
	font-weight:bold;
    background-color:#ff9b37;
    color:#fff;
    text-align:center;
    
}


/* 概要文 */


#gaiyou{   
	position:relative;
	width:650px;
    height:100%;
    float:left;
    overflow:hidden;
    min-height:650px;
    }

a.link{
    position:absolute;
    bottom:0;
}

a.link:hover{
    opacity:0.5;
}

#rireki{
    overflow:auto;
    height:200px;
}

/* ツイッター */
#twitter{
    text-align:right;
    width:250px;
    height:100%;
    float:right;
    overflow:hidden;    
}

p.twitter{
    height:10px;
}



/* フッター */
footer{
    background-color:#ff9b37; 
    height:80px;
    width:100%;
    min-width:920px;
    text-align:center;
    padding:15px 0;
    position: absolute;
	bottom:0;
	margin:0; 
    z-index:1;   
}

footer ul{
	font-size:0;
    margin:0 20px;
    margin-bottom:-10px;
    padding:0;
}

footer li{ 
    font-size:11pt;
	border-left: 1px solid #fff;
    text-align:center;
    width:auto;
    padding:2px 8px;
    margin:0px auto;
    display: inline-block;
}

footer li.last{
    border-right: 1px solid #fff;　　/* リスト最後の線 */
}

span.tyosaku{
    color:#fff;
    margin:0px 20px;
    padding:0;
}

#fc2_footer{
	padding-bottom:20px;
    margin-bottom:-50px;
    background-color:#ff9b37;
}

#fc2_footer a{
    color:#fff;
}




/* イラスト */
#illust{
	width:100%;
    overflow:hidden; 
    position:relative;

}

#illust a.box{
	display:block;
    width:24%;
    margin:0.5%;
}


#illust div{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    background-image:url(../img/zoom.png);
    background-repeat:no-repeat;
    background-position:center;
    opacity:0;
    position:absolute;
    transition: opacity 0.3s ;    
}

#illust div:hover{
    opacity:1;
}

#illust a img{
    width:100%;
	vertical-align: bottom;
    border:1px #bbb solid;
    margin:-1px;
}


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


#zentai{  
	min-width:100%;
	width:100%;
}

#zentai>div{
    min-width:auto;
    width:auto;
    padding-left:20px;
    padding-right:20px;
}


/* ヘッダー2 */
#head{
    width:auto;
    height:auto;
    text-align:center;
    overflow:hidden;
    
}

#head img{
	float:none;
  	margin:10px;
}

nav ul a{      
	padding:5px 10px;
    width:auto;
}

   
nav ul{ 
    float:none;
	width:auto;
	height:auto;
    margin-bottom:10px;
    text-align:center;
	font-size:0;　 /* リストの隙間消し */
}
 
nav ul li{     
    text-align:center;
    font-size:14pt;
    margin-top:0px;
    height:auto;
}

/* フッター2 */
footer{
    height:auto;
    width:100%;
    min-width:100%;
    text-align:center;
    overflow:hidden; 
       
}



/* 概要文 */

#gaiyou{   
	width:100%;
    float:none;
    min-height:100%;
    margin-bottom:20px;
}


/* ツイッター */
#twitter{
    width:100%;
    float:none;
}


/* テーブル */
#table{
	display: block;
}

#table thead{
	display: none;
}

#table tbody{
	display: block;
    margin-left:-20px;
}

#table tbody tr{
	display: block;
	margin-bottom:10px;
    list-style-type:none;  
}

#table tbody th,#table tbody td{
	display: block;    
	border: none;
}

#table tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	color: #fff;
	background: #000;
}

#table tbody td{
	margin-left: 20px;
	padding: 0;
}

td.ibento{
    margin-top:15px;
    margin-bottom:12px;
}

td.ibento2{
    margin-top:25px;
    margin-bottom:12px;
}


td.ibento span,td.ibento2 span{
    color:#fff;
    font-weight:bold;
    padding:5px 10px;
    width:auto;
    background-color:#ff9b37; 
    border-radius:10px;
}


#table tbody td:nth-of-type(2):before { content: "　【イベント名】"; }
#table tbody td:nth-of-type(3):before { content: "　【　会　場　】"; }
#table tbody td:nth-of-type(4):before { content: "　【 スペース 】"; }

#illust a.box{
    width:31.3%;
    margin:1%;
}

}




@media screen and ( max-width:450px ){
#loading{
    padding-top:70%;
}


#main{
	padding-bottom:120px;  
}

#illust a.box{
    width:47%;
    margin:1.5%;
}

}