@charset "utf-8";
@font-face {
    font-family: 'Homemade Apple';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/homemadeapple/v22/Qw3EZQFXECDrI2q789EKQZJob0x6XH0.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzAdKg.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc6CsE.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzc.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic6CsE.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc6CsE.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzc.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc9.ttf) format('truetype');
  }
*{padding:0px;margin:0px;box-sizing:border-box}
html {scroll-behavior:smooth}
:root{
    --text_color: #ffffff;
    --theme_color: #e5c15e;
    --title_color: #e5c15e;
    --content_color: #31302f;
    --more_color: #ffffff;
    --turning_color: #dcdcda;
    --back_color: #000000;
}
:where(figure){margin: 0!important;}
ul,li{list-style:none}
a{text-decoration: none}
em{font-style: normal;}
body{font-family: "Roboto", Sans-serif;}
.flex {display:flex}   
.wrap {flex-wrap:wrap}
.between{justify-content: space-between;}
.grid {display: grid;}
.pc{display: block;}
.wap{display: none;}
h2.title{color: var(--more_color);font-size: 2.5em;font-weight: 600;font-family: "Times New Roman", Sans-serif; text-align: center;text-transform: uppercase;padding: 10px;line-height: 1.5;}
.swiper .swiper-button-next,.swiper .swiper-button-prev{width: 25px;height: 25px;}
.swiper .swiper-button-next::after,.swiper .swiper-button-prev::after{font-weight: 700;color: var(--turning_color);font-size: 24px;}
.content-1280{width: 100%;max-width: 1280px;margin: 0 auto;}
.content-1520{width: 100%;max-width: 1520px;margin: 0 auto;}
/* Head */
header .menu{position: fixed;top: 0;left: 0;z-index: 99;width: 100%;}
#top{text-align: center;color: #ffffff;background-color: #090909;padding: .5%;}
#top p{font-family: "Roboto", Sans-serif;line-height: 1.5em;font-size: 1em;}
#top label{text-transform: uppercase;font-weight: 700;}
#head{background-color: var(--content_color);}
#head .logo{width: 30%;}
#head .logo a{display: block;padding: 2%;}
#head .logo img{width: 60%;height: auto;}
#head .nav{width: 70%;}
#head nav{width: 100%;height: 100%;display: flex;justify-content: flex-end;align-items: center;}
#head nav ul>li{position: relative;}
#head nav ul>li>a{color: var(--text_color);text-transform: uppercase;padding: 12px 20px;font-size: 16px;font-weight: 700;}
#head nav ul>li ul.sub-menu{display: none;position: absolute;z-index: 9;width: auto;top: 30px;background-color: var(--content_color);}
#head nav ul>li ul.sub-menu li a{white-space: nowrap;padding: 13px 20px;border-bottom: 1px solid var(--theme_color);display: block;}
#head nav ul>li:hover ul.sub-menu{display: block;}
nav ul>li:hover a,li.current-menu-item a,.current-menu-ancestor a{color: var(--theme_color);}

.banner{overflow: hidden;background-color: var(--back_color);}
.banner .swiper {width: 100%;height: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;position: relative;}
.banner .swiper-slide .wp-block-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.poster{position: sticky;position: -webkit-sticky; background-color: var(--back_color);}
.poster-item{position: sticky;position: -webkit-sticky;top: 0;}
.poster-item img{width: 100%;height: 100%;}

.info{background-repeat: no-repeat;background-position: center center;background-size: cover;background-color: var(--back_color);position: sticky;position: -webkit-sticky;top: 0;padding: 5% 0;}
.video .video-box{position: relative;padding: 30px 0 50px;}
.video .swiper {width: 100%;height: 100%;}
.video .swiper-slide {text-align: center;font-size: 18px;background-color: var(--back_color);display: flex;justify-content: center;align-items: center;}
.video .swiper-slide a{position: relative;width: 100%;height: 0px;padding-bottom: 56.25%;}
.video .swiper-slide img {position: absolute;display: block;width: 100%;height: 100%;object-fit: cover;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);}
.video .swiper-button-next,.video .swiper-button-prev{width: 25px;height: 25px;}
.video .swiper-button-next::after,.video .swiper-button-prev::after{font-weight: 700;color: var(--turning_color);font-size: 24px;} 
.video .swiper-button-next{right: -45px;}
.video .swiper-button-prev{left: -45px;}
.video .swiper-pagination-bullet{width: 10px;height: 10px;margin: 10px;background-color: var(--more_color);}

