@charset "UTF-8";
::-moz-selection {
  background: rgba(141, 134, 85, 0.8);
  color: #fff;
}
::selection {
  background: rgba(141, 134, 85, 0.8);
  color: #fff;
}

html {
  font-family: source-han-serif-japanese, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: normal;
  background: #f7f7f7;
}

body {
  overflow-y: scroll;
}

img {
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width: 1024px) {
  img {
    image-rendering: auto;
  }
}
.pcOnly {
  display: block;
}
@media (max-width: 640px) {
  .pcOnly {
    display: none;
  }
}

.spOnly {
  display: none;
}
@media (max-width: 640px) {
  .spOnly {
    display: block;
  }
}

.main {
  display: block;
}
.main.show {
  filter: blur(4px) grayscale(0.4) sepia(0.3);
}

.fadeUp {
  opacity: 0;
  transform: translateY(20%);
  transition: transform 1.8s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 1.8s ease 0s;
}
.fadeUp.inView {
  opacity: 1;
  transform: translateY(0%);
}

.swiper-button-next:focus, .swiper-button-prev:focus {
  outline: none !important;
  filter: drop-shadow(0 0 2px #514600) drop-shadow(0 0 12px rgba(81, 70, 0, 0.7)) !important;
}
@media (max-width: 1024px) {
  .swiper-button-next:focus, .swiper-button-prev:focus {
    filter: drop-shadow(0 0 2px rgba(81, 70, 0, 0.4)) drop-shadow(0 0 12px rgba(81, 70, 0, 0.3)) !important;
  }
}
.swiper-pagination-bullet:focus {
  outline: none !important;
  filter: drop-shadow(0 3px 5px rgba(3, 0, 0, 0.3)) !important;
}
@media (max-width: 1024px) {
  .swiper-pagination-bullet:focus {
    outline: none !important;
    filter: drop-shadow(0 3px 5px rgba(3, 0, 0, 0.3)) !important;
  }
}
/*=============================
 menuBtnArea
===============================*/
.menuBtnArea {
  position: fixed;
  top: 5px;
  right: 15px;
  opacity: 1;
  z-index: 10001;
  transition: opacity 0.3s ease 0s;
  cursor: pointer;
  transition: 0.3s ease 0s;
  mix-blend-mode: exclusion;
}
.menuBtnArea.scrollOn {
  top: 15px;
}
.menuBtnArea .menuBtn,
.menuBtnArea .menuBtn span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
.menuBtnArea .menuBtn {
  position: relative;
  width: 30px;
  height: 22px;
  background: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.menuBtnArea .menuBtn span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e8e8e8;
  border-radius: 4px;
}
.menuBtnArea .menuBtn span:nth-of-type(1) {
  margin-left: 0px;
  width: 30px;
  top: 0;
}
.menuBtnArea .menuBtn span:nth-of-type(2) {
  top: 10px;
}
.menuBtnArea .menuBtn span:nth-of-type(3) {
  bottom: 0;
}
.menuBtnArea.show .menuBtn span {
  background-color: #e8e8e8;
}
.menuBtnArea.show .menuBtn span:nth-of-type(1) {
  margin-left: 0px;
  width: 30px;
  transform: translateY(10px) rotate(-45deg);
}
.menuBtnArea.show .menuBtn span:nth-of-type(2) {
  margin-left: 0px;
  width: 30px;
  opacity: 0;
}
.menuBtnArea.show .menuBtn span:nth-of-type(3) {
  margin-left: 0px;
  width: 30px;
  transform: translateY(-10px) rotate(45deg);
}

@media (max-width: 1024px) {
  .topPage .menuBtnArea {
    mix-blend-mode: normal;
  }
}
@media (max-width: 1024px) {
  .topPage .menuBtnArea .menuBtn span {
    background-color: #fff;
  }
}
@media (max-width: 1024px) {
  .topPage .menuBtnArea.scrollOn {
    mix-blend-mode: exclusion;
  }
}
.topPage .menuBtnArea.scrollOn .menuBtn span {
  background-color: #e8e8e8;
}
.topPage .menuBtnArea.show .menuBtn span {
  background-color: #e8e8e8;
}

/*=============================
 menuArea
===============================*/
.menuArea {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  z-index: 10000;
  transition: opacity 0.3s ease 0s;
  pointer-events: none;
}
.menuArea::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../common/img/menu_bg_pc.jpg) center/cover no-repeat;
  opacity: 0.99;
  z-index: -1;
}
.menuArea::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  margin: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  border: 16px solid;
  -o-border-image: url(../common/img/border_bg.png);
     border-image: url(../common/img/border_bg.png);
  border-image-slice: 50%;
  border-image-repeat: repeat;
  border-image-width: 16px;
  z-index: -1;
}
.menuArea.show {
  opacity: 1;
  pointer-events: visible;
}
.menuArea .menuWrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
@media (max-width: 640px) {
  .menuArea .menuWrap {
    align-content: flex-end;
    flex-wrap: wrap-reverse;
  }
}
.menuArea .menuWrap::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  margin: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #e9e7de;
  pointer-events: none;
}
.menuArea .menuWrap .logo {
  margin-right: 10vw;
  width: 180px;
}
@media (max-width: 1024px) {
  .menuArea .menuWrap .logo {
    margin-right: 8vw;
    width: 160px;
  }
}
@media (max-width: 640px) {
  .menuArea .menuWrap .logo {
    display: none;
  }
}
.menuArea .menuWrap .logo img {
  width: 100%;
  height: auto;
}
.menuArea .menuWrap .menuNav {
  display: block;
  width: 30vw;
}
@media (max-width: 1024px) {
  .menuArea .menuWrap .menuNav {
    width: 45vw;
  }
}
@media (max-width: 640px) {
  .menuArea .menuWrap .menuNav {
    width: 85%;
  }
}
.menuArea .menuWrap .menuNav .navList {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0.5em 0;
}
.menuArea .menuWrap .menuNav .navList li {
  width: 50%;
}
.menuArea .menuWrap .menuNav .navList li a {
  display: block;
  padding: 1em 1.5vw;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: #937f10;
  letter-spacing: 1px;
  transition: 0.4s ease;
}
@media (max-width: 1024px) {
  .menuArea .menuWrap .menuNav .navList li a {
    font-size: 2.3vw;
  }
}
@media (max-width: 640px) {
  .menuArea .menuWrap .menuNav .navList li a {
    padding: 0.8em 1.5vw 0.8em 7vw;
    font-size: 4.5vw;
  }
}
.menuArea .menuWrap .menuNav .navList li a:hover {
  color: #d4c98c;
  transition: 0.2s ease;
}
.menuArea .menuWrap .menuNav .navList li a .jp {
  display: block;
  font-size: 8px;
  color: #5f5c5c;
}
@media (max-width: 1024px) {
  .menuArea .menuWrap .menuNav .navList li a .jp {
    font-size: 1.3vw;
  }
}
@media (max-width: 640px) {
  .menuArea .menuWrap .menuNav .navList li a .jp {
    font-size: 2.5vw;
  }
}
.menuArea .menuWrap .snsArea {
  width: 100%;
  padding: 30px 0 10px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media (max-width: 1024px) {
  .menuArea .menuWrap .snsArea {
    padding: 10vw 0 10vw;
  }
}
@media (max-width: 640px) {
  .menuArea .menuWrap .snsArea {
    padding: 25vw 0 5vw;
  }
}
.menuArea .menuWrap .snsArea .title {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #716d69;
}
.menuArea .menuWrap .snsArea .snsList {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.3em 0 1em;
  padding: 0;
  list-style: none;
}
.menuArea .menuWrap .snsArea .snsList li a {
  display: inline-block;
  padding: 5px 20px;
  font-size: 14px;
  color: #716d69;
  text-decoration: none;
  letter-spacing: 1px;
  transition: 0.4s ease;
  line-height: 1.6;
}
@media (max-width: 640px) {
  .menuArea .menuWrap .snsArea .snsList li a {
    padding: 5px 10px;
    font-size: 4vw;
  }
}
.menuArea .menuWrap .snsArea .snsList li a:hover {
  color: #d4c98c;
  transition: 0.2s ease;
}
.menuArea .menuWrap .snsArea .snsList li a span {
  display: flex;
  align-items: center;
}
.menuArea .menuWrap .snsArea .snsList li a span::before {
  content: "";
  display: block;
  margin: -1px 0.2em 0 0;
}
.menuArea .menuWrap .snsArea .snsList li.snsTwitter a span::before {
  width: 15px;
  height: 13px;
  background: url('data:image/svg+xml;charset=UTF-8,<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/></svg>') no-repeat center/contain;
  filter: brightness(0.4);
}
.menuArea .menuWrap .snsArea .snsList li.snsYoutube a span::before {
  width: 21px;
  height: 15px;
  background: url('data:image/svg+xml;charset=UTF-8,<svg width="506" height="354" viewBox="0 0 506 354" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M495.4,55.3c-5.9-21.8-22.9-38.8-44.7-44.7C411.2,0,253,0,253,0S94.8,0,55.3,10.6c-21.8,5.9-38.9,22.9-44.7,44.7C0,94.7,0,177,0,177s0,82.3,10.6,121.7c5.9,21.8,22.9,38.8,44.7,44.7C94.8,354,253,354,253,354s158.2,0,197.7-10.6c21.8-5.9,38.9-22.9,44.7-44.7C506,259.3,506,177,506,177S506,94.7,495.4,55.3z M202.4,252.9V101.1L333.9,177L202.4,252.9z" fill="white"/></svg>') no-repeat center/contain;
  filter: brightness(0.4);
}
.menuArea .menuWrap .snsArea .snsList li.snsTiktok a span::before {
  width: 12px;
  height: 13px;
  background: url(../common/img/sns_logo_tiktok.png) no-repeat center/contain;
  filter: brightness(0.4);
}

/*=============================
 stickyBnr
===============================*/
.stickyBnr {
  display: none;
  position: sticky;
  bottom: 20px;
  right: 0;
  z-index: 1000;
}
@media (max-width: 1024px) {
  .stickyBnr {
    display: block;
  }
}
.stickyBnr a {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  width: 40px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  writing-mode: vertical-rl;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 600;
  color: #f7f7f7;
  background: rgba(142, 137, 114, 0.9);
  text-decoration: none;
}

/*=============================
 header
===============================*/
.header .headerNav {
  background: #fff;
}
@media (max-width: 1024px) {
  .header .headerNav {
    display: none;
  }
}
.header .headerNav .navList {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .headerNav .navList li a {
  display: block;
  padding: 1em 1.5vw;
  text-decoration: none;
  font-size: 14px;
  color: #686556;
  letter-spacing: 1px;
  line-height: 1.2;
  transition: 0.4s ease;
}
.header .headerNav .navList li a:hover {
  color: #a39609;
  transition: 0.2s ease;
}
.header .headerNav .navList li a .jp {
  display: none;
  text-align: center;
  font-size: 8px;
  color: #8e8972;
}
.header .keyVisualArea {
  position: relative;
  background: url(../img/top/kv_pc.jpg) center top/cover no-repeat;
  image-rendering: -webkit-optimize-contrast;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .header .keyVisualArea {
    image-rendering: auto;
  }
}
@media (max-width: 640px) {
  .header .keyVisualArea {
    background: url(../img/top/kv_sp.jpg) center top/100% no-repeat;
  }
}
.header .keyVisualArea .keyVisual {
  width: 100%;
}
.header .keyVisualArea .keyVisual img {
  width: 100%;
  height: auto;
}
.header .keyVisualArea .bnrFes {
  position: absolute;
  bottom: 10px;
  right: 5px;
  width: 23vw;
  transition: 0.3s ease 0s;
}
@media (max-width: 1024px) {
  .header .keyVisualArea .bnrFes {
    width: 33vw;
  }
}
@media (max-width: 640px) {
  .header .keyVisualArea .bnrFes {
    display: none;
  }
}
.header .keyVisualArea .bnrFes:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition: 0.2s ease 0s;
}
.header .keyVisualArea .bnrFes img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 3px 14px #000033);
}
.header .keyVisualArea .inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 40vw;
  padding: 2vw 0 2vw 14vw;
  /*
  .logo {
  	width: 100%;
  	padding: 5vh 1vw 0 0;
  	max-width: 368px;
  	filter: drop-shadow(0 0 10px #fff);

  	@include tab {
  		width: 70%;
  	};
  	@include sp {
  		width: 80%;
  	};
  	img {
  		width: 100%;
  		height: auto;
  	}
  }
  ここまで戻す　*/
}
@media (max-width: 1024px) {
  .header .keyVisualArea .inner {
    width: 45%;
    padding: 2vw 0 2vw 2vw;
  }
}
@media (max-width: 640px) {
  .header .keyVisualArea .inner {
    width: 90%;
    margin: 0 auto;
    padding: 50vw 0 0 0;
  }
}
.header .keyVisualArea .inner .logo {
  width: 100%;
  padding: 5vh 1vw 0 0;
  max-width: 288px;
}
@media (max-width: 1024px) {
  .header .keyVisualArea .inner .logo {
    width: 70%;
  }
}
@media (max-width: 640px) {
  .header .keyVisualArea .inner .logo {
    margin-left: -7vw;
    padding: 0vh 1vw 0 0;
    width: 75%;
    max-width: 75%;
  }
}
.header .keyVisualArea .inner .logo img {
  width: 100%;
  height: auto;
}
.header .keyVisualArea .inner .logo2 {
  position: absolute;
  display: block;
  top: 1vw;
  left: 14vw;
  width: 100px;
}
@media (max-width: 1024px) {
  .header .keyVisualArea .inner .logo2 {
    left: 2vw;
    width: 80px;
  }
}
.header .keyVisualArea .inner .logo2 img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 0 10px rgba(0, 0, 40, 0.6));
}
.header .keyVisualArea .inner .bnrFesSp {
  display: none;
  width: 100%;
  margin: -10vw 0 10vw;
}
@media (max-width: 640px) {
  .header .keyVisualArea .inner .bnrFesSp {
    display: block;
  }
}
.header .keyVisualArea .inner .bnrFesSp img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
}
.header .keyVisualArea .inner .movie {
  position: relative;
  padding: 2px;
  width: 30vw;
  max-width: 380px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1024px) {
  .header .keyVisualArea .inner .movie {
    width: 40vw;
  }
}
@media (max-width: 640px) {
  .header .keyVisualArea .inner .movie {
    margin-top: -5vw;
    width: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  }
}
.header .keyVisualArea .inner .movie::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(15deg, #927723, #fbfac5);
}
.header .keyVisualArea .inner .movie .iframebox {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 56.25%;
  background: #000;
}
.header .keyVisualArea .inner .movie .iframebox iframe, .header .keyVisualArea .inner .movie .iframebox a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.header .keyVisualArea .inner .movie .iframebox a img {
  width: 100%;
}

