@charset "utf-8";

/* CSS Document */

/***********************************************************************
	Common
***********************************************************************/

html,
body,
header,
footer,
main,
nav,
aside,
section,
article,
div,
ul,
ol,
li,
dl,
dt,
dd,
pre,
p,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  font-style: initial;
  text-decoration: none;
  color: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0.4rem 0;
  font-size: 100%;
}

a,
i,
u,
b,
s,
em {
  text-decoration: none;
  color: inherit;
  word-break: break-word;
  pointer-events:auto;
}

a:hover {
  text-decoration: underline;
}

input,
textarea {
  max-width: 100%;
  height: auto;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

main {
  min-height: 60vh;
  max-width: 100vw;
  line-height: 1.6;
}

@media all {
  html {
    -webkit-text-size-adjust: 100%;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans JP', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    min-height: 100vh;
    min-width: fit-content;
    height: -webkit-fill-available;
    max-width: 100vw;
  }

  body {
    -webkit-text-size-adjust: 100%;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;
    position: relative;
    min-height: 99vh;
    min-height: -webkit-fill-available;
    max-width: 100vw;
  }
}




@media all and (max-width: 767px) {
  html {
    min-width: unset;
  }
}

/***********************************************************************
	Util
***********************************************************************/

@media all {
  body.lock {
    overflow: hidden;
    max-height: 100vh;
    max-width: 100vw;
  }

  .align_r {
    text-align: right;
  }

  .align_c {
    text-align: center;
  }

  .align_l {
    text-align: left;
  }

  .pc_rtl {
    direction: rtl;
  }

  .pc_ltr {
    direction: ltr;
  }

  .hidden {
    display: none;
  }

  .h_300px {
    height: 300px;
    overflow: hidden;
  }

  .h_400px {
    height: 400px;
    overflow: hidden;
  }

  .h_500px {
    height: 500px;
    overflow: hidden;
  }

  .w_1200px {
    width: 1200px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .w_1100px {
    width: 1100px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .w_1000px {
    width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .w_900px {
    width: 900px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .w_800px {
    width: 800px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .w_100p {
    width: 100%;
    display: block;
  }

  .w_95p {
    width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .w_95p_f {
    min-width: 95%;
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .w_95p_l {
    width: 95%;
    display: block;
    margin-right: auto;
  }

  .w_95p_r {
    width: 95%;
    display: block;
    margin-left: auto;
  }

  .w_90p {
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .w_90p_f {
    min-width: 90%;
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .w_90p_l {
    width: 90%;
    display: block;
    margin-right: auto;
  }

  .w_90p_r {
    width: 90%;
    display: block;
    margin-left: auto;
  }

  .w_85p {
    width: 85%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .w_85p_f {
    min-width: 85%;
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .w_80p {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .w_80p_f {
    min-width: 80%;
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .w_75p {
    width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .w_75p_f {
    min-width: 75%;
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .wp_95p {
    width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .wp_95p_l {
    width: 95%;
    display: block;
    margin-right: auto;
  }

  .wp_95p_r {
    width: 95%;
    display: block;
    margin-left: auto;
  }

  .wp_90p {
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .wp_90p_l {
    width: 90%;
    display: block;
    margin-right: auto;
  }

  .wp_90p_r {
    width: 90%;
    display: block;
    margin-left: auto;
  }

  .wp_85p {
    width: 85%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .wp_80p {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .wp_75p {
    width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .w_div2_1,
  .w_div2 {
    display: inline-block;
    width: calc(100% / 2);
    vertical-align: top;
  }

  .w_div3_2,
  .w_div3_1,
  .w_div3 {
    display: inline-block;
    width: calc(100% / 3);
    vertical-align: top;
  }

  .w_div4_2,
  .w_div4_1,
  .w_div4 {
    display: inline-block;
    width: calc(100% / 4);
    vertical-align: top;
  }

  .w_div5_2,
  .w_div5_1,
  .w_div5 {
    display: inline-block;
    width: calc(100% / 5);
    vertical-align: top;
  }

  .pos_r {
    margin-right: 0;
    margin-left: auto;
  }

  .pos_l {
    margin-right: auto;
    margin-left: 0;
  }

  .pos_c {
    margin-left: auto;
    margin-right: auto;
  }

  .sponly {
    display: none;
  }

  .spnone {
    display: revert;
  }

  .w_div3_1:nth-child(3n+1) .fit-edge {
    margin-left: 0;
  }

  .w_div3_1:nth-child(3n) .fit-edge {
    margin-right: 0;
  }

  hr.separator {
    visibility: hidden;
    clear: both;
  }

}


@media all and (max-width: 1220px) {
  .w_1200px {
    width: initial;
  }
}

@media all and (max-width: 1120px) {
  .w_1100px {
    width: initial;
  }
}

@media all and (max-width: 1020px) {
  .w_1000px {
    width: initial;
  }
}

@media all and (max-width: 920px) {
  .w_900px {
    width: initial;
  }
}

@media all and (max-width: 820px) {
  .w_800px {
    width: initial;
  }
}

@media all and (max-width: 767px) {
  .align_sr {
    text-align: right;
  }

  .align_sc {
    text-align: center;
  }

  .align_sl {
    text-align: left;
  }

  .pc_rtl {
    direction: revert;
  }

  .w_div2_1,
  .w_div3_1,
  .w_div4_1,
  .w_div5_1 {
    width: 100%;
  }

  .ws_div2,
  .w_div3_2,
  .w_div4_2,
  .w_div5_2 {
    width: calc(100% / 2);
  }

  .w_900px,
  .w_800px {
    width: initial;
  }


  .wp_95p,
  .wp_95p_l,
  .wp_95p_r,
  .wp_90p,
  .wp_90p_l,
  .wp_90p_r,
  .wp_85p,
  .wp_80p,
  .wp_75p {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .ws_100p {
    width: 100%;
    display: block;
  }

  .ws_95p {
    width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .ws_90p {
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .ws_85p {
    width: 85%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .ws_80p {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .pos_sc {
    margin-left: auto;
    margin-right: auto;
  }

  .sponly {
    display: revert;
  }

  .spnone {
    display: none;
  }
}


/***********************************************************************
	header footer main nav aside
***********************************************************************/

@media all {

  nav,
  aside,
  footer {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  main .main_wrapper,
  .sub_wrapper {
    position: relative;
    min-width: 920px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}


@media all and (max-width: 960px) {

  main .main_wrapper,
  .sub_wrapper {
    position: relative;
    min-width: 768px;
    max-width: 960px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

}


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

  nav,
  aside,
  footer {
    padding: 5px
  }

  main .main_wrapper,
  .sub_wrapper {
    min-width: unset;
  }

  main .main_wrapper {
    padding: 0px;
  }

  footer {
    padding-bottom: 80px;
  }

  header {
    padding-top: 0;
  }

  main .main_wrapper,
  .sub_wrapper {
    min-width: initial;
    max-width: initial;
  }

  body {
    min-width: 320px;
  }
}

/***********************************************************************
	article
***********************************************************************/

@media all {
  .content_title {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .tel_free {
    height:28px;
  }

  .tel_free .tel_ico {
    height:100%;
  }

  .page_name_ja {
    font-size: 1rem;
    display: block;
  }

  .article_title {
    font-weight: initial;
    letter-spacing: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .breadcrumb {
    font-size: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .breadcrumb li {
    display: inline-block;
  }

  .breadcrumb li:nth-child(n+2)::before {
    content: " > ";
  }

  address .zipcode::before {
    content: "〒";
  }


  .flex_container,
  .flex_ul {
    display: flex;
    flex-wrap: wrap;
  }

  .flex_stretch {
    flex-basis: 1%;
    flex-grow: 1;
  }

  .movie_box {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pre_writer {
    white-space: pre-wrap;
    font: inherit;
    line-height: 1.6;
  }

  .video,
  .youtube {
    padding-top: 60%;
    width: 100%;
    position: relative;
  }

  .youtube iframe[src*=youtube],
  .video iframe[src*=youtube] {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
  }
}


@media all {
  .f24x {
    font-size: 24px;
    line-height: 1.25em;
  }

  .f20x {
    font-size: 20px;
    line-height: 1.25em;
  }

  .f18x {
    font-size: 18px;
    line-height: 1.25em;
  }

  .f16x {
    font-size: 16px;
    line-height: 1.25em;
  }

  .f14x {
    font-size: 14px;
    line-height: 1.25em;
  }

  .f12x {
    font-size: 12px;
    line-height: 1.25em;
  }

  .bold {
    font-weight: bold;
  }

  footer .f10x {
    font-size: 10px;
    line-height: 1.25em;
  }

  .icon {
    height: 1em;
  }

  .f10xp {
    line-height: 1.25em;
    font-size: 62%;
  }

  .f11xp {
    line-height: 1.25em;
    font-size: 69%;
  }

  .f12xp {
    line-height: 1.25em;
    font-size: 75%;
  }

  .f13xp {
    line-height: 1.25em;
    font-size: 81%;
  }

  .f14xp {
    line-height: 1.25em;
    font-size: 87%;
  }

  .f15xp {
    line-height: 1.25em;
    font-size: 93%;
  }

  .f16xp {
    line-height: 1.25em;
    font-size: 100%;
  }

  .f18xp {
    line-height: 1.25em;
    font-size: 112%;
  }

  .f20xp {
    line-height: 1.25em;
    font-size: 125%;
  }

  .f22xp {
    line-height: 1.25em;
    font-size: 138%;
  }

  .f24xp {
    line-height: 1.25em;
    font-size: 150%;
  }

  .f26xp {
    line-height: 1.25em;
    font-size: 162%;
  }
}

/* plugins */

.luminous_images .luminous_image {
  padding: 10px;
}
.lum-lightbox-inner img.lum-img {
    max-width: 100%;
}
.lum-lightbox.lum-open {
  z-index: 600;
}

/* calendar */

#calenderTable td .schedulePulldownList {
    height: 50px;
}
#calenderTable .reservBtnWrap input[disabled] {
    display: none;
}

/***********************************************************************
	customized
***********************************************************************/

main img{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}
body.info main img{
    -webkit-touch-callout:initial;
    -webkit-user-select:initial;
    -moz-touch-callout:initial;
    -moz-user-select:initial;
    user-select:initial;
}