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


/* common&reset */
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, a, pre, form, fieldset, input, textarea, p, blockquote, th, td, address {
	font-style: normal;
	font-weight: normal;
	font-size:100%;
	margin: 0;
	padding: 0;
	}

ul, li {
	list-style-type: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0 none;
	margin:0;
	padding:0;
	width:100%;
}
a {
	text-decoration:none;
	color: #2EA7E0;
}

a:hover {
	color:#F60;
}

body {
	width: 100%;
	height:100%;
	background-position: 50% 50%;
	background-attachment:fixed;
	font-size: 18px;
	color: #333;
	line-height: 2em;
    font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	}


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}



#page_wrap{overflow:hidden;width:auto;}

a:hover img {
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
}
section {}

/*ヘッダー*/
header .logo{max-width:283px;width:20%;position:absolute;z-index: 1;}
header .logo img:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	}

header .header_top{background:#222;border-bottom:10px #000 solid;}
header .menu{float:right;}
header .menu ul{float:left;}
header .menu li{float:left;border-left:1px #888 solid;}
header .menu li a{display:block;padding:15px 18px;}
header .menu li:last-child{border-right:1px #888 solid;margin-right:15px;}
header .menu a{color:#FFF;font-size:1.6vw;}
header .menu a:hover{color:#F90;}
header .head_tel{max-width:195px;float:right;width:40%;}
header .head_tel a{margin:15px 0 0;display:block;cursor:default;}
header .head_tel a:hover img{opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}


/*フッター*/
footer{border-top:1px #888 solid;padding-top:5%;}
footer h3{font-size:36px;color:#8c2300;text-align:center;}
footer .tel{max-width:560px;display:block;margin:10px auto;}
footer .fax{max-width:370px;display:block;float:left;width:40%;}
footer .fax_wrap{width:95%;margin:0 auto;}
footer .btn_day{max-width:266px;display:block;float:right;margin:15px 0 0 2%;width:28%;}
footer .btn_week{max-width:266px;display:block;float:right;margin:15px 0 0 2%;width:28%;}

footer #footer_btm_wrap{background:#fff1dd;padding:5% 0 0;margin-top:3%;}
footer .footer_logo{max-width:110px;display:block;margin:0 auto;}
footer address{text-align:center;line-height:1.2em;padding:3% 0;} 

.copyright{background:#000;color:#FFF;text-align:center;padding:0 5%;}

@media only screen and (min-width: 1000px) {
header .menu a{color:#FFF;font-size:16px;}
}

/*インナー*/
.inner{width:96%;padding:0;max-width:1000px;margin:0 auto;}

article, aside, figure, figcaption, footer, header, nav, section {
	display: block;
}

/*共有*/
.cf:after {
  display: block;
  clear: both;
  content: "";
}

.pc{display:block;}
.sp{display:none;}


/*エラー*/
footer a[href^="tel:"] {
    pointer-events: none;
}

footer a:hover[href^="tel:"] {
	color:#FFF;
}

footer a:hover[href^="tel:"] {
	color:#fff;
}

/*スマホ用*/
@media only screen and (max-width: 840px) {
	
/*共有*/
.pc{display:none;}
.sp{display:block;}



a[href^="tel:"] {
    cursor: default;
	color:#434343;
	}
	
a:hover[href^="tel:"] {
	color:#434343;
}

a:hover[href^="tel:"] img{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
footer a[href^="tel:"] {
    pointer-events: auto;
}


/*ハンバーガーボタン*/
#menu{
	background:#222;
	width:57px;
	height:57px;
	float:right;
	position:absolute;
	right:0;
	z-index:999;
	}
#menu:after {
  display: block;
  clear: both;
  content: "";
}

.el_humburger {
  /*position: fixed;*/
  display: block;
  padding-top:14px;
  width: 60px;
  height: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 20;
  cursor: pointer;
  pointer-events: auto;
  color: #000;
  text-align: center;
  position: relative;
  z-index:999;
  }

/*ヘッダー*/
header .head_tel{position: relative;right: 50px;}
header .logo{max-width:200px;width:35%;position:absolute;}



}
 
.el_humburger_wrapper {
  margin-bottom: 5px;
  width: 42px;
  display: inline-block;
  
  }
 
@media screen and (max-width: 840px) {
  .el_humburger_wrapper {
    margin-bottom: 5px;
    width: 30px; } }
 
.el_humburger_text {
  font-size: 12px;
  letter-spacing: 0.1em;
  font-family: "游ゴシック Medium", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__menu {
  display: none; }
 
.el_humburger_text.el_humburger_text__close {
  display: none; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__close {
  display: block; }
 
.el_humburger_text {
    font-size: 10px;
    padding-top: 2px; } 
	
 
  .el_humburger_text svg path {
    -webkit-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    -o-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    fill: #000; }
	
  .js_humburgerOpen .el_humburger_text svg path {
    fill: #000;
	}

 
.el_humburger span.el_humburger_bar {
  display: block;
  width: 100%;
  margin: 0 auto 9px;
  height: 4px;
  background: #fff;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  }
 
.el_humburger span.el_humburger_bar:last-child {
  margin-bottom: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar {
  background: #fff;
  }
 
  .el_humburger span.el_humburger_bar {
    left: 0;
    top: 0;
    background: #fff;
	}
	 
.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
  -webkit-transform: translateY(15px) rotate(-45deg);
  -ms-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg); }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.middle {
  opacity: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-11px) rotate(45deg);
  -ms-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg); }
 
.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%; }
 
.el_humburgerButton__close span.el_humburger_bar {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #000; }
 
.el_humburgerButton__close span.el_humburger_bar.top {
  -webkit-transform: translateY(5px) rotate(-45deg);
  -ms-transform: translateY(5px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg); }
 
.el_humburgerButton__close span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg); }
 
.navi {
  position: fixed;
  right: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  width: 0;
  z-index: 3;
  padding-top: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  overflow: hidden;
	z-index:900;
}

.js_humburgerOpen .navi {
	width: 50%;
	opacity: 0.90;
	background-color: rgba( 0, 0, 0, 0.80 );
	overflow-y: auto;
	z-index:900;
}
	
	.navi{
		padding-top:90px;
		position:fixed;
		top:0;
		}
	
      .js_humburgerOpen .navi {
        width: 100%;
        padding: 90px 5% 0;
		}

 
.navi_item {
  font-size: 20px;
  white-space: nowrap;
  margin:0 4%;
  border-bottom:1px #888 dashed;
  }
  
.navi_item a{
	color:#FFF;
	display:block;
	padding:10px 0  10px 0.5em ;
}
.navi_item a:hover{
	color:#f7b52c;
	background-color: rgba( 0, 0, 0, 0.80 );
	}
.navi_item.op_innerLink {
  cursor: pointer;
}

    .navi_item {
      margin-left: 0;
      font-size: 18px;
	  line-height:1.4em;
	  border-bottom:1px #888 dashed;
	  }



/*スマホ基本*/
/*header*/
header{
	display:block;
	width:100%;
	background:#FFF;
	z-index:999;
}

main{}

.inner{width:90%;}

	
/*ボタン*/
a.btn_a{
	background:#262e31;
	display:block;
	padding:0.5em;
	margin:8% auto;
	font-size:18px;
	text-align:center;
	}
a.btn_a:hover{background:#354347;}

/*contact us*/
.contact_wrap h2{font-size:32px;}

/*フッター*/
footer h3{font-size:24px;}
footer address{font-size:0.8em;} 

}

@media screen and (max-width: 400px) {
.contact_wrap a div {
    font-size: 8vw;
}
}