@charset "UTF-8";
/*position:absoluteは高さを失うので擬似要素:beforeで対処*/
/*animationの設定は@mediaクエリの外*/
@media screen and (min-width: 481px) { /*タブレットより大きいサイズ*/ }
@media screen and (min-width: 769px) { /*PC*/ }
/* line 12, ../sass/style.scss */
html { font-family: "Futura", "Meiryo", "Yu Gothic", sans-serif; font-size: 62.5%; /*基本のサイズを10px*/ margin: 0 !important; padding: 0 !important; /* reset */ /* reset */ }
/* line 17, ../sass/style.scss */
html * { box-sizing: border-box; font-size: 1.2rem; line-height: 2; letter-spacing: .1em; color: #000000; }
/* line 24, ../sass/style.scss */
html a { text-decoration: none; color: #000000; }
/* line 27, ../sass/style.scss */
html a:hover { color: #666666; }
/* line 29, ../sass/style.scss */
html a:hover img { opacity: .8; filter: alpha(opacity=80); /* ie lt 8 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */ -moz-opacity: .8; /* FF lt 1.5, Netscape */ -khtml-opacity: .8; /* Safari 1.x */ zoom: 1; }
/* line 39, ../sass/style.scss */
html img { width: 100%; height: auto; line-height: 1; vertical-align: bottom; }
/* line 46, ../sass/style.scss */
html th, html td { text-align: left; padding: .8rem; }
@media screen and (max-width: 768px) { /* line 12, ../sass/style.scss */
  html { /*SP*/ }
  /* line 52, ../sass/style.scss */
  html .pcv { display: none !important; } }
/* line 54, ../sass/style.scss */
html .box-w-50par { width: 50%; }
@media screen and (min-width: 769px) { /* line 12, ../sass/style.scss */
  html { /*PC*/ }
  /* line 57, ../sass/style.scss */
  html .spv { display: none !important; } }
/* line 60, ../sass/style.scss */
html button { background: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
/* line 60, ../sass/style.scss */
html ul { list-style-type: none; margin: 0; padding: 0; }
/* line 60, ../sass/style.scss */
html li, html p { margin: 0; }
/* line 63, ../sass/style.scss */
html .fs12 { font-size: 1.2rem !important; }
/* line 64, ../sass/style.scss */
html .fs14 { font-size: 1.4rem !important; }
/* line 65, ../sass/style.scss */
html .fs16 { font-size: 1.6rem !important; }
/* line 66, ../sass/style.scss */
html .fs18 { font-size: 1.8rem !important; }
/* line 67, ../sass/style.scss */
html .fw-b { font-weight: bold !important; }
/* line 68, ../sass/style.scss */
html .logo40, html .logo40c { max-width: 214px; margin: 2.4rem auto; }
/* line 72, ../sass/style.scss */
html h3 { font-size: 2.4rem; text-align: center; color: #FD6600; margin-bottom: 2.4rem; }
/* line 78, ../sass/style.scss */
html h4 { font-size: 2.4rem; font-weight: normal; color: #FD6600; }
/* line 84, ../sass/style.scss */
html .reserveBtn { display: inline-block; max-width: 187px; }
/* line 91, ../sass/style.scss */
html body header .hd-inner { padding: 1.6rem 1.6rem 0; }
/* line 93, ../sass/style.scss */
html body header .hd-inner .logoArea { max-width: 40%; margin: 0 auto; }
/* line 97, ../sass/style.scss */
html body header .hd-inner .gnav { position: relative; }
/* line 99, ../sass/style.scss */
html body header .hd-inner .gnav button { position: absolute; top: -16px; right: 0; }
/* line 104, ../sass/style.scss */
html body header .hd-inner .gnav ul { display: flex; flex-wrap: wrap; justify-content: space-between; height: 0; visibility: hidden; opacity: 0; font-size: 0; padding-top: 0; padding-bottom: 2.4rem; transition-property: opacity, padding-top; transition-duration: .2s, .2s; }
/* line 117, ../sass/style.scss */
html body header .hd-inner .gnav ul.is-open { height: 100%; visibility: visible; opacity: 1; padding-top: 3.2rem; transition-duration: 0.2s; }
/* line 124, ../sass/style.scss */
html body header .hd-inner .gnav ul > li { display: inline-block; text-align: center; }
/* line 133, ../sass/style.scss */
html body main .description { background-color: #FEB889; opacity: .8; }
/* line 136, ../sass/style.scss */
html body main .description .descri-inner { padding: 2.4rem; }
/* line 142, ../sass/style.scss */
html body main .description .descri-inner .descri-inner-txt p { font-size: 1.4rem; text-align: center; line-height: 2; font-weight: bold; }
/* line 152, ../sass/style.scss */
html body main article .itemTxt { padding: 3.2rem; border-bottom: 1px solid #000000; background-color: rgba(255, 255, 255, 0.4); }
/* line 157, ../sass/style.scss */
html body main article .itemTxt .toLink { margin-top: 16px; text-align: right; }
/* line 163, ../sass/style.scss */
html body main .subPageLead { padding: 3.2rem; }
/* line 164, ../sass/style.scss */
html body main .aboutImgBox { padding: .8rem; }
/* line 166, ../sass/style.scss */
html body main .aboutImgBox .areaLv1 { display: flex; flex-wrap: wrap; }
/* line 169, ../sass/style.scss */
html body main .aboutImgBox .areaLv1 > div { width: 100%; margin: .8rem; }
/* line 173, ../sass/style.scss */
html body main .aboutImgBox .areaLv1 .areaLv2 { display: flex; justify-content: space-between; }
/* line 176, ../sass/style.scss */
html body main .aboutImgBox .areaLv1 .areaLv2 > div { flex: 1; }
/* line 177, ../sass/style.scss */
html body main .aboutImgBox .areaLv1 .areaLv2 .flexCol1 { flex: 2; margin-right: 16px; }
/* line 184, ../sass/style.scss */
html body main .aboutCont { padding: 3.2rem; }
/* line 187, ../sass/style.scss */
html body main .aboutCont .shopInfo th, html body main .aboutCont .shopInfo td { display: block; width: 100%; }
/* line 191, ../sass/style.scss */
html body main .aboutCont .shopInfo th { padding-bottom: 0; }
/* line 192, ../sass/style.scss */
html body main .aboutCont .shopInfo .shopInfoBt { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 2.4rem 0; }
/* line 198, ../sass/style.scss */
html body main .aboutCont .shopInfo .shopInfoBt > div { margin: 0 .8rem; }
/* line 199, ../sass/style.scss */
html body main .aboutCont .shopInfo .shopInfoBt a { font-size: 2.4rem; }
/* line 204, ../sass/style.scss */
html body main .aboutCont .shopMap { position: relative; padding-top: 80%; }
/* line 207, ../sass/style.scss */
html body main .aboutCont .shopMap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* line 216, ../sass/style.scss */
html body main .serviceImgBox { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 1.6rem; row-gap: 1.6rem; }
/* line 222, ../sass/style.scss */
html body main .serviceMenu { padding: 3.2rem; }
/* line 224, ../sass/style.scss */
html body footer { margin-top: 80px; }
/* line 226, ../sass/style.scss */
html body footer .ft-inner { padding: 2.4rem; }
/* line 232, ../sass/style.scss */
html body footer address { text-align: center; padding-bottom: 2.4rem; }