@charset "utf-8";
/*  common
----------------------------------------------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;600;900&display=swap);
@import url("https://use.typekit.net/vrp5quf.css");
@import url("https://use.typekit.net/nxt4mcm.css");
*{font-family: vendetta, serif;
font-weight: 500;
font-style: normal;}





body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small; *font:x-small; background-color: #000; color:#fff;}
select,input,button,textarea,button{ font:99% arial,helvetica,clean,sans-serif;}
table{ font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{ font-family:monospace;*font-size:108%;line-height:100%;}


a{text-decoration: none;}
img{width: auto; max-width: 100%; margin: 0; padding: 0; vertical-align: bottom;}
.flex{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.flex2{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
strong{font-weight: bold;}


.pf-box{width: 90%; max-width: 900px; margin: 0 auto;  padding: 10px 0 10px 0;}
.pf1w{width: 15.5%;}
.pf2w{width: 27.5%;}
.pf3w{width: 23.5%;}
.pf4w{width: 17%;}
.pf5w{width: 15.5%;}
.lag{width: 80%; max-width: 800px; margin: 0 auto; font-size:20px; text-align: center; padding: 20px 0 50px 0;}


.sns-store-btn {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0px 0 0px;
    width: 80%;
}
.sns-store-btn01 {
   text-decoration: none;
    align-items: center;
    background: #00acee;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-bottom: 2%;
    padding: 1.5% 5%;
    transition: all 0.8s;
    width: 34%;
}
.sns-store-btn01:hover{background:#59c1e9 ;}

.sns-store-btn01 p {
   color: #fff;
    display: block;
    font-family: itc-benguiat-condensed,Noto Serif TC, sans-serif;
    font-size: clamp(0vw, 2vw, 26px);
    letter-spacing: 0.05em;
    margin-left: 1vw;
}
.sns-store-btn01 img {
    display: block;
    max-height: 14%;
    max-width: 14%;
}

@media screen and (max-width: 700px) {
.pf-box{justify-content: center; flex-wrap: wrap;}
.pf1w{width: 23%;}
.pf2w{width: 43%;}
.pf3w{width: 33%;}
.pf4w{width: 25%;}
.pf5w{width: 25%;}
.lag{font-size:2vw;}

.sns-store-btn01{width: 80%;padding: 4%;}
.sns-store-btn01 p {font-size: 4.3vw;}
.sns-store-btn01 img {
    display: block;
    max-height: 15%;
    max-width: 15%;
}
}



/*  出しわけ
----------------------------------------------------------------------------------------------------------- */
.pc-only{display:block;}
.sp-only{display:none;}

@media screen and (max-width: 700px) {
.pc-only{display:none;}
.sp-only{display:block;}
}

.pc{display:block;}
.sp{display:none;}

@media screen and (max-width: 940px) {
.pc{display:none;}
.sp{display:block;}
}




