@charset "utf-8";
/*********************************
 *
 * 全ページ共通
 *
 *********************************/
/*CONNON*/
html {
  background: url(../images/common/bg.jpg);
}
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serifc
}
#wrapper {
  margin: 0 auto;
  width: 100px;
}
/* googlemap */
.contents6 iframe {
  width: 100% !important;
}
/* TEXT */
a {
  color: #00abe3;
  text-decoration: none;
}
a:hover {
  color: #00abe3;
  text-decoration: underline;
}
#link01 {
  margin-top: -100px;
  padding-top: 100px;
}
/* MARGIN */
.mT1 {
  margin-top: 1px !important;
}
.mT1em {
  margin-top: 1em !important;
}
.mT5 {
  margin-top: 5px !important;
}
.mT10 {
  margin-top: 10px !important;
}
.mT15 {
  margin-top: 15px !important;
}
.mT20 {
  margin-top: 20px !important;
}
.mT25 {
  margin-top: 25px !important;
}
.mT30 {
  margin-top: 30px !important;
}
.mT35 {
  margin-top: 35px !important;
}
.mT40 {
  margin-top: 40px !important;
}
.mT45 {
  margin-top: 45px !important;
}
.mT50 {
  margin-top: 50px !important;
}
.mT60 {
  margin-top: 60px !important;
}
.break {
  margin-top: 0.8em !important;
}
.mT80 {
  margin-top: 80px !important;
}
.mT100 {
  margin-top: 100px !important;
}
.mL1 {
  margin-left: 1px !important;
}
.mL10 {
  margin-left: 10px !important;
}
.mL17 {
  margin-left: 17px !important;
}
.mL40 {
  margin-left: 40px !important;
}
.mL115 {
  margin-left: 115px !important;
}
.pT5 {
  padding-top: 5px !important;
}
.pT10 {
  padding-top: 10px !important;
}
.pT15 {
  padding-top: 15px !important;
}
.pT20 {
  padding-top: 20px !important;
}
.pT25 {
  padding-top: 25px !important;
}
.pT30 {
  padding-top: 30px !important;
}
.pT35 {
  padding-top: 35px !important;
}
.pT40 {
  padding-top: 40px !important;
}
.pT45 {
  padding-top: 45px !important;
}
.pT50 {
  padding-top: 50px !important;
}
.pT60 {
  padding-top: 60px !important;
}
.pB10 {
  padding-bottom: 10px !important;
}
.pB20 {
  padding-bottom: 20px !important;
}
.pB30 {
  padding-bottom: 30px !important;
}
.pB40 {
  padding-bottom: 40px !important;
}
.pB50 {
  padding-bottom: 50px !important;
}
/* FONT */
.bold {
  font-weight: bold !important;
}
.large {
  font-size: 1.3em;
  line-height: 2.0em !important;
}
.xlarge {
  font-size: 1.5em;
  line-height: 2.0em !important;
}
.small {
  font-size: 0.85em;
  line-height: 1.25em !important;
}
/* IMAGE */
a:hover img.hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
a:hover img.none {
  filter: none;
  -moz-opacity: 1;
  opacity: 1;
}
.box .map {
  margin-top: 15px;
}
/* color */
.red {
  color: #ff0000;
}
.pagetop {
  display: none;
  position: fixed;
  bottom: 5px;
  right: 5px;
}
.pagetop a {
  display: block;
  background-color: #ccc;
  text-align: center;
  color: #222;
  font-size: 10px;
  text-decoration: none;
  padding: 20px 10px;
  border-radius: 5px;
}
.pagetop a:hover {
  display: block;
  background-color: #01c3ff;
  text-align: center;
  color: #fff;
  font-size: 10px;
  text-decoration: none;
  padding: 20px 10px;
  border-radius: 5px;
}
.fix_reserve {
  display: none;
  position: fixed;
  width: 120px;
  bottom: 85px;
  right: 10px;
}
.fix_reserve a {
  display: block;
  text-align: center;
}
.google-maps {
  position: relative;
  padding-bottom: 75%; // これが縦横比
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/*********************************
 * 641?
 *********************************/
@media screen and (min-width:641px) {
  html {
    -webkit-text-size-adjust: 100%;
    min-width: 1024px;
  }
  body {
    font-size: 14px;
    line-height: 2.0em;
  }
  div#headerArea h1.sptit {
    display: none;
  }
  .spCnt {
    display: none;
  }
  .sp_gnavi {
    display: none;
  }
  div#headerArea ul.sparea {
    display: none;
  }
  div#headerArea ul.sparea li {
    display: none;
  }
  div.sph_tell {
    display: none;
  }
  #tab_nav {
    display: none;
  }
  button.drawer-toggle.drawer-hamburger {
    display: none;
  }
  /* HEADER */
  div#header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    color: #fff;
    z-index: 100;
    font-size: 11px;
  }
  div#header {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */
    filter: alpha(opacity=40); /* IE */
    -moz-opacity: 0.9; /* Firefox(old) */
    -khtml-opacity: 0.9; /* Safari(old) */
    opacity: 0.9;
  }
  div#headerArea {
    position: relative;
    width: 828px;
    height: 166px;
    margin: 0 auto;
    background-color: #000;
  }
  div#headerArea h1.pctit {
    position: absolute;
    width: 588px;
    height: 17px;
    left: 0;
    top: 29px;
  }
  div#headerArea .logo {
    position: absolute;
    width: 488px;
    height: 67px;
    left: 0;
    top: 65px;
  }
  div#headerArea .logo2 {
    position: absolute;
    width: 201px;
    height: 24px;
    left: 595px;
    top: 29px;
  }
  div#headerArea .areabox {
    position: absolute;
    width: 247px;
    left: 578px;
    top: 62px;
  }
  div#headerArea ul.area {
    position: absolute;
    width: 247px;
    right: 0px;
    top: 0px;
  }
  div#headerArea ul.area li {
    width: 77px;
    float: left;
    padding-bottom: 3px;
  }

  div#headerArea ul.area li.e01 {
  margin-right:6px;
  }

  div#headerArea ul.area li.e02 {
  margin-right:6px;
  }

  div#headerArea ul.area li.e03 {
  margin-left:0px;