/*=============================
 infoArea
===============================*/
.infoArea {
  display: flex;
  justify-content: center;
  margin: 0 auto 1.5em;
  padding: 0 4vw;
  width: 100%;
  max-width: 1400px;
}
@media (max-width: 640px) {
  .infoArea {
    flex-direction: column;
  }
}
.infoArea .pickupArea, .infoArea .latestNewsArea {
  position: relative;
}
.infoArea .pickupArea .title, .infoArea .latestNewsArea .title {
  position: relative;
  margin: 0.2em 0;
  color: #edece4;
  font-size: 44px;
  letter-spacing: 1px;
  font-family: meno-banner, serif;
}
@media (max-width: 1024px) {
  .infoArea .pickupArea .title, .infoArea .latestNewsArea .title {
    font-size: 5vw;
  }
}
@media (max-width: 640px) {
  .infoArea .pickupArea .title, .infoArea .latestNewsArea .title {
    font-size: 12vw;
  }
}
.infoArea .pickupArea .title .jp, .infoArea .latestNewsArea .title .jp {
  position: absolute;
  bottom: -5px;
  left: 8px;
}
.infoArea .pickupArea .title .color, .infoArea .latestNewsArea .title .color {
  position: relative;
  color: rgba(255, 255, 255, 0);
  font-size: 18px;
}
@media (max-width: 1024px) {
  .infoArea .pickupArea .title .color, .infoArea .latestNewsArea .title .color {
    font-size: 2vw;
  }
}
@media (max-width: 640px) {
  .infoArea .pickupArea .title .color, .infoArea .latestNewsArea .title .color {
    font-size: 4vw;
  }
}
.infoArea .pickupArea .title .color::after, .infoArea .latestNewsArea .title .color::after {
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #d4c98c, #8e8972);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.infoArea .pickupArea {
  width: 35%;
  margin-right: 5%;
}
@media (max-width: 1024px) {
  .infoArea .pickupArea {
    width: 45%;
  }
}
@media (max-width: 640px) {
  .infoArea .pickupArea {
    width: 100%;
  }
}
.infoArea .pickupArea .title .color::after {
  content: "注目情報";
}
.infoArea .pickupArea .swiper-pickup {
  overflow: hidden;
}
.infoArea .pickupArea .swiper-pickup::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  width: 30%;
  height: 100%;
  background: linear-gradient(90deg, rgba(247, 247, 247, 0), #f7f7f7);
  z-index: 9;
  pointer-events: none;
}
@media (max-width: 640px) {
  .infoArea .pickupArea .pickup-pagenation {
    text-align: center;
  }
}
.infoArea .pickupArea .swiper-pagination-bullet {
  background: #a39952;
}
.infoArea .pickupArea .pickupList {
  list-style-type: none;
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}
.infoArea .pickupArea .pickupList .entry {
  width: 150px;
}
.infoArea .pickupArea .pickupList .entry img {
  width: 100%;
  height: auto;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.infoArea .latestNewsArea {
  width: 60%;
}
@media (max-width: 1024px) {
  .infoArea .latestNewsArea {
    width: 50%;
  }
}
@media (max-width: 640px) {
  .infoArea .latestNewsArea {
    width: 100%;
  }
}
.infoArea .latestNewsArea .title .color::after {
  content: "最新ニュース";
}
.infoArea .latestNewsArea .moreBtn {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .infoArea .latestNewsArea .moreBtn {
    display: block;
    margin: 10px 0 0;
  }
}
@media (max-width: 640px) {
  .infoArea .latestNewsArea .moreBtn {
    margin: 10px 0 0;
  }
}
.infoArea .latestNewsArea .moreBtn a {
  position: relative;
  display: block;
  padding: 0.4em 4em;
  font-size: 13px;
  font-weight: 600;
  color: #9a9477;
  text-decoration: none;
  border: 1px solid #b7b39e;
  overflow: hidden;
  box-shadow: 0 0 0 rgbs(#000, 0);
  transition: color 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, box-shadow 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  z-index: 1;
}
@media (max-width: 1024px) {
  .infoArea .latestNewsArea .moreBtn a {
    text-align: center;
  }
}
@media (max-width: 640px) {
  .infoArea .latestNewsArea .moreBtn a {
    padding: 0.7em 0 0.8em;
    font-size: 3.5vw;
    text-align: center;
  }
}
.infoArea .latestNewsArea .moreBtn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #b7b39e;
  transform: translateX(-101%);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  z-index: -1;
}
.infoArea .latestNewsArea .moreBtn a:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.infoArea .latestNewsArea .moreBtn a:hover::before {
  transform: translateX(0%);
}
.infoArea .latestNewsArea .newsList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.infoArea .latestNewsArea .newsList .entry a {
  display: block;
  padding: 0.5em 0;
  color: #231e08;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: 0.4s ease;
}
@media (max-width: 1024px) {
  .infoArea .latestNewsArea .newsList .entry a {
    font-size: 11px;
  }
}
@media (max-width: 640px) {
  .infoArea .latestNewsArea .newsList .entry a {
    padding: 0.7em 0;
    font-size: 3.4vw;
    font-weight: 600;
    white-space: inherit;
  }
}
.infoArea .latestNewsArea .newsList .entry a .date {
  padding-right: 1.5em;
  color: #8d8c7c;
}
@media (max-width: 640px) {
  .infoArea .latestNewsArea .newsList .entry a .date {
    display: block;
    font-size: 2.5vw;
  }
}
.infoArea .latestNewsArea .newsList .entry a:hover .date, .infoArea .latestNewsArea .newsList .entry a:hover .entryTitle {
  color: #a39609;
  transition: 0.2s ease;
}

/*=============================
 battleArea
===============================*/
.battleArea {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0 4vw;
  width: 100%;
  background: url(../img/top/battle_bg.jpg) center/cover no-repeat;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .battleArea {
    flex-wrap: wrap;
  }
}
@media (max-width: 640px) {
  .battleArea {
    background: url(../img/top/battle_bg_sp.jpg) center/cover no-repeat;
  }
}
.battleArea .textArea {
  position: relative;
}
.battleArea .textArea .title {
  position: relative;
  margin: 0.2em 0;
  color: #665431;
  font-size: 108px;
  letter-spacing: 1px;
  text-align: center;
  font-family: meno-banner, serif;
}
@media (max-width: 1024px) {
  .battleArea .textArea .title {
    font-size: 14vw;
  }
}
@media (max-width: 640px) {
  .battleArea .textArea .title {
    font-size: 16vw;
  }
}
.battleArea .textArea .title .jp {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 36px;
}
@media (max-width: 1024px) {
  .battleArea .textArea .title .jp {
    font-size: 4.5vw;
  }
}
@media (max-width: 640px) {
  .battleArea .textArea .title .jp {
    bottom: 14px;
    font-size: 6vw;
  }
}
.battleArea .textArea .title .color {
  position: relative;
  color: rgba(255, 255, 255, 0);
}
.battleArea .textArea .title .color::after {
  content: "バトル";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #d4c98c, #8e8972);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.battleArea .textArea .catch {
  margin: 0;
  font-size: 3.2vw;
  font-weight: 600;
  text-align: center;
  color: #edece8;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
}
@media (min-width: 1600px) {
  .battleArea .textArea .catch {
    font-size: 46px;
  }
}
@media (max-width: 1024px) {
  .battleArea .textArea .catch {
    font-size: 6vw;
  }
}
@media (max-width: 640px) {
  .battleArea .textArea .catch {
    font-size: 7.2vw;
  }
}
.battleArea .textArea .catch span {
  letter-spacing: -0.1em;
}
.battleArea .textArea .text {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  color: #edece8;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
}
@media (max-width: 1024px) {
  .battleArea .textArea .text {
    font-size: 3.2vw;
  }
}
@media (max-width: 640px) {
  .battleArea .textArea .text {
    font-size: 4vw;
  }
}
.battleArea .movieArea {
  position: relative;
  flex-shrink: 0;
  margin: 30px 80px;
  width: 300px;
}
.battleArea .movieArea .iframebox {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 178%;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.8);
}
.battleArea .movieArea .iframebox iframe, .battleArea .movieArea .iframebox a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.battleArea .movieArea .iframebox a img {
  width: 100%;
}

