@charset "UTF-8";
* {
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  line-height: 100%;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}

img {
  border: none;
  vertical-align: top;
  height: auto;
  max-width: 100%;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}

/*-------------
layout.css
---------------*/
html {
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-text-size-adjust: none;
}

/*コンテナ*/
#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
}

/*ヘッダー*/
header {
  width: 100%;
  position: relative;
}

#header-in {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/*コンテンツ*/
.contents {
  height: auto;
  width: 100%;
  position: relative;
}

.contents-in {
  margin: 0 auto;
  position: relative;
  height: auto;
}

.contents-in {
  display: block;
}

/*フッター*/
footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}

.inside {
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.inside {
  max-width: 640px;
}

/*オファーボタン*/
/*map*/
.map iframe {
  height: 300px;
  width: 100%;
}

/*フッター固定*/
.fkoteibtn {
  width: 100%;
}

.offerbtnfr {
  margin-right: auto;
  margin-left: auto;
  max-width: 640px;
}

.offerbtn {
  position: absolute;
  width: 35%;
  right: 3%;
  bottom: 20px;
  display: block;
}

@media screen and (max-width: 767px) {
  .offerbtnfr {
    position: relative;
  }
}
@media print, screen and (min-width: 767.01px) {
  .offerbtn {
    width: 180px;
  }
}