@charset "utf-8";
@media screen and (max-width:767px){
/*--------------------------------------------
   サイト基本設定　ここの設定はサイト依存
--------------------------------------------*/
body,html,input,textarea {
 font-family: "メイリオ", Meiryo, "游ゴシック","YuGothic", "游ゴシック体","Hiragino Sans", 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
  min-width: 100%;
  color: #664a0b;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  width:100%;	
  font-family: "メイリオ", Meiryo, "游ゴシック","YuGothic", "游ゴシック体","Hiragino Sans", 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}	
    
body {
  -webkit-text-size-adjust: 100%;
	
}
a {
  text-decoration:none;
  color:#331402;
}
a[href^="tel"]{
		color:inherit;
	}
	
table {
  width:100%;
}
img {
  max-width: 100%;
  height:auto;
}

.cf:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
:root .cf::after { /* IE9 */
	content: ""\9;
	clear: both\9;
	display: block\9;
	height: 0\9;
}	
	
.for_pc {
  display:none;
}
/*--------------------------------------------
   ヘッダー
--------------------------------------------*/	

/*--------------------------------------------
   ハンバーガーメニュー
--------------------------------------------*/
	
#header #hdr_sp .hdr_right #menu_btn {
  display: block;
  position: absolute;
  top: 23px;
  right: 4%;
  width: 28px;
  padding: 0;
}
#header #hdr_sp .hdr_right #menu_btn .b1,
#header #hdr_sp .hdr_right #menu_btn .b2,
#header #hdr_sp .hdr_right #menu_btn .b3 {
  width: 28px;
  height: 4px;
  margin: 0 auto;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  background-color: #128754;
}
#header #hdr_sp .hdr_right #menu_btn .b2,
#header #hdr_sp .hdr_right #menu_btn .b3 {
  margin: 5px auto 0;
}
.drawer-open #header #hdr_sp .hdr_right #menu_btn .b1,
.drawer-open #header #hdr_sp .hdr_right #menu_btn .b2,
.drawer-open #header #hdr_sp .hdr_right #menu_btn .b3 {
  background-color: #128754;
}
.drawer-open #header #hdr_sp .hdr_right #menu_btn .b1 {
  -webkit-transform: rotate(225deg) translate3d(-5px, -5px, 0);
  -moz-transform: rotate(225deg) translate3d(-5px, -5px, 0);
  -ms-transform: rotate(225deg) translate3d(-5px, -5px, 0);
  transform: rotate(225deg) translate3d(-5px, -5px, 0)
}
.drawer-open #header #hdr_sp .hdr_right #menu_btn  .b2 {
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
}
.drawer-open #header #hdr_sp .hdr_right #menu_btn .b3 {
  -webkit-transform: rotate(-225deg) translate3d(-7px, 8px, 0);
  -moz-transform: rotate(-225deg) translate3d(-7px, 8px, 0);
  -ms-transform: rotate(-225deg) translate3d(-7px, 8px, 0);
  transform: rotate(-225deg) translate3d(-7px, 8px, 0)
}
.drawer-nav {
  background: #fffef0;
}
.drawer-menu {
  padding: 10%;
}

.drawer-menu li{
	border-bottom:dotted 3px #4d4e4e;
}

.drawer-menu li a{
	color:#4d4e4e;
	    display: inline-block;
}
/*--------------------------------------------
	TOPへ戻るボタン
--------------------------------------------*/
#totop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
	
	#totop a{
    height: 70px;
    width: 70px;
	display:inline-block;
	opacity:0.8;
	}

/*--------------------------------------------
   フッター
--------------------------------------------*/	


	}
