:root {
  /* コンテンツ幅 PC */
  --container-w: 1180px;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
}

header{
   --header-h:60px;
}

img{
  transform:scale(1)!important;
}

  /* コンテンツ幅 タブレット */
@media (max-width: 1179px) and (min-width: 810px) {
  :root {
    --container-w: 810px;
  }
}

  /* コンテンツ幅 スマホ */
@media (max-width: 809px) {
  :root {
    --container-w: 100vw;
  }

}


.sp-none{
  display: block!important;
}

.pc-none{
  display: none!important;
}

#content .content-1-column{
  margin-top:0
}

.maincont{
  font-family: 'Noto Sans JP', sans-serif;
}

.breadcrumb{
  &.sp-none{
  display:flex!important;
  
    @media screen and (max-width:700px) {
      display:none!important;
    }
  }
  font-size:12px;
  font-weight:400;
  padding:5px 0;
  li{
    a{
      color: inherit;
      text-decoration: none;
      &:hover{
        text-decoration: none;
        span{
          text-decoration: underline;
        }
      }
      &:after{
        content: '>';
        margin: 0 5px;
      }
    }
  }
  &.pc-none{
    @media screen and (max-width:700px) {
    display:flex!important;
    padding: 10px 15px;
    background: #fff;
    }
  }
}
@media screen and (max-width:700px) {
  .sp-none{
    display: none!important;
  }
  .pc-none{
    display: block!important;
  }

  #content .kv {
    margin:0 -15px;
    width:calc(100% + 30px);
    img{
      position:relative;
      width:100%;
      top:auto;
    }
   
  }
}

.header{
  width: var(--container-w);
  max-width: var(--container-w);
  margin: 0 auto;
  height:var(--header-h)
}

#content{
  width: var(--container-w);
  max-width: var(--container-w);
  margin: 0 auto;
  .kv{
     &:after{
      display:none;
    }
  }
}

#page{
  padding-top:0!important;
}

.font-zen,
.reservation h4 a{
  font-family: 'Zen Old Mincho', serif!important;
}

.main-section {
	.thanks_period{
		background:#fff;
		padding:40px;
		margin-bottom:100px;
		@media screen and (max-width:700px) {
			padding:30px 20px;
		}
		dt,dd{
			font-size:16px;
		}
	}

}

.main-section .reservation ul.box{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr) );
  gap:90px;
  @media screen and (max-width: 700px) {
    display: block;
  }
}

.main-section .reservation ul.box li{
  width:100%;
  float:none;
}

.main-section .reservation ul.box li .inner{
  display:flex;
  flex-direction:column;
  height:100%;
}
.maincont .main-section .reservation li .btnarea{
  margin: auto 0 0;
  align-self: flex-end;
}