@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:500');
*{ font-family: 'Noto Serif JP', serif; }
body {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
img { width:100%; height: auto; }
.sp { display: block; }
.pc { display: none; }
.sp_fh { display: block; line-height: 0; }

#wrap { min-width:0; margin-top: 60px; }

.inbox { width: 90% }


/* =============================== common =============================== */

.ttl01 {
  font-size: 22px;
  padding-bottom: 25px;
  background: url(../img/ttl_line_01.png) no-repeat center bottom;
  background-size: 44%;
}
.ttl01 span img { width: 8.7%; }
.ttl01.white {
  background: url(../img/ttl_line_01w.png) no-repeat center bottom;
  background-size: 44%;
}
.ttl02 {
  font-size: 22px;
  padding-bottom: 10px;
  background: url(../img/ttl_line_02.png) no-repeat center bottom;
  background-size: 22%;
}
.ttl03 {
  width: 100%;
  font-size: 18px;
}
.ttl03::after {
  content:"";
  height: 5px;
  width: 100%;
  background: url(../img/ttl_line_03.png) repeat-x center;
  margin-left: 15px;
  position: absolute;
  top: 12px;
}
.ttl04 { text-align: center; }
.ttl04 span {
  padding: 0 55px;
  font-size: 16px;
}
.ttl04 span:before,
.ttl04 span:after {
  width: 40px;
}

.ttl05 {
  font-size: 14px;
  padding: 6px 0;
}

.ttl06 {
  font-size: 20px;
  padding: 8px 0;
}

.ttl07 {
  font-size: 18px;
  line-height: 18px;
  padding: 20px 0;
  font-weight: normal;
  background: url(../img/ttl_bg_01.png) no-repeat center center;
  background-size: 100%;
}
.ttl08 {
  font-size: 16px;
  padding: 2px 0 2px 10px;
}

/* =============================== header =============================== */

.copy {
  font-size: 14px;
  line-height: 200%;
  text-align: left;
}

.btn01 a { font-size: 14px; }
.btn01 a ,
.btn01 a:hover {
  width: 82%;
  background: url(../img/icon_arrow_01w.png) no-repeat right 8.4% center #137EAB;
  background-size: 5%;
  color: #fff;
}
.btn01.white a ,
.btn01.white a:hover  {
  background: url(../img/icon_arrow_01.png) no-repeat right 8.4% center #fff;
  background-size: 5%;
  color: #137EAB;
}

/* =============================== header =============================== */

header {
  position: fixed;
  width: 100%;
  min-width: 0;
  height: 60px;
  top: 0;
}
h1 {
  position: absolute;
  left: 3%;
  width: 28%;
  top: 0;
}
#h_nav ,
#gnav { display: none; }  

#sptel ,
#spcalendar {
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  border-left: 1px solid #38A1C9;
}
#sptel { right: 120px; }
#spcalendar { right: 60px; }
#sptel span , #spcalendar span { display: block; margin-bottom: 5px; }
#sptel img , #spcalendar img { width: 40%; }
#sptel a ,
#spcalendar a {
  display: block;
  width: 62px;
  text-decoration: none;
  font-size: 11px;
  color: #38A1C9;
  padding: 10px 0 4px;
}

/* =============================== mainimg =============================== */


#today_wrap {
  position: relative;
  padding: 20px 0;
  z-index: 50;
  right: 0;
  bottom: 0;
}
#today {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.today_box {
  background: rgba(255,255,255,.9);
  margin: 0 auto;
  width: calc(100% - 24px);
  padding: 12px 10px;
  margin: 2px;
}
.today_box h2 {
  font-size: 18px;
  margin-bottom: 5px;
}
.today_box h2::after { }
.today_box h2.fc_red small {
  font-size: 16px;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 5px;
}
.today_box p {
  font-size: 14px;
  display: inline-block;
}
/*.today_box p br:nth-of-type(1) { display: none; }
.today_box p br:nth-of-type(2) { display: inline-block; margin-right:10px; }
.today_box p.last{ margin-left: 1em; }*/
.today_box span {
  margin-bottom: 2px;
  display: block;
}

/* =============================== topnav =============================== */

#topnav {
  margin-top: 0;
  z-index: 5;
}
#topnav li { vertical-align: top; }
#topnav li:nth-child(2n+1) {
  margin-right: 2px;
  width: calc(50% - 1px);
}
#topnav li:nth-child(2n) {
  margin-right: 0;
  width: calc(50% - 2px);
}
#topnav li:nth-child(3) ,
#topnav li:nth-child(4) { margin-top: 2px; }

#topnav li .txt { padding: 2em 6%; }
#topnav li h2 { font-size: 18px; }
#topnav li p { font-size: 12px; text-align: left; min-height: 4.2em; }

/* =============================== top_hot_springs =============================== */

#top_hot_springs {
  padding: 60px 0;
}
#top_hot_springs .copy { margin-bottom: 30px; }
#top_hot_springs li { width: 100%; }
#top_hot_springs li:nth-last-of-type(n+2) { margin-right: 0; margin-bottom: 20px; }
#top_hot_springs .photo {
  margin: 0 auto 25px;
  width: 69%;
}
#top_hot_springs .onimg {
  bottom: -14px;
  width: 25%;
}
#top_hot_springs li h3 {
  font-size: 18px;
  letter-spacing: .1em;
  margin-bottom: 5px;
}
#top_hot_springs li h3 strong {
  font-size: 26px;
}
#top_hot_springs li p { text-align: left; }

/* =============================== top_restaurant =============================== */

