@charset "utf-8";

/**
* responsive
*/

/* @media 960 START */
@media only screen and (max-width:960px) {

html,
body,
.page {
  min-height: 100%;
}

body {
  overflow-x: hidden;
}

body #container {
  overflow: hidden;
  min-height: 100%;
}

/** img **/
img {
  max-width: 100%;
}

/* heading */
.ttl img {
  display: none;
}

.ttl span {
  display: block;
}

/** wrapper **/
body .wrapper {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}

/* contentsBox */
body .contentsBox {
  padding: 20px;
}

/* gFooter */
body #gFooter {
  padding: 25px 0 10px;
}

/** fNav **/
body #gFooter #fNav {
  margin-bottom: 0;
  background-color: #000;
}

body #gFooter #fNav .wrapper {
  padding-left: 0;
  padding-right: 0;
}

body #gFooter #fNav ul {
  margin-bottom: 0;
  border-left: 1px solid #4c4c4c;
}

body #gFooter #fNav:after {
  content: none;
  display : none;
}

body #gFooter #fNav li {
  width: 50%;
  float: left;
  border: 0;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

body #gFooter #fNav a {
  line-height: 22px;
  vertical-align: middle;
  display: block;
  width: 100%;
  background-color: #000;
  padding: 10px;
  border-top: 1px solid #4c4c4c;
  border-right: 1px solid #4c4c4c;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

/** contactArea **/
body #gFooter #contactArea {
}

body #gFooter #contactArea .contactTtl {
  float: none;
  width: 100%;
  padding-bottom: 20px;
}

body #gFooter #contactArea .inner {
  float: none;
  width: 100%;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

body #gFooter #contactArea .addressTxt {
  display: block;
  float: none;
  text-align: center;
  margin-bottom: 10px;
}

body #gFooter #contactArea .contactBox {
  float: none;
  text-align: center;
}

/* bnr-Hoosumai */
body #copyArea .bnr-Hoosumai {
  background-image: none;
  padding: 10px 10px 50px;
}

body #copyArea .bnr-Hoosumai .txt {
  float: none;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

body #copyArea .bnr-Hoosumai .bnr {
  float: none;
  text-align: center;
}

body #copyArea .bnr-Hoosumai .bnr a {
  padding-top: 55px;
  text-align: center;
}

body #copyArea .hoo-sumai-txtlink {
  text-align: center;
}

/* POPUP */
/* printNav */
body .printNav ul li.btGmap {
  display: block;
}

body .printNav ul li.btPrint {
  display: none;
}
}

/* @media 960 END */

/* @media 667 START */
@media only screen and (max-width:667px) {

/* bnr-Hoosumai */
body #copyArea {
  text-align: center;
}

body #copyArea .wrapper {
  padding-left: 0;
  padding-right: 0;
}

body #copyArea .bnr-Hoosumai {
  display: inline-block;
  background-image: none;
  padding: 10px;
}

body #copyArea .bnr-Hoosumai .txt {
  display: none;
}

body #copyArea .bnr-Hoosumai .bnr {
  float: none;
  text-align: center;
}

body #copyArea .bnr-Hoosumai .bnr a {
  width: 100%;
  position: static;
  padding: 0;
}
}

/* @media 667 END */


/* @media 599 START */
@media only screen and (max-width:599px) {

/* heading */
.ttl {
  font-size: 18px;
  line-height: 28px;
}

.ttl span strong {
  font-size: 24px;
  line-height: 28px;
}

body #gFooter #contactArea .contactBox .tel {
  font-size: 26px;
}

/* tel */
body .tel a {
  pointer-events: auto!important;
  display: inline-block;
}

/** contactArea **/
body #gFooter #contactArea .addressTxt {
  margin-bottom: 20px;
  text-align: left;
}

body #gFooter #contactArea .contactBox {
  width: 100%;
  text-align: left;
}

body #gFooter #contactArea .contactBox .tel {
/*margin-bottom: 20px;*/
}

body #gFooter #contactArea .contactBox .telCap {
  margin-bottom: 20px;
}

body #gFooter #contactArea .addressTxt br {
  display: none;
}

body #gFooter #contactArea .contactBox .tel br {
  display: block;
}

/* copyArea */
body #copyArea {
  padding-bottom: 0;
  margin-bottom: 0;
}

/** bnr-Hoocorp **/
body #copyArea .bnr-Hoocorp .copyright {
  background-color: #000;
  color: #fff;
  padding: 10px;
}
}
/* @media 599 END */