@charset "UTF-8";
/* CSS Document */

*{
	font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝" ,serif;
	font-style: normal;
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	height:100%;
}
a {
	text-decoration:none;
}
a img:hover {
	opacity: 0.5;
}
.back{
	width:auto;
	background-image:url(../img/back.jpg);
	background-repeat:repeat;
	margin:0;
	padding:0;
}
.article p{
	margin-bottom:0.5em;
}

@media screen and (min-width: 641px){

.pcnone{
	display:none;
}	
.contents{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.contents-two{
	width:740px;
	float:left;
}

/*ヘッダー＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#head{
	width:1000px;
	margin:0px auto;
	background-image:url(../img/head/back_sumi.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
#head  .bn img{
	margin-top:20px;
	margin-right:10px;
	float:left;
}
#head .logo img{
	margin:20px 0px 20px 0px;
	clear:both;
}

/*ナビ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#nav{
	width:auto;
	background-color:#000000;
}
#nav ul{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
	font-size:0;
}
#nav li{
	width:200px;
	margin:15px 0px;
	display:inline-block;
	font-size:20px;
	text-align:center;
	line-height:100%;
}
#nav li a{
	font-size:20px;
	font-family:serif;
	color:#FFFFFF;
}
#nav li span{
	font-size:14px;
}
#nav a:hover{
	color:#999999;
}

/*サイドメニュー＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#side{
	width:210px;
	margin-top:50px;
	float:right;
}
#side ul{
	list-style-type:none;
}
#side li{
	margin-bottom:10px;
}

/*フッター＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

footer{
	width:auto;
	padding-top:30px;
	padding-bottom:30px;
	background-color:#000000;
	clear:both;
}
footer nav{
	width:1000px;
	margin:0px auto;
	clear:both;
}
footer nav ul{
	margin-right:80px;
	list-style-type:none;
	float:left;
}
footer nav ul:last-child{
	margin-right:0px;
}
footer nav li{
	padding-bottom:5px;
	color:#FFFFFF;
}
footer a:hover {
	text-decoration: underline;
	color:#FFFFFF;
}
.copy{
	margin-top:20px;
	padding-bottom:20px;
	text-align:center;
	clear:both;
}
.copy h3{
	font-size:40px;
	font-family:serif;
	letter-spacing:5px;
}
}

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

.drawer{
	z-index:100;
}
img{
	height:auto;
}
.mbnone{
	display:none;
}	
.contents{
	width:100%;
	margin:0% auto;
}
.contents-two{
	width:100%;
	margin:0% auto;
}

/*ヘッダー＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#head{
	width:100%;
	background-image:url(../img/head/back_sumi_mb.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	border-bottom:#000000 10px solid;
}
#head .bn{
	width:90%;
	margin:0% auto;
}
#head  .bn img{
	width:40%;
	margin-top:5%;
	margin-right:1%;
	float:left;
}
#head .logo{
}
#head .logo img{
	width:90%;
	margin:0% auto;
	padding:3% 0%;
	display:block;
}
.drawer{
	z-index:100;
}
/*フッター＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.copy{
	width:100%;
	margin-top:10%;
	padding:5% 0%;
	text-align:center;
	background-color:#000000;
	color:#FFFFFF;
	clear:both;
}
.copy h3{
	font-size:40px;
	font-family:serif;
	letter-spacing:5px;
}
.copy p{
	font-size:12px;
}

}