@charset "UTF-8";
@import url("base.css");
/*************************************************************************** COMMON STYLE */
@import url("https://use.fontawesome.com/releases/v5.15/css/all.css");
@import url("https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap");
@media screen and (min-width: 800px) { a[href^="tel:"] { pointer-events: none; color: inherit; font-weight: normal; } }

html { font-size: 62.5%; }

.hira { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.fugaz { font-family: 'Fugaz One', cursive; }

.bold { font-weight: bold; }

.kome { text-indent: -1em; padding-left: 1em; }

.kome.more > li + li { margin-top: 5px; }

.marker { background: #ffff66; }

.nolink { opacity: 0.25; -webkit-transition: 0.3s; transition: 0.3s; text-decoration: none; pointer-events: none; }

body { font-size: 1.6rem; line-height: 1.5; color: #fff; font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background: #2d1da3; position: relative; }

body::after { content: ''; background: url("../images/common/bg.png") no-repeat top center/contain; position: fixed; display: inline-block; top: 0; left: 0; width: 100vw; height: 100%; z-index: -1; }

body.fixed { overflow: hidden; }

.inner { max-width: 1460px; padding: 0 30px; margin: 0 auto; }

a { color: #b0c51f; }

.readMore { text-align: center; margin-top: 20px; }

.readMore a { text-align: center; font-size: 1.8rem; color: #b0c51f; display: block; position: relative; -webkit-transition: opacity .3s; transition: opacity .3s; }

.readMore a span { display: block; padding: 8px 0 5px; border-radius: 20px; background: #000; z-index: 1; position: relative; }

.readMore a::before { content: '\f105'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 1.8rem; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }

.readMore a:after { content: ""; position: absolute; right: -4px; bottom: -4px; width: 100%; height: 100%; background: #b0c51f; border-radius: 20px; }

.readMore a:hover { opacity: .6; -webkit-transition: opacity .3s; transition: opacity .3s; }

/*VALIDATE CONTACT*/
.error { display: block; font-size: 12px; color: red; }

/* HEADER */
/*#header*/
#header { background: #000; position: fixed; left: 0; top: 0; right: 0; z-index: 9999; }

#header .mainMenu { text-align: center; }

#header .mainMenu .menu { text-align: center; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#header .mainMenu .menu li a { color: #bababa; font-weight: normal; display: block; text-align: center; padding: 10px 0 12px; }

#header .mainMenu .menu li a:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; -webkit-transition: 0.3s; transition: 0.3s; text-decoration: none; }

#header .mainMenu .menu li a .en { font-family: 'Fugaz One', cursive; font-size: 22px; }

#header .mainMenu .menu li a .ja { display: block; color: #999; font-size: 10px; }

#header .mainMenu .menu li + li { margin-left: 28px; }

#header .mainMenu .menu li.disabled a { filter: alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; -webkit-transition: 0.3s; transition: 0.3s; text-decoration: none; pointer-events: none; }

.mainTtl { display: block; text-align: center; margin: 90px 0 80px; }

.pagination { text-align: center; }

.pagination a { font-size: 18px; }

.pagination .pagiOld { display: inline-block; vertical-align: middle; margin-left: 40px; background: url("../images/news/old.png") no-repeat right 5px center; padding-right: 30px; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.pagination .pagiOld:hover { background: url("../images/news/old.png") no-repeat right center; }

.pagination .pagiNew { display: inline-block; vertical-align: middle; margin-right: 40px; background: url("../images/news/new.png") no-repeat left 5px center; padding-left: 30px; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.pagination .pagiNew:hover { background: url("../images/news/new.png") no-repeat left center; }

/* CONTENT */
#content { width: 100%; }

/* FOOTER */
#footer { text-align: center; background: #000; padding: 40px 0 20px; }

#footer .footerSnsBtn { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#footer .footerSnsBtn .shareLabel { color: #fff; font-size: 18px; letter-spacing: 1px; }

#footer .footerSnsBtn .twitter-share-button { height: 20px; margin-left: 15px; }

#footer .footerSnsBtn .fb_iframe_widget { height: 20px; margin-left: 10px; }

#footer .footerBanner { margin-top: 35px; }

#footer .footerBanner li { display: inline-block; vertical-align: middle; margin-right: 15px; }

#footer .footerBanner li:last-child { margin-right: 0; }

#footer #copyright { color: #f3f2ef; margin-top: 27px; font-size: 10px; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

.scrollToTop { position: fixed; z-index: 999; right: 15px; bottom: 20px; cursor: pointer; display: none; }

.btn { text-align: center; }

.btn a { text-align: center; display: inline-block; font-weight: bold; font-size: 16px; width: 400px; border: 2px solid #b0c51f; padding: 11px 0 10px; background: #000; }

.btn.btnFooter { padding-bottom: 79px; margin-top: -130px; position: relative; }

.sp { display: none; }

.hover:hover { opacity: 0.6; }

@media (max-width: 1100px) { #header .mainMenu .menu li a .en { font-size: 1.8rem; } }

@media (max-width: 920px) { #header .mainMenu .menu li a .en { font-size: 1.6rem; }
  #header .mainMenu .menu li + li { margin-left: 20px; } }

/* STYLE MOBILE */
@media (max-width: 799px) { .pc { display: none; }
  .sp { display: block; }
  .inner { width: 100%; padding: 0 4%; }
  body { font-size: 1.4rem; }
  .readMore a { font-size: 1.6rem; width: 100%; display: inline-block; max-width: 315px; margin: 0 auto; }
  .readMore a:after { right: -2px; bottom: -2px; }
  .readMore a span { padding: 11px 0 9px; border-radius: 44px; }
  #header { background: inherit; }
  #header .mainMenu { text-align: center; }
  #header .mainMenu .menu { background: rgba(0, 0, 0, 0.8); padding: 0 10%; position: fixed; top: 45px; left: 0; right: 0; bottom: 0; z-index: 99999; height: calc(100vh - 45px); overflow-y: auto; display: none; }
  #header .mainMenu .menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  #header .mainMenu .menu li + li { margin-left: 0; }
  #header .mainMenu .menu li a { height: auto; line-height: 1.2; margin: 0 auto; padding: 10px 0; }
  #header .mainMenu .menu li a .en { font-size: 2.5rem; }
  #header .mainMenu .menu li a .ja { font-size: 1.1rem; }
  .mainTtl { max-width: 160px; margin: 40px auto; }
  .pagination { margin-bottom: 40px; }
  .pagination a { font-size: 16px; }
  .pagination .pagiNew { margin-right: 30px; }
  .pagination .pagiOld { margin-left: 30px; }
  .spBar { background: #000; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 45px; }
  .hamburger { width: 40px; display: inline-block; }
  .hamburger span { -webkit-transition: all 200ms linear; transition: all 200ms linear; background: #bababa; display: block; height: 5px; margin-bottom: 4.5px; }
  .hamburger span:nth-child(3) { margin-bottom: 0; }
  #footer { padding: 20px 0; }
  #footer .footerSnsBtn .shareLabel { font-size: 12px; }
  #footer .footerBanner { padding: 0 4%; margin-top: 16px; }
  #footer .footerBanner li { width: calc(50% - 10px); margin-right: 8px; }
  #footer #copyright { margin-top: 10px; font-size: 9px; letter-spacing: 0; }
  .scrollToTop { width: 50px; height: 50px; height: 35px; }
  .btn a { width: 92%; }
  .btn.btnFooter { padding-bottom: 40px; margin-top: -89px; } }

@media (max-width: 480px) { body::after { background: url("../images/common/bg_sp.png") no-repeat top center/contain; } }

/*IE FIX*/
@media all and (-ms-high-contrast: none) { #footer #copyright { font-size: 11px; } }

/*IP5*/
@media (max-width: 320px) { #header .mainMenu .menu li a .en { font-size: 18px; }
  #header .mainMenu .menu li a .ja { display: none; } }