@charset "UTF-8";

body{
 background-color:#000;
}

a {
 color: #3b4043;
 text-decoration: underline;
}

a:hover, a:active, a:focus {
 opacity: 0.7;
}

.ios a:hover {
 opacity: 1;
}

.pcDis {
 display: block;
}
@media screen and (max-width: 767px) {
 .pcDis {
 display: none;
 }
}

.spDis {
 display: none;
}
@media screen and (max-width: 767px) {
 .spDis {
  display: block;
 }
}

.d-none {
 display: none;
}

.sp-br{
 display: none;
}

@media screen and (max-width: 767px) {
 .sp-br{
  display: block;
 }
}


/*-----------------main----------------------------------*/
.tit01{
 font-size: 5rem;
 font-weight: bold;
 margin-bottom: 3rem;
 line-height: 1.4;
 color: #fff;
 text-align: center;
}

@media screen and (max-width: 767px) {
 .tit01{
  font-size: 3rem;
 }
}

.txt01{
 font-size: 3rem;
 font-weight: 900;
 margin-bottom: 6rem;
 line-height: 1.4;
 color: #000;
 text-align: center;
}

@media screen and (max-width: 767px) {
 .txt01{
  font-size: 2rem;
 }
}

.mvBoxWp{
 max-width: 1920px;
 margin-left: auto;
 margin-right: auto;
 overflow: hidden;
 width: 100%;
}

.mvBox{
 max-width: 1920px;
 width: 100%;
 position: relative;
 height: 1080px;
 background-image: url("//torerowa-com-web.akamaized.net/web/en/img/bg01.jpg");
 background-position: top center;
 background-repeat: no-repeat;
 background-size: cover;
 margin: auto;
}

.webp .mvBox{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/bg01.webp") top center no-repeat;
 background-size: cover;
}

.no-webp .mvBox{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/bg01.jpg") top center no-repeat;
 background-size: cover;
}

@media screen and (max-width: 767px) {
 .mvBox{
  height: 100%;
  background-image: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg01.jpg");
  background-size: cover;
 }

 .webp .mvBox{
  background: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg01.webp") top center  no-repeat;
  background-size: cover;
 }

 .no-webp .mvBox{
  background: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg01.jpg") top center  no-repeat;
  background-size: cover;
 }
}

/*.mvBox:before {
 content: "";
 display: block;
 padding-top: 39%;
}*/

.mvBgInner {
 padding-top: 640px;
/* position: absolute;
 top: 0;
 left: 0;*/
 width: 100%;
 height: 100%;
 z-index: 1;
 overflow: hidden;
}

.mvTit{
 width: 600px;
 margin: 0 auto;
}

@media screen and (max-width: 767px) {
 .mvBgInner {
  padding-top: 540px;
  padding-bottom: 0;
 }
 .mvTit{
  width: 100%;
 }
}

.mvTit img{
 width: 100%;
}

.BtnList {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 margin-bottom: 3rem;
 position: relative;
 z-index: 1;
 max-width: 360px;
 margin: auto;
}

.BtnList li:first-child {
 margin-left: 0;
}

.BtnList li:nth-child(2) {
 margin-left: 20px;
}




@media screen and (max-width: 767px) {
 .BtnList {
  display: block;
  text-align: center;
 }
 .BtnList li{
  margin-top: 10px;
  line-height: 1;
 }
  .BtnList li:last-child{
  margin-top: 10px;
 }
.BtnList li:nth-child(2) {
 margin-left: 0;
 }
}

.BtnList img {
 width: 170px;
}

/*------------事前登録受付中-------------*/

.mvBg{
 position: fixed;
 background-color: #000;
 height: 100vh;
 width: 100%;
 z-index: 100;
}


.sec01{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/bg02.jpg") top center no-repeat;
 background-size: cover;
 text-align: center;
 max-width: 1920px;
 width: 100%;
 height: 1360px;
 box-sizing: border-box;
 position: relative;
 font-size: 6rem;
 margin-left: auto;
 margin-right: auto;
 z-index: 2;
}

.webp .sec01{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/bg02.webp") top center no-repeat;
 background-size: cover;
}
.no-webp .sec01{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/bg02.jpg") top center no-repeat;
 background-size: cover;
}