/*=============================
 charaArea
===============================*/
.charaArea {
  position: relative;
  overflow: hidden;
}
.charaArea .title {
  position: relative;
  margin: 0.2em 0;
  color: #edece4;
  font-size: 108px;
  letter-spacing: 1px;
  text-align: center;
  font-family: meno-banner, serif;
}
@media (max-width: 1024px) {
  .charaArea .title {
    font-size: 14vw;
  }
}
@media (max-width: 640px) {
  .charaArea .title {
    margin: 0.2em 0 0;
    font-size: 15.4vw;
    letter-spacing: 0;
  }
}
.charaArea .title .jp {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 36px;
}
@media (max-width: 1024px) {
  .charaArea .title .jp {
    font-size: 4.5vw;
  }
}
@media (max-width: 640px) {
  .charaArea .title .jp {
    bottom: 12px;
    font-size: 6vw;
  }
}
.charaArea .title .color {
  position: relative;
  color: rgba(255, 255, 255, 0);
}
.charaArea .title .color::after {
  content: "キャラクター";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #d4c98c, #8e8972);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.charaArea .charaList {
  display: flex;
  justify-content: center;
  align-items: stretch;
  list-style-type: none;
  margin: 2%;
  padding: 0;
  width: 96%;
}
@media (min-width: 1600px) {
  .charaArea .charaList {
    margin: -7% 2% -4%;
    transform: scale(0.8);
  }
}
@media (max-width: 640px) {
  .charaArea .charaList {
    justify-content: flex-start;
    margin: 0;
    width: 100%;
  }
}
.charaArea .charaList .chara {
  position: relative;
  margin: 0 2px;
  width: 25%;
  height: auto;
  overflow: hidden;
  background: linear-gradient(0deg, #f1f0ed 86%, rgba(247, 247, 247, 0) 86%);
}
@media (max-width: 640px) {
  .charaArea .charaList .chara {
    margin: 0;
  }
}
.charaArea .charaList .chara .chara2d {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0;
  transform: translateX(-10%);
  transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease;
  filter: drop-shadow(0 6px 10px rgba(56, 38, 7, 0.3));
  will-change: transform, opacity;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara .chara2d {
    transform: translateX(0%);
  }
}
.charaArea .charaList .chara .chara2d img {
  width: 100%;
  height: auto;
  transform-origin: top;
}
.charaArea .charaList .chara.inView .chara2d {
  opacity: 1;
  transform: translateX(0%);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.3s ease 0s;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara.inView .chara2d {
    opacity: 0;
    transform: translateX(0%);
    transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
  }
}
.charaArea .charaList .chara.swiper-slide-active .chara2d {
  opacity: 1;
  transform: translateX(0%);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.8s ease 0s;
}
.charaArea .charaList .chara .textBg {
  position: absolute;
  top: 27vw;
  left: 0;
  width: 130%;
  height: 70%;
  background: linear-gradient(0deg, #a49f7f 0%, #c5c0a7 100%);
  transform: skew(-10deg, -10deg) translateY(100%);
  transform-origin: top center;
  transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
  will-change: transform, opacity;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara .textBg {
    top: 90vw;
  }
}
.charaArea .charaList .chara.inView .textBg {
  opacity: 1;
  transform: skew(-10deg, -10deg) translateY(0%);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara.inView .textBg {
    opacity: 0;
    transform: skew(-10deg, -10deg) translateY(100%);
    transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
  }
}
.charaArea .charaList .chara.swiper-slide-active .textBg {
  opacity: 1;
  transform: skew(-10deg, -10deg) translateY(0%);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
}
.charaArea .charaList .chara .chara3d {
  position: absolute;
  top: 16vw;
  right: 0;
  width: 100%;
  opacity: 0;
  filter: drop-shadow(0 6px 10px rgba(56, 38, 7, 0.3));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translateX(10%);
  transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
  will-change: transform, opacity;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara .chara3d {
    top: 48vw;
  }
}
.charaArea .charaList .chara .chara3d img {
  width: 100%;
  height: auto;
  transform: scale(1) translateX(0.5vw);
  transform-origin: top;
}
.charaArea .charaList .chara.inView .chara3d {
  opacity: 1;
  transform: translateX(0%);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.8s, opacity 0.8s ease 0.8s;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara.inView .chara3d {
    opacity: 0;
    transform: translateX(10%);
    transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
  }
}
.charaArea .charaList .chara.swiper-slide-active .chara3d {
  opacity: 1;
  transform: translateX(0%);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.8s, opacity 0.8s ease 0.8s;
}
.charaArea .charaList .chara .charaName {
  position: relative;
  margin: 0;
  padding: 38vw 0 0;
  width: 100%;
  font-size: 2.5vw;
  font-weight: 600;
  color: #fafafa;
  text-align: center;
  opacity: 0;
  transform: translateY(25px);
  transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara .charaName {
    padding: 120vw 0 0;
    font-size: 8vw;
  }
}
.charaArea .charaList .chara.inView .charaName {
  opacity: 1;
  transform: translateY(0%);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.6s, opacity 0.8s ease 0.6s;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara.inView .charaName {
    opacity: 0;
    transform: translateY(25px);
    transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
  }
}
.charaArea .charaList .chara.swiper-slide-active .charaName {
  opacity: 1;
  transform: translateY(0%);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.6s, opacity 0.8s ease 0.6s;
}
.charaArea .charaList .chara .charaCv {
  position: relative;
  margin: 0;
  font-size: 1.3vw;
  font-weight: 600;
  color: #fafafa;
  letter-spacing: 2px;
  text-align: center;
  opacity: 0;
  transform: translateY(25px);
  transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara .charaCv {
    font-size: 4vw;
  }
}
.charaArea .charaList .chara .charaCv span {
  margin-right: 0.3em;
  font-size: 0.8vw;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara .charaCv span {
    font-size: 3vw;
  }
}
.charaArea .charaList .chara.inView .charaCv {
  opacity: 1;
  transform: translateY(0%);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.7s, opacity 0.8s ease 0.7s;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara.inView .charaCv {
    opacity: 0;
    transform: translateY(25px);
    transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
  }
}
.charaArea .charaList .chara.swiper-slide-active .charaCv {
  opacity: 1;
  transform: translateY(0%);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.7s, opacity 0.8s ease 0.7s;
}
.charaArea .charaList .chara .charaDetail {
  position: relative;
  padding: 0 9% 3%;
  font-size: 1vw;
  font-weight: 500;
  color: #f7f6ef;
  line-height: 1.8;
  opacity: 0;
  transform: translateY(25px);
  transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
}
@media (max-width: 1024px) {
  .charaArea .charaList .chara .charaDetail {
    font-size: 1.25vw;
  }
}
@media (max-width: 640px) {
  .charaArea .charaList .chara .charaDetail {
    font-size: 3vw;
  }
}
.charaArea .charaList .chara.inView .charaDetail {
  opacity: 1;
  transform: translateY(0%);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.8s, opacity 0.8s ease 0.8s;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara.inView .charaDetail {
    opacity: 0;
    transform: translateY(25px);
    transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
  }
}
.charaArea .charaList .chara.swiper-slide-active .charaDetail {
  opacity: 1;
  transform: translateY(0%);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.8s, opacity 0.8s ease 0.8s;
}
.charaArea .charaList .chara01 .chara2d {
  width: 150%;
  left: -39%;
}
.charaArea .charaList .chara01 .charaName {
  letter-spacing: 3px;
}
.charaArea .charaList .chara02 .chara2d {
  top: 25px;
  left: -26%;
  width: 130%;
}
.charaArea .charaList .chara03 .chara2d {
  left: -26%;
  width: 130%;
}
.charaArea .charaList .chara03 .chara3d {
  top: 17vw;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara03 .chara3d {
    top: 50vw;
  }
}
.charaArea .charaList .chara03 .chara3d img {
  transform: scale(1.2) translateX(-2vw);
}
.charaArea .charaList .chara04 .chara2d {
  position: absolute;
  top: 11vw;
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 640px) {
  .charaArea .charaList .chara04 .chara2d {
    top: 54vw;
  }
}
.charaArea .charaList .chara04 .chara2d img {
  width: 20vw;
  transform: scale(1) translateX(2.7vw);
}
@media (max-width: 640px) {
  .charaArea .charaList .chara04 .chara2d img {
    width: 50vw;
    transform: scale(1) translateX(16vw);
  }
}
.charaArea .chara-pagenation {
  display: none;
  text-align: center;
}
@media (max-width: 640px) {
  .charaArea .chara-pagenation {
    display: block;
  }
}
.charaArea .swiper-pagination-bullet {
  background: #a39952;
}
.charaArea .swiper-button-next, .charaArea .swiper-button-prev {
  display: none;
  top: 71%;
  width: 19px;
  height: 50px;
  filter: drop-shadow(0 0 2px rgba(81, 70, 0, 0.4)) drop-shadow(0 0 12px rgba(81, 70, 0, 0.7));
  z-index: 11;
}
@media (max-width: 640px) {
  .charaArea .swiper-button-next, .charaArea .swiper-button-prev {
    display: block;
    top: 50%;
    filter: drop-shadow(0 0 2px rgba(81, 70, 0, 0.4)) drop-shadow(0 0 12px rgba(81, 70, 0, 0.3));
  }
}
.charaArea .swiper-button-next {
  background: url(../img/top/job_slide_arrow_right.svg) no-repeat;
}
.charaArea .swiper-button-prev {
  background: url(../img/top/job_slide_arrow_left.svg) no-repeat;
}
.charaArea .swiper-button-prev:after, .charaArea .swiper-rtl .swiper-button-next:after {
  content: "";
}
.charaArea .swiper-button-next:after, .charaArea .swiper-rtl .swiper-button-prev:after {
  content: "";
}

/*=============================
 jobArea
===============================*/
.jobArea {
  position: relative;
  display: inline-block;
  margin: 0 0 2em;
  width: 100%;
}
.jobArea .title {
  position: relative;
  margin: 0.2em 0;
  color: #edece4;
  font-size: 108px;
  letter-spacing: 1px;
  text-align: center;
  font-family: meno-banner, serif;
}
@media (max-width: 1024px) {
  .jobArea .title {
    font-size: 14vw;
  }
}
@media (max-width: 640px) {
  .jobArea .title {
    margin: 0.5em 0 0.2em;
    font-size: 16vw;
  }
}
.jobArea .title .jp {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 36px;
}
@media (max-width: 1024px) {
  .jobArea .title .jp {
    font-size: 4.5vw;
  }
}
@media (max-width: 640px) {
  .jobArea .title .jp {
    bottom: 12px;
    font-size: 6vw;
  }
}
.jobArea .title .color {
  position: relative;
  color: rgba(255, 255, 255, 0);
}
.jobArea .title .color::after {
  content: "職業";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #d4c98c, #8e8972);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.jobArea .iconList, .jobArea .iconList-gc {
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .jobArea .iconList, .jobArea .iconList-gc {
    flex-wrap: wrap;
    padding: 0 1%;
  }
}
@media (max-width: 640px) {
  .jobArea .iconList, .jobArea .iconList-gc {
    flex-wrap: wrap;
    padding: 0 1%;
  }
}
.jobArea .iconList .swiper-pagination-bullet, .jobArea .iconList-gc .swiper-pagination-bullet {
  width: 64px;
  height: 59px;
}
@media (max-width: 1024px) {
  .jobArea .iconList .swiper-pagination-bullet, .jobArea .iconList-gc .swiper-pagination-bullet {
    width: 7vw;
    height: 7vw;
  }
}
@media (max-width: 640px) {
  .jobArea .iconList .swiper-pagination-bullet, .jobArea .iconList-gc .swiper-pagination-bullet {
    width: 11vw;
    height: 11vw;
    margin: 4px var(--swiper-pagination-bullet-horizontal-gap, 4px) !important;
  }
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(1), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(1) {
  background: url(../img/top/job_icon01_cc.png) no-repeat center/cover;
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(2), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(2) {
  background: url(../img/top/job_icon02_cc.png) no-repeat center/cover;
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(3), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(3) {
  background: url(../img/top/job_icon03_cc.png) no-repeat center/cover;
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(4), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(4) {
  background: url(../img/top/job_icon04_cc.png) no-repeat center/cover;
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(5), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(5) {
  background: url(../img/top/job_icon05_cc.png) no-repeat center/cover;
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(6), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(6) {
  background: url(../img/top/job_icon06_cc.png) no-repeat center/cover;
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(7), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(7) {
  background: url(../img/top/job_icon07_cc.png) no-repeat center/cover;
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(8), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(8) {
  background: url(../img/top/job_icon08_cc.png) no-repeat center/cover;
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(9), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(9) {
  background: url(../img/top/job_icon09_cc.png) no-repeat center/cover;
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(10), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(10) {
  background: url(../img/top/job_icon10_cc.png) no-repeat center/cover;
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(11), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(11) {
  background: url(../img/top/job_icon11_cc.png) no-repeat center/cover;
}
.jobArea .iconList .swiper-pagination-bullet:nth-of-type(12), .jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(12) {
  background: url(../img/top/job_icon12_cc.png) no-repeat center/cover;
}
.jobArea .iconList-gc {
  margin-top: 2em;
}
.jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(1) {
  background: url(../img/top/job_icon01_gc.png) no-repeat center/cover;
}
.jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(2) {
  background: url(../img/top/job_icon02_gc.png) no-repeat center/cover;
}
.jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(3) {
  background: url(../img/top/job_icon03_gc.png) no-repeat center/cover;
}
.jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(4) {
  background: url(../img/top/job_icon04_gc.png) no-repeat center/cover;
}
.jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(5) {
  background: url(../img/top/job_icon05_gc.png) no-repeat center/cover;
}
.jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(6) {
  background: url(../img/top/job_icon06_gc.png) no-repeat center/cover;
}
.jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(7) {
  background: url(../img/top/job_icon07_gc.png) no-repeat center/cover;
}
.jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(8) {
  background: url(../img/top/job_icon08_gc.png) no-repeat center/cover;
}
.jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(9) {
  background: url(../img/top/job_icon09_gc.png) no-repeat center/cover;
}
.jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(10) {
  background: url(../img/top/job_icon10_gc.png) no-repeat center/cover;
}
.jobArea .iconList-gc .swiper-pagination-bullet:nth-of-type(11) {
  background: url(../img/top/job_icon11_gc.png) no-repeat center/cover;
}
.jobArea .swiper-job {
  overflow: hidden;
  backface-visibility: hidden;
}
.jobArea .jobList {
  position: relative;
  list-style: none;
  margin-top: 40px;
  padding: 0;
}
.jobArea .jobList .job {
  position: relative;
  margin: 17vw 0 3vw;
  width: 25%;
  height: auto !important;
  background: #fff;
}
@media (max-width: 640px) {
  .jobArea .jobList .job {
    margin: 50vw 0 0;
  }
}
.jobArea .jobList .job::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  margin: 3px;
  border: 1px solid #e3dec0;
}
.jobArea .jobList .job::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  margin: 6px;
  border: 16px solid;
  -o-border-image: url(../common/img/border_bg.png);
     border-image: url(../common/img/border_bg.png);
  border-image-slice: 50%;
  border-image-repeat: repeat;
  border-image-width: 16px;
}
.jobArea .jobList .job .inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.jobArea .jobList .job .inner .chara3d {
  position: absolute;
  top: -17vw;
  width: 130%;
  filter: drop-shadow(0 6px 10px rgba(56, 38, 7, 0.3));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 10;
}
@media (max-width: 640px) {
  .jobArea .jobList .job .inner .chara3d {
    top: -50vw;
    opacity: 0;
    transform: translateY(5px);
    transition: transform 0.1s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.1s ease 0s;
  }
}
.jobArea .jobList .job .inner .chara3d img {
  width: 100%;
  height: auto;
}
.jobArea .jobList .job .inner .chara3d.gc08 {
  width: 144%;
}
.jobArea .jobList .job .inner .chara3d.gc10 {
  width: 214%;
}
.jobArea .jobList .job .inner .jobName {
  position: relative;
  display: block;
  margin: 8vw 0 0;
  width: 100%;
  color: rgba(255, 255, 255, 0);
  font-size: 2.6vw;
  text-align: center;
}
@media (min-width: 1600px) {
  .jobArea .jobList .job .inner .jobName {
    font-size: 40px;
  }
}
@media (max-width: 1024px) {
  .jobArea .jobList .job .inner .jobName {
    margin: 11vw 0 0;
    font-size: 3.8vw;
  }
}
@media (max-width: 640px) {
  .jobArea .jobList .job .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
  }
}
.jobArea .jobList .job .inner .jobName::after {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #d4c98c, #8e8972);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.jobArea .jobList .job .inner .jobName::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(147, 138, 95, 0) 5%, #938a5f 50%, rgba(147, 138, 95, 0) 95%);
}
.jobArea .jobList .job .inner .jobDetail {
  padding: 3% 10%;
  color: #231e08;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.8;
}
.jobArea .jobList .job.swiper-slide-active .inner .chara3d {
  opacity: 1;
  transform: translateY(0%);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.8s ease 0s;
}
.jobArea .jobList .job01 .inner .jobName::after {
  content: "剣士";
}
.jobArea .jobList .job02 .inner .jobName::after {
  content: "武闘家";
}
.jobArea .jobList .job03 .inner .jobName::after {
  content: "ウォリアー";
}
.jobArea .jobList .job04 .inner .jobName::after {
  content: "ランサー";
}
.jobArea .jobList .job05 .inner .jobName::after {
  content: "アーチャー";
}
.jobArea .jobList .job06 .inner .jobName::after {
  content: "魔道士";
}
@media (max-width: 1024px) {
  .jobArea .jobList .job07 .inner .jobName {
    margin: 11.6vw 0 0;
    font-size: 3.4vw;
  }
}
@media (max-width: 640px) {
  .jobArea .jobList .job07 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
  }
}
.jobArea .jobList .job07 .inner .jobName::after {
  content: "クロスセイバー";
}
@media (max-width: 1024px) {
  .jobArea .jobList .job08 .inner .jobName {
    margin: 12.2vw 0 0;
    font-size: 3vw;
  }
}
@media (max-width: 640px) {
  .jobArea .jobList .job08 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
  }
}
.jobArea .jobList .job08 .inner .jobName::after {
  content: "ドラゴンライダー";
}
.jobArea .jobList .job09 .inner .jobName::after {
  content: "ヴァリアント";
}
.jobArea .jobList .job10 .inner .jobName::after {
  content: "バーサーカー";
}
@media (max-width: 1024px) {
  .jobArea .jobList .job11 .inner .jobName {
    margin: 11.6vw 0 0;
    font-size: 3.4vw;
  }
}
@media (max-width: 640px) {
  .jobArea .jobList .job11 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
  }
}
.jobArea .jobList .job11 .inner .jobName::after {
  content: "ルーンセイバー";
}
@media (max-width: 1024px) {
  .jobArea .jobList .job12 .inner .jobName {
    margin: 12.2vw 0 0;
    font-size: 3vw;
  }
}
@media (max-width: 640px) {
  .jobArea .jobList .job12 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
  }
}
.jobArea .jobList .job12 .inner .jobName::after {
  content: "チェインルーラー";
}
.jobArea #job-gc .job01 .inner .jobName::after {
  content: "剣神";
}
.jobArea #job-gc .job02 .inner .jobName::after {
  content: "極拳";
}
@media (max-width: 1024px) {
  .jobArea #job-gc .job03 .inner .jobName {
    margin: 11.6vw 0 0;
    font-size: 3.2vw;
    letter-spacing: -3px;
  }
}
@media (max-width: 640px) {
  .jobArea #job-gc .job03 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
    letter-spacing: 0;
  }
}
.jobArea #job-gc .job03 .inner .jobName::after {
  content: "デストロイヤー";
}
@media (max-width: 1024px) {
  .jobArea #job-gc .job04 .inner .jobName {
    margin: 11.6vw 0 0;
    font-size: 3.2vw;
    letter-spacing: -3px;
  }
}
@media (max-width: 640px) {
  .jobArea #job-gc .job04 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
    letter-spacing: 0;
  }
}
.jobArea #job-gc .job04 .inner .jobName::after {
  content: "ディオフェンサー";
}
@media (max-width: 1024px) {
  .jobArea #job-gc .job05 .inner .jobName {
    margin: 11.6vw 0 0;
    font-size: 3.2vw;
    letter-spacing: -3px;
  }
}
@media (max-width: 640px) {
  .jobArea #job-gc .job05 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
    letter-spacing: 0;
  }
}
.jobArea #job-gc .job05 .inner .jobName::after {
  content: "ロックシューター";
}
.jobArea #job-gc .job06 .inner .jobName::after {
  content: "賢者";
}
@media (max-width: 1024px) {
  .jobArea #job-gc .job07 .inner .jobName {
    margin: 11.6vw 0 0;
    font-size: 3.2vw;
    letter-spacing: -3px;
  }
}
@media (max-width: 640px) {
  .jobArea #job-gc .job07 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
    letter-spacing: 0;
  }
}
.jobArea #job-gc .job07 .inner .jobName::after {
  content: "クロスファントム";
}
@media (max-width: 1024px) {
  .jobArea #job-gc .job08 .inner .jobName {
    margin: 12.2vw 0 0;
    font-size: 3vw;
  }
}
@media (max-width: 640px) {
  .jobArea #job-gc .job08 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
  }
}
.jobArea #job-gc .job08 .inner .jobName::after {
  content: "ドラゴンユナイト";
}
.jobArea #job-gc .job09 .inner .jobName {
  margin: 8.4vw 0 0;
  font-size: 2.2vw;
  letter-spacing: -3px;
}
@media (max-width: 1024px) {
  .jobArea #job-gc .job09 .inner .jobName {
    margin: 12.2vw 0 0;
    font-size: 2.5vw;
    letter-spacing: -3px;
  }
}
@media (max-width: 640px) {
  .jobArea #job-gc .job09 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 7.8vw;
  }
}
.jobArea #job-gc .job09 .inner .jobName::after {
  content: "ブラッディバーサーカー";
}
.jobArea #job-gc .job10 .inner .jobName {
  font-size: 2.5vw;
  letter-spacing: -2px;
}
@media (max-width: 1024px) {
  .jobArea #job-gc .job10 .inner .jobName {
    margin: 11.6vw 0 0;
    font-size: 3vw;
    letter-spacing: -3px;
  }
}
@media (max-width: 640px) {
  .jobArea #job-gc .job10 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
    letter-spacing: 0;
  }
}
.jobArea #job-gc .job10 .inner .jobName::after {
  content: "イルミナルセイバー";
}
@media (max-width: 1024px) {
  .jobArea #job-gc .job11 .inner .jobName {
    margin: 11.6vw 0 0;
    font-size: 3.2vw;
    letter-spacing: -3px;
  }
}
@media (max-width: 640px) {
  .jobArea #job-gc .job11 .inner .jobName {
    margin: 40vw 0 0;
    font-size: 8vw;
  }
}
.jobArea #job-gc .job11 .inner .jobName::after {
  content: "チェインマスター";
}
.jobArea .swiper-button-next, .jobArea .swiper-button-prev {
  top: 71%;
  width: 19px;
  height: 50px;
  filter: drop-shadow(0 0 2px rgba(81, 70, 0, 0.4)) drop-shadow(0 0 12px rgba(81, 70, 0, 0.7));
  z-index: 11;
}
@media (max-width: 1024px) {
  .jobArea .swiper-button-next, .jobArea .swiper-button-prev {
    filter: drop-shadow(0 0 2px rgba(81, 70, 0, 0.4)) drop-shadow(0 0 12px rgba(81, 70, 0, 0.3));
  }
}
@media (max-width: 640px) {
  .jobArea .swiper-button-next, .jobArea .swiper-button-prev {
    top: 50%;
  }
}
.jobArea .swiper-button-next {
  background: url(../img/top/job_slide_arrow_right.svg) no-repeat;
}
.jobArea .swiper-button-prev {
  background: url(../img/top/job_slide_arrow_left.svg) no-repeat;
}
.jobArea .swiper-button-prev:after, .jobArea .swiper-rtl .swiper-button-next:after {
  content: "";
}
.jobArea .swiper-button-next:after, .jobArea .swiper-rtl .swiper-button-prev:after {
  content: "";
}

