@charset "UTF-8";
/**************************************
							共 通 項 目
**************************************/
/**************************************
						コ ン テ ン ツ
**************************************/
.divisionWrapper { display: flex; flex-wrap: wrap; }
@media (min-width: 992px) { .divisionWrapper .leftColumn, .divisionWrapper .rightColumn { width: 50%; }
  .divisionWrapper .rightColumn { height: 100vh; position: sticky; top: 0; } }

.mainImg { width: 100%; height: 100%; background: url("../img/bg.jpg") center/cover no-repeat; }
@media (min-width: 992px) { .mainImg { display: flex; align-items: center; justify-content: center; padding: 3.0rem; } }
.mainImg img { width: 100%; height: 100%; object-fit: scale-down; }

@media (min-width: 992px) { .contentBlock { width: 100%; height: 100vh; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; } }
.contentBlock h1 { position: relative; padding-left: 1.0em; }
.contentBlock h1:before { position: absolute; top: 50%; left: 0; content: ""; width: 5px; height: 95%; display: block; border-radius: 2.5px; background-color: #44A89D; transform: translateY(-50%); }
.contentBlock h1 span { display: block; }
.contentBlock h1 .title { font-size: 3.2rem; font-size: clamp(3.2rem, 4.03vw, 4rem); min-height: 0vw; font-weight: 700; }
.contentBlock h1 .sub { font-size: 1.8rem; }
.contentBlock .intro { font-weight: 700; font-size: 1.8rem; }
.contentBlock .notice { color: #999; padding-left: 1.0em; text-indent: -1.0em; }
.contentBlock .btn { width: 100%; background-color: #FBB03B; color: #FEFEFE; padding: 0.25rem; text-align: center; font-size: 1.8rem; border: solid 2px #FBB03B; position: relative; transition: 0.8s; }
.contentBlock .btn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.contentBlock .btn:hover { background-color: transparent; color: #FBB03B; }

/**************************************
							店 舗 情 報
**************************************/
.footer { background-color: #333; color: #FEFEFE; }

.shopinfo { text-align: center; }
.shopinfo .shopinfo-txt1 { font-size: 3.6rem; font-size: clamp(3.6rem, 4.6vw, 5rem); font-weight: 700; letter-spacing: -0.1rem; line-height: 1.0; }
.shopinfo .shopinfo-txt2 { font-size: 1.8rem; font-size: clamp(1.8rem, 2.35vw, 2.55rem); font-weight: 700; }
.shopinfo p.shopelement { margin: auto; border-top: 1px dashed #FEFEFE; font-size: 1.4rem; font-size: clamp(1.4rem, 1.6vw, 1.6rem); text-align: left; width: 80%; }
.shopinfo p.shopelement span { display: block; font-size: 1.8rem; font-size: clamp(1.8rem, 2vw, 2rem); font-weight: 700; letter-spacing: -0.1rem; }
.shopinfo a { color: #FEFEFE; transition: color .3s ease-out; }
@media (min-width: 992px) { .shopinfo { text-align: left; }
  .shopinfo p.shopelement { width: 100%; } }

.shopelement a { color: #FEFEFE; transition: color .3s ease-out; }

.shopinfo a:hover, .shopelement a:hover { color: #88CD00; }

.mapimg { text-align: center; }
.mapimg img { width: 90%; height: auto; }

.copyright { color: #CCC; width: 100%; font-size: 1.2rem; text-align: center; }