@media screen and (max-width: 767px) {
 .sec01{
  height: 100%;
  background-image: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg02.jpg");
  background-size: cover;
  padding-top: 7rem;
 }

 .webp .sec01{
  background: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg02.webp") top center  no-repeat;
  background-size: cover;
 }

 .no-webp .sec01{
  background: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg02.jpg") top center  no-repeat;
  background-size: cover;
 }
}

.secTit01Box{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/title_bar.svg") center repeat-x;
 background-size: cover;
 width: 100%;
 height: 98px;
 box-sizing: border-box;
 position: relative;
 margin-bottom: 3rem;
}

.secTit01{
 font-size: 4rem;
 font-weight: 700;
 line-height: 2.1;
 color: #d7ae6a;
 text-align: center;
 position: relative;
 z-index: 1;
 font-family: 'Zen Kaku Gothic New', sans-serif;
 letter-spacing: 1rem;
}

@media screen and (max-width: 767px) {
 .secTit01{
  font-size: 2.6rem;
  letter-spacing: 0;
  line-height: 3.2;
 }
}

@media screen and (max-width: 374px) {
 .secTit01{
  font-size: 2.2rem;
  line-height: 4.2;
 }
}

.preImg img{
 max-width: 600px;
 width: 100%;
}

.preTxtDl{
 margin: 2rem auto 4rem;
 max-width: 800px;
 padding: 1rem 2rem 3rem;
 box-sizing: border-box;
 background-color: rgba(30, 16, 2, 0.8);
 border:2px solid #5d544e;
}

@media screen and (max-width: 767px) {
 .preTxtDl {
  padding: 0rem 1.5rem 1rem;
 }
}

.preTxt{
 color: #d7ae6a;
 font-weight: bold;
 font-size: 1.9rem;
 line-height: 1.4;
 margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
 .preTxt {
  text-align: left;
 }
}

.preSubHeading{
 color: #d7ae6a;
 font-size: 1.5rem;
 font-weight: bold;
 line-height: 1.4;
 margin-bottom: .5rem;
 margin-top: 2rem;
 text-align: left;
}


@media screen and (max-width: 767px) {
 .preSubHeading{
 font-size: 1.4rem;
 margin-top: 1.5rem;
 }
}

.preSubTxt{
 color: #d7ae6a;
 font-size: 1.35rem;
 line-height: 1.4;
 margin-bottom: .5rem;
 text-align: left;
}

@media screen and (max-width: 767px) {
 .preSubTxt{
  margin-top: .5rem;
  font-size: 1.2rem;
  text-align: left;
 }
}

/*------------スライダー-------------*/
.sec02{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/bg03.jpg") top center no-repeat;
 background-position: bottom center;
 background-size: cover;
 text-align: center;
 max-width: 1920px;
 width: 100%;
 box-sizing: border-box;
 height: 1080px;
 margin: auto;
}

.webp .sec02{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/bg03.webp") top center no-repeat;
 background-size: cover;
}
.no-webp .sec02{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/bg03.jpg") top center no-repeat;
 background-size: cover;
}

@media screen and (max-width: 767px) {
 .sec02{
  height: 100%;
  background-image: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg03.jpg");
  background-size: cover;
  padding-bottom: 7rem;
 }

 .webp .sec02{
  background: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg03.webp") top center  no-repeat;
  background-size: cover;
 }

 .no-webp .sec02{
  background: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg03.jpg") top center  no-repeat;
  background-size: cover;
 }
}

.slideCt{
 max-width: 1040px;
 margin: auto;
 padding-top: 60rem;
}

@media screen and (max-width: 767px) {
 .slideCt{
  padding-top: 10rem;
 }
}

.slideCt img{
 width: 100%;
}

.slideCt .swiper-container {
 margin: 0 auto;
 position: relative;
 text-align: center;
 overflow: hidden;
 max-width: 1000px;
 padding: 0 60px;
 box-sizing: border-box;
}

.swiper-wrapper {
 width: 100%;
 height: 450px;
}

.swiper-slide {
 color: #ffffff;
 width: 100%;
 height: 100%;
 text-align: center;
 text-align: center;
}

