@charset "UTF-8";
body{ text-align:center; }
div{ margin:auto; }
*{ margin:0; padding:0;}
h1{
	padding:10px 0px 5px 10px;
	font-size:11px;
	color:#333333;
	font-weight:100;
}
h2{
	font-size: 25px;
	color: #333;
	display:inline;
	font-weight:100;
}
h3{
	font-size:20px;
}
h4{
	text-indent:50px;
	font-size:18px;
}
h5{
	padding:8px 5px 8px 5px;
	font-size:13px;
	display:block;
	line-height:20px;
	background:#d0d0d0;
}
h5 a{
	font-weight:bold;
	color:#0F0F0F;
	font-size:12px;
	letter-spacing:1px;
	text-decoration:none;
	vertical-align:middle;
	margin:0px 4px 0px 4px;
	display:block;
}
img{
	border:0;
}
#alls{
	width:830px;
	background: url(image/back.gif);
	text-align:center;
}
#giz{
	width:800px;
	margin:0px 15px 0px 15px;
	text-align:left;
}
#menu{
	text-align:right;
	width:800px;
	height:45px;
	background: linear-gradient(#eef, #99f);
	font-size:10px;
	color:#FFFFFF;
}
#menu ul{
	list-style-type:none;
	padding:1px 0px 0px 1px;
}
#menu ul li{
	text-align:center;
	float:left;
	height:45px;
	line-height:45px;
	padding:0px 10px 0px 10px;
	display:block;
}
#category {
	margin: 20px 0;
}

.category{
	clear: both;
	padding:5px 5px 5px 5px;
	width:790px;
}
#categorys{
	width:800px;
}
#category_left{
	float:left;
	width:394px;
}
#category_left_txt{
	padding:5px;
}

#category_right{
	float:left;
	width:394px;
}

#category_right_txt{
	padding:5px;
}
.category ul { list-style: none; }

.category ul li {
	margin: 0.3em 0 0.3em 1em;
}
.a{
	font-weight:bold;
	color:#0F0F0F;
	font-size:12px;
	letter-spacing:1px;
	text-decoration:none;
	height:45px;
	vertical-align:middle;
	margin:0px 4px 0px 4px;
	display:block;
}
.a:hover{
	color:#BB0000;
	display:block;
}
p{
	font-size:13px;
	letter-spacing:1px;
	line-height:1.3em;
	text-indent:5px;
	color:#404040;
}
#last{
	clear: both;
	font-size:10px;
	text-align:center;
	color:#a0a0a0;
	background:#000000;
	padding:5px 0px 5px 0px;
}

#performance {
	display: flex;
	flex-wrap: wrap;
}
#performance li {
	margin: 30px 0 30px 2.5%;
	width: 30.0%;
}
#performance li:nth-child(3n) {
	margin: 30px 2.5%;
}
#performance li figure {
	width: 100%;
}
#performance li figure img {
	border: solid 1px #c7c7c7;
	width: 100%;
}

#performance li figcaption {
    margin: 15px auto 0;
    width: 70%;
    font-size: 16px;
    border-top: solid 1px #c7c7c7;
    border-bottom: solid 1px #c7c7c7;
    color: #4d4d4d;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 2.6em;
}


@media screen and (max-width: 767px){
	h1{
		padding:10px 0px 5px 10px;
		font-size: 4.6vw;
		color:#333333;
		font-weight: bold;
	}
	h2{
		font-size: 6vw;
		color: #333;
		display:inline;
		font-weight:100;
	}
	h5 {
		width: 100%;
		padding: 0.3em;
		background: #d0d0d0;
		font-size: 4.6vw;
		display: block;
		line-height: 1.2em;
	}

	img { max-width: 100%; }

	.a {
		margin: 0;
		padding-top: 0.8em;
		padding-bottom: 0.8em;
		display: block;
		height: auto;
		font-weight: bold;
		color: #333;
		font-size: 1em;
		letter-spacing: 0;
		text-decoration: none;
		vertical-align: middle;
	}

	#alls {
		margin: 0 auto;
		width:98%;
		background: none;
		text-align: left;
	}
	#giz{
		width: 100%;
		margin: 0;
		text-align: left;
	}
	#contents { width: 100%; }
	#menu{
		width: 100%;
		height: auto;
		background: none;
		font-size: 4.6vw;
		text-align: left;
	}
	#menu ul{
		width: 100%;
		padding: 0;
		display: block;
		background: none;
		list-style-type: none;
	}
	#menu ul li{
		padding: 0.3em;
		width: 100%;
		height: auto;
		float: none;
		text-align: center;
		line-height: 0;
		color: #333;
		border: solid 1px #888;
		background: linear-gradient(#fff, #aaa);
	}
	#menu ul li:nth-child(even) {
		display: none;
	}
	#categorys{
		width: 100%;
	}
	#category_left{
		float: none;
		width: 100%;
	}
	#category_left_txt{
		padding:5px;
	}

	.category {
		width: 100%;
	}
	#category_right{
		float: none;
		width: 100%;
	}


	#performance {
		width: 100%;
	}
	#performance li {
		margin: 30px 2%;
		width: 96.0%;
	}
	#performance li:nth-child(3n-1) {
		margin: 30px 2%;
	}
	#performance li figure {
		width: 100%;
	}
	#performance li figure img {
		border: solid 1px #c7c7c7;
		width: 100%;
	}
	#performance li figcaption {
	    margin: 15px auto 0;
	    width: 70%;
	    font-size: 4vw;
	    border-top: solid 1px #c7c7c7;
	    border-bottom: solid 1px #c7c7c7;
	    color: #4d4d4d;
	    text-align: center;
	    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	    line-height: 2.6em;
	}

}