/*=============================
 worldArea
===============================*/
.worldArea {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  padding: 20px 2% 40px;
  width: 100%;
  background: url(../img/top/world_bg_pc.jpg) center/cover no-repeat;
  overflow: hidden;
}
@media (max-width: 640px) {
  .worldArea {
    background: url(../img/top/world_bg_sp.jpg) center/cover no-repeat;
  }
}
.worldArea .title {
  position: relative;
  margin: 0.2em 0;
  color: #82807a;
  font-size: 108px;
  letter-spacing: 1px;
  text-align: center;
  font-family: meno-banner, serif;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.4));
}
@media (max-width: 1024px) {
  .worldArea .title {
    font-size: 14vw;
  }
}
@media (max-width: 640px) {
  .worldArea .title {
    font-size: 16vw;
  }
}
.worldArea .title .jp {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.5));
  font-size: 36px;
}
@media (max-width: 1024px) {
  .worldArea .title .jp {
    font-size: 4.5vw;
  }
}
@media (max-width: 640px) {
  .worldArea .title .jp {
    bottom: 12px;
    font-size: 6vw;
  }
}
.worldArea .title .color {
  position: relative;
  color: rgba(255, 255, 255, 0);
}
.worldArea .title .color::after {
  content: "世界観";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #d4c98c, #8e8972);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.worldArea .textWrap {
  margin: 4vw auto;
}
.worldArea .textWrap p {
  font-size: 2vw;
  font-weight: 600;
  line-height: 2.5;
  letter-spacing: 1px;
  color: #fafafa;
  text-align: center;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
}
@media (min-width: 1600px) {
  .worldArea .textWrap p {
    font-size: 30px;
  }
}
@media (max-width: 1024px) {
  .worldArea .textWrap p {
    font-size: 2.5vw;
  }
}
@media (max-width: 640px) {
  .worldArea .textWrap p {
    font-size: 4.5vw;
  }
}