.slideTex{
 font-size: 2rem;
 line-height: 1.3;
 color: #d7ae6a;
 text-align: center;
 font-family: 'Zen Kaku Gothic New', sans-serif;
 margin-top: 2rem;
}

@media screen and (max-width: 767px) {
 .slideTex{
 font-size: 1.5rem;
 margin-top: 1rem;
 text-align: left;
 }
}

.swiper-button-prev::after,
.swiper-button-next::after {
 content: "";
 height: 90px;
 margin: auto;
 width: 90px;
}

.swiper-button-prev::after {
 background-image: url("//torerowa-com-web.akamaized.net/web/en/img/slide_prev.svg");
}

.swiper-button-next::after {
 background-image: url("//torerowa-com-web.akamaized.net/web/en/img/slide_next.svg");
}

@media screen and (max-width: 767px) {
 .swiper-button-prev::after,
 .swiper-button-next::after {
  height: 45px;
  width: 45px;
 }
 .swiper-button-prev::after,.swiper-button-next::after {
  background-size: contain;
 }
 .swiper-button-next {
  right: -2px!important;
 }
 .swiper-button-prev {
  left: -2px!important;
 }
}

.swiper-slide img {
 height: auto;
 width: 100%;
 max-width: 800px;
}

.swiper-button-next, .swiper-button-prev{
 width: inherit!important;
 top: calc(50% - 45px)!important;
 z-index: 1;
}

@media screen and (max-width: 767px) {
 .swiper-button-next, .swiper-button-prev{
 top: calc(50% - 22.5px)!important;
 }
}

.swiper-button-prev01:after,
.swiper-rtl .swiper-button-next01:after,
.swiper-button-next01:after,
.swiper-rtl .swiper-button-prev01:after {
 content: no-close-quote!important;
}

/*------------ツイッター-------------*/

.sec03{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/bg04.jpg") center no-repeat;
 background-position: top center;
 background-size: cover;
 margin: auto;
 text-align: center;
 max-width: 1920px;
 width: 100%;
 height: 1080px;
 box-sizing: border-box;
 position: relative;
}

.webp .sec03{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/bg04.webp") top center no-repeat;
 background-size: cover;
}
.no-webp .sec03{
 background: url("//torerowa-com-web.akamaized.net/web/en/img/bg04.jpg") top center no-repeat;
 background-size: cover;
}

@media screen and (max-width: 767px) {
 .sec03{
  height: 100%;
  background-image: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg04.jpg");
  background-size: cover;
  padding-bottom: 6rem;
 }

 .webp .sec03{
  background: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg04.webp") top center  no-repeat;
  background-size: cover;
 }

 .no-webp .sec03{
  background: url("//torerowa-com-web.akamaized.net/web/en/img/sp-bg04.jpg") top center  no-repeat;
  background-size: cover;
 }
}


.sec03Detail{
 padding-top: 17rem;
}

.twitFrameWp{
 position: relative;
 z-index: 1;
 width: 100%;
 max-width: 800px;
 margin: 3rem auto 0;
}

.twitFrame{
 width: 100%;
 max-height: 573px;
 max-width: 100%;
 background-color: rgb(126,97,72,.6);
 border:1px solid #d7ae6a;
 border-radius: 12px 0 0 12px;
 overflow:auto;
}


@media screen and (max-width: 767px) {
 .twitFrameWp{
  margin: 1rem auto 0;
 }
 .sec03Detail{
  padding-top: 0;
 }
 .twitFrameWp{
  bottom: -19%;
 }
 .twitFrame{
  position: relative;
  top: 30%;
  right: inherit;
  width: 100%;
  max-width: inherit;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6rem;
 }
}

@media screen and (max-width: 450px) {
 .twitFrame{
  top: 20%;
 }
}

.articleBoxWp{
 min-height: 80px;
 background-color: #2c2c2c;
 bottom: 0;
 margin: auto;
 z-index: 1;
 width: 100%;
}

.top .articleBoxWp{
 position: relative;
}

@media screen and (max-width: 767px) {
 .articleBoxWp{
  padding-top: 5rem;
 }
}

.articleBoxInner{
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 3rem 4rem;
 max-width: 1920px;
 width: 100%;
 margin: auto;
 box-sizing: border-box;
}


@media screen and (max-width: 767px) {
 .articleBoxInner{
  display: block;
  padding: 0;
  width: inherit;
 }
}