float: left;
  }

  div#headerArea ul.area li.e04 {
  margin-left:0px;
  }


  div#headerArea div.h_tell {
    width: 248px;
  }
  div#header div.gnavi {
    background-color: #929292;
    width: 100%;
    height: 37px;
  }
  div#header div.gnavi ul {
    width: 828px;
    margin: 0 auto;
  }
  div#header div.gnavi ul li {
    width: 194px;
    float: left;
  }
  /* LAYOUT COMMON */
  div.topicpath {
    position: relative;
    width: 964px;
    height: 30px;
    margin: 0 auto;
    padding: 0 30px;
    background: url(../images/common/line01_horizon.png) center bottom repeat-x;
    font-size: 12px;
    line-height: 2.5em;
  }
  div.topicpath p {
    padding: 0 0 0 20px;
    background: url(../images/common/topicpath_arrow.png) left center no-repeat;
    color: #444;
  }
  div.topicpath p a {
    color: #444;
    text-decoration: none;
  }
  div.topicpath p a:hover {
    color: #999;
    text-decoration: underline;
  }
  /* LAYOUT */
  /* FOOTER */
  div#footer {
    width: 100%;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    height: 100%;
    margin-top: 100px;
    background-attachment: fixed;
  }
  div#footer div.logo {
    position: relative;
    width: 447px;
    padding-top: 40px;
    margin: 0 auto;
  }
	
  div#footer p.toku {
    padding: 20px 0 0px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
  }	
	
div#footer p.toku a {
  color: #fff;
  text-decoration: none;
}
div#footer p.toku a:hover {
  color: #fff;
  text-decoration: underline;
}	
  div#footer p.copy {
    padding: 10px 0 45px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
  }
} /* @media 641- */
/*********************************
 * ?640
 *********************************/
