@charset "utf-8";


/*--------------------------------------------------------------------
全体の設定
--------------------------------------------------------------------*/

body{
        min-width: 100%; border-top:none;
    }

img {
    clear: both;
    display: block;
    float: none ;
    height: auto;
    margin: auto ;
    max-width: 100% ;
    overflow: hidden;
}

.topMain img,#content {
    width:100%;
    float:none; clear:both;
}
.container,#footer .inner{
    width:94%; margin:auto;
    float:none;
}

/* header
--------------------------------------------------------------------*/
#header {
    height: auto; padding-top:25%;width:100%; 
}
#header h1.logo {
	left:0; right:0; top:0;margin:auto; text-align:center;
}
#header h1.logo img{
	width:70%;
}

#header .snavi{
	display:none;
    }

/* top-contents
----------------------------------------------- */
.container.clearfix{display: flex;flex-direction: column;}
.container.clearfix #left{order: 2;}
.container.clearfix #content{order: 1;}


#left{
	float:none; width:auto; margin-top:50px;
    }
#left div{
	width:48%; float:left; text-align:center;
    }
	
	
/* title
----------------------------------------------- */
#title{ background-position:top;background-size:180%; padding:14% 0px 8%;}



/* page
----------------------------------------------- */	
#event ul li {
    width:50%; margin-top:-1px;
}
#event ul li:nth-child(2), #event ul li:nth-child(3), #event ul li:nth-child(5), #event ul li:nth-child(6) {
    border: 1px solid #CCC;
}
#event ul li:nth-child(2), #event ul li:nth-child(4),#event ul li:nth-child(6) {
    border-left:none;
}
#eventwn ul li.detail .tlLine {
    font-size: 20px;}



/* footer
----------------------------------------------- */
#footer { margin-top:20px!important;
}

#footer .inner .logo {
    float:none;
    width: auto;
    line-height: 150%; text-align:center; margin-bottom:20px;
}





.pchidden { display:block;}
.sphidden { display:block;}