html,body{width:100%;background-color:#f4ede5;}
body{font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}
#wrap {overflow: hidden;}
.pc_only {
	display: display;
}
.sp_only {
	display: none;
}
header{width:100%; background-color:#f4ede5; height:95px; padding: 20px 0;}
header>nav{width:1000px; margin: 0 auto;}
header #pc-nav {
	position:relative;
}
header #sp-nav {
	display: none;
}
header>nav>h1#nav-logo{
	width: 120px;
	position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
	z-index: 999;
}
header>nav>h1#nav-logo>a{display: block;}
header>nav>ul>li{
	display: inline-block;
	width: 129px;
}
header>nav>ul>li>a>img{vertical-align:top;}
header>nav>ul.nav_left{
	width:425px;
	float: left;
	padding-top: 31px;
}
header>nav>ul.nav_left li {
	margin-right: 20px;
}
header>nav>ul.nav_right{
	width:425px;
	float: right;
	text-align: right;
	padding-top: 31px;
}
header>nav>ul.nav_right li {
	margin-left: 31px;
}
header>nav>ul>li#nav-list1{
	width: 101px;
}
header>nav>ul>li#nav-list2{
	width: 101px;
}
header>nav>ul>li#nav-list3{
	width: 129px;
}
header>nav>ul>li#nav-list4{
	width: 136px;
}
header>nav>ul>li#nav-list5{
	width: 95px;
}
header>nav>ul>li#nav-list6{
	width: 80px;
}

#footer_slider {
	background-color: #000;
}
footer{
	background-color: #000;
	color: #fff;
	padding: 50px 0;
}
footer .main_title {
	width: 300px;
	height: auto;
	margin: 0 auto;
}
footer #footer_ul {
	width: 780px;
	margin: 30px auto;
}
footer #footer_ul li {
	display: inline-block;
	width: 90px;
	margin-right: 20px;
}
footer #footer_ul li:last-child {
	margin-right: 0;
}
#footer-list2 {width: 90px!important;}
#footer-list3 {width: 122px!important;}
#footer-list4 {width: 141px!important;}
#footer-list5 {width: 85px!important;}
#footer-list6 {width: 80px!important;}

footer #footer_ul li img {vertical-align:top;}
footer .txt {
	text-align: center;
}

div.pagetop {position:fixed; right:20px; display:none; text-decoration:none; font-weight:bold; font-size:11px; width:60px; height:60px; text-align:center; line-height:22px; border-radius:30px;  box-sizing:border-box; cursor: pointer; z-index: 10;}
div.pagetop:hover {opacity:0.7;}

@media screen and (max-width: 768px) {
.pc_only {
	display: none;
}
.sp_only {
	display: block;
}
/*header*/
header{width:100%; height:70px;}
/*navi*/
header #pc-nav {
	display: none;
}
header #sp-nav {display: block;}
header>nav{width:100%; position: relative;}
header>nav>h1#nav-logo {
    width: 90px;
}
header>nav>div#smp-btn {float: right; width: 15%;}
header>nav>div#smp-btn {position: relative; height: 36px; width: 40px; cursor: pointer; float: right; margin: 22px 5% 3% 0;}
header>nav>div#smp-btn span {display: block; position: absolute; height: 4px; width: 100%; background: #000; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;}
header>nav>div#smp-btn span:nth-child(1) {top: 0;}
header>nav>div#smp-btn span:nth-child(2) {top: 11px;}
header>nav>div#smp-btn span:nth-child(3) {top: 22px;}
header>nav>div.open span:nth-child(1) { -webkit-transform: translateY(25px) rotate(-315deg); transform: translateY(10px) rotate(-315deg);}
header>nav>div.open span:nth-child(2) {opacity: 0;}
header>nav>div.open span:nth-child(3) {-webkit-transform: translateY(-25px) rotate(315deg); transform: translateY(-12px) rotate(315deg);}
/*menu*/
header>nav>ul {position: absolute; top:70px; width:100%; display: none; width: 100%; background-color: rgba(7,13,19,0.7); z-index: 2;}
header>nav>ul>li {border-bottom: 1px dotted #ccc; width:100%; text-align: left; line-height: 40px;}
header>nav>ul>li:last-child{border-bottom: none;}
header>nav>ul>li>a{display: block; padding: 1.5%; text-indent: 1em;}
header>nav>ul>li>a:link{color:#fff;}
header>nav>ul>li>a:visited{color:#fff;}
header>nav>ul.open {display: block;}
.smp{display: block;}
footer #footer_ul {width:100%;}
footer .main_title {width: 60%; margin-bottom: 30px;}
footer .txt {text-align: center; font-size: 12px;}
}