@charset "utf-8";

/*=====================================================================================
	
	Document    : common.css
	Description : 共通css

	1-1. Header
	1-2. Main
	1-3. Footer
 
=====================================================================================*/

body {
	background-color:#000;
}

#wp {
	max-width:640px;
	margin:0 auto;
}

#wp-ov {
	position:fixed;
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:998;
	width:100%;
	height:100%;
	background:url(../image/op-black70.png) repeat left top;
}


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

   1-1. Header

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

header ul {
	list-style:none;
}

@media screen and (max-width:480px) {
	header .hd-bt li {
		width:18.75%;
	}
}

header .hd-bt li img {
	width:100%;
}

header .hd-bt li:first-child {
	float:left;
	border-right:1px solid #4d4d4d;
	border-left:1px solid #4d4d4d;
}

header .hd-bt li:nth-child(3) {
	float:right;
	border-left:1px solid #4d4d4d;
}

header .hd-bt li:nth-child(2) {
	float:right;
	border-left:1px solid #4d4d4d;
	border-right:1px solid #4d4d4d;
}

@media screen and (max-width:640px) {
	header .hd-bt li:first-child {
		border-left:none;
	}

	header .hd-bt li:nth-child(2) {
		border-right:none;
	}
}


/*-------------------------------------------------------
   menu list
-------------------------------------------------------*/

.hd-nav {
	background:url(../../image/bg-washi.jpg) repeat center top;
	padding-bottom:30px;
	display:none;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}

.hd-nav ul {
	padding:15px 15px 0 15px;
}

@media screen and (max-width:640px) {
	.hd-nav {
		padding-bottom:6%;
	}
	
	.hd-nav ul {
		padding:2.5% 2.5% 0 2.5%;
	}
}

.hd-nav ul {
	text-align:left;
}

.hd-nav li {
	background-color:#fff;
	margin-bottom:2px;
}

.hd-nav li a {
	padding:15px 50px 15px 15px;
	display:block;
	background:url(../image/lmR25.png) no-repeat center right;
	-moz-background-size:auto 40%;
	background-size:auto 40%;
}

.hd-nav li a,
.hd-nav li a:visited,
.hd-nav li a:hover { text-decoration:none; }

.hd-nav .menucl-bt {
	margin-top:25px;
}

@media screen and (max-width:640px) {
	.hd-nav .menucl-bt {
		margin-top:5%;
	}
}

.hd-nav .bt-gray span {
	padding:8px 15px !important;
	margin-right:0 !important;
	background:none !important;
}


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

   1-2. Main

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


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

   1-3. Footer

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

footer {
	padding:6% 3% 10% 3%;
	background:url(../image/footer/bg.png) no-repeat center bottom;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

footer h6 img {
	width:25%;
}

footer h6,
.ft_yoyaku,
footer ul {
	padding-bottom:20px;
}

@media screen and (max-width:640px) {
	footer h6,
	.ft_yoyaku,
	footer ul {
		padding-bottom:4%;
	}
}

footer address span {
	margin:0 1em;
}

@media screen and (max-width:340px) {
	footer address span {
		display:block !important;
	}
}

footer ul {
	list-style:none;
}

footer li {
	width:50%;
	float:left;
	text-align:center;
}

footer li img {
	width:92%;
}

footer li:last-child {
	width:100%;
	margin-top:4%;
}

footer li:last-child img {
	width:96%;
}

.copy {
	background-color:#000;
	padding:10px;
}

.ft_yoyaku {
  width:100%;
  border:1px solid #464646;
  margin:25px auto;
  padding:1em;
  box-sizing:border-box;
}