.footerNaviList{
 display: flex;
 align-items: center;
 justify-content: flex-end;
 flex-wrap: wrap;
 margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
 .footerNaviList{
  margin-bottom: 6rem;
  justify-content: center;
 }
 .articleLogo{
  text-align: center;
  margin-bottom: 2.5rem;
 }
}

.footerNaviList li{
 padding-right: 4rem;
 position: relative;
}

.footerNaviList li::after{
 content: "|";
 position:absolute;
 top: 30%;
 right: 1.75rem;
 color: #fff;
}

.footerNaviList li:last-child{
 padding-right: 0;
}

.footerNaviList li:last-child::after{
 content: none;
}

.footerNaviList li a{
 color: #fff;
 font-size: 1.4rem;
 line-height: 2.5;
 font-family: 'Roboto', sans-serif;
}

.copyright{
 font-size: 1.2rem;
 color: #fff;
 text-align: right;
 display: block;
 font-family: 'Roboto', sans-serif;
}

@media screen and (max-width: 767px) {
 .footerNaviList li a{
  font-size: 1.2rem;
 }
 .copyright{
 padding-bottom: 3rem;
 text-align: center;
 }
}

.articleLogo{
 width: 200px;
}

@media screen and (max-width: 767px) {
 .articleLogo{
 width: inherit;
 }
}

@media screen and (max-width: 767px) {
 .top .articleBoxWp{
  margin-top: 0;
 }
}

.contents{
 max-width: 1920px;
 margin-right: auto;
 margin-left: auto;
 position: relative;
 z-index: 1;
 height: 100%;
}

@media screen and (max-width: 767px) {
 .contents{
  margin-right: 4%;
  margin-left: 4%;
 }
}

/*------------HEADER-----------------------*/
.header{
 position: relative;
}

.header--color {
 position: fixed;
 width: 100%;
 top: 0;
 left: 0;
 right: 0;
 margin: auto;
 max-width: 1920px;
 z-index: 11;
 pointer-events: none;
 background-color:rgba(0,0,0,0.8);
 height: 60px;
 border-bottom: 1px solid #6e5d46;
}

@media screen and (max-width: 767px) {
 .header--color {
  border: none;
  position: absolute;
  background-color: rgba(0,0,0,0);
 }
}

.show .header--color {
 position: fixed;
}

.header  .page__contents__inner {
 display: flex;
 justify-content: space-between;
 align-items: center;
 pointer-events: auto;
 padding: 0 4%;
 height: 60px;
}

@media screen and (max-width: 767px) {
 .header  .page__contents__inner {
   justify-content: center;
 }
}

.top .headerLogo img {
 width: 100%;
 max-width: 200px;
}

@media screen and (max-width: 767px) {
 .top .headerLogo img {
 max-width: 200px;
 }
}

.snsSectionTit {
 display: none;
}

.show .snsSectionTit {
 display: block;
}

.headerRightBox{
 display: flex;
 align-items: center;
 height: 60px;
}



/*.headerLogo.openLogo {
 display: none;
}

.show .headerLogo.openLogo {
 display: block;
 max-width: 400px;
 margin: 5rem auto 0;
}

@media screen and (min-width: 1024px) {
 .headerLogo.openLogo {
 display: block;
 }
}


 .headerLogo.closeLogo,
.top .headerLogo.closeLogo{
 display: none;
}


@media screen and (max-width: 1023px) {
 .headerLogo.closeLogo {
 display: block;
 max-width: 80px;
 margin-top: 1rem;
 }
}

.show .headerLogo.closeLogo {
 display: none;
}
*/
.menuClose{
 display: none;
}

.show .menuClose{
 display: block;
}

.show .menuOpen{
 display: none;
}

