@charset "UTF-8";
/* Style.Css
---------------------------------------------------- */
html {
	font-size: 62.5%;
}
/* @media screen and (max-width: 1024px) {
  html{
    font-size: 0.9765625vw;
  }
}
@media screen and (max-width: 767px) {
  html{
    font-size: 1.5625vw;
  }
} */
textarea
{
  width:100%;
}
.main-image {
  width: 100%;
  height: 400px;
  background: url("../img/spot/main-image.jpg");
  background-size: cover;
  background-position-y: center;
}
.main-image.mi-kurashiki {
  background: url("../../img/spot/main-image_kurashiki_3.jpg");
  background-size: cover;
}
#spotWrap{
	font-size: 1.8rem;
}
#spotWrap h2 {
  padding: 20px;
  margin-bottom: 40px;
  color: #2a71b9;
  border-bottom: 1px solid #2a71b9;
}
#spotWrap h3 {
  padding: 15px;
  margin: 30px auto;
  color: #2a71b9;
  border-top: 1px solid #2a71b9;
  border-bottom: 1px solid #2a71b9;
}
.spt_img { float: right; }
.spt_txt { float: left; padding-top: 20px; line-height: 1.75rem; }
.spt_img img { width: auto; max-width: 440px; }
.spt_img.si-kurashiki img { width: auto; max-width: 360px; padding-top:10px; }

.spt_schedule table { width:100%; }
.spt_schedule table td { padding: 10px 3px; border: 1px solid #dcdcdc; }
.spt_schedule .r-holiday { background:#eaeaea; color:#f00; }

.spt_tbl-title { padding:0 0 5px; font-weight:bold; text-align: left; color:#2a71b9; }

.spt_title { display: inline-block; font-size:1.25rem; padding:10px; margin-bottom:20px; border-bottom: 1px solid #2a71b9; }
.tel { font-size:1.5rem; font-weight:bold; color:#2a71b9; }
.regularly_closed { font-size: 0.9rem;}

.spt_campaign { padding:10px 0 20px; }
.cmp_title {font-size:1.3rem; font-weight:bold; color:#FE5700; }
.cmp_desc { display:inline-block; padding:12px 20px; border:1px solid #FE5700;  }

.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: inline-table;
  /*overflow: hidden;*/
}
.spot-text{
  text-align: left;
}
/* mac \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* macend */

.spt_address { padding: 20px 0; }
iframe { max-width: 100%; }

@media screen and (min-width: 690px) { .pc { display: block; } .sp { display: none; }}
@media screen and (max-width: 880px) { .spt_img img { max-width: 350px; }  }
@media screen and (max-width: 834px) { .rivets_lp_btnMenu.sp { display: block; } #spotWrap{ font-size: 1.125rem; } }
@media screen and (max-width: 820px) { .spt_img img { max-width: 300px; } }
@media screen and (max-width: 750px) { .spt_img img { max-width: 240px; } }
@media screen and (max-width: 690px) { #responsive { display: none; } .pc { display: none; } .sp { display: block; text-align: center; } img{max-width:100%;} .main-image{height:auto;} .spt_img,.spt_txt{float:none;} .spt_img img,.spt_img.si-kurashiki img{max-width: 100%;} iframe{height: 400px;}}
@media screen and (max-width: 767px) { .spt_schedule table, #spotWrap .text-spot, #spotWrap .spt_tbl-title, #spotWrap .spt_address .spt_title, #spotWrap .spt_address, #spotWrap .spt_contact, #spotWrap .spt_contact .regularly_closed, #spotWrap .clear { font-size: 1.6rem; } #spotWrap h2, #spotWrap .spt_contact .tel{ font-size: 2rem; }}