/*=============================
 upgradingArea
===============================*/
.upgradingArea {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  padding: 20px 2% 40px;
  width: 100%;
  overflow: hidden;
}
.upgradingArea .title {
  position: relative;
  margin: 0.2em 0;
  color: #edece4;
  font-size: 108px;
  letter-spacing: 1px;
  text-align: center;
  font-family: meno-banner, serif;
}
@media (max-width: 1024px) {
  .upgradingArea .title {
    font-size: 14vw;
  }
}
@media (max-width: 640px) {
  .upgradingArea .title {
    font-size: 15.3vw;
    letter-spacing: 0;
  }
}
.upgradingArea .title .jp {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 36px;
}
@media (max-width: 1024px) {
  .upgradingArea .title .jp {
    font-size: 4.5vw;
  }
}
@media (max-width: 640px) {
  .upgradingArea .title .jp {
    bottom: 12px;
    font-size: 6vw;
  }
}
.upgradingArea .title .color {
  position: relative;
  color: rgba(255, 255, 255, 0);
}
.upgradingArea .title .color::after {
  content: "育成";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #d4c98c, #8e8972);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.upgradingArea .textWrap {
  margin: 0 auto;
}
.upgradingArea .textWrap p {
  font-size: 2vw;
  font-weight: 600;
  line-height: 2.5;
  letter-spacing: 1px;
  color: #231e08;
  text-align: center;
}
@media (min-width: 1600px) {
  .upgradingArea .textWrap p {
    font-size: 30px;
  }
}
@media (max-width: 1024px) {
  .upgradingArea .textWrap p {
    font-size: 2.5vw;
  }
}
@media (max-width: 640px) {
  .upgradingArea .textWrap p {
    font-size: 3.5vw;
    letter-spacing: 0;
  }
}
.upgradingArea .upgradingList {
  justify-content: space-around;
}
@media (max-width: 640px) {
  .upgradingArea .upgradingList {
    justify-content: normal;
  }
}
.upgradingArea .swiper-upgrading {
  padding: 0 10%;
}
@media (max-width: 640px) {
  .upgradingArea .swiper-upgrading {
    padding: 0;
  }
}
.upgradingArea .swiper-upgrading .upgradingList {
  list-style-type: none;
  padding: 0;
}
.upgradingArea .swiper-upgrading .upgradingList .upgradingImg {
  margin: 0 1%;
  width: 30%;
}
@media (max-width: 640px) {
  .upgradingArea .swiper-upgrading .upgradingList .upgradingImg {
    margin: 0;
  }
}
.upgradingArea .swiper-upgrading .upgradingList .upgradingImg img {
  width: 100%;
  height: auto;
}
.upgradingArea .upgrading-pagenation {
  display: none;
  text-align: center;
}
@media (max-width: 640px) {
  .upgradingArea .upgrading-pagenation {
    display: block;
  }
}
.upgradingArea .swiper-pagination-bullet {
  background: #a39952;
}