@media screen and (max-width:640px) {
  html {
    -webkit-text-size-adjust: 100%;
  }
  body {
    font-size: 80%;
  }
  .pcCnt {
    display: none;
  }
  .logo2 {
    display: none;
  }
  .gnavi {
    display: none;
  }
  div#headerArea h1.pctit {
    display: none;
  }
  button.drawer-toggle.drawer-hamburger {
    display: block;
  }
  div.h_tell {
    display: none;
  }
  div#headerArea ul.area {
    display: none;
  }
  div#headerArea ul.area li {
    display: none;
  }
  /* HEADER */
  div#header {
    position: relative;
    width: 100%;
    background-color: #000;
    color: #FFF;
  }
  div#headerArea {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  div#headerArea h1.sptit {
    width: 98%;
    font-size: 60%;
    padding: 10px 0px 10px 0px;
    text-align: center !important;
  }
  div#headerArea .splogo {
    width: 90%;
    padding-bottom: 10px;
    margin: 10px auto 10px auto;
    text-align: center !important;
  }
  div#headerArea .areabox {
    width: 100%;
    padding-bottom: 10px;
  }
  div#headerArea ul.sparea {
    width: 100%;
    margin: 0 auto !important;
    text-align: center !important;
    position: relative;
  }
  div#headerArea ul.sparea li {
    float: left;
    padding: 0px 0px 0 8px;
  }

  div#headerArea ul.sparea li.e01 {
    width: 20%;
    float: left;
    padding: 0px 0px 3% 18%;
  }

  div#headerArea ul.sparea li.e02 {
    width: 20%;
    float: left;
    padding: 0px 0px 3% 2%;
  }

  div#headerArea ul.sparea li.e03 {
    width: 20%;
    float: left;
    padding: 0px 0px 3% 2%;
  }

  div#headerArea ul.sparea li.e04 {
    width: 84px;
    float: left;
    padding: 0px 0px 3% 2%;
  }

  div.h_tell {
    width: 100%;
    padding: 20px 0px 20px 0px;
    text-align: center !important;
  }
  div.sph_tell {
    width: 70%;
    padding: 0 15% 20px 15%;
    text-align: center !important;
  }
  div#header div.gnavi {
    background-color: #929292;
    width: 100%;
    height: 37px;
  }
  div#header div.sp_gnavi {
    background-color: #929292;
    width: 100%;
    height: 37px;
    text-align: center !important;
    margin: 0 auto;
  }
  div#header div.sp_gnavi ul {
    margin: 0 auto;
    text-align: center !important;
  }
  /* tab_nav */
  #tab_nav {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  #tab_nav .box {
    padding: 6px 1em 6px 0;
    background: #000;
  }
  #tab_nav .nav {
    margin: 0;
    border-top: 1px solid #000;
  }
  .nav li a {
    display: block;
    padding: 0.8em 1em;
    background: #929292;
    border-bottom: 1px solid #000;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    text-decoration: none;
  }
  .nav li a:hover {
    background: #666;
  }
  #tab_btn, #tab_close {
    width: 100%;
  }
  #tab_close {
    display: block;
    padding: 0.8em 0;
    background: #000;
    border-bottom: 1px solid #000;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    text-decoration: none;
    margin-right: 7px;
  }
  #tab_btn2 {
    width: 10.3em;
    margin: 0 auto;
    text-align: center !important;
  }
  /* FOOTER */
  div#footer {
    width: 100%;
    background-color: #000;
    color: #fff;
    font-size: 1.0em;
    height: 100%;
    margin-top: 30px;
  }
  div#footer div.logo {
    position: relative;
    width: 90%;
    padding-top: 40px;
    margin: 0 auto;
  }

  div#footer div.logo img {
    width: 90%;
  }
	
  div#footer p.toku {
    padding: 20px 0 0 0;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
  }	
div#footer p.toku a {
  color: #fff;
  text-decoration: none;
}
div#footer p.toku a:hover {
  color: #fff;
  text-decoration: underline;
}	

  div#footer p.copy {
    padding: 10px 0 45px 0;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
  }
  /* contents */
  .drawer-main {
    background: url(../images/common/dnavi_bg.png) left top repeat-y #393836;
  }
  .drawer-main ul.nav {
    padding: 5%;
  }
  .drawer-main ul.nav li {
    padding: 5% 0;
    border-bottom: 1px solid #5c5a55;
  }
  .drawer-main ul.nav li a {
    color: #fff;
  }
  .drawer-main ul.nav li a:hover {
    color: #aaa;
  }
  
  .fix_reserve {
    width: 100px;
    bottom: 5.4em;
    right: 0.5em;
    z-index: 10;
  }
} /* @media -640 */

/* OTHER */
.caution01 {
  color: #e4007f;
}
button {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: none;
}
/* CLEARFIX */
/* For modern browsers */
.clearfix:before, .clearfix:after {
  content: "";
  display: block;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1;
}