/*.header .itemList {
 display: block;
 padding: 2rem;
 font-size: 2.4rem;
}

.show .header .itemList{
 padding:15% 0 25%;
 font-size: 2.4rem;
}

.header .itemList li{
 position: relative;
 border-bottom: none;
}

.header .itemList li span {
 font-family: 'nocturne-serif', serif;
 color: #404040;
 position: relative;
 font-weight: 500;
}

 .header .itemList li:last-child{
 border-bottom: none;
}

 .header .itemList a{
 display: inline-block;
 padding: 1rem;
 line-height: 1.3;
}


 .header nav {
 display: none;
}

@media screen and (min-width: 1024px) {
 .header nav {
  display: block;
 }
}

.show .header nav {
 display: block;
}

 .header nav a {
 position: relative;
 height: auto;
}
*/
 .header .snslink {
 margin-right: 0;
}

 .show .header .snslink {
 position: relative;
 top: 0;
 left: 6rem;
}

.header .snslink .snslink__content__inner li{
 margin: 0;
}

.show .header  .snslink .snslink__content__inner li {
 margin-right: 2rem;
}

.header  .snslink img {
 height: 30px;
 vertical-align: middle;
}

.show .header .snslink img {
 height: 32px;
}

.header  .snslink img {
 width: 100%;
}

@media screen and (min-width: 1024px) {
  .header .snslink .snslink__content__inner li {
  padding: 0;
  height: 30px;
 }
}

@media screen and (max-width: 767px) {
 .header .snslink {
  margin-right: 0;
 }
}

.snslink__content__inner{
 display: flex;
 align-items: center;
 justify-content: center;
}

.twitter{
 width: 24px;
}

.youtube{
 width: 28px;
}

.line{
 width: 25px;
}

.show .twitter{
 width: 40px;
}

.show .youtube{
 width: 44px;
}

.show .line{
 width: 40px;
}

.show .body--under .header--color{
 background: url(https://agwonline-com.akamaized.net/web/en/img/sp-menu-bg.jpg) no-repeat top center;
 background-size: cover;
 height: 100%;
}

@media screen and (min-width: 1024px) {
 .top .header .page__contents nav {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-right: 50px;}
 .top .header .page__contents .selectLanguage {
  margin-left: auto; }
/* .top .header .page__contents .itemList {
  font-size: 1.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-flex: 1;
  flex: 1;
 }
 .top .header .page__contents .itemList li {
  width:inherit;
  border-bottom: none;
  margin-right: 40px;
 }
 .top .header .page__contents .itemList li:last-child{
  margin-right: 0;
 }
 .top .header .page__contents .itemList a {
  position: relative;
  text-align: center;
  padding: 0;
  font-weight: 500px;
 }*/
}


/*@media screen and (max-width: 1200px) {
 .top .header .page__contents .itemList {
  justify-content: flex-start;
 }
}

@media screen and (max-width: 1150px) {
 .top .header .page__contents .itemList li{
  margin-right: 25px;
 }
}*/


/*
.show .top .header .vertical {
 height: 100%;
 position: absolute;
 width: 100%;
 overflow: hidden;
}

@media screen and (min-width: 1024px) {
 .show .top .header .vertical {
  overflow: scroll;
 }
}

.show .body--sp .top .header .vertical{
 overflow: scroll;
}*/

.globalNavTrigger {
 position: inherit;
 top: 0rem;
 right: 1rem;
 padding: 1rem 1rem 0.8rem 0.8rem;
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -webkit-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
 -moz-transform-origin: right center;
 -ms-transform-origin: right center;
 -webkit-transform-origin: right center;
 transform-origin: right center;
}

@media screen and (min-width: 320px) {
 .globalNavTrigger {
  top: 0.5rem;
 }
}

@media screen and (min-width: 835px) {
 .globalNavTrigger {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
 }
}

@media screen and (min-width: 1024px) {
 .globalNavTrigger {
  display: none;
 }
}

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}

.menu-trigger {
 position: inherit;
 width: 38px;
 height: 28px;
 right: 0;
}

.menu-trigger span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 3px;
 background-color: #404040;
 border-radius: 2px;
}

.menu-trigger span:nth-of-type(1) {
 top: 0;
}

.menu-trigger span:nth-of-type(2) {
 top: 13px;
}

.menu-trigger span:nth-of-type(3) {
 bottom: 0;
}

/*.menu-trigger.active {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}*/

.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(13px) rotate(-45deg);
 transform: translateY(13px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
 -webkit-transform: translateY(0) rotate(45deg);
 transform: translateY(0) rotate(45deg);
}

.menu-trigger.active span:nth-of-type(3) {
 opacity: 0;
}