/*=============================
 bnrArea
===============================*/
.bnrArea {
  margin: 3% 5%;
  padding: 5% 5% 1%;
  border-top: 1px solid #dbd9cb;
}
@media (max-width: 640px) {
  .bnrArea {
    padding: 0;
  }
}
.bnrArea .bnrList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.bnrArea .bnrList .bnr {
  margin: 1% 2%;
  width: 29%;
  box-shadow: 0 4px 10px rgba(49, 32, 0, 0.2);
  transition: box-shadow 0.2s ease 0s;
}
@media (max-width: 640px) {
  .bnrArea .bnrList .bnr {
    margin: 2% 1%;
    width: 98%;
  }
}
.bnrArea .bnrList .bnr:hover {
  box-shadow: 0 4px 10px rgba(49, 32, 0, 0.4);
}
.bnrArea .bnrList .bnr a {
  display: block;
  border-radius: 4px;
  overflow: hidden;
}
.bnrArea .bnrList .bnr a img {
  width: 100%;
  height: auto;
}
@media (max-width: 640px) {
  .bnrArea .bnrList .bnr.comeback {
    order: -2;
  }
}
@media (max-width: 640px) {
  .bnrArea .bnrList .bnr.discord {
    order: -1;
  }
}

/*=============================
 footer
===============================*/
.footer {
  color: #f4f4f4;
  background: #21150b;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.footer .footerNav {
  font-family: source-han-serif-japanese, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.footer .footerNav .navList {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .footer .footerNav .navList {
    padding: 0.5em 0;
    justify-content: flex-start;
  }
}
@media (max-width: 640px) {
  .footer .footerNav .navList li {
    width: 50%;
  }
}
.footer .footerNav .navList li a {
  display: block;
  padding: 1em 1.5vw;
  text-decoration: none;
  font-size: 14px;
  color: #f4f4f4;
  letter-spacing: 1px;
  transition: 0.4s ease;
}
@media (max-width: 1024px) {
  .footer .footerNav .navList li a {
    font-size: 1.5vw;
  }
}
@media (max-width: 640px) {
  .footer .footerNav .navList li a {
    font-size: 3.7vw;
    padding: 0.5em 2em;
  }
}
.footer .footerNav .navList li a:hover {
  color: #d4c98c;
  transition: 0.2s ease;
}
.footer .footerNav .navList li a .jp {
  display: none;
}
@media (max-width: 640px) {
  .footer .footerNav .navList li a .jp {
    display: block;
    font-size: 2.5vw;
    color: #8e8972;
  }
}
.footer .appInfoArea {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
  background-image: url(../img/top/battle_bg.jpg);
  background-size: cover;
  background-position: center center;
  background-color: rgba(33, 21, 11, 0.5);
  background-blend-mode: darken;
}
@media (max-width: 1024px) {
  .footer .appInfoArea {
    flex-wrap: wrap;
  }
}
@media (max-width: 640px) {
  .footer .appInfoArea {
    padding: 20px 0;
    flex-direction: column;
    background-image: url(../img/top/battle_bg_sp.jpg);
  }
}
.footer .appInfoArea .logo {
  width: 110px;
}
.footer .appInfoArea .logo img {
  width: 100%;
  height: auto;
}
.footer .appInfoArea .info {
  padding: 0 30px;
}
@media (max-width: 1024px) {
  .footer .appInfoArea .info {
    padding: 0 0 0 30px;
  }
}
@media (max-width: 640px) {
  .footer .appInfoArea .info {
    padding: 0;
  }
}
.footer .appInfoArea .info .infoList {
  padding: 0;
  list-style: none;
}
.footer .appInfoArea .info .infoList li {
  margin: 0.5em 0;
  font-size: 12px;
  color: #f4f4f4;
  line-height: 1.3;
}
@media (max-width: 640px) {
  .footer .appInfoArea .info .infoList li {
    text-align: center;
    font-size: 3vw;
  }
}
@media (max-width: 1024px) {
  .footer .appInfoArea .appArea {
    width: 100%;
  }
}
.footer .appInfoArea .appArea ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  list-style: none;
}
@media (max-width: 640px) {
  .footer .appInfoArea .appArea ul {
    flex-wrap: wrap;
  }
}
.footer .appInfoArea .appArea ul li {
  margin: 0 5px;
}
@media (max-width: 640px) {
  .footer .appInfoArea .appArea ul li {
    margin: 5px 5px;
  }
}
.footer .snsArea {
  padding: 30px 0 10px;
  text-align: center;
}
.footer .snsArea .title {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
}
.footer .snsArea .snsList {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.3em 0 1em;
  padding: 0;
  list-style: none;
}
.footer .snsArea .snsList li a {
  display: inline-block;
  padding: 5px 20px;
  font-size: 14px;
  color: #f4f4f4;
  text-decoration: none;
  letter-spacing: 1px;
  transition: 0.4s ease;
  line-height: 1.6;
}
@media (max-width: 640px) {
  .footer .snsArea .snsList li a {
    padding: 5px 10px;
    font-size: 4vw;
  }
}
.footer .snsArea .snsList li a:hover {
  color: #d4c98c;
  transition: 0.2s ease;
}
.footer .snsArea .snsList li a span {
  display: flex;
  align-items: center;
}
.footer .snsArea .snsList li a span::before {
  content: "";
  display: block;
  margin: -1px 0.2em 0 0;
}
.footer .snsArea .snsList li.snsTwitter a span::before {
  width: 15px;
  height: 13px;
  background: url('data:image/svg+xml;charset=UTF-8,<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/></svg>') no-repeat center/contain;
}
.footer .snsArea .snsList li.snsYoutube a span::before {
  width: 21px;
  height: 15px;
  background: url('data:image/svg+xml;charset=UTF-8,<svg width="506" height="354" viewBox="0 0 506 354" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M495.4,55.3c-5.9-21.8-22.9-38.8-44.7-44.7C411.2,0,253,0,253,0S94.8,0,55.3,10.6c-21.8,5.9-38.9,22.9-44.7,44.7C0,94.7,0,177,0,177s0,82.3,10.6,121.7c5.9,21.8,22.9,38.8,44.7,44.7C94.8,354,253,354,253,354s158.2,0,197.7-10.6c21.8-5.9,38.9-22.9,44.7-44.7C506,259.3,506,177,506,177S506,94.7,495.4,55.3z M202.4,252.9V101.1L333.9,177L202.4,252.9z" fill="white"/></svg>') no-repeat center/contain;
}
.footer .snsArea .snsList li.snsTiktok a span::before {
  width: 12px;
  height: 13px;
  background: url(../common/img/sns_logo_tiktok.png) no-repeat center/contain;
}
.footer .appNotice {
  margin: 0;
  padding: 0 5%;
  list-style: none;
}
.footer .appNotice li {
  width: 100%;
  margin: 0.5em auto;
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
}
@media (max-width: 640px) {
  .footer .appNotice li {
    margin: 1em auto;
    font-size: 2.5vw;
    text-align: left;
  }
}
.footer .appNotice li span {
  display: inline-block;
  text-align: left;
}
.footer .appNotice li span::before {
  content: "※";
  display: inline-block;
}
.footer .linkArea {
  padding: 1em 5%;
  list-style: none;
  display: flex;
  justify-content: center;
}
@media (max-width: 640px) {
  .footer .linkArea {
    flex-wrap: wrap;
    padding: 1em 0;
  }
}
.footer .linkArea li a {
  padding: 0.5em 1em;
  font-size: 12px;
  color: #f4f4f4;
  text-decoration: none;
  transition: 0.4s ease;
}
@media (max-width: 640px) {
  .footer .linkArea li a {
    font-size: 2.5vw;
  }
}
.footer .linkArea li a:hover {
  color: #d4c98c;
  transition: 0.2s ease;
}
.footer .copyright {
  margin: 0;
  padding-bottom: 2em;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1px;
}
@media (max-width: 640px) {
  .footer .copyright {
    padding-bottom: 4em;
    font-size: 2.5vw;
  }
}

