@chaset "UTF-8";
/*
 Share Style 
-------------------------------------------------
*/

#onparts_wrap .clear{clear:both; visibility:hidden; padding:0; margin:0;}
#onparts_wrap .leftArea{float:left;}
#onparts_wrap .rightArea{float:right;}

/*-- clearfix --*/

#onparts_wrap .cf::after {
	content: "";
	display: table;
	clear: both;
}

/*---------------------------------

	#page

---------------------------------*/

#onparts_wrap{
	max-width:100%;
	margin:0 auto;
	padding:0 0 10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#595959;
	-webkit-text-size-adjust: 100%;
	background: url(../images/back.png) repeat #fde52f;
}

#onparts_wrap #onparts_contentsArea{
	width:1000px;
	margin:0 auto;
	margin:auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-align-content: flex-start; /* Safari */
	align-content:flex-start;
}

#onparts_wrap #onparts_banner{
	width:300px;
}

#onparts_wrap #onparts_banner p{
	padding:0;
	margin:0;
}


#onparts_wrap #onparts_header{
	width:100%;
	width:1095px;
	margin:0 auto;
	padding:0 0 10px;
	position:relative;
}

#onparts_wrap #onparts_header .onlink{
	display:block;
	width:150px;
	height:55px;
	position:absolute;
	top:40px;
	right:50px;
	
}

#onparts_wrap #onparts_header .onlink a{
	display:block;
	width:150px;
	height:55px;
}

#onparts_wrap #onparts_onblog{
	width:200px;
	height:250px;
	margin:0 auto;
	background-color:#ffffff;
	position:relative;
}

#onparts_wrap #onparts_onblog #pnparts_title{
	position:absolute;
	top:-10px;
	right:-10px;
	z-index:1000;
}

#onparts_wrap #onparts_header img{
	width:100%;
	padding:0;
	margin:0;
}

#onparts_wrap .onparts_onblogthm{
	width:200px;
	height:200px;
	overflow:hidden;
	position:relative;
	z-index:100px;
	margin:0;
	padding:0;
}

#onparts_wrap .onparts_onblogthm img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height:200px;
	width:auto;
}

#onparts_wrap .onparts_onblogTitle{
	padding:5px 5px 10px;
	font-size:12px;
}


#onparts_wrap #update_grid{
	background-color: #fffbd6;
	display:inline;
	float:left;
	margin:0 30px 10px 0;
	width:370px;
}

#onparts_wrap #update_grid h2{
	line-height: 0;
	margin: 0 auto 10px;
}

#onparts_wrap #update{
	clear:both;
	width:350px;
	margin-right:30px;
	padding:0 10px 10px;
}

#onparts_wrap #update .viewport{width:330px;height:200px;overflow:hidden;position:relative;}
#onparts_wrap #update .overview{list-style:none;position:absolute;left:0;top:0;}
#onparts_wrap #update .thumb .end,#onparts_wrap #update .thumb{background-color:#83b82a;}
#onparts_wrap #update .scrollbar{position:relative;float:right;width:12px;}
#onparts_wrap #update .track{background-color:#FFF;height:100%;width:9px;position:relative;padding:0;}
#onparts_wrap #update .thumb{height:20px;width:9px;cursor:pointer;overflow:hidden;position:absolute;top:0;}
#onparts_wrap #update .thumb .end{overflow:hidden;height:5px;width:9px;}
#onparts_wrap #update .disable{display:none;}
.noSelect{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;}

*+html #onparts_wrap #update .track,
* html #onparts_wrap #update .track{
	background-color:#fffbd6;
}

#onparts_onnews p{
	line-height:1.8;
	text-align:left;
	padding:0;
	margin:0;
	font-size:12px;
}

#onparts_onnews #update ul {
	padding:0;
	margin:0;
}

#onparts_onnews #update li {
    color: #83b82a;
    display: block;
    font-size: 12px;
}

#onparts_onnews #update li{
	border-bottom:1px dotted #ccc797;
	line-height:1.6;
	font-weight:bold;
	margin:0 auto 10px;
	padding-bottom:10px;
	text-align:left;
	text-shadow:#FFF 0 1px 0;
	width:330px;
}

#onparts_wrap #update li span.date{
	color:#83b82a;
	display:block;
	font-size:13px;
}

#onparts_wrap #update a,
#onparts_wrap #update a:visited,
#onparts_wrap #update a:active{
	color:#4d2f04;
	text-decoration:underline;
}

#onparts_wrap #update a:hover{
	color:#b37f34;
	text-decoration:underline;
}


@media screen and (max-width:750px){

	#onparts_wrap #onparts_header .onlink{
		display: block;
		height: 27px;
		position: absolute;
		right: 20px;
		top: 13px;
		width: 90px;
	}

	#onparts_wrap #onparts_header .onlink a{
		display:block;
		width: 90px;
		height: 27px;
	}

	#onparts_wrap #onparts_header{
		width:100%;
		margin:0 auto;
		padding:0 0 10px;
	}

	#onparts_wrap #onparts_contentsArea{
		width:100%;
		margin:0 auto;
		padding:0 0 10px;
	}


	#onparts_wrap #onparts_banner{
		max-width:300px;
		text-align:center;
		margin:0 auto;
	}

	#onparts_wrap #onparts_onblog{
		width:100%;
		height:auto;
		margin:10px;
	}

	#onparts_wrap .onparts_onblogthm{
		width:100px;
		height:100px;
		overflow:hidden;
		position:relative;
		z-index:100px;
		margin:0;
		padding:0;
		float:left;
	}
	
	#onparts_wrap .onparts_onblogthm img{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		height:100px;
		width:auto;
	}
	
	#onparts_wrap .onparts_onblogTitle{
		float:left;
	}
	
	#onparts_wrap #onparts_onnews,#onparts_wrap #update_grid{
		width:100%;
	}
	
	#onparts_wrap #update{

		width:93%;
		margin:0 auto;
	}

	#onparts_wrap #update_grid h2{
		margin:0 auto 10px;
		padding-bottom:0;
		width:100%;
		text-align:center;
		background-color:#4d2f04;
	}

	#onparts_wrap #update_grid h2 img{
		max-width: 370px;
		width:100%;
		height:auto;
		margin:0 auto;
	}
	
	#onparts_wrap #update_grid h2 img{
		width:100%;
		height:auto;
	}

	#onparts_wrap #update .viewport,#onparts_onnews #update ul,#onparts_onnews #update li{
		width: 100%;
	}
	#onparts_wrap #update .overview{
		width: 100%;
	}
	
}