.language-ct {
 display: inline-block;
 color: #ccc;
 font-size: 1.3rem;
 position: relative;
 cursor: pointer;
 font-family: nocturne-serif, serif;
}

/*.language-ct:after{
 content: "";
 width: .8rem;
 height: .8rem;
 border-top: solid 1px #555;
 border-left: solid 1px #555;
 position: absolute;
 top: 29%;
 right: -80%;
 transform: rotate(225deg);
 transition: 0.3s;
}


.active.language-ct:after {
 transform: rotate(45deg);
 top: 46%;
}*/

.selectLanguage__content__inner{
 position: absolute;
 top: 10px;
 left: 2%;
 z-index: 2;
}

@media screen and (max-width: 767px) {
 .selectLanguage__content__inner{
  left: 10px;
 }
}


.selectLanguage__list {
 position: absolute;
 top: 62px;
 right: 0;
 text-align: left;
 z-index: 10;
 width: 100%;
}

.selectLanguage__list > li {
 background-color: rgba(215,174,106,.7);
 margin-bottom: 0.8px;
 padding: 1.5rem;
 text-align: center;
}

@media screen and (max-width: 767px) {
.selectLanguage__list > li {
 background-color: rgba(215,174,106,.8);
 }
}


.selectLanguage__list a {
 color: #fff;
 font-size: 1.5rem;
 display: inline-block;
}

.selectLanguage__list {
 display: none;
}



/*----------------------------------------------------------*/


@media screen and (max-width: 1024px) {

.top .headerRightBox{
 position: absolute;
 right: 6rem;
}

.show + .headerRightBox{
 position: absolute;
 left: 0;
}

.show .top .headerRightBox{
  position: absolute;
  padding-left: 30px;
}
}

@media screen and (max-width: 767px) {
 .top .headerRightBox{
  right: 2rem;
 }
}

@media screen and (max-width: 1023px) {
.show .top .headerRightBox{
  padding-left: 0;
  left: 0rem;
  right: inherit;
 }
}


.show .headerRightBox{
 display: block;
}

.show .u-flexJustifyContentCenter{
 justify-content: inherit;
}

.headerListItemSp{
 display: none;
}

.show .headerListItemSp{
 display: flex;
 margin-top: 2rem;
 margin-left: -4rem;
}


.globalNavTrigger{
 position: absolute;
 right: 20px;
 top: -5px;
}

.show .globalNavTrigger{
 position: absolute;
 right: 20px;
 top: -10px;
}

.show #frontlayer,
.show .scene--under{
 display: none;
}

.selectLanguage__list{
 top: 44px;
 width: 180px;
}

.show .selectLanguage__list{
 top: 32px;
}

@media screen and (max-width: 767px) {
.selectLanguage__list{
 max-width: 150px;
 right: -20px;
 }
}

.pageTop {
 position: fixed;
 bottom: 10px;
 right: 10px;
 z-index: 10;
 max-width: 100px;
 transition: all 700ms 0s ease;
}

.pagetopImg {
 width: 100%;
}

@media screen and (max-width: 767px) {
 .pageTop {
  max-width: 85px;
 }
}

/*-------------/HEADER----------------------*/