#top_restaurant::before {
  content:none;
}
#top_restaurant {
  position: relative;
  background: url(../../img/top/bg_restaurant_sp.png) no-repeat center center #38A1C9;
  background-size: 100%;
  padding: 80px 0;
}
#top_restaurant::after {
  content:none;
}
#top_restaurant .copy {
  margin-bottom: 25px;
}
/* =============================== top_facility =============================== */

#top_facility {
  padding: 70px 0;
}
#top_facility .copy {
  margin-bottom: 30px;
}
#top_facility .btn01 { margin-bottom: 130px; }
#top_facility li { width: 100%; }
#top_facility li:first-child { margin-right: 0; margin-bottom: 50px; }
#top_facility .photo { }
#top_facility .onimg {
  width: 15.5%;
  right: 3.4%;
  top: -12.5%;
}
#top_facility li p {
  width: 100%;
}


/* =============================== top_news =============================== */


#top_news {
  padding: 60px 0;
}
#news_box li {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
#news_box li:nth-child(2n+1) {
  margin-right: 0;
}
#news_box .thumb ,
#news_box .txt { display: table-cell; }
#news_box .thumb {
  width: 24%;
}
#news_box .txt {
  width: 60%;
  padding: 10px 3% 0 3%;
}
#news_box .date {
  font-size: 12px;
}
#news_box .tag {
  width: 80px;
  font-size: 12px;
  margin-left: 10px;
}


/* =============================== top_topicsarea =============================== */

#top_topicsarea::before {
  content:none;
}
#top_topicsarea {
  padding: 40px 0;
  background: url(../../img/top/bg_news_sp.png) no-repeat center center #38A1C9;
  background-size: 100%;
}
#top_topicsarea::after {
  content:none;
}
#top_topicsarea .f_l ,
#top_topicsarea .f_r { float: none; }
#top_topicsarea .f_l { margin-bottom: 20px; }

#line_box ,
#facebook_box ,
#instagram_box {
  width: 92%;
  padding: 4%;
  height: auto;
}
#facebook_box {
  min-height: 250px;
}

.facebook-wrapper {
  max-width: initial;
  width: 100%;
  margin: 0 auto;
}
#instagram_box a {
  padding-left: 2.7%;
}

/* =============================== top_guide =============================== */

#top_guide {
  padding: 70px 0;
  background: url(../../img/top/bg_guide_sp.png) no-repeat center bottom;
  background-size: 100%;
  min-height: 0;
  position: relative;
  z-index: 10;
}
#top_guide .copy {
  margin-bottom: 50px;
}
#top_guide ul { margin-bottom: 30px; }
#top_guide li { vertical-align: top; width: 69%; }
#top_guide li:nth-last-of-type(n+2) { margin-right: 0; margin-bottom:20px; }
#top_guide .photo {
  margin: 0 auto;
}
#top_guide .btn01 { margin-bottom: 70px; }



/* =============================== footer =============================== */

footer#footer { 
  position: relative;
  z-index: 10;
  margin-top: -1px;
}
footer#footer::before {
  content:none;
}
.sp_fh.foot {
  position: relative;
  z-index: 10;
  margin-top: -40px;
}

#footer_inner01 {
  padding: 30px 0;
}
#fnav01.f_l { width: 100%; float: none; }
#fnav01 li { width: 48%; }
#fnav01 li:first-child { margin-right: 4%; }
#fnav01 li a {
  width: 100%;
  padding: 10px 0 10px 12.3%;
  transition: 1;
}
#fnav01 li.inquiry a ,
#fnav01 li.inquiry:hover a {
  background: url(../img/f_icon_mail.png) no-repeat left 10.3% center #fff;
  background-size: 10.3%;
  color: #117AA8;
}
#fnav01 li.faq a ,
#fnav01 li.faq:hover a {
  background: url(../img/f_icon_about.png) no-repeat left 13.2% center #fff;
  background-size: 5.3%;
  color: #117AA8;
  padding: 10px 0 10px 8.3%;
}

#fnav02.f_r {
  width: 100%;
  float: none;
  margin-top: 10px;
  text-align: center;
}
#fnav02 li:first-child { margin-right: 4%; }

#footer_inner01 .m_b_40 { margin-bottom: 20px; }
#footer_inner01 .f_l, 
#footer_inner01 .f_r { float: none; }
#footer_inner01 .f_logo { text-align: center; }
#footer_inner01 .f_logo img { width: 51.7%; }
#footer_inner01 .tel {
  text-align: center;
  font-size: 20px;
  pointer-events: auto;
}
#footer_inner01 .tel_about { text-align: center; }
#footer_inner01 .price { padding-left:0em; }
#footer_inner01 .calendar a ,
#footer_inner01 .calendar a:hover {
  width: 86%;
  color: #fff;
  padding: 10px 0 10px 26px;
  background: url(../img/f_icon_calendar.png) no-repeat left 18% center;
  background-size: 4%;
}
#footer_inner01 .f_bn { text-align: center; }
#footer_inner01 .f_bn img { width: 68.9%; }

#fnav03 { display: none; }


#footer_inner02 {
  background: #38A1C9;
  padding: 15px 0;
}
#footer_inner02 .inbox { display: block; }
#footer_inner02 p { text-align: center; }
#footer_inner02 a { display: none; }
  


.logo_umibe {
  width: 80%;
  margin: 32px auto;
}

.txt_chisan {
  width: 60%;
  margin: 0 auto 16px auto;
}


.top_youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.top_youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.top_fixed_bn {
  bottom: 80px;
  width: 44%;
}