/*======================================================================================
 newsIndexPage
========================================================================================*/
.newsIndexPage .newsArea {
  position: relative;
  overflow: hidden;
}
.newsIndexPage .newsArea .title {
  position: relative;
  margin: 0.2em 0;
  color: #edece4;
  font-size: 108px;
  letter-spacing: 1px;
  text-align: center;
  font-family: meno-banner, serif;
}
@media (max-width: 1024px) {
  .newsIndexPage .newsArea .title {
    font-size: 14vw;
  }
}
@media (max-width: 640px) {
  .newsIndexPage .newsArea .title {
    margin: 0.2em 0 0;
    font-size: 15.4vw;
    letter-spacing: 0;
  }
}
.newsIndexPage .newsArea .title .jp {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 36px;
}
@media (max-width: 1024px) {
  .newsIndexPage .newsArea .title .jp {
    font-size: 4.5vw;
  }
}
@media (max-width: 640px) {
  .newsIndexPage .newsArea .title .jp {
    bottom: 12px;
    font-size: 6vw;
  }
}
.newsIndexPage .newsArea .title .color {
  position: relative;
  color: rgba(255, 255, 255, 0);
}
.newsIndexPage .newsArea .title .color::after {
  content: "ニュース";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #d4c98c, #8e8972);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newsIndexPage .newsArea .entryList {
  display: grid;
  grid-gap: 44px;
  grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
  margin: 0 auto;
  padding: 0 5%;
  max-width: 1400px;
  list-style: none;
}
@media (max-width: 1024px) {
  .newsIndexPage .newsArea .entryList {
    grid-gap: 36px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
@media (max-width: 640px) {
  .newsIndexPage .newsArea .entryList {
    grid-gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(90%, 1fr));
    padding: 0 5%;
  }
}
.newsIndexPage .newsArea .entryList .entry {
  position: relative;
  top: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1);
  transform: translateY(0px);
  transition: 0.2s ease 0s;
}
.newsIndexPage .newsArea .entryList .entry:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
}
.newsIndexPage .newsArea .entryList .entry a {
  text-decoration: none;
}
.newsIndexPage .newsArea .entryList .entry .thumb {
  margin: 0;
}
.newsIndexPage .newsArea .entryList .entry .thumb img {
  width: 100%;
  height: auto;
}
.newsIndexPage .newsArea .entryList .entry .textWrap {
  padding: 0.5em 1.5em;
}
@media (max-width: 640px) {
  .newsIndexPage .newsArea .entryList .entry .textWrap {
    padding: 0.2em 1.3em;
  }
}
.newsIndexPage .newsArea .entryList .entry .textWrap .entryTitle {
  padding: 0 0 2em;
  font-size: 15px;
  color: #231e08;
}
@media (max-width: 640px) {
  .newsIndexPage .newsArea .entryList .entry .textWrap .entryTitle {
    font-size: 4vw;
  }
}
.newsIndexPage .newsArea .entryList .entry .textWrap .date {
  position: absolute;
  bottom: 0.5em;
  right: 1.5em;
  color: #888;
  font-size: 13px;
  text-align: right;
}
@media (max-width: 640px) {
  .newsIndexPage .newsArea .entryList .entry .textWrap .date {
    bottom: 0.2em;
    right: 1.3em;
    font-size: 3.3vw;
  }
}
.newsIndexPage .newsArea .paging_link {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 60px 5%;
  padding: 0;
}
.newsIndexPage .newsArea .paging_link li {
  margin: 0.3em;
}
.newsIndexPage .newsArea .paging_link li a, .newsIndexPage .newsArea .paging_link li .current_page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #d1cec6;
  text-decoration: none;
  color: #8d8655;
  font-weight: 600;
  transition: 0.2s ease 0s;
}
.newsIndexPage .newsArea .paging_link li a:hover, .newsIndexPage .newsArea .paging_link li .current_page {
  color: #fff;
  background: #bbb793;
  border: 1px solid #bbb793;
}

