/*===============================================
●mobile.css  画面の横幅が640pxまで
===============================================*/
html,body{margin:0;padding:0;height: 100%;}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
}
#container{
width:100%;
}

#wapper{
margin-right:auto;
margin-left:auto;
}

div.resizeimage img { 
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}


.bg	{
	width: 100%;
	height: 10px;
}

#event table{width: 960px; background-color: #130A0A; table-layout: fixed;}
#event1{width: 15%; text-align: center; }
#event2{text-align: left; }


.text_g {
	text-align: left;
	font-size: 18px;
	color: #B08728;
    zoom:1;
}

.text {
	text-align: left;
	line-height: 1.5;
     overflow:auto;
     zoom:1;
}


.navi 		{
    position : static ;
	width:100%;
	margin:0;
	padding: 1;
	background-color: #130A0A;
}

.navi li		{
	width:48%;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding: 4 1;
	vertical-align: bottom;
}

#col table{width: 100%; background-color: #130A0A; table-layout: fixed;}
#col1{width: 25%; text-align: center; }
#col2{width: 25%; text-align: center; }
#col3{width: 50%; text-align: center; }


.footer {
	width:100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}