.news ul{grid-template-columns: repeat(3,1fr);grid-gap: 20px;}
.news ul>li{background-color: #1a1a1a;border: 1px solid #1a1a1a;}
.news ul>li .news-imgs{display: block;position: relative;padding-bottom: calc(1*100%);overflow: hidden;}
.news ul>li .news-imgs img{width: auto;height: 100%;position: absolute;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}
.news ul>li .news-text{padding: 20px;color: var(--more_color);font-size: 16px;}
.news ul>li .news-text h3{margin-bottom: 10px;}
.news ul>li .news-text a{color: var(--more_color);}
.news ul>li .news-text h3 a{display: block;}
.news ul>li .news-text p{margin-bottom: 12px;color: #999999;}
.news ul>li .news-text .news-more{text-decoration: underline;}
.news ul>li:hover{border: 1px solid var(--theme_color);transition: .5s all;}

footer{background-color: var(--content_color);padding-top: 20px;}
footer .foot-menu .foot-item{width: 23.33%;padding: 10px;}
footer .foot-menu .foot-item：first-child{width: 30%;}
footer .foot-menu .foot-item：last-child{width: 23.318%;}
footer .foot-menu .foot-item h2{font-size: 1.3em;font-family: "Times New Roman", Sans-serif;color: var(--title_color);text-transform: uppercase;margin-bottom: 20px;}
footer .foot-menu .foot-item .foot-logo img{width: 70%;height: auto;}
footer .foot-menu .foot-item .foot-email{width: 80%;margin-top: 10px;}
footer .foot-menu .foot-item .foot-email input{padding: 10px 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: var(--text_color);width: 100%;border: 0;margin-bottom: 10px;}
footer .foot-menu .foot-item .foot-email button{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;width: 100%;border: 0;background-color: var(--theme_color);font-size: 16px;font-weight: 600;padding: 10px 0;}
footer .foot-menu .foot-item .menu li a{display: block;padding: 5px 0;font-size: 1em;line-height: 1.5em;text-transform: uppercase;color: var(--more_color);}
footer .foot-menu .foot-item .foot-contact p{color: var(--more_color);display: flex;align-items: center;padding-bottom: calc(10px/2);line-height: 1.5em;}
footer .foot-menu .foot-item .foot-contact label{width: 20px;height: 20px;margin-right: 10px;}
footer .foot-menu .foot-item .foot-contact svg{width: 100%;height: 100%;fill: var(--theme_color);}
footer .foot-menu .foot-item .foot-icon{margin: 20px 0;}
footer .foot-menu .foot-item .foot-icon svg{width: 30px;height: 30px;fill: var(--more_color);}
footer .foot-menu .foot-item .foot-icon span.wp-block-social-link-label{display: none;}
footer .foot-copy{border-top: 1px solid var(--theme_color);padding-top: 20px;padding-bottom: 10px;color: var(--more_color);font-size: 1em;}

@media screen and (max-width: 1600px) {
  .content-1520{max-width: 1279px;}
}

@media screen and (max-width: 767px) {
  .pc,nav{display: none;}
  .wap{display: block;}
  #top p{font-size: .9em;}
  #head .logo{width: 65%;}
  #head .logo img{width: 80%;}
  .m-menu{width: 30%;}
  .foot-menu{flex-wrap: wrap;}
  footer .foot-menu .foot-item{width: 100%;}
  footer .foot-copy{padding: 10px;}
  .news ul{
      grid-template-columns: repeat(1, 1fr);
      gap:0;
  }
}