@charset "utf-8";
/* CSS Document */ :root {
  --blue: #10069f;
  --yellow: #f7f41e;
  --green: #0592a1;
  --black: #000;
  --f_sans: 'Noto Sans JP', sans-serif;
  --f_serif: 'Noto Serif JP', serif;
  --center_contain: no-repeat center center / contain;
}
img {
  max-width: 100%;
}
#nosp,.nosp,.br-pc{ display: block;}
#nopc,.nopc,.br-sp{ display: none;}

div#hisApp {background: var(--blue)}
main.main {
  max-width: 992px;
  margin: 0 auto;
  color: #fff;
  background: url(../img/map.png) no-repeat center top 20% / 95% auto;
}
h1#site-title {
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  padding-top: 2rem;
}
p.sub-title {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: -0.5rem;
}
/* 商品クリック */
#info-click { 
  padding: 1rem;
}
/* li.click-left,li.click-right {position: relative;}
li.click-left::before {
  position: absolute;
  content: url(../img/click_left.gif);
  top: 50%;
  left: -15%;
}
li.click-right::before {
  position: absolute;
  content: url(../img/click_right.gif);
  top: 50%;
  right: -15%;
}
li.click-left a,li.click-right a {
  text-decoration: none;
  color: var(--yellow);
  display: block;
  padding: 3rem 0;
}
#info-click ul li {
  display: inline-block;
  width: calc((100% - 13%) / 2);
  text-align: center;
  background: var(--green);
  font-size: 3rem;
  font-weight: 800;
  margin: 0 2rem;
  border-radius: 1rem;
  box-shadow: 5px 5px white;
}*/
.info-waku {
  width: 82%;
  text-align: center;
  background: var(--green);
  font-size: 3rem;
  font-weight: 800;
  border-radius: 1rem;
  box-shadow: 5px 5px white;
  margin: 0 auto;
}
.click-left {
  position: relative;
  font-size: 4rem;
}
.click-left::before {
  position: absolute;
  content: url(../img/click_left.gif);
  top: 50%;
  left: -12%;
}
.click-left a {
  text-decoration: none;
  color: var(--yellow);
  display: block;
  padding: 2rem 0;
}
.info-note {
  text-align: center;
  margin-top: 2rem;
  margin-left: 3rem;
}
.info-note p{
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--yellow);
}
.info-time {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  margin-top: 1rem;
}
.business-usetime,.business-hour p{ font-size: 2rem; font-weight: bold;}
.business-usetime {
  border: solid 3px;
  padding: 0.5rem;
  width: 35%;
  text-align: center;
  margin: 0.5rem auto 0.5rem;
  margin-left: 5rem;
}
.business-hour {
  text-align: center;
  margin-right: 5rem;
}
.sns-area {
  background: #fff;
  margin: 1rem 3rem 0.5rem;
}
.sns-follow {
  color: var(--black);
  padding-top: 1rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 800;
}
.sns-bnr {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.sns-bnr { padding: 1rem;}
.sns-line { padding-right: 1rem;}
.cop-logo { 
  text-align: center;
}
.cop-logo img { width: 15%;}


/* ★スマホ用★ */
.headfoot-is-sp .section__container{ width: 100%;}
.headfoot-is-sp .goTop__img--pc {
  display: none;
}
.headfoot-is-sp #nopc,.headfoot-is-sp .nopc,.headfoot-is-sp .br-sp{ display: block;}
.headfoot-is-sp #nosp,.headfoot-is-sp .nosp,.headfoot-is-sp .br-pc{ display: none;}
.headfoot-is-sp .main-title img {
  zoom: 0.8;
}

/* ★タブレット用★ */


@media (orientation: portrait){