/*
	CSS Document
	event style.css
*/

h1
{
	margin-bottom:30px;
}
.nav_side_event dd {
    margin-bottom: 8px;
}


@media only screen and (min-device-width: 769px){
/*===============================================
¡ñstyle.css »­Ãæ¤Îºá·ù¤¬769pxÒÔÉÏ
===============================================*/
	.contents #main .maincontents {
	    width: 870px;
	}
	h1 small{
		font-size:60%;
		margin-left: 1em;
	}
	p.mvArea,
	.photoList li
	{
		font-size:90%;
	}
	strong{
		font-weight: bold;
	}
	.read{
		margin:2.5em auto;
	}
	.listArea dl{
		overflow: hidden;
	}
	.listArea dt{
		display: inline-block;
		width: 20%;
		vertical-align: top;
		font-weight: bold;
	}
	.listArea dd{
		display: inline-block;
		width: 79%;
	}

	.photoList
	{
		display: table;
	}
	.photoList li{
		display:table-cell;
		table-layout: fixed;
		width: 50%;
	}


}




@media only screen
    and (min-device-width:375px)
    and (max-device-width:768px) {
/*===================================================================================================
¡ñiphone 6 etc
===================================================================================================*/
.contents #main .maincontents
{
	width:98%;
	margin:0 auto;
}
h1 small{
		font-size:60%;
		margin-left: 1em;
	}
	p.mvArea,
	.photoList li
	{
		font-size:75%;
	}
	p.mvArea img
	{
		width: 100%;
	}
	.photoList li img
	{
		width: 80%;
	}
	strong{
		font-weight: bold;
	}
	.read{
	    width: 95%;
	    margin: 30px auto;
	}
	.listArea dl{
		width: 95%;
	    margin: 10px auto;
	}
	.listArea dt{
		
		font-weight: bold;
	}
	.listArea dd{
		
	}

	.photoList
	{
		
	}
	.photoList li{
		text-align: center;
	}

}




@media only screen
    and (max-device-width:374px) {
/*===================================================================================================
¡ñiphone5 etc
===================================================================================================*/
.contents #main .maincontents
{
	width:98%;
	margin:0 auto;
}
h1 small{
		font-size:60%;
		margin-left: 1em;
	}
	p.mvArea,
	.photoList li
	{
		font-size:75%;
	}
	p.mvArea img
	{
		width: 100%;
	}
	.photoList li img
	{
		width: 80%;
	}
	strong{
		font-weight: bold;
	}
	.read{
	    width: 95%;
	    margin: 30px auto;
	}
	.listArea dl{
		width: 95%;
	    margin: 10px auto;
	}
	.listArea dt{
		
		font-weight: bold;
	}
	.listArea dd{
		
	}

	.photoList
	{
		
	}
	.photoList li{
		text-align: center;
	}

}