@charset "utf-8";
/*==================================
			Top image
====================================*/

#topimage img {
	width: 100%;
	margin: 0 auto;
	display: block;
}

#topimage {
	margin-bottom: 5px;
}

#topimage .smp {
	display: block;
}
#topimage .pc {
	display: none;
}

/*==================================
			Main inner
====================================*/

#main_inner .inner {
	padding: 10px 0;
}

.inner ul.home_navi li {
	overflow: hidden;
	font-size: 14px;
	padding: 10px;
	border-bottom: 1px solid #dedede;
}

.inner ul.home_navi li img.smp {
	float: left;
	width: 90px;
	margin: 0 10px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.inner ul.home_navi li h3 {
	color: #c294c1;
	font: 36px 'Playball', cursive;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.inner ul.home_navi li h3 span {
	color: #86757f;
	font: 15px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	margin: 0 0 0 .5em;
}

.inner ul.home_navi li p {
	margin-left: 100px;
}

.inner ul.home_navi li p.mlink {
	width: 100%;
	color: #4a4646;
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
	margin: 10px 0 0 0;
	background-color: #eee;
}

.news {
	margin: 0 10px;
}

.news ul li {
	padding: 6px 0 6px 8em;
	border-bottom: 1px dashed #d9d9d9;
	text-indent: -8em;
}

.news ul li span {
	color: #999;
	font-weight: bold;
	margin-right: 10px;
}

.news ul li a {
	padding: 8px 10px;
	text-decoration: none;
}

.news ul li a:hover {
	color: #6c5763;
}

.news div h2,
.news div h2 a{
	color: #c294c1;
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0 5px 0;
}


@media screen and (min-width: 600px) {
	
	/*==================================
				Top image
	====================================*/

	#topimage .pc {
		display: block;
	}
	#topimage .smp {
		display: none;
	}

	/*==================================
				Main inner
	====================================*/

	#main_inner .inner {
		padding: 10px 0;
	}
	
	.inner ul.home_navi {
		display: table;
		table-layout: fixed;
		width: 100%;
		font-size: 12px;
		border-collapse: separate;
		border-spacing: 10px 0;
	}

	.inner ul.home_navi li {
		display: table-cell;
		text-align: left;
		padding: 5px 5px 10px 5px;
		border: 1px solid #d9d9d9;
	}

	.inner ul.home_navi li img {
		display: block;
		max-width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.inner ul.home_navi li h3 {
		font: 40px 'Playball', cursive;
	}

	.inner ul.home_navi li p {
		margin-left: 0;
	}

	.inner ul.home_navi li p.mlink {
		padding: 10px 0;
	}
	.inner ul.home_navi li p.mlink:hover {
		background-color: #ddd;
	}	

	.inner ul.home_navi li .smp {
		display: none;
	}

	/*.news div {
		float: left;
		width: 38.2%;
	}

	.news div.up {
		width: 60%;
		border-right: 10px solid #fff;
	}

	.news div ul li {
		padding: 6px 0 6px 105px;
		text-indent: -7.3em;
	}

	.news div.pc {
		display: block;
	}

	.news:after {
		content: ""; 
		display: block; 
		clear: both;
	}*/

}

@media screen and (min-width: 1120px) {
	
	/*==================================
				Top image
	====================================*/

	.topimage_outer {
		height: 300px;
		background-color: #c294c1;
		background-image: url(/img/back_lace.png);
		background-repeat: repeat-x;
		position: relative;
		top: -85px;
		z-index: 1;
	}

	#topimage {
		width: 1100px;
		margin: 0 auto;
		display: block;
	}
	
	/*==================================
				Main inner
	====================================*/

	#main_inner .inner {
		margin-left: -10px;
	}

	.inner ul.home_navi {
		margin-top: 10px;
	}

	/*.news div {
		width: 38.5%;
	}*/

	.news div h2,
	.news div h2 a{
		margin: 30px 0 7px 0;
	}


}