@charset "UTF-8";
/* CSS Document */
/* //////////////////////////////////////////////////
ヘッダー
////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////
スマホ
////////////////////////////////////////////////// */
header {
  margin: 0 auto;
  padding: 0px;
  overflow: hidden; /* 高さの認識*/
}
.headerbox {
  background: url("../img/header_bg1.png"), url("../img/header_bg2.png"), url("../img/bg1.jpg");
  background-size:85% auto, 100% auto, 100% auto;
  background-repeat: repeat-x, repeat-x, repeat;
  background-position: top, bottom, top;
  padding-bottom: 20px;
}
  .header_left {
    float: left;
    width:100%;
    text-align: left;
    padding-top: 10px;
  }
  .logoimg { /*ロゴ画像*/
    width: 78%;
    height: auto;
    max-width: 500px;
    float: left;
	  padding-top: 6%;
	  padding-bottom: 10px;
  }

/*.instaimg{
	    width: 8%;
    height: auto;
    float: left;
	  padding-top: 11%;
	  padding-left: 15px;
}*/
.header_right {
  display: none;
}
/* ////////////////////////////////////////////////// 
[MAPアイコン]

.mapbutton {
  position: absolute;
  top: 0;
  right: 62px;
  z-index: 200;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.mapbutton a {
  display: block; 
}

.mapbutton a:hover {
  text-decoration: none;
}

////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// 
[インスタアイコン]
////////////////////////////////////////////////// */
.instabutton {
  position: absolute;
  top: 0;
 right: 65px;
  z-index: 200;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.instabutton a {
  display: block;
}

.instabutton a:hover {
  text-decoration: none;
}



/* //////////////////////////////////////////////////
[住所、電話]
////////////////////////////////////////////////// */
.header_bottom {
  width: 84%;
  margin: 0 auto;
  margin-bottom: 15px;
}
/* 電話アイコン*/
.telicon {
  padding: 4px 0px 4px 28px;
  background-image: url("/common/img/telicon.png");
  background-repeat: no-repeat;
  background-position: 0px;
  background-size: 22px;
}






/* //////////////////////////////////////////////////
PC
////////////////////////////////////////////////// */
@media only screen and (min-width: 769px) {
  .headerbox {
	    background-size: 700px auto, 100% auto, 100% auto;
    padding-bottom: 40px;
  }
  .header_left {
    float: left;
    width: 51%;
    text-align: left;
    padding-top: 60px;
  }
  .logoimg { /*ロゴ画像*/
    width: 100%;
    height: auto;
    max-width: 500px;
    float: left;
  }
  .header_right {
    float: right;
    width: 45%;
    display: block;
    padding-top: 25px;
  }
  .header_right p {
    text-align: left;
    float: right;
    margin-left: 15px;
  }
  /* ////////////////////////////////////////////////// 
[MAPアイコン]
////////////////////////////////////////////////// */
  .mapbutton {
    background-color: #deb680;
    float: right;
    position: relative;
    top: 0px;
    right: 0px;
    border-radius: 0 0 12px 12px;
    width: auto;
    margin-left: 12px;
	
	  height: 54px;
	
  }
  .mapbutton a {
  }
  .mapbutton:hover {
    background-color: #fee28b;
  }
  .mapbutton img {
    padding: 8px 8px 8px 8px;
    vertical-align: middle;
  }
}