@charset "UTF-8";
/* ===================================================================
CSS information

 file name	:karuna.css
 author		 :Ability Consultant
style info	:金太郎温泉
=================================================================== */
/*-----------------------------------------------------------
	.con_title タイトルエリア
-----------------------------------------------------------*/
.con_title .con_inner {
  background: url(../images/ka/bg_title.jpg) center center no-repeat;
}

/*----------------------------------------------------
	.con_intro　	INTRO
----------------------------------------------------*/
.con_intro {
  max-width: 950px;
  background: url(../images/common/bg_texture_brown.jpg) 0 0;
  padding-top: 1px;
  border-bottom: 1px solid #4c4040;
  margin-top: 45px;
}
.con_intro .bg {
  padding-top: 1px;
  background: url(../images/ka/bg_intro.jpg) 10px center no-repeat #160C0A;
  width: 1100px;
  margin: -13px auto 0;
  height: 555px;
  max-width: 950px;
}
.con_intro .con_inner {
  width: 1100px;
  margin: 0px auto 0 auto;
  position: relative;
  padding-bottom: 90px;
}
@media only screen and (max-width: 1099px) {
  .con_intro .con_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .con_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 414px) {
  .con_intro .con_inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.con_intro .con_inner:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

/*----------------------------------------------------
	.m_page　	ページメニュー
----------------------------------------------------*/
.m_page {
  overflow: hidden;
  border: 1px solid #5d3739;
  max-width: 950px;
  margin: 0 auto;
  background: rgba(53, 22, 21, 0.8);
  width: 100%;
}
.m_page li {
  width: 25%;
  float: left;
}
.m_page li a {
  display: block;
  text-decoration: none !important;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "Times New Roman", Times, serif;
  font-size: 110%;
  text-align: center;
  padding: 5px 0;
}
.m_page li a:hover {
  background: rgba(127, 45, 45, 0.6);
}
.m_page li a i {
  margin-right: 0.5em;
}
.m_page li a span {
  padding: 1em 0;
  border-left: 1px solid #854444;
  display: block;
}
.m_page li:first-child a span {
  border: none;
}
.m_page.f_page {
  margin-bottom: 50px;
}

.con_karuna {
  background: #160C0A;
  max-width: 950px;
  width: 100%;
}
.con_karuna .box_karuna {
  text-align: center;
  padding-bottom: 20px;
}

.box_menu .menu {
  float: right;
  margin-right: 30px;
  margin-top: -15px;
  width: 453px;
  position: relative;
  z-index: 2;
}
.box_menu .menu:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.box_menu .menu li {
  float: left;
  margin-left: 15px;
  margin-top: 10px;
}
.box_menu .menu li a {
  display: block;
  text-decoration: none;
  position: relative;
}
.box_menu .menu li div {
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -12px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "Times New Roman", Times, serif;
  color: #fff;
  font-size: 120%;
  text-decoration: none;
  background: #a44747;
  padding: 3px;
  display: block;
}
.box_menu .menu li div.active {
  background: #EECB29;
}
.box_menu .menu li div.active span {
  border: 2px solid #EECB29;
  color: #BE190F;
}
.box_menu .menu li div span {
  display: block;
  width: 25px;
  text-align: center;
  line-height: 25px;
  height: 25px;
  padding-right: 3px;
  padding-bottom: 3px;
}

.wrap_other {
  margin: 10px auto 60px;
  margin-left: -25px;
  overflow: hidden;
}
.wrap_other .box_other {
  margin-left: 25px;
  margin-top: 25px;
  background: #000000;
  border: 1px solid #402c2c;
  width: 300px;
  float: left;
}
.wrap_other .box_other .box_content {
  padding: 0 20px;
}
.wrap_other .box_other h4 {
  text-align: center;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 140%;
  padding: 0.5em 0;
  letter-spacing: 5px;
}
.wrap_other .box_other h4:before {
  content: "\f1db";
  font-family: 'FontAwesome';
  font-weight: 100;
  margin-right: 5px;
}
.wrap_other .box_other h4 span {
  font-size: 80%;
}
.wrap_other .box_other .txt {
  text-align: center;
  margin-top: 1em;
}

/*----------------------------------------------------
	
	.guide　	料金

----------------------------------------------------*/
.guide {
  margin-top: -30px;
  padding-bottom: 1em;
}
.guide .con_guide {
  max-width: 900px;
  margin: 20px auto 20px auto;
}
@media only screen and (max-width: 1099px) {
  .guide .con_guide {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .guide .con_guide {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 414px) {
  .guide .con_guide {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.guide .con_guide h3 {
  text-align: center;
  margin-bottom: 35px;
}
.guide .con_guide h4 {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 140%;
  margin-bottom: 20px;
}
.guide .con_guide h4 span {
  font-size: 70%;
  display: inline-block;
  padding: 0 0.5em;
  margin-right: 1em;
  background: #2e371a;
  border: 1px solid #374c30;
}
.guide .con_guide h4 em {
  margin-left: 1.5em;
  font-size: 70%;
}
.guide .con_guide h5 {
  font-size: 120%;
  margin-top: 30px;
  margin-bottom: 20px;
}
.guide .con_guide .box_intro {
  text-align: center;
  margin-bottom: 30px;
}
.guide .con_guide .box_guide {
  margin-bottom: 60px;
}
.guide .con_guide .etc {
  margin-top: 20px;
  color: #c9a15a;
}
.guide .con_guide .etc dt {
  font-weight: bold;
  font-size: 110%;
}
.guide .con_guide .note {
  margin-top: 20px;
}
.guide .con_guide .box_note {
  margin-top: 20px;
}
.guide .con_guide .box_amenity {
  margin-top: 20px;
}
.guide .con_guide table {
  width: 100%;
}
.guide .con_guide table tr th {
  font-weight: normal;
  width: 200px;
}