/*.newsInner {
 position: relative;
 width: 100%;
 margin-right: 3rem;
}

  @media screen and (max-width: 767px) {
 .newsInner {
  margin-right: 0;
 }
}

.newsTab {
 position: relative;
 flex-wrap: wrap;
 max-width: 710px;
 margin: 0 auto;
 width: 100%;
 overflow-x: auto;
 display: flex;
 justify-content: center;
}


.newsTab li {
 position: relative;
 max-width: 170px;
 width: 100%;
 font-size: 1.5rem;
 cursor: pointer;
 display: flex;
 border-radius: 5px;
 background-color: rgba(2,2,2,0.5);
 box-sizing: border-box;
 margin-bottom: 2rem;
}

.newsTab li + li {
 margin-left: 10px;
}

@media screen and (max-width: 767px) {
 .newsTab li{
  max-width: calc(50% - 10px);
 }
 .newsTab li + li {
  margin-left: 0;
 }
 .newsTab li:nth-child(even) {
  margin-left: 10px;
　}
}

.infoCategoryTab.infoCategoryTab--all .infoCategoryTab__all a,
.infoCategoryTab.infoCategoryTab--important .infoCategoryTab__important a,
.infoCategoryTab.infoCategoryTab--event .infoCategoryTab__event a,
.infoCategoryTab.infoCategoryTab--maintenance .infoCategoryTab__maintenance a {
 color: #000;
}

.infoCategoryTab.infoCategoryTab--all .infoCategoryTab__all,
.infoCategoryTab.infoCategoryTab--important .infoCategoryTab__important,
.infoCategoryTab.infoCategoryTab--event .infoCategoryTab__event,
.infoCategoryTab.infoCategoryTab--maintenance .infoCategoryTab__maintenance {
 background-color: rgba(255,255,255,0.5);
 border:1px solid #d9d9d9;
}

.newsTab li a {
 position: relative;
 display: block;
 padding: 1rem 0.25rem;
 text-decoration: none;
 width: 100%;
 display: -webkit-box;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
 font-family: 'Zen Old Mincho', serif;
 font-weight: bold;
 color: #fff;
 min-width: 100px;
}


.newsList {
 position: relative;
 display: flex;
 max-width: 800px;
 margin: auto;
 flex-wrap: wrap;
 width: 100%;
 padding-top: 2rem;
}

.newsList li:first-child {
 border-top: none;
}

.newsList li {
 position: relative;
 margin-bottom: 1rem;
 background-color: rgba(255,255,255,0.9);
 padding: 2rem;
 max-width: 1000px;
 width: 100%;
 border: 1px solid #d9d9d9;
}

.newsList li:last-child {
 margin-bottom: 0;
}

.infoCategory.infoCategory--event {
 background-color: #e8dfa9;
}

.infoCategory.infoCategory--maintenance {
 background-color: #bec1dc;
}

.infoCategory.infoCategory--important {
 background-color: #ebd1d9;
}

.infoCategory {
 padding: 0.7rem 1rem;
 margin-right: 1.5rem;
 font-size: 1.4rem;
 width: 120px;
 text-align: center;
 font-family: 'Zen Old Mincho', serif;
 font-weight: bold;
 color: #333;
 display: inline-block;
 background-color: #eee;
}

@media screen and (max-width: 767px) {
.infoCategory {
 margin-right: .5rem;
 width: 100px;
 }
}

.top .itemList--information time {
 color: #333;
 font-family: 'Zen Old Mincho', serif;
 padding: 0.25rem;
 font-size: 1.7rem;
 display: inline-block;
}

@media screen and (max-width: 767px) {
.top .itemList--information time {
 font-size: 1.4rem;
 }
}

.top .itemList--information .article__title {
 font-family: 'Zen Old Mincho', serif;
 color: #333;
 font-size: 1.9rem;
 font-weight: 500;
 margin: 1rem 0 0;
 width: 100%;
 line-height: 1.4;
}


@media screen and (max-width: 767px) {
.top .itemList--information .article__title {
 font-size: 1.6rem;
 }
}

.newsDetail{
 text-align: left;
}

.newstime{
 display: flex;
 align-items: center;
}*/


/*#header.is-animation .headerLogo{
  animation: DownAnime 0.5s forwards;
  animation: ScaleAnime 0.5s forwards;
}
*/


.mvBg{
 animation-name:fadeBlack;
 animation-duration:2.5s;
 animation-fill-mode:forwards;
}

.mvBg.mvBgNone{
 display: none;
}

@keyframes fadeBlack{
 0%{
 opacity: 1;
 display: block;
 }
 99%{
 opacity: 0;
 display: block;
 }
 100%{
 opacity: 0;
 display: none;
 }
}

.mvBox{
 animation-name:mvAnime;
 animation-duration:0.8s;
 animation-fill-mode:forwards;
}

@keyframes mvAnime{
 0%{
 transform: scale(1.5, 1.5);
 }
 70%{
 transform: scale(0.97, 0.97);
 }
 100%{
 transform: scale(1, 1);
 }
}


.mvTit{
 animation-name:mvTitAnime;
 animation-duration:0.8s;
 animation-fill-mode:forwards;
}

@keyframes mvTitAnime{
 0%{
 transform: scale(1.9, 1.9);
 }
 70%{
 transform: scale(0.9, 0.9);
 }
 100%{
 transform: scale(1, 1);
 }
}

