@charset "utf-8";

/* -----------------------------------------------------------
	pc tab design
----------------------------------------------------------- */

@media screen and (min-width: 768px){

/* アンカーリンク 共通 */

.oribist_top-anchor_wrap{
  color: #464544;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 30px 0;
  padding: 0;
}
.oribist_top-anchor_wrap div{
  margin-right: 40px;
  margin-bottom: 10px;
}
.oribist_top-anbtn a{
  display: inline-block;
  text-decoration: none;
  line-height: 1;
}
.oribist_top-anbtn .oribist_top-anbtn_style,
.oribist_top-anbtn .oribist_top-anbtn_style2{
  background: #fff;
  color: #464544;
  padding-right: 20px;
  position: relative;
  transition: all 0.2s ease;
}
.oribist_top-anbtn .oribist_top-anbtn_style::before,
.oribist_top-anbtn .oribist_top-anbtn_style2::before{
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  right: 0px;
  top: 35%;
  transform: translateY(-50%) rotate(135deg);
  border-top: 2px solid #bdbcbb;
  border-right: 2px solid #bdbcbb;
  transition: all 0.2s ease-in;
}
.oribist_top-anbtn .oribist_top-anbtn_style:hover::before,
.oribist_top-anbtn .oribist_top-anbtn_style2:hover::before{
  right: 0px;
  top: 90%;    
}



/* 見出しメイン */

.oribist_head_wrap{
  color: #2d2926;
  font-size: 14px;
  margin: 100px 0 80px 0;
  padding: 0;
}
.oribist_head_main{
  margin: 0;
  padding: 0;
  font-size: 2.3em;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.oribist_head_sub{
  margin: 0;
  padding: 0;
  color: #464544;
  font-size: 1.1em;
  font-weight:normal;
  width: 100%;
  text-align: center;
}



/* 大浴場利用時間 */

.oribist_bathtime_wrap{
  color: #464544;
  font-size: 14px;
  margin: 0 0 80px 0;
  padding: 0;
}
.oribist_bathtime_contents{
  width: 50%;
  font-size: 1.1em;
  border-top: 1px solid #bdbcbb;
  border-bottom: 1px solid #bdbcbb;
  background-color: #f5f4f3;
  text-align: center;
  padding: 20px 10px 20px 0;
  margin: 0 auto;
}
.oribist_bathtime_contents i{
  padding: 0 10px;
}



/* 罫線 */

.oribist_border_a1{
  width: 100%;
  border-bottom: 1px solid #bdbcbb;
  padding: 0;
  margin: 0 auto;
}
.oribist_border_b1{
  width: 100%;
  border-bottom: 1px solid #e0dfde;
  padding: 0;
  margin: 0 auto;
}
.oribist_border_b2{
  width: 92%;
  border-bottom: 1px solid #e0dfde;
  padding: 0;
  margin: 0 auto;
}
.oribist_border_b3{
  width: 20%;
  border-bottom: 1px solid #e0dfde;
  padding: 0;
  margin: 0 auto;
}



/* スペース */

.oribist_spacebtm_a{
  padding: 0;
  margin: 0 0 100px 0;
}
.oribist_spacebtm_b{
  padding: 0;
  margin: 0 0 30px 0;
}
.oribist_spacebtm_c{
  padding: 0;
  margin: 0 0 60px 0;
}



/* 非表示 */

.oribist_hidden_style1{
  display: none;
}

}

/* -----------------------------------------------------------
	smp design
----------------------------------------------------------- */

@media screen and (max-width: 767px){

/* アンカーリンク 共通 */

.oribist_top-anchor_wrap{
  width: 86%;
  color: #464544;
  font-size: 13px;
  border-left: 5px solid #e0dfde;
  margin: 40px auto 40px auto;
  padding: 0;
  padding-left: 4%;
}
.oribist_top-anchor_wrap div{
  margin-bottom: 15px;
}
.oribist_top-anbtn a{
  display: inline-block;
  text-decoration: none;
  line-height: 1;
}
.oribist_top-anbtn .oribist_top-anbtn_style,
.oribist_top-anbtn .oribist_top-anbtn_style2{
  background: #fff;
  color: #464544;
  padding-right: 20px;
  position: relative;
  transition: all 0.2s ease;
}
.oribist_top-anbtn .oribist_top-anbtn_style2{
  line-height: 1.3;
}
.oribist_top-anbtn .oribist_top-anbtn_style::before{
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  right: 0px;
  top: 35%;
  transform: translateY(-50%) rotate(135deg);
  border-top: 2px solid #bdbcbb;
  border-right: 2px solid #bdbcbb;
  transition: all 0.2s ease-in;
}
.oribist_top-anbtn .oribist_top-anbtn_style2::before{
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  right: 0px;
  top: 40%;
  transform: translateY(-50%) rotate(135deg);
  border-top: 2px solid #bdbcbb;
  border-right: 2px solid #bdbcbb;
  transition: all 0.2s ease-in;
}
.oribist_top-anbtn .oribist_top-anbtn_style:hover::before{
  right: 0px;
  top: 90%;    
}
.oribist_top-anbtn .oribist_top-anbtn_style2:hover::before{
  right: 0px;
  top: 80%;    
}



/* 見出しメイン */

.oribist_head_wrap{
  color: #2d2926;
  font-size: 13px;
  margin: 80px 0 50px 0;
  padding: 0;
}
.oribist_head_main{
  margin: 0;
  padding: 0;
  font-size: 2em;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.oribist_head_sub{
  margin: 0;
  padding: 0;
  color: #464544;
  font-size: 1.1em;
  font-weight:normal;
  width: 100%;
  text-align: center;
}



/* チェックインアウト */

.oribist_bathtime_wrap{
  color: #464544;
  font-size: 13px;
  margin: 0 0 50px 0;
  padding: 0;
}
.oribist_bathtime_contents{
  width: 90%;
  font-size: 1.1em;
  border-top: 1px solid #bdbcbb;
  border-bottom: 1px solid #bdbcbb;
  background-color: #f5f4f3;
  text-align: center;
  padding: 20px 10px 20px 0;
  margin: 0 auto;
}
.oribist_bathtime_contents i{
  padding: 0 10px;
}



/* 罫線 */

.oribist_border_a1{
  width: 100%;
  border-bottom: 1px solid #bdbcbb;
  padding: 0;
  margin: 0 auto;
}
.oribist_border_b1{
  width: 100%;
  border-bottom: 1px solid #e0dfde;
  padding: 0;
  margin: 0 auto;
}
.oribist_border_b2{
  width: 92%;
  border-bottom: 1px solid #e0dfde;
  padding: 0;
  margin: 0 auto;
}
.oribist_border_b3{
  width: 20%;
  border-bottom: 1px solid #e0dfde;
  padding: 0;
  margin: 0 auto;
}



/* スペース */

.oribist_spacebtm_a{
  padding: 0;
  margin: 0 0 80px 0;
}
.oribist_spacebtm_b{
  padding: 0;
  margin: 0 0 30px 0;
}
.oribist_spacebtm_c{
  padding: 0;
  margin: 0 0 60px 0;
}

}