@charset "utf-8";

.reserve_calendar_box {
    margin-top: 0;
}
.reserve_calendar_year{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin: 0 auto 40px auto;
	grid-row-gap: 30px;
}

.reserve_date{
    text-align: center;
      padding: 15px 0;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 2px;
	    background: #212121;
    color: #fff;
}
.reserve_calendar_wrap{
background: #fff;
padding: 15px;
width: 100%;
    border: solid 1px #212121;
}
.reserve_calendar_wrap *{
font-weight: bold;
}
.reserve_calendar{
table-layout: fixed;
}
.reserve_calendar th,
.reserve_calendar td{
text-align: center!important;
vertical-align: middle;
padding: 10px 5px;
font-weight: bold;
}
.reserve_calendar td span{
display: block;
margin: 3px 0 0 0;
}
.reserve_calendar td span,
.reserve_calendar td{
line-height: 1;



}
.reserve_calendar td,
.reserve_calendar td span{
font-weight: bold;
}
.reserve_calendar td span a{
text-decoration: underline;
display: block;
width: fit-content;
margin: 0 auto;
text-underline-offset: 5px;
}
.re_ok,
.re_ok a{
color: red;
}
.re_ng{
color: #ccc;
}
.re_tel a{
font-size: 14px;
}
.mute{
color: #ccc;
}
.reserve_type_wrap{
background: #f5f5f5;
padding:10px 15px;
margin: 14px 0 0 0;
}

.reserve_type_list{
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
	column-gap: 15px;
}
.reserve_type_list li {
    font-size: 12px;
}
/* 関連記事プラグイン　*/
.yarpp-thumbnails-horizontal {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  grid-row-gap: 25px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  width: 47% !important;
  height: auto !important;
  margin: 0px !important;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 400 / 270 !important;
  object-fit: cover;
  margin: 0 !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  margin: 0;
  margin-top: 20px !important;
  display: block !important;
  font-size: 14px !important;
  min-height: inherit !important;
  max-height: inherit !important;
  padding: 0 !important;
  width: 100% !important;
}



@media (min-width: 767.888px) {
.reserve_calendar_box{
margin-top: 70px;
}

.reserve_calendar_wrap{

padding: 50px;
width: 48%;
}
.reserve_type_list li {
    font-size: 14px;
}


  .yarpp-thumbnails-horizontal .yarpp-thumbnail {
    width: 23% !important;
  }
  
}

@media (min-width: 768px) and (max-width: 1070px) {
.reserve_calendar_wrap {
    padding: 20px!important;

}
    .reserve_type_list li {
        font-size: 12px;
    }

}