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

body{
	width:900px;
	font:14px/1 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	color:#666;
	margin:auto;
}
a:link{
	color:#666;
}
a:visited{
	color:#666;
}
a {
text-decoration: none;
}
/*マウス	オーバーでリンク半透明*/
a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.main{
	margin-bottom:10px;
}

.txt{
	line-height:1.5em;
}

#randy{
	overflow:hidden;
	font-size:18px;
	line-height:2em;
	text-align:center;
	height:auto;
}

#randy ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#randy ul li{
	display:block;
	float:left;
	width:50%;
}

#randy ul li img{
	margin:5% auto;
	width:50%;
}

#randy ul li a{
	text-decoration:none;
	color:#000;
}

/*------*/
#ryn{
	overflow:hidden;
	font-size:18px;
	line-height:2em;
	text-align:center;
	height:auto;
}

#ryn ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#ryn ul li{
	display:table-cell;
	vertical-align:middle;
	float:left;
	width:33%;
	height:80px;
}

#ryn ul li img{
	width:80%;
	margin:5% auto;
}

#ryn ul li a{
	text-decoration:none;
	color:#000;
}

/*デバイスサイズ  599px以下(SmartPhone)
=================================================*/
@media screen and (max-width : 599px){
body{
	width:100%;
}

#randy{
		font-size:14px;
	}
	
	#randy ul li{
		width:50%;
	}
	
	#randy ul li img{
	width:80%;
}

#top{
	padding-top:10px;
	margin:auto;
	width:100%;
}
.event{
	width:100%;
	height:auto;
}
.main{
	width:100%;
}
.l-img{
	width:100%;
	margin-top:5px;
}
.l-img img{
	width:100%;
}

h2.menu{
	margin:8px;
	margin-bottom:0;
	border-bottom:#630 1px solid;
	color:#630;
}
.txt{
	margin:10px;
}
.ec-seit{
	margin-top:20px;
	overflow:hidden;
}
.seit{
	width:300px;
	height:90px;
	float:left;
}
.seit img{
	width:70%;
}
}
/*デバイスサイズ  600以上　899px以下
=================================================*/
@media screen and (min-width : 600px)and (max-width : 899px){
body{
	width:100%;
}
#top{
	padding-top:10px;
	margin:auto;
	width:100%;
}
.event{
	width:100%;
	height:auto;
}
.main{
	width:100%;
}
	
h2.menu{
	margin:8px;
	margin-bottom:0;
	border-bottom:#630 1px solid;
	color:#630;
}
.l-img{
	width:100%;
	margin-top:10px;
}
.l-img img{
	width:100%;
}
.txt{
	margin:10px;
}
.ec-seit{
	margin-top:20px;
	overflow:hidden;
}
.seit{
	width:300px;
	height:90px;
	float:left;
}
.seit img{
	width:70%;
}

}
/*デバイスサイズ900px以上(Desktop)
=================================================*/
@media screen and (min-width:900px) {
#top{
	padding-top:10px;
	margin:auto;
	width:900px;
}
.gnav{
	clear:both;
}
.main{
	margin-top:15px;
	float:left;
	width:700px;
}
h2.menu{
	font-size:18px;
	margin-top:7px;
	margin-left:10px;
	border-bottom:#630 1px solid;
	color:#630;
}
.l-img{
	width:100%;
}
.l-img img{
	width:100%;
	margin:10px 0;
}
.txt{
	margin:10px;
}
.ec-seit{
	margin-top:20px;
	overflow:hidden;
}
.seit{
	width:300px;
	height:90px;
	float:left;
}
.seit img{
	width:70%;
}
}