@charset "utf-8";

/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ ブラウザのマージンとパディング初期化
------------------------------------------*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*------------------------------------------
■ イメージ初期化
------------------------------------------*/
img {vertical-align:top;margin:0;padding:0;border:none;}
/*------------------------------------------

/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img{border: none;}
a {color: #FFFFFF;text-decoration:none;}
a:hover {color:#FFFFFF;text-decoration:underline;}
a:visited {color:#FFFFFF;text-decoration:underline;}


/*------------------------------------------
■ リストアイコン
------------------------------------------*/
ul{
list-style:none;
margin:0;
padding:0;
}
/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.none{display:none;}

/*------------------------------------------
■ その他
------------------------------------------*/

/* clearfix ----------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.clearfix {
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display:block;
}

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*------------------------------------------
■ h1 h2 h3 h4 h5
------------------------------------------*/
h1,h2,h3{
margin: 0;
padding: 0;
line-height:1;
font-weight:normal;
}

.mgB20 {
	margin-bottom: 20px;
}
.pdB30 {
	padding-bottom: 30px;
}



/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ共通　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "メイリオ", Meiryo, sans-serif;
	color: #333333;
	background-color:#fff;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: -0.01em;
}/*ODY*/


header, header img { 
	width:100%;
	margin:0;
	padding:0;
}/*ODY*/


#contents {
	width: 995px;
	/*width: 52%;*/
	margin: 0 auto;
}
#contents img {
	max-width: 100%;
}

#contents ul {
	margin:0;
	padding:0;
}

#contents ul li {
	margin:0;
	padding:0;
}

.w_space {
	background-color:rgba(255,255,255,0.85);
}/*ODY*/
.g_space {
	background-color:#16710f;
}/*ODY*/
.ptn_g {
	background:url(../img/ptn_g01.png);
}/*ODY*/
.sp_only {
	display: none;
}

area {
	cursor:pointer;
	
}


/*------------------------------------------
■ footer
------------------------------------------*/
.footer {
	padding: 30px 30px 50px;
	text-align:center;
}
.footer,
.footer a {
	color: #333;
}
.footer p.copyright {
	margin-top: 10px;
	text-align:center;
}

/*------------------------------------------
■ pagetop
------------------------------------------*/
#page-top {
	position:fixed;
	bottom:0px;
	width: 100%;
	background-color: #eee;
	text-align: center;
}
#page-top a {
	width:34px;
	height:34px;
	padding: 8px;
	/*border: solid 1px #3c42a6;
	background:url(../img/icon_top.jpg) #FFF no-repeat 8px 8px;
	border-radius:6px;
	display:block;
	text-indent: -9999px;*/
}
#page-top a:hover { 
	/*border: solid 1px #3c42a6;
	background:url(../img/icon_top_ov.png) #3c42a6 no-repeat 8px 8px;	opacity:0.7;*/
}
#page-top ul li { 
	float:left;
	padding: 5px 0;
	width:50%;
	text-align: right;
}
#page-top ul li:last-child { 
	text-align: left;
}
#page-top ul li img{ 
	width:250px;
	/*width:95%;*/
}
@media screen and ( max-width:1020px ){
#contents {

}
}
@media screen and ( max-width:760px ){
#contents {
	border-left:none;
	border-right:none;
	width: 100%;
}
#page-top ul li img{ 
	width:95%;
}
.dis_b{ 
	display: none;
}
.sp_only{ 
	display:block;
}
.pc_only{ 
	display:none;
}
	
}