.forSP,
.forSPi { display:none; }
@media screen and (max-width: 768px), (orientation: portrait) {
	.forPC { display:none; }
	.forSP { display:block; }
	.forSPi { display:inline; }
}

body.page_furusato {
}
body.page_furusato .page-header {
  background:url(https://www.beisia.co.jp/wp-content/themes/beisia_v1/img/furusato/h1_bg.jpg) no-repeat 50% 50%;
  background-size:cover;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  aspect-ratio:160/64;
}
body.page_furusato .page-header h1 {
}

body.page_furusato .lead {
  margin:80px auto 0;
  font-size:16px;
  text-align:center;
}

body.page_furusato .gr-container {
  max-width:1270px !important;
}

body.page_furusato h2.tit_h2 {
  background:none;
  border:0;
  color:#D83015;
  font-size:40px;
  font-weight:bold;
  text-align:center;
  margin:80px auto 0;
  padding:0;
}
.-pop_link {
  cursor:pointer;
}
body.page_furusato .list_furusato {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  gap:40px;
  margin:40px auto;
}
body.page_furusato .list_furusato li {
  border-radius:8px;
  box-shadow:2px 2px 8px #00000026;
  overflow:hidden;
  width:calc((100% - 120px) / 4);
  padding:8px 8px 20px;
  margin:0;
}
body.page_furusato .list_furusato li::before {
  display:none;
}
body.page_furusato .list_furusato li .img {
  width:100%;
  aspect-ratio:272/204;
}
body.page_furusato .list_furusato li .img img {
  width:100%;
}
body.page_furusato .list_furusato li strong {
  display:block;
  font-size:16px;
  font-weight:bold;
  margin:20px 0 0;
  padding:0 12px;
  line-height:1.2;
}
body.page_furusato .list_furusato li small {
  display:block;
  font-size:14px;
  margin:4px 0 0;
  padding:0 12px;
  line-height:1.2;
}
body.page_furusato .list_furusato li button {
  appearance:none;
  border:0;
  width:calc(100% - 24px);
  height:48px;
  background:#D83015;
  border-radius:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#FFF;
  font-size:16px;
  margin:15px auto 0;
  transition:all 0.125s linear 0s;
}
body.page_furusato .list_furusato li button:hover {
  background:#D85035;
}
body.page_furusato .list_furusato li.coming .-pop_link {
  cursor:default !important;
}
body.page_furusato .list_furusato li.coming button {
  background-color: rgba(128, 128, 128, 0.3);
}

body.page_furusato p.note {
  font-size:14px;
  margin-top:20px;
  margin-bottom:0;
}

.pop_base,
.pop_shadow,
.pop_base .pop_inner {
  display:none;
}
.pop_base {
  position:fixed;
  z-index:2001;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  max-width:calc(100vw - 220px);
  max-width: min(1200px, 100vw - 220px);
  min-width:60%;
  width:100%;
  background:#FFF;
  padding:40px;
  border-radius:20px;
}
.pop_base .tit {
  font-size:28px;
  font-weight:bold;
  text-align:center;
  color:#2a2a2a;
}
.pop_base p {
  font-size:14px;
  text-align:center;
  color:#2a2a2a;
}
.pop_base .links {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:40px auto 0;
  display:grid;
  grid-template-columns: repeat(auto-fit, 254px);
  justify-content:center;
}
.pop_base .links a {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  height:50px;
  padding:0 32px 0 16px;
  border-radius:4px;
  background:#D83015;
  color:#FFF;
  font-size:14px;
  line-height:1.25;
  position:relative;
  transition:all 0.125s linear 0s;
}
.pop_base .links a:hover {
  opacity:1;
  background:#D85035;
}
.pop_base .links a::before {
  content:'';
  display:inline-block;
  width:11px;
  height:11px;
  border-left:1px solid #FFF;
  border-bottom:1px solid #FFF;
  position:absolute;
  top:50%;
  right:18px;
  transform:translateY(calc(-50% + 1px));
}
.pop_base .links a::after {
  content:'';
  display:inline-block;
  width:11px;
  height:11px;
  border:1px solid #FFF;
  border-top:3px solid #FFF;
  position:absolute;
  top:50%;
  right:16px;
  transform:translateY(calc(-50% - 1px));
}
.pop_shadow {
  background:rgba(0,0,0,0.5);
  position:fixed;
  z-index:2000;
  top:0; left:0; right:0; bottom:0;
  width:100vw;
  height:100vh;
}
.btn_close {
  position:absolute;
  right:-25px;
  top:-25px;
  width:50px;
  height:50px;
  border-radius:100%;
  background:#FFF;
  cursor:pointer;
  box-shadow:0px 0px 8px #00000033;
}
.btn_close::before,
.btn_close::after {
  content:'';
  display:inline-block;
  width:22px;
  height:1px;
  background:#111;
  position:absolute;
  top:50%;
  left:50%;
}
.btn_close::before {
  transform:translate(-50%, -50%) rotate(45deg);  
}
.btn_close::after {
  transform:translate(-50%, -50%) rotate(-45deg);  
}
.pop_base .note {
  font-size:12px;
  margin-top:15px;
  text-align:left;
}
body.mode_pop .pop_base,
body.mode_pop .pop_shadow {
  display:block;
}

@media screen and (max-width: 768px) {
  body.page_furusato .page-header {
    aspect-ratio:375/240;
  }

  body.page_furusato .page-header h1 img {
    width:calc(100vw - 54px);
    max-width:480px;
  }
  body.page_furusato .gr-container {
    padding:0 15px;
  }
  body.page_furusato .lead {
    margin:40px auto 0;
    text-align:left;
  }
  body.page_furusato h2.tit_h2 {
    margin-top:40px;
    font-size:26px;
  }
  body.page_furusato .list_furusato {
    gap:20px 9px;
  }
  body.page_furusato .list_furusato li {
    width:calc((100% - 9px)/2);
  }
  .pop_base {
    max-width:unset;
    width:calc(100vw - 40px);
    padding:20px 16px;
  }
  .pop_base .tit {
    font-size:20px;
  }
  .pop_base .links {
  	margin-top:20px;
    grid-template-columns: repeat(auto-fit, calc(50% - 5px));
  }
  .pop_base .links a {
    font-size:14px;
  }
  .pop_base .btn_close {
    top:-10px;
    right:-10px;
  }
}