@charset "utf-8";
a img	{
	border			: none ;
}

a:hover img{
	opacity			: 0.6;
	filter			: alpha(opacity=60);
	 -moz-opacity		: 0.6;
}

a	{
	text-decoration	: none ;
}

a:hover{
	color			: #000000 ;
	text-decoration		: none ;
}

article{
	z-index			:1 !important;
	background-color	: transparent !important;
	width			:100% !important;
	margin			:0 !important;
}

h1{	display			:none !important;}
footer{	display			:none !important;}
.site-info{display		:none !important;}
.rfwbs_pagination{display	:none !important;}


/********************************************/

.mainimg{
	width			: 800px;
	margin			: 60px auto 0;
	height			: 410px;
	background-color : #fff;
	margin			: 20px auto;
	border			: solid 2px #ccc;
}

.mainimg div{
	width			: 396px;
	margin			: 5px auto;
}

.mainimg img{
	width			: 396px;
	height			: 396px;
}

.bnrbox{
	width			: 800px;
	display			: flex; 
	flex-wrap		: wrap; 
	-webkit-justify-content	: space-around; 
	justify-content		: space-around;
	margin			: 0px auto 0;
}

.bnrbox img{
	margin			: 0 auto 20px ;
}	

.bnrbox p{
	color			: #fff;
	text-align		: center;
	margin			: 0;
}




@media screen and (max-width:959px) {
/*　画面サイズ959pxまではここを読み込む　*/

.mainimg{
	width			: 100%;
	height			: 310px;
}

.mainimg div{
	width			: 296px;
}

.mainimg img{
	width			: 296px;
	height			: 296px;
}

.bnrbox{
	width			: 100%;
}

.bnrbox div{
	margin			:  50px auto 0;
}

.bnrbox img{
	margin			: 0 auto 20px ;
}

}

@media screen and (min-width: 960px) {
/* 960pxからの幅の場合に適応される */
/****メインコンテンツ****/



}