/*@media screen and (min-width: 768px) {
 #header.is-animation .headerLogo{
  animation:ScaleAnime .3s ease-in forwards;
  position: relative;
 }
 @keyframes ScaleAnime{
  0%{
  transform: scale(1, 1);
  top:0;
  }
  100%{
  transform: scale(0.6, 0.6);
  top: -35px;
  }
 }
}*/


.fadeIn{
 animation-name:fadeInAnime;
 animation-duration:.2s;
 animation-fill-mode:forwards;
 opacity:0;
}

@keyframes fadeInAnime{
 0% {
 opacity: 0;
 }
 100% {
 opacity: 1;
 }
}

.fadeLeft{
 animation-name:fadeLeftAnime;
 animation-duration:1.5s;
 animation-fill-mode:forwards;
 opacity:0;
}

@keyframes fadeLeftAnime{
 from {
 opacity: 0;
 transform: translateX(-100px);
 }
 to {
 opacity: 1;
 transform: translateX(0);
 }
}

.fadeRight{
 animation-name:fadeRightAnime;
 animation-duration:1.5s;
 animation-fill-mode:forwards;
 opacity:0;
}

@keyframes fadeRightAnime{
 from {
 opacity: 0;
 transform: translateX(100px);
 }
 to {
 opacity: 1;
 transform: translateX(0);
 }
}

.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{
 opacity: 0;
}

@media screen and (max-width: 767px) {
.zoomIn{
 animation-name:zoomInAnime;
 animation-duration:0.5s;
 animation-fill-mode:forwards;
}

@keyframes zoomInAnime{
 from {
 transform: scale(0.6);
 opacity: 0;
 }
 to {
   transform: scale(1);
 opacity: 1;
 }
}

.zoomInTrigger{
 opacity: 0;
}
}

.blur01{
 animation-name:blurAnimeF;
 animation-duration:2s;
 animation-fill-mode:forwards;
}

@keyframes blurAnimeF{
 0% {
 filter: blur(10px);
 transform: scale(1.02);
 opacity: 0;
 }
 75% {
 filter: blur(0);
 transform: scale(1.02);
 opacity: 1;
 }
 100% {
 filter: blur(0);
 transform: scale(1);
 opacity: 1;
 }
}

.blur02{
 animation-name:blurAnimeS;
 animation-duration:3.5s;
 animation-fill-mode:forwards;
}

@keyframes blurAnimeS{
 0% {
 filter: blur(10px);
 transform: scale(1.02);
 opacity: 0;
 }
 75% {
 filter: blur(0);
 transform: scale(1.02);
 opacity: 1;
 }
 100% {
 filter: blur(0);
 transform: scale(1);
 opacity: 1;
 }
}

.blurTrigger{
 opacity: 0;
}



@keyframes scroll-down {
 0% {
  transform: translateY(0px);
 }
 5% {
  transform: translateY(5px);
 }
 10% {
  transform: translateY(0px);
 }
 15% {
  transform: translateY(5px);
 }
 30% {
  transform: translateY(0px);
 }
 100% {
  transform: translateY(0px);
 }
}


.qrBox {
 background: #b4a685;
 text-align: center;
 padding: 12px 5px;
 margin-bottom: 5px;
 position: relative;
 filter: drop-shadow(0px 2px 1px black);
 animation: scroll-down 4.0s infinite;
 z-index: 1;
}

@media screen and (max-width: 767px) {
 .qrBox{
  display: none;
 }
}

.qrBox img {
 max-width: 60px;
 text-align: center;
 width: 100%;
}

.qrTxt {
 font-size: 1.1rem;
 font-weight: bold;
 line-height: 1.3;
 margin-top: 6px;
 position: relative;
}

.qrBox::after {
 content: "";
 position: absolute;
 border-top: 22px solid #b4a685;
 border-right: 20px solid transparent;
 border-left: 20px solid transparent;
 margin-left: -20px;
}


.news__box--x {
 width: 68%;
 max-width: 566px;
 height: 650px;
 overflow-y: scroll;
 margin: 3rem auto;
}


@media screen and (max-width: 767px) {
 .news__box--x {
  width: 100%;
 }
}