/*  
Theme Name: base
Theme URI: http://webdesignerwall.com/general/free-base-wordpress-theme
Version: 1.0.0
Author: Themify
Author URI: http://www.themify.me
*/

@media (max-width: 991px) {
 .container {max-width: 100%!important;}
.pc{display: inherit;}
.sp{display: none;}
  }

@media (min-width: 992px) {
.container {width: 100%!important;}
  }

@media (min-width: 1200px) {
.container {width: 1200px!important;}
  }

*{ font-family: "Sawarabi Mincho"; }

.bg-w{background: #fff;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}



/*-SP----------------------------------------------------------------------------------*/
/*@media (max-width: 767px) {*/
@media (max-width: 991px) {
.pc{display: none;}
.sp{display: inherit;}
.mg0{margin-left:0!important;margin-right:0!important;}
.row{margin-left:0!important;margin-right:0!important;}
.container{margin-left:0;margin-right:0;padding-left:0;padding-right:0;}

header{position: relative;}	
#header{height: 80px;position: fixed;display: block;width:100%;background: #fff;z-index: 99;}
#header-mv{margin:0;height: 80px;width:100%;background: url("images/common/header-bg-pc.jpg") no-repeat;background-position: top center;position: relative;background-size: cover;}
#header-logo {margin:0;padding:0;position: absolute;top:10px;left:15px;width:100px;float: left;}
#header-logo h1{margin:0;padding:0;}
#header-mv{width:100%;margin:0;}

#header-nenu{float: right;width:50px;height: 50px;margin:0;overflow: hidden;position: relative;top:13px;right:15px;}
#header-nenu img{position: relative;top:0;}
#header-nenu img.clicked{position: relative;top:-50px;}	
	
#header1{position: fixed;width:100%;z-index: 999999;top:0;}
#header2{display: none;}
.sp-menu {display: none;margin:0;position: fixed;top:80px;z-index: 9999999;width:100%;background: #000;}
.sp-menu ul{margin:0;padding:0;}
.sp-menu li {box-sizing: border-box;border-bottom: 1px solid #fff;padding:5px 5px 5px 10px;list-style: none;position: relative;}
.sp-menu li a {box-sizing: border-box;color: #fff;display: block;font-size: 16px;line-height: 26px;padding: 5px 10px;text-decoration: none;width: 100%;}
	
.sp-menu li::before{
content:'';width:8px;height: 8px;border: 0px;border-top: solid 1px #fff;border-right: solid 1px #fff;-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:48%;left:5px;margin-top:-3px;}

#bread{margin:90px 15px 10px 15px;font-size:14px;line-height: 14px;}

	
body{background: #f7f2e9;}
	
footer{background: #311408;padding:15px 0;clear: both;}

#footer-logo{width:180px;margin:10px auto 40px auto;}


#footer-copyright{color:#fff;font-size:12px;text-align: center;}
	
	
#page_top{width: 50px;height: 50px;position: fixed;right: 15px;bottom: 15px;}
#page_top a{position: relative;display: block;width: 50px;height: 50px;text-decoration: none;}

#mainvisual{margin:0 0 20px 0;}
	
#body{}
	
#subcol{width:100%;}
#maincol{width:100%;}
	

	
.leftbox{border:4px solid #7b675e;margin:0 15px 15px 15px;padding:15px;width:calc(100% - 30px);background: #fff;}
.leftbox p.title{font-size:24px;font-weight: bold;text-align: center;color: #311408; margin:0;}
.leftbox p.tel{font-size:24px;font-weight: bold;text-align: center;margin:0;}
.leftbox p.open{font-size:16px;font-weight: bold;text-align: center;margin:0;}
.leftbox p a{color: #311408;}

.leftbox2{display: none;}

#top-kikou{background: url("images/top-kikou-bg.jpg") no-repeat;background-size: 100%;padding:20px 0 10px 0;margin:0 0 0 0;}
#top-kikou h2{font-size: 22px;line-height: 30px;color: #fff;background-color: #311408;opacity: 0.6;margin:0;padding:10px 15px;}
#top-kikou p{font-size: 14px;line-height: 24px;color: #5e381d;padding:15px;text-shadow: 1px 2px 3px #fff; }

#top-kodawari{margin:15px 15px 30px 15px;}
	
#top-kodawari h2{color: #5e381d;font-size:20px;border-bottom:2px solid #5e381d;margin:0 0 20px 0;}	
#top-kodawari p{font-size:14px;line-height: 24px;}	
#top-kodawari img{margin:0;width:100%;}		
	
#footer-navigation{display: none;}

#menu{}	
h2.menu{font-size:20px;color: #fff; margin:0 0 30px 0;padding:20px 0 0 20px;width:100%;height: 60px; background: url("images/menu-title-bg.jpg") no-repeat;background-size: auto 60px;background-position: top right;}	
h2.company{font-size:20px;color: #fff; margin:0 0 30px 0;padding:20px 0 0 20px;width:100%;height: 60px; background: url("images/company-title-bg.jpg") no-repeat;background-size: auto 60px;background-position: top right;}	
h2.access{font-size:20px;color: #fff; margin:0 0 30px 0;padding:20px 0 0 20px;width:100%;height: 60px; background: url("images/access-title-bg.jpg") no-repeat;background-size: auto 60px;background-position: top right;}	
h2.recruit{font-size:20px;color: #fff; margin:0 0 30px 0;padding:20px 0 0 20px;width:100%;height: 60px; background: url("images/recruit-title-bg.jpg") no-repeat;background-size: auto 60px;background-position: top right;}	

.cont{margin:0 15px;}
	
.cont h3{color: #5e381d;font-size:20px;border-bottom:2px solid #5e381d;margin:0 0 20px 0;}	
.cont p{font-size:14px;line-height: 24px;}	
.cont img{margin:0;width:100%;}	
	
.recruit-table{margin:0 0 30px 0;}
tr{border-bottom:1px solid #999;font-size:14px;line-height: 24px;}
th{width:90px;padding:10px;}
td{padding:10px;}
  }

/*-PC----------------------------------------------------------------------------------*/
/*@media (min-width: 768px) {*/
@media (min-width: 992px) {
.pc{display: inherit;}
.sp{display: none;}

body{background: #f7f2e9;}
	
#header-mv{margin:0;height: 260px;width:100%;background: url("images/common/header-bg-pc.jpg") no-repeat;background-position: top center;position: relative;background-size: auto 260px;}
#header-logo {margin:0;padding:0;position: absolute;top:60px;width:230px;}
#header-logo h1{margin:0;padding:0;}

#header-nenu{display:none;}

#header-navigation{width:100%;background: linear-gradient(#ece4dc, #d5b17f);border-bottom:2px solid #ba9d7d;display: inherit;}
#header-navigation nav{margin:0;padding:0;}
#header-navigation nav ul{margin:0;padding:0;display: flex;justify-content:space-between;}
#header-navigation nav ul li{margin:0;padding:12px 0 8px 0;list-style: none;text-align: center;font-size:18px;line-height: 18px;font-weight: bold;width:100%;letter-spacing: 1px;border-left:2px solid #ba9d7d;}
#header-navigation nav ul li:last-child{border-right:2px solid #ba9d7d;}
#header-navigation nav ul li span{font-size:14px;font-weight: bold;}
#header-navigation nav ul li a{color: #5e381d;}

#header1{display: none;}

#header2 {display: inherit!important;z-index:99999999;position:fixed;top:0;width: 100%;}
#header2 #header-mv{margin:0;height: 150px;width:100%;background: url("images/common/header-bg-pc.jpg") no-repeat;background-position: top center;position: relative;background-size: auto 260px;}
#header2 #header-logo {margin:0;padding:0;position: absolute;top:30px;width:160px;}
#header2 #header-logo h1{margin:0;padding:0;}	
	
#body{margin-top:220px;}
	
#bread{margin:10px 0;font-size:14px;line-height: 14px;}
	
footer{background: #311408;height: 140px;padding:15px 0;clear: both;}

#footer-logo{width:180px;float: left;margin:10px 0 0 0;}
#footer-navigation {width:calc(100% - 230px);float: right;margin:20px 0 30px 0;}
#footer-navigation ul{margin:0;padding:0;display: flex;justify-content: flex-end;}
#footer-navigation ul li{padding:0;float: left;list-style: none;margin:0 25px 0 0;font-size:16px;}
#footer-navigation ul li:last-child{margin:0;}
#footer-navigation ul li a{color:#fff;}
#footer-copyright{color:#fff;font-size:14px;floar:right;text-align: right;margin-top:-30px;}
	
#page_top{width: 50px;height: 50px;position: fixed;right: 15px;bottom: 15px;}
#page_top a{position: relative;display: block;width: 50px;height: 50px;text-decoration: none;}

#mainvisual{margin:0 0 20px 0;}
	
#subcol{width:240px;margin-right:30px;float: left;}
#maincol{width:calc(100% - 270px);float: right;}
	

	
.leftbox{border:4px solid #7b675e;margin:0 0 15px 0;padding:20px 10px 15px 10px;background: #fff;}
.leftbox p.title{font-size:18px;line-height: 26px; font-weight: bold;text-align: center;color: #311408; margin:0 0 5px 0;}
.leftbox p.tel{font-size:22px;font-weight: bold;text-align: center;margin:0 0 10px 0;}
.leftbox p.open{font-size:16px;font-weight: bold;text-align: center;margin:0 0 10px 0;}
.leftbox p a{color: #311408;}

	
.leftbox2{border:4px solid #7b675e;margin:0 0 30px 0;padding:25px 20px 20px 20px;background: #7b675e;}
.leftbox2 img{text-align: center;margin:0 0 15px 0;}
.leftbox2 p.adress{text-align: center;color: #fff;font-size:14px;line-height: 24px;}
.leftbox2 p.open{text-align: center;color: #fff;font-size:15px;}

#menu{}	
h2.menu{color: #fff; margin:0 0 30px 0;padding:20px 0 0 20px;width:100%;height: 80px; background: url("images/menu-title-bg.jpg") no-repeat;background-size: auto 80px;background-position: top right;}	
h2.company{color: #fff; margin:0 0 30px 0;padding:20px 0 0 20px;width:100%;height: 80px; background: url("images/company-title-bg.jpg") no-repeat;background-size: auto 80px;background-position: top right;}	
h2.recruit{color: #fff; margin:0 0 30px 0;padding:20px 0 0 20px;width:100%;height: 80px; background: url("images/recruit-title-bg.jpg") no-repeat;background-size: auto 80px;background-position: top right;}	
h2.access{color: #fff; margin:0 0 30px 0;padding:20px 0 0 20px;width:100%;height: 80px; background: url("images/access-title-bg.jpg") no-repeat;background-size: auto 80px;background-position: top right;}	
	
.cont h3{color: #5e381d;font-size:30px;border-bottom:2px solid #5e381d;margin:0 0 20px 0;}	
.cont p{font-size:16px;line-height: 26px;}	
.cont img{float: right;margin:0 0 20px 20px;}
	
.recruit-table table{margin:0 0 30px 80px;width:calc(100% - 110px);}
tr{border-bottom:1px solid #999;font-size:16px;line-height: 26px;}
th{width:110px;padding:10px;}
td{padding:10px;}
	}