/*======================================================================================
 newsPage
========================================================================================*/
.newsPage {
  /* モーダル処理 */
}
.newsPage .newsArea {
  position: relative;
  overflow: hidden;
}
.newsPage .newsArea .pageTitle {
  position: relative;
  margin: 0.2em 0;
  color: #edece4;
  font-size: 108px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  font-family: meno-banner, serif;
}
@media (max-width: 1024px) {
  .newsPage .newsArea .pageTitle {
    font-size: 14vw;
  }
}
@media (max-width: 640px) {
  .newsPage .newsArea .pageTitle {
    margin: 0.2em 0 0;
    font-size: 15.4vw;
    letter-spacing: 0;
  }
}
.newsPage .newsArea .pageTitle .jp {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 36px;
}
@media (max-width: 1024px) {
  .newsPage .newsArea .pageTitle .jp {
    font-size: 4.5vw;
  }
}
@media (max-width: 640px) {
  .newsPage .newsArea .pageTitle .jp {
    bottom: 12px;
    font-size: 6vw;
  }
}
.newsPage .newsArea .pageTitle .color {
  position: relative;
  color: rgba(255, 255, 255, 0);
}
.newsPage .newsArea .pageTitle .color::after {
  content: "ニュース";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #d4c98c, #8e8972);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newsPage .newsArea .details {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
  background: #fcfcfc;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  color: #35321e;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .newsPage .newsArea .details {
    width: 95%;
  }
}
@media (max-width: 640px) {
  .newsPage .newsArea .details {
    width: 100%;
  }
}
.newsPage .newsArea .details::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  border: 16px solid;
  -o-border-image: url(../common/img/border_bg.png);
     border-image: url(../common/img/border_bg.png);
  border-image-slice: 50%;
  border-image-repeat: repeat;
  border-image-width: 16px;
  pointer-events: none;
}
.newsPage .newsArea .details .detailsInner {
  padding: 4% 10%;
  /* 壁紙 */
  /* アイコン */
  /* Twitterヘッダー画像 */
  /* YouTube埋め込み */
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner {
    padding: 4% 5%;
  }
}
.newsPage .newsArea .details .detailsInner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #e9e7de;
  pointer-events: none;
}
.newsPage .newsArea .details .detailsInner h1 {
  color: #896901;
  margin-bottom: 1em;
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner h1 {
    margin-bottom: 1.5em;
    font-size: 5.4vw;
  }
}
.newsPage .newsArea .details .detailsInner h2 {
  margin: 2em 0 1em;
  color: #896901;
  font-size: 32px;
  border-bottom: 3px solid #beaa42;
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner h2 {
    font-size: 6vw;
  }
}
.newsPage .newsArea .details .detailsInner h3 {
  padding-left: 0.5em;
  color: #896901;
  font-size: 22px;
  border-left: 3px solid #beaa42;
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner h3 {
    font-size: 4.5vw;
  }
}
.newsPage .newsArea .details .detailsInner h4 {
  font-size: 20px;
  color: #896901;
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner h4 {
    font-size: 4.2vw;
  }
}
.newsPage .newsArea .details .detailsInner p {
  margin-bottom: 1.8em;
  font-size: 16px;
  line-height: 1.9;
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner p {
    font-size: 3.7vw;
  }
}
.newsPage .newsArea .details .detailsInner p a {
  color: #827006;
}
.newsPage .newsArea .details .detailsInner ul {
  list-style: none;
  padding: 0;
}
.newsPage .newsArea .details .detailsInner .date {
  text-align: center;
  font-size: 14px;
  color: #777;
}
.newsPage .newsArea .details .detailsInner .imgArea {
  margin: 0 auto 30px;
  text-align: center;
}
.newsPage .newsArea .details .detailsInner .imgArea img {
  max-width: 100%;
  height: auto;
}
.newsPage .newsArea .details .detailsInner .wpArea {
  border-top: 1px solid #e3dec0;
}
.newsPage .newsArea .details .detailsInner .wpArea h3 {
  margin: 0 0 1%;
}
.newsPage .newsArea .details .detailsInner .wpArea ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.newsPage .newsArea .details .detailsInner .wpArea ul li {
  width: 23%;
  margin: 3% 1% 0;
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner .wpArea ul li {
    width: 30%;
  }
}
.newsPage .newsArea .details .detailsInner .wpArea ul li img {
  width: 100%;
  height: auto;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.newsPage .newsArea .details .detailsInner .wpArea ul li p {
  margin: 2% 0;
  text-align: center;
  font-size: 12px;
}
.newsPage .newsArea .details .detailsInner .wpArea ul li .link {
  position: relative;
  margin-top: 8px;
}
.newsPage .newsArea .details .detailsInner .wpArea ul li .link.shareCover::after {
  content: "シェアで壁紙ゲット";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 98%;
  background: rgba(49, 53, 7, 0.8);
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  text-shadow: 0 2px 10px #222301, 0 2px 10px #222301;
}
@media (max-width: 1024px) {
  .newsPage .newsArea .details .detailsInner .wpArea ul li .link.shareCover::after {
    font-size: 1.5vw;
  }
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner .wpArea ul li .link.shareCover::after {
    font-size: 2.5vw;
  }
}
.newsPage .newsArea .details .detailsInner .wpArea ul li a {
  display: inline-block;
  width: 100%;
  margin: 4px 0;
  padding: 6px 0;
  background: #c1b578;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner .wpArea ul li a {
    padding: 8px 0;
  }
}
.newsPage .newsArea .details .detailsInner .iconArea {
  margin: 45px 0 0;
  border-top: 1px solid #e3dec0;
}
.newsPage .newsArea .details .detailsInner .iconArea h3 {
  margin: 6% 0 3%;
}
.newsPage .newsArea .details .detailsInner .iconArea ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.newsPage .newsArea .details .detailsInner .iconArea ul li {
  width: 23%;
  margin: 3% 1% 0;
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner .iconArea ul li {
    width: 30%;
  }
}
.newsPage .newsArea .details .detailsInner .iconArea ul li img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
}
.newsPage .newsArea .details .detailsInner .iconArea ul li p {
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
}
.newsPage .newsArea .details .detailsInner .iconArea ul li .dlBtn {
  display: inline-block;
  width: 100%;
  margin: 8px 0;
  padding: 6px 0;
  background: #c1b578;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner .iconArea ul li .dlBtn {
    padding: 8px 0;
  }
}
.newsPage .newsArea .details .detailsInner .twitterHeaderArea {
  border-top: 1px solid #e3dec0;
}
.newsPage .newsArea .details .detailsInner .twitterHeaderArea h3 {
  margin: 6% 0 3%;
}
.newsPage .newsArea .details .detailsInner .twitterHeaderArea ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.newsPage .newsArea .details .detailsInner .twitterHeaderArea ul li {
  width: 100%;
  margin: 3% 1% 0;
}
.newsPage .newsArea .details .detailsInner .twitterHeaderArea ul li img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
}
.newsPage .newsArea .details .detailsInner .twitterHeaderArea ul li p {
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
}
.newsPage .newsArea .details .detailsInner .twitterHeaderArea ul li .dlBtn {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 8px auto;
  padding: 6px 0;
  background: #c1b578;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner .twitterHeaderArea ul li .dlBtn {
    padding: 8px 0;
  }
}
.newsPage .newsArea .details .detailsInner .twitterHeaderArea ul li .link {
  position: relative;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}
.newsPage .newsArea .details .detailsInner .twitterHeaderArea ul li .link.shareCover::after {
  content: "シェアで画像ゲット";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 98%;
  background: rgba(49, 53, 7, 0.8);
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  text-shadow: 0 2px 10px #222301, 0 2px 10px #222301;
}
@media (max-width: 1024px) {
  .newsPage .newsArea .details .detailsInner .twitterHeaderArea ul li .link.shareCover::after {
    font-size: 1.5vw;
  }
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner .twitterHeaderArea ul li .link.shareCover::after {
    font-size: 2.5vw;
  }
}
.newsPage .newsArea .details .detailsInner .youtubeIframe {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.newsPage .newsArea .details .detailsInner .youtubeIframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.newsPage .newsArea .details .detailsInner .shareArea {
  display: flex;
  justify-content: center;
  margin: 2em 0 0;
  padding: 2em 0 0.5em;
  border-top: 1px solid #edebdd;
}
@media (max-width: 640px) {
  .newsPage .newsArea .details .detailsInner .shareArea {
    padding: 1.2em 0 0.7em;
  }
}
.newsPage .newsArea .details .detailsInner .shareArea .twitter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em 1em 0.6em;
  font-size: 14px;
  font-family: source-han-serif-japanese, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  font-weight: 600;
  background: #000;
  border: none;
  border-radius: 50rem;
  text-decoration: none;
  transition: 0.2s ease 0s;
  cursor: pointer;
}
.newsPage .newsArea .details .detailsInner .shareArea .twitter::before {
  content: "";
  display: inline-block;
  margin: 2px 5px 0 0;
  width: 15px;
  height: 13px;
  background: url('data:image/svg+xml;charset=UTF-8,<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/></svg>') no-repeat center/contain;
}
.newsPage .newsArea .details .detailsInner .shareArea .twitter:hover {
  background: #555;
}
.newsPage .newsArea .gotoNewsListBtn {
  margin: 60px auto;
  text-align: center;
}
.newsPage .newsArea .gotoNewsListBtn a {
  display: inline-block;
  padding: 0.5em 2em;
  position: relative;
  color: #9a9477;
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: none;
  border: 1px solid #b7b39e;
  overflow: hidden;
  box-shadow: 0 0 0 rgbs(#000, 0);
  transition: color 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, box-shadow 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  z-index: 1;
}
.newsPage .newsArea .gotoNewsListBtn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #b7b39e;
  transform: translateX(-101%);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  z-index: -1;
}
.newsPage .newsArea .gotoNewsListBtn a:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.newsPage .newsArea .gotoNewsListBtn a:hover::before {
  transform: translateX(0%);
}
.newsPage .modal-overlay {
  z-index: 20000;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(245, 245, 245, 0.97);
}
.newsPage .modal-wrap {
  z-index: 20001;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.newsPage .modal-content {
  position: relative;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 800px;
  min-height: 800px;
  margin: 0;
  padding: 70px 5% 40vh;
}
.newsPage .modal-content .closeArea {
  padding: 8px;
  color: #fff;
  background: #aaa;
  border-radius: 8px;
  text-align: center;
}
.newsPage .modal-open {
  color: #00f;
  text-decoration: underline;
}
.newsPage .modal-open:hover {
  cursor: pointer;
  color: #f00;
}
.newsPage .modal-top-close {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 1%;
  right: 2%;
  cursor: pointer;
}
.newsPage .modal-top-close span::before,
.newsPage .modal-top-close span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 3%;
  margin: -8% 0 0 -42%;
  background: #beaa42;
}
.newsPage .modal-top-close span::before {
  transform: rotate(-45deg);
}
.newsPage .modal-top-close span::after {
  transform: rotate(45deg);
}
.newsPage .modal-close {
  width: 100%;
  margin: 3em auto;
  padding: 10% 0;
  text-align: center;
  border-top: 1px solid #beaa42;
  line-height: inherit !important;
}
.newsPage .modal-close a {
  display: inline-block;
  width: 70%;
  max-width: 260px;
  padding: 8px;
  text-align: center;
  border: 2px solid #beaa42;
  border-radius: 100px;
  color: #beaa42;
  font-size: 20px;
  font-weight: 700;
  transition: all 200ms ease;
}
@media (max-width: 1024px) {
  .newsPage .modal-close a {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .newsPage .modal-close a {
    padding: 8px;
    font-size: 5vw;
  }
}
.newsPage .modal-close a:hover {
  cursor: pointer;
  color: #fff !important;
  background: #beaa42;
}
.newsPage.lock {
  overflow: hidden;
}