/*  言語出し分け
----------------------------------------------------------------------------------------------------------- */
.language-list {display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto 20px;max-width: 900px;}
.language-list li {margin-bottom: 0.5%;width: 16%;margin-right: 0.5%;}
.language-list li a {text-align: center;display: block;border: 1px solid #b3b3b3;box-sizing: border-box;padding: 8px;font-size: 13px;color: #b3b3b3;}

@media screen and (max-width: 700px) {
   .language-list {flex-wrap: wrap;}
   .language-list li{width: 31%;margin-bottom: 1%;}
   .language-list li a {font-size: 3vw;}
}



/*  footer
----------------------------------------------------------------------------------------------------------- */
.base-footer-txt-link{width: 100%; max-width: 300px; margin: 0 auto; text-align: center; padding-bottom: 20px; justify-content: center; }
.base-footer-txt-link li{padding: 8px;}
.base-footer-sns-btn{width: 100%; max-width: 190px; margin: 0 auto;}
.base-footer-sns-btn li{padding: 8px;}

/*.base-footer-txt-link li:first-child{border-right: solid 1px #fff;}
.base-footer-txt-link li:last-child{border-left: solid 1px #fff;}*/


.base-footer-sns-btn img{width: 100%; max-width: 45px;}
.base-footer-box{padding: 48px 0 48px 0; background: url(https://www.koeitecmoamerica.com/fatalframe/mask/img/common/footer-bg.jpg);background-size: cover;}

.base-footer-txt-link a:link { color: #fff; text-decoration: underline;}
.base-footer-txt-link a:visited { color: #fff; }
.base-footer-txt-link a:hover { color: #fff;  text-decoration: none;}
.base-footer-txt-link a:active { color: #fff; }

.base-ratinglogo-box,.base-brandlogo-box {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
    display: flex;
    justify-content: center;
}

.base-ratinglogo-box li,.base-brandlogo-box li{
   width: 40%;
   
}
.base-ratinglogo-box img{height: 75px;}
.base-brandlogo-box img{height: 60px;}




@media screen and (max-width: 320px) {
	  .base-footer-txt-link{display: block;}
	  .base-footer-txt-link li{padding: 4px;}
	  .base-footer-sns-btn{max-width: 190px; padding-top: 16px;}
	  .base-footer-sns-btn li{padding: 1%;}
}

footer{position: relative;z-index: 10;}


/*  footer -copyright
----------------------------------------------------------------------------------------------------------- */
.base-copyright{width: 95%; max-width: 1200px; margin: 0 auto; font-size: 14px; line-height:1.4; padding: 16px 0; text-align: center;}
.base-copyright span img{max-height: 16px;}
.base-copyright-win-txt{}
.base-copyright-ss-txt{padding-bottom: 16px;}
.base-copyright-txt{padding-top: 16px;}
.base-copyright-pf-txt{padding-bottom: 0.2em;max-width:1000px ;margin: 0 auto;}
.base-copyright img[src$=".gif"], .base-copyright img[src$=".png"] {
mage-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (非標準の名前) */
image-rendering: pixelated;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (非標準プロパティ) */
}

/*  page-top
----------------------------------------------------------------------------------------------------------- */
#pageTop{ position: fixed; bottom: 20px; right: 20px; }
#pageTop a { display: block; z-index: 997; padding: 8px 8px 0 8px; width: 40px; height: 40px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
#pageTop a:hover { text-decoration: none; opacity: 0.7;}


/*  動画埋め込み
----------------------------------------------------------------------------------------------------------- */
.movie_emb_box{width: 100%; max-width: 1000px; margin: 10px auto 0 auto;}
.movie_emb{ position: relative; width: 100%; padding-top: 56.25%;}
.movie_emb iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

.movie-btn{position: relative;}
.movie-thumbnail{}
.movie-thumbnail-btn{position: absolute; top:0;width: 100%;}
.movie-thumbnail-btn:hover{opacity:0.65;}


/*  subpage
----------------------------------------------------------------------------------------------------------- */
/*  subpage
----------------------------------------------------------------------------------------------------------- */
h1.sub__title{margin: 0 auto 4vw;text-align: center;}

@media screen and (max-width:700px) {
   h1.sub__title{width: 80%;margin:0 auto 6vw;}
}


.title-main {
  font-family: itc-benguiat-condensed, sans-serif;
  font-weight: 500;
  font-size: 9vw; }
  @media (min-width: 701px) and (max-width: 940px) {
    .title-main {
      text-align: center; } }
  @media (max-width: 700px) {
    .title-main {
      text-align: center;
      font-size: 15vw; } }

.title-ruby {
  font-family: itc-benguiat-condensed, sans-serif;
  color: #99782d;
  font-size: 2vw;
  margin-top: -2vw; }
  @media (min-width: 701px) and (max-width: 940px) {
    .title-ruby {
      text-align: center; } }
  @media (max-width: 700px) {
    .title-ruby {
      text-align: center;
      font-size: 3vw; } }

.border00{
  border:#cfcbe0 2px solid;
  border-image: linear-gradient(to bottom, #99782d 0%, #c1932b 50%, #dfb148 100%);
  border-image-slice: 1;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}

.content__wrap {
    position: relative;
    margin-top: 0;
    padding: 10vw 0 10vw;}

    .content__container {
    margin: 0 auto;
    width: 90%;

    box-sizing: border-box;
}

@media screen and (max-width: 700px) {
   .content__wrap{padding: 20vw 0 10vw;}
   .content__container{width: 100%;}
}


.spl_new {
  position: relative;

}
.spl_new:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 75px 75px 0;
  border-color:  transparent  #bc0000 transparent transparent;
  z-index: 2;
}
.spl_new:after {
  position: absolute;
  content: "NEW";
  transform: rotate(45deg);
  display: block;
  font-size: 14px;font-weight: 700;
  white-space: pre;
  color: #fff;
  top: 14px;
  right: 6px;
  text-align: center;
  z-index: 2;
  line-height: 1.2;
  z-index: 2;
}