@charset "UTF-8";

/*------------------------------------------------------------
CSS Document


2025 WECルマン特集

MAKING 240523 sim_ishizone
-------------------------------------------------------------*/


/*------------------------------------------------------------
CSSの構造

・基本構造
・メインビジュアル

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

@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i);
@font-face {
  font-family: 'DecimaMonoPro';
  src: url('/-/media/TMC/tgr/jpn/assets/fonts/DecimaMonoPro.woff') format('woff');
}
/*--------------------------------------------------------
リセット
--------------------------------------------------------*/
#tgr_2019 .tmp_column_right{
  display: none;
}

#contents-body .tmp_column_bottom{
  display: none;
}

.has-head_round{
  padding-top: 0;
}

a:hover {
  opacity: 1;
}

.tgr-promotion {
  margin-top: 0;
}
#leMans24 {
	background: #fff;
  overflow: hidden;
}
#leMans24 .content-box h2.heading {
  margin: 0 0 40px;
  width: auto;
}
#leMans24 .content-box h2.heading::after {
  transform: scale(0, 1);
}


/*--------------------------------------------------------
基本構造
--------------------------------------------------------*/
#tgr_2019 {
background: #4f4f4f;
}

#contents_wrapper{
margin: 0 auto;
width: 100%;
max-width: 1600px;
text-align: center;
}

#tgr_2019 .tmp_column_right{
display: none;
}

.bottom_link{
display: none;
}

/* サイドバー非表示 */
.side.wec{
display: none !important;
}


.date-text {
  font-size: 0.8rem;
  color: #8c8c8c;
}

.pc-1030, .pc-1260 {
display: block;
}
.sp-1030, .sp-1260 {
display: none;
}
.pc-768, .pc-br, .pc-img {
display: block;
}
.sp-br, .sp-768, .br-1100, .br-911, .br-950, .sp-img {
display: none;
}

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

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

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

@media screen and (max-width: 768px){
.pc-768, .pc-br, .pc-img {
  display: none;
}
.sp-br, .sp-768, .sp-img {
  display: block;
}
.sp-1260 {
  display: none;
}
.pc-1260 {
  display: block;
}
}

.contents-onbord .comingsoon {
  font-size: 1.5rem;
  line-height: 0.65;
  color: #ff0000;
  font-weight: bold;
}



/* #X-widget-0 iframe { width: 740px !important; } */
/*------------------------------------------------------------
Youtubeレスポンシブ対応
-------------------------------------------------------------*/

.YoutubeWrapper{
position: relative !important;
margin-top: 1.2em  !important;
margin-bottom: 1.2em  !important;
padding-top: 69px  !important;
padding-bottom: 50%  !important;
overflow: hidden  !important;
}


.YoutubeWrapper iframe {
position: absolute  !important;
top: 0  !important;
left: 0  !important;
height: 100%  !important;
width: 100%  !important;
}



/*------------------------------------------------------------
mainvidual
-------------------------------------------------------------*/
#mainVidual {
  margin: 0 auto 100px;
  position: relative;
}

@media screen and (max-width: 800px){
#mainVidual img {
    width: 100%;
}
}  
@media screen and (max-width: 768px){
#mainVidual {
    margin: 0 auto 40px;
}
}

/*------------------------------------------------------------
コンテンツ
-------------------------------------------------------------*/
.contentsItem-inner {
  padding: 0 20px 0;
}

.contents-inner {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  position: relative;
}
@media screen and (max-width: 1240px){
  .contents-inner {
    width: 96%;
  }
}
@media screen and (max-width: 768px){
  .contents-inner {
    width: 90%;
  }
}



/*------------------------------------------------------------
machine
-------------------------------------------------------------*/
#machine-area {
  margin: 0 auto 200px;
}
.machine-title {
  margin: 0 0 10px;
	font-size: 2rem;
	font-weight: bold;
	font-family: "DecimaMonoPro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  line-height: 1.2;
  letter-spacing: -1px;
}

/* スライドの動き等速 */
.swiper-wrapper {
transition-timing-function: linear !important;
}

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

.slide-img a {
  position: relative;
  display: block;
}
.slide-img a::before {
  content: '';
  width: 25px;
  height: 25px;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/icon_40y.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 25px;
  right: 29px;
  transition: .4s;
}
.slide-img a:hover::before {
  transform: scale(1.5);
}
.swiper-button-prev, .swiper-button-next {
  display: none;
}
@media screen and (max-width: 900px){
	.slide-img a::before {
	  right: 9px;
	}
}
@media screen and (max-width: 768px){
  .swiper-button-prev, .swiper-button-next {
    display: block;
  }
  #machine-area .swiper {
	overflow: unset;
  }
  .swiper-button-next, .swiper-button-prev {
	width: 50px;
	height: 50px;
	top: unset;
	bottom: -100px;
	color: transparent;
  }
  .swiper-button-prev, .swiper-rtl .swiper-button-next {
	left: auto;
	right: 32%;
	background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/icon_next.png) no-repeat;
	background-size: contain;
  }
  .swiper-button-next, .swiper-rtl .swiper-button-prev {
	left: 32%;
	right: auto;
	background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/icon_prev.png) no-repeat;
	background-size: contain;
  }
  .slide-img a::before {
	right: 29px;
  }
}


/*------------------------------------------------------------
パララックス
-------------------------------------------------------------*/
.parallax {
  background-size: cover;
}
#specialcontents-area1, #specialcontents-area2, #specialcontents-area3, #specialcontents-area4, #specialcontents-area6, #x-area {
  position: relative;
}
.parallax1, .parallax2, .parallax3 {
  position: absolute;
  z-index: 0;
}
#specialcontents-area1 .parallax1 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/sp1-1.png) no-repeat;
  background-size: contain;
  top: 0;
  right: 521px;
  width: 343px;
  height: 203px;
}
#specialcontents-area1 .parallax2 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/sp1-2.png) no-repeat;
  background-size: contain;
  top: 99px;
  right: 782px;
  width: 114px;
  height: 67px;
}
#specialcontents-area2 .parallax1 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/sp2-1.png) no-repeat;
  background-size: contain;
  bottom: -155px;
  left: 400px;
  width: 560px;
  height: 214px;
}
#specialcontents-area2 .parallax2 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/sp2-2.png) no-repeat;
  background-size: contain;
  bottom: -10px;
  left: 730px;
  width: 150px;
  height: 88px;
}
#X-area .parallax3 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/x1.png) no-repeat;
  background-size: contain;
  top: 123px;
  left: 122px;
  width: 262px;
  height: 153px;
}
#X-area .parallax2 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/x2.png) no-repeat;
  background-size: contain;
  top: 89px;
  left: 320px;
  width: 112px;
  height: 65px;
}
#specialcontents-area3 .parallax1 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/sp3-1.png) no-repeat;
  background-size: contain;
  top: -80px;
  right: 0;
  width: 279px;
  height: 282px;
  z-index: 99;
}
#specialcontents-area3 .parallax2 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/sp3-2.png) no-repeat;
  background-size: contain;
  top: 48px;
  right: 149px;
  width: 171px;
  height: 101px;
  z-index: 99;
}
#specialcontents-area4 .parallax1 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/sp4-1.png) no-repeat;
  background-size: contain;
  bottom: -231px;
  left: 606px;
  width: 306px;
  height: 179px;
}
#specialcontents-area4 .parallax2 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/sp4-2.png) no-repeat;
  background-size: contain;
  bottom: -177px;
  left: 811px;
  width: 149px;
  height: 86px;
}
#specialcontents-area6 .parallax1 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/sp6-1.png) no-repeat;
  background-size: contain;
  /* bottom: -237px; */
  bottom: -338px;
  left: 463px;
  width: 449px;
  height: 263px;
}
#specialcontents-area6 .parallax2 {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/sp6-2.png) no-repeat;
  background-size: contain;
  /* bottom: -178px; */
  bottom: -278px;
  left: 833px;
  width: 111px;
  height: 67px;
}
@media screen and (max-width: 1600px) {
#specialcontents-area1 .parallax1 {
  right: calc(100vw * 0.54 - 343px);
}
#specialcontents-area1 .parallax2 {
  right: calc(100vw * 0.56 - 114px);
}
#specialcontents-area2 .parallax1 {
  left: calc(100vw * 0.6 - 560px);
}
#specialcontents-area2 .parallax2 {
  left: calc(100vw * 0.55 - 150px);
}
#X-area .parallax3 {
  left: calc(100vw * 0.24 - 262px);
}
#X-area .parallax2 {
  left: calc(100vw * 0.27 - 112px);
}
#specialcontents-area3 .parallax1 {
  right: calc(100vw * 0.17 - 279px);
}
#specialcontents-area3 .parallax2 {
  right: calc(100vw * 0.2 - 171px);
}
#specialcontents-area4 .parallax1 {
  left: calc(100vw * 0.57 - 306px);
}
#specialcontents-area4 .parallax2 {
  left: calc(100vw * 0.6 - 149px);
}
#specialcontents-area6 .parallax1 {
  left: calc(100vw * 0.57 - 449px);
}
#specialcontents-area6 .parallax2 {
  left: calc(100vw * 0.59 - 111px);
}
}
@media screen and (max-width: 1000px){
#specialcontents-area1 .parallax1 {
  top: 0;
  right: calc(100vw * 0.54 - 267px);
  width: 267px;
  height: 156px;
}
#specialcontents-area1 .parallax2 {
  top: 85px;
  right: calc(100vw * 0.56 - 83px);
  width: 83px;
  height: 47px;
}
#specialcontents-area2 .parallax1 {
  bottom: -122px;
  left: calc(100vw * 0.6 - 481px);
  width: 481px;
  height: 183px;
}
#specialcontents-area2 .parallax2 {
  bottom: 11px;
  left: calc(100vw * 0.55 - 131px);
  width: 131px;
  height: 76px;
}
#X-area .parallax3 {
  top: 33px;
  left: calc(100vw * 0.24 - 212px);
  width: 212px;
  height: 125px;
}
#X-area .parallax2 {
  top: -10px;
  left: calc(100vw * 0.27 - 97px);
  width: 97px;
  height: 58px;
}
#specialcontents-area3 .parallax1 {
  top: -76px;
  right: calc(100vw * 0.2 - 210px);
  width: 210px;
  height: 211px;
}
#specialcontents-area3 .parallax2 {
  top: 48px;
  right: calc(100vw * 0.26 - 125px);
  width: 125px;
  height: 74px;
}
#specialcontents-area4 .parallax1 {
  bottom: -231px;
  left: calc(100vw * 0.57 - 268px);
  width: 268px;
  height: 157px;
}
#specialcontents-area4 .parallax2 {
  bottom: -177px;
  left: calc(100vw * 0.59 - 112px);
  width: 112px;
  height: 64px;
}
#specialcontents-area6 .parallax1 {
  bottom: -177px;
  /* bottom: -308px; */
  left: calc(100vw * 0.57 - 347px);
  width: 347px;
  height: 203px;
}
#specialcontents-area6 .parallax2 {
  bottom: -125px;
  /* bottom: -278px; */
  left: calc(100vw * 0.59 - 99px);
  width: 99px;
  height: 58px;
}
}
@media screen and (max-width: 768px){
#specialcontents-area1 .parallax1 {
  top: auto;
  right: calc(100vw * 0.9 - 341px);
  width: 341px;
  height: 203px;
  bottom: 74px;
}
#specialcontents-area1 .parallax2 {
  top: auto;
  right: calc(100vw * 0.95 - 114px);
  width: 114px;
  height: 67px;
  bottom: 124px;
}
#specialcontents-area2 .parallax1 {
  bottom: -188px;
  left: calc(100vw * 1.0 - 375px);
  width: 346px;
  height: 131px;
}
#specialcontents-area2 .parallax2 {
  bottom: -111px;
  left: calc(100vw * 0.9 - 119px);
  width: 119px;
  height: 68px;
}
#X-area .parallax3 {
  top: calc(100vw * 0.26);
  left: calc(100vw * 0.24 - 186px);
  width: 186px;
  height: 110px;
}
#X-area .parallax2 {
  top: calc(100vw * 0.24);
  left: calc(100vw * 0.28 - 76px);
  width: 76px;
  height: 45px;
}
#specialcontents-area3 .parallax1 {
  top: 131px;
  right: calc(100vw * 0.2 - 159px);
  width: 159px;
  height: 161px;
}
#specialcontents-area3 .parallax2 {
  top: 250px;
  right: calc(100vw * 0.25 - 118px);
  width: 118px;
  height: 68px;
}
#specialcontents-area4 .parallax1 {
  bottom: -355px;
  left: calc(100vw * 0.9 - 313px);
  width: 313px;
  height: 183px;
}
#specialcontents-area4 .parallax2 {
  bottom: -327px;
  left: calc(100vw * 0.96 - 179px);
  width: 179px;
  height: 106px;
}
#specialcontents-area6 .parallax1 {
  bottom: calc(100vw * -0.47);
  /* bottom: -454px; */
  left: calc(100vw * 0.8 - 372px);
  width: 372px;
  height: 217px;
}
#specialcontents-area6 .parallax2 {
  bottom: calc(100vw * -0.44);
  /* bottom: -454px; */
  left: calc(100vw * 0.85 - 96px);
  width: 96px;
  height: 56px;
}
}
@media screen and (max-width: 500px){
#specialcontents-area1 .parallax1 {
  right: calc(100vw * 0.9 - 233px);
  width: 233px;
  height: 136px;
  bottom: 6px;
}
#specialcontents-area1 .parallax2 {
  right: calc(100vw * 0.95 - 86px);
  width: 81px;
  height: 47px;
  bottom: 30px;
}
#specialcontents-area2 .parallax1 {
  bottom: calc(100vw * -0.4);
  left: calc(100vw * 1.0 - 265px);
  width: 265px;
  height: 101px;
}
#specialcontents-area2 .parallax2 {
  bottom: calc(100vw * -0.27);
  left: calc(100vw * 0.9 - 77px);
  width: 77px;
  height: 55px;
}
#X-area .parallax3 {
  top: calc(100vw * 0.2);
  left: calc(100vw * 0.16 - 152px);
  width: 152px;
  height: 90px;
}
#X-area .parallax2 {
  top: calc(100vw * 0.25);
  left: calc(100vw * 0.25 - 63px);
  width: 63px;
  height: 37px;
}
#specialcontents-area3 .parallax1 {
  top: 35px;
  right: calc(100vw * 0.2 - 107px);
  width: 107px;
  height: 108px;
}
#specialcontents-area3 .parallax2 {
  top: 127px;
  right: calc(100vw * 0.24 - 65px);
  width: 65px;
  height: 42px;
}
#specialcontents-area4 .parallax1 {
  bottom: -183px;
  left: calc(100vw * 0.9 - 200px);
  width: 200px;
  height: 118px;
}
#specialcontents-area4 .parallax2 {
  bottom: -181px;
  left: calc(100vw * 0.98 - 112px);
  width: 112px;
  height: 64px;
}
#specialcontents-area6 .parallax1 {
  bottom: calc(100vw * -0.56);
  /* bottom: -290px; */
  left: calc(100vw * 0.87 - 219px);
  width: 219px;
  height: 128px;
}
#specialcontents-area6 .parallax2 {
  bottom: calc(100vw * -0.58);
  /* bottom: -300px; */
  left: calc(100vw * 0.92 - 75px);
  width: 75px;
  height: 44px;
}
}


/*------------------------------------------------------------
specialcontents
-------------------------------------------------------------*/
.special-contents {
margin: 0 auto 0;
padding: 0 0;
height: 450px;
position: relative;
}
.text-left {
  height: 100%;
	text-align: left;
}
.text-right {
  height: 100%;
	text-align: right;
}
.text-contents {
  padding: 35px 0;
	/* width: 45%; */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.text-right .text-contents {
  right: 0;
}
.category-title {
	color: #ff0000;
	font-size: 2rem;
	font-weight: bold;
	font-family: "DecimaMonoPro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  letter-spacing: -1px;
  line-height: 1;
}
.content-title {
  margin: 0 0 10px;
	font-size: 3rem;
	font-weight: bold;
  line-height: 1.2;
}
.content-text {
  margin: 0 0 15px;
  max-width: 400px;
	font-size: 0.9rem;
	font-weight: bold;
}
.text-right .content-text {
  margin: 0 0 15px auto;
  text-align: left;
}
#specialcontents-area2 .content-text {
  /* max-width: 285px; */
}
.img-left, .img-right {
	height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 54%;
  z-index: 3;
}
.img-right {
	right: 0;
	left: auto;
}
.img-left img, .img-right img {
	height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center left;
  position: absolute;
  top: 0;
  left: 0;
}
.img-left img {
  object-position: center right;
}

@media screen and (max-width: 1020px){
  .content-title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 960px){
  .content-text {
    max-width: 300px;
  }
}
@media screen and (max-width: 850px){
  .content-title {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 768px){
  .text-left {
    position: relative;
    z-index: 2;
  }
  .special-contents {
  margin: 0 auto;
  padding: 0 0;
  height: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  }
  .text-contents {
    padding: 35px 0;
    width: 100%;
    position: relative;
    top: 0;
    transform: none;
  }
  .text-right .text-contents {
    right: 0;
  }
  .category-title {
    font-size: 1.2rem;
  }
  .content-title {
    margin: 0 0 10px;
    font-size: 2.5rem;
  }
  .content-text {
    margin: 0 0 15px;
    max-width: 100%;
    font-size: 0.8rem;
    font-weight: bold;
  }
  .text-right .content-text {
    margin: 0 0 15px auto;
    font-size: 0.9rem;
  }
  #specialcontents-area2 .content-text {
    max-width: 100%;
  }
  .img-left, .img-right {
    position: relative;
    width: 76%;
  }
  .img-right {
    margin: 0 0 0 auto;
  }
  .img-left {
    order: 1;
  }
  .text-right {
    order: 0;
  }
  .img-left img, .img-right img {
    height: 100%;
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 500px){
  .content-title {
    font-size: 2.0rem;
  }
}

 
/*------------------------------------------------------------
movie
-------------------------------------------------------------*/
#movie-area {
  padding: 200px 0 75px;
  background: #000 url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/movie_back.jpg) no-repeat;
  background-size: 100% auto;
  background-position: top;
}
#movie-area h2 {
  margin: 0 auto 30px;
	font-size: 8rem;
	font-weight: bold;
	font-family: "DecimaMonoPro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  color: #fff;
  line-height: 1;
}
.movie-main {
  margin: 0 auto 90px;
  max-width: 90%;
}
.movie-main a {
  margin: 0 auto;
  width: 100%;
}
.movie-main a img {
  width: 100%;
  overflow: hidden;
}
.movie-contents ul {
  margin: 0 auto;
  width: 90%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;  
}
#movie-area ul a img {
  width: 100%;
}


@media screen and (max-width: 768px){
#movie-area {
  padding: 100px 0 75px;
  background-size: cover;
}
#movie-area h2 {
  margin: 0 auto;
  font-size: 4.5rem;
}
.movie-main {
  margin: 40px auto 50px;
  max-width: 100%;
}
.movie-main a {
  max-width: 100%;
}
.movie-contents ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;  
}
}


#movie-area a {
  position: relative;
  display: block;
  overflow: hidden;
}
#movie-area a::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -70px;
  left: 0;
  width: 14px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
  z-index: 10;
}
#movie-area .movie-main a::before {
  width: 24px;
}
#movie-area a:hover::before {
  animation: kiran 0.5s linear 1;
}
#movie-area a::after {
  content: '';
  width: 80px;
  height: 80px;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/icon_play.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .4s;
}
#movie-area .movie-text {
  margin: 5px 0 15px;
  color: #fff;
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.4;
}

#movie-area .movie-text span {
  margin: 0 0 4px 0;
  width: fit-content;
  display: block;
  font-size: 0.7rem;
  font-weight: 100;
}

@media screen and (max-width: 768px){
  #movie-area a::after {
    width: 50px;
    height: 50px;
  }
  #movie-area .movie-text {
    margin: 8px 0;
    font-size: 0.9rem;
    line-height: 1.2;
  }
}

/*------------------------------------------------------------
カウントダウン
-------------------------------------------------------------*/
#timer-area {
  margin: 0 auto -7px;
  padding: 0 0;
  position: relative;
  overflow: hidden;
}
#timer-area .pattern{
min-width: 100%;
min-height: 98.5%;
background:url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/line.png); 
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#timer-area video {
  width: 100%;
  object-fit: cover;
}
.countdown-contents{
  padding: 120px 20px 70px;
}
#timer-area h2 {
  margin: 0 auto;
  color: #ff0000;
  font-size: 3.8rem;
	font-family: "DecimaMonoPro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  line-height: 1;
  letter-spacing: -8px;
  position: relative;
  z-index: 10;
}
#timer-area h2+span{
  margin: 0 auto 40px;
  color: #ff0000;
  font-style: italic;
  font-weight: bold;
  font-size: 1.2rem;
}
#timer-area .contents-inner {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 90;
}
@media screen and (max-width: 768px){
  #timer-area {
    /* background:url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/timer_back.jpg) no-repeat; 
    background-size: cover; */
  }
  #timer-area .pattern{
    min-height: 97%;
  }
  #timer-area video {
    /* display: none; */
  }
  #timer-area .contents-inner {
    /* position: relative;
    top: 0;
    left: 0;
    transform: unset; */
  }
  .countdown-contents{
    padding: 50px 0 30px;
  }
  #timer-area h2 {
    margin: 0 auto;
    font-size: 2.2rem;
    letter-spacing: -4px;
  }
  #timer-area h2+span{
    font-size: 0.9rem;
  }
}
.countdown{
  position: relative;
  z-index: 10;
}
.countdown_text{
  text-align: center;
  color: #ff0000;
  font-size: 9.2em;
  font-family: 'DecimaMonoPro', sans-serif;
  letter-spacing: -2px;
  font-weight: bold;
  display: block;
  line-height: 1;
  padding: 38px 0 20px 0;
}
#countdown-day,#countdown-hour,#countdown-min,#countdown-sec{
  letter-spacing: -9px;
}
#countdown-hour,#countdown-min{
  padding-right: 10px;
}
.countdown_small{
  font-size: 20px;
  padding-right: 44px;
  letter-spacing: -3px;
}
  
@media screen and (max-width: 1050px){
  .countdown_text{
    font-size: 8em;
    padding: 3px 0 20px 0;
  }
}
  
@media screen and (max-width: 950px){
  .countdown_text{
    font-size: 7em;
    padding: 32px 0 20px 0;
  }
}
  
@media screen and (max-width: 768px) {
  .countdown_area{
    padding: 20px 0 100px 0;
  }
  .countdown_area h2 {
    margin: 0 auto 13px;
  }
  .countdown_text{
    font-size: 4.1em;
    padding: 10px 0 16px 0;
  }
  #countdown-day,#countdown-hour,#countdown-min,#countdown-sec{
    letter-spacing: -5px;
  }
  #countdown-hour,#countdown-min{
    padding-right: 4px;
  }
  .countdown_small{
    font-size: 10px;
    padding-right: 14px;
    letter-spacing: -1px;
  }
}
  

/*------------------------------------------------------------
onboard
-------------------------------------------------------------*/
#onboard-area {
  margin: 0 auto 0;
  padding: 150px 0;
  background: #000 url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/onboard_back.png) no-repeat;
  background-size: 100%;
  background-position: top;
  position: relative;
}

#onboard-area h2 {
	font-size: 8rem;
	font-weight: bold;
	font-family: "DecimaMonoPro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  color: #fff;
  line-height: 1;
}
#onboard-area p {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  font-style: italic;
  color: #fff;
}
.onboard-contents {
  margin: 40px auto 80px;
  /* margin: 40px auto 240px; */
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}
.onboard-contents a {
  margin: 18px 0 0;
  display: inline-block;
}
#onboard-area button.see-more {
  width: 22rem;
}
#onboard-area button.see-more .circle {
  background: #ff0000;
}
#onboard-area button.see-more .button-text {
  color: #fff;
}
.onboard-contents a.nolink {
  padding: 12px 20px;
  background: #a3a2a2;
  color: #000;
  font-size: 1rem;
}
.onboard-contents a:hover {
  color: #000;
}
.onboard-link a {
  padding: 20px 60px 20px 80px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.0rem;
  font-weight: bold;
  display: inline-block;
  background: #000;
  position: relative;
  overflow: hidden;
}
.onboard-link a::after {
  content: '';
  width: 32px;
  height: 20px;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/icon_movie.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 42px;
  transform: translateY(-50%);
  transition: .4s;
}
#onboard-area .onboard-link p {
  padding: 12px 0 0 0;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 100;
}
.onboard-link a::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -70px;
  left: 0;
  width: 14px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
  z-index: 10;
}
.onboard-link a:hover::before {
  animation: kiran 0.5s linear 1;
}

@media screen and (max-width: 768px){
#onboard-area {
  padding: 50px 0;
  background: #000 url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/onboard_back_sp.png) no-repeat;
  background-size: 100%;
  background-position: top;
}
#onboard-area h2 {
    margin: 50px auto 0;
    font-size: 4.5rem;
}
#onboard-area p {
  font-size: 1.0rem;
}
.onboard-contents {
    margin: 40px auto;
    display: block;
}
.onboard-link a {
  padding: 20px 25px 20px 95px;
}
.onboard-link a::after {
  width: 64px;
  height: 39px;
  left: 14px;
}
.onboard-item {
    margin: 0 auto 40px;
}
.onboard-item iframe {
    aspect-ratio: 16/9;
}
}
@media screen and (max-width: 400px){
  #onboard-area button.see-more {
    width: 19rem;
  }
  #onboard-area button.see-more .button-text {
    font-size: 0.8rem;
  }
}

/*------------------------------------------------------------
X
-------------------------------------------------------------*/
#X-area {
  margin: 0 auto 0;
  padding: 100px 0;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/x_back_pc.jpg) no-repeat;
  background-size: cover;
  position: relative;
  z-index: 90;
}
.x-titlearea {
  margin: 0 auto;
  width: max-content;
  display: flex;
  align-items: end;
  justify-content: center;
  position: relative;
  z-index: 99;
}
.titlearea-img {
  width: 200px;
  height: 100%;
}
#X-area h2 {
  margin: 0 25px;
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  font-size: 3.0rem;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.4;
}
#X-area p {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
#X-area a + p {
  font-size: 0.8rem;
  font-weight: 100;
  font-style: normal;
}
.X-contents {
  border-radius: 15px;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/x-contents_back.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.twitsterLive {
  margin: 30px auto 65px;
  padding: 0 0 40px;
  width: 578px;
  height: 500px;
  border-radius: 15px;
  overflow: hidden;
}

.twitter-link {
  padding: 15px 23px 15px 66px;
  background: #000;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 38px;
  position: relative;
  display: inline-block;
  border: 1px solid;
  overflow: hidden;
}
.twitter-link::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -70px;
  left: 0;
  width: 14px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
  z-index: 10;
}
.twitter-link:hover::before {
  animation: kiran 0.5s linear 1;
}
.twitter-link::after {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 26px;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/icon_X.png) no-repeat;
  background-size: 100% 100%;
  transform: translateY(-50%);
  z-index: 0;
}
@media screen and (max-width: 1300px){
#X-area .contents-inner {
    width: 90%;
}
}
@media screen and (max-width: 1200px){
.twitsterLive {
  width: 96%;
}
}
@media screen and (max-width: 900px){
  .x-titlearea {
    width: 100%;
  }
  .titlearea-img {
    width: calc(100vw * 0.18);
  }
  #X-area h2 {
    margin: 0 1%;
    font-size: 4.666vw;
  }
}
@media screen and (max-width: 768px){
#X-area {
  margin: 0 auto 0;
  padding: 70px 0;
  background-size: auto 100%;
}
.x-titlearea {
  margin: 0 auto 10px;
  display: flex;
  align-items: normal;
  flex-wrap: wrap;
  justify-content: center;
}
#X-area h2 {
  margin: 0 auto 10px;
  width: 100%;
  font-size: 2.0rem;
}
#X-area p {
  font-size: 0.9rem;
}
.X-contents {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/x-contents_back_sp.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.titlearea-img {
  padding: 0 7px;
  width: 130px;
}
.twitsterLive {
  margin: 30px auto 40px;
  width: 90%;
}
.twitter-link {
  padding: 7px 18px 7px 52px;
  font-size: 1.0rem;
}
.twitter-link::after {
  width: 25px;
  height: 25px;
  left: 18px;
}
}


#movie-area a:hover::before, .onboard-link a:hover:before, .twitter-link:hover:before, #archive-area .column-item a:hover:before, .archive-contents a:hover .archive-img::before {
  animation: kiran 0.5s linear 1;
}
 
@keyframes kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
}
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.6;
}
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.4;
}
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
}
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
}
}


button {
position: relative;
display: inline-block;
cursor: pointer;
outline: none;
border: 0;
vertical-align: middle;
text-decoration: none;
background: transparent;
padding: 0;
font-size: inherit;
font-family: inherit;
}
button.see-more {
width: 10rem;
height: auto;
}
button.see-more .circle {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: relative;
display: block;
margin: 0;
width: 3rem;
height: 3rem;
background: #000;
border-radius: 1.625rem;
}
button.see-more .circle .icon {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: #fff;
}
button.see-more .circle .icon.arrow {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
left: 0.625rem;
width: 1.125rem;
height: 0.125rem;
background: none;
}
button.see-more .circle .icon.arrow::before {
position: absolute;
content: "";
top: -0.25rem;
right: 0.0625rem;
width: 0.625rem;
height: 0.625rem;
border-top: 0.125rem solid #fff;
border-right: 0.125rem solid #fff;
transform: rotate(45deg);
}
button.see-more .button-text {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0.75rem 0;
margin: 0 0 0 1.85rem;
color: #282936;
font-weight: 700;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
}
button:hover .circle {
width: 100% !important;
}
button:hover .circle .icon.arrow {
background: #fff;
transform: translate(1rem, 0);
}
button:hover .button-text {
color: #fff;
}
@media screen and (max-width: 768px){
  button.see-more .button-text {
    font-size: 0.8rem;
  }
  button.see-more {
  width: 9rem;
  }
  button {
  z-index: 999;
  }
  button.see-more .circle {
    width: 2.5rem;
    height: 2.5rem;
  }
  button.see-more .circle .icon.arrow {
    left: 0.4rem;
  }
}



.link-button {
  margin: 0 auto;
  padding: 16px 38px 16px 33px;
  width: fit-content;
  background: #ff0000;
  position: relative;
  font-size: 0.8rem;
  font-weight: bold;
  border-radius: 50px;
  overflow: hidden;
  z-index: 1;
}
.link-button::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  transform: translateX(-100%);
  transition: .3s;
  z-index: -1;
}
.nolink .link-button {
  background: #a3a2a2;
  color: #000;
}
.nolink .link-button::before {
  display: none;
}
a:hover .link-button {
  color: #ff0000;
}
a:hover .link-button::before {
  transform: translateX(0);
}
a.nolink:hover .link-button {
  color: #000;
}
@media screen and (max-width: 768px){
.link-button {
    padding: 15px 0;
    width: 80%;
    font-size: 0.8rem;
    text-align: center;
}
}
.link-button::after {
  content: '';
  width: 11px;
  height: 11px;
  border: 2.5px solid;
  border-color: #fff #fff transparent transparent;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-radius: 2px;
}
.archive-contents {
  margin: 50px auto 0;
  max-width: 850px;
}
.archive-contents a {
  padding: 0;
  max-width: 800px;
  color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
}
.archive-contents a .archive-img {
  position: relative;
  overflow: hidden;
}
.archive-contents a::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -70px;
  left: 0;
  width: 24px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
  z-index: 10;
}
.archive-contents a:hover::before {
  animation: kiran 0.5s linear 1;
}



/*------------------------------------------------------------
OUR HISTORY
-------------------------------------------------------------*/
#specialcontents-area7 {
  padding: 180px 0 50px;
  background: #000 url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/history_back.jpg) no-repeat;
  background-size: 100%;
  background-position: top;
}
#specialcontents-area7 h2 {
  margin: 0 auto;
  color: #fff;
  font-size: 3.8rem;
	font-family: "DecimaMonoPro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  line-height: 1;
  letter-spacing: -4px;
}
#specialcontents-area7 p {
  margin: 0 auto;
  color: #fff;
  font-size: 1.2rem;
}
.history-contents {
  margin: 60px auto 0;
  max-width: 80%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
}
.history-item {
  text-align: left;
}
#specialcontents-area7 .history-contents p {
  text-align: left;
  font-size: 0.9rem;
}
#specialcontents-area7 .history-contents .history-text {
  margin: 5px 0;
  font-size: 1.2rem;
  font-weight: bold;
}
#specialcontents-area7 a {
  padding: 10px 0 0;
  display: inline-block;
}
#specialcontents-area7 button.see-more .circle {
  background: #ff0000;
}
#specialcontents-area7 button.see-more .button-text {
  color: #fff;
}
@media screen and (max-width: 768px){
  #specialcontents-area7 {
    padding: 100px 0 0;
    background-size: auto 100%;
  }
  #specialcontents-area7 h2 {
    margin: 0 auto 10px;
    font-size: 3.0rem;
  }
  #specialcontents-area7 p {
    margin: 0 auto;
    font-size: 1.0rem;
  }
  .history-contents {
    margin: 50px auto 0;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0;
  }
  .history-item {
    margin: 0 auto 50px;
    text-align: center;
  }
}

/*------------------------------------------------------------
特集アーカイブ
-------------------------------------------------------------*/
#specialcontents-area8 {
  padding: 100px 0 150px;
  background: #000;
}
#specialcontents-area8 h2 {
  margin: 0 auto 10px;
  color: #fff;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1;
}
#specialcontents-area8 p {
  margin: 0 auto;
  color: #fff;
  font-size: 1.2rem;
}
#specialcontents-area8 img {
  border: #bcbcbc 1px solid;
}
@media screen and (max-width: 768px){
  #specialcontents-area8 {
    padding: 30px 0 80px;
  }
  #specialcontents-area8 h2 {
    margin: 0 auto 15px;
    font-size: 2.0rem;
  }
  #specialcontents-area8 p {
    font-size: 1.0rem;
  }
  .archive-contents {
    margin: 18px auto 0;
    width: 100%;
  }
}

/*------------------------------------------------------------
チードラとabout
-------------------------------------------------------------*/
#info-area {
  margin: 0 auto 0;
  padding: 100px 0 80px;
  text-align: center;
}
#info-area h2 {
  margin: 0 auto;
  font-size: 3.0rem;
	font-family: "DecimaMonoPro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  line-height: 1.2;
  letter-spacing: -4px;
}
.info-linktext {
  margin: 0 auto 10px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #000;
  line-height: 1;
}

.info-contents {
  margin: 0 auto;
  max-width: 80%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 50px;
  overflow: hidden;
}
.info-item a {
  padding: 10px 0 0;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 930px){
  #info-area h2 {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 768px){
#info-area {
  padding: 80px 0 30px;
}
.info-contents {
    margin: 0 auto;
    max-width: 90%;
    display: block;
}
#info-area h2 {
  margin: 15px auto 0;
  font-size: 2.5rem;
  line-height: 1.0;
  letter-spacing: -4px;
}
.info-item {
    margin: 0 auto 30px;
    width: 100%;
}
.info-item a {
  display: block;
}
.info-linktext {
  margin: 0 auto;
  font-size: 1.0rem;
}
}


.info-back {
  background: #e70012 url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/info_back_pc.jpg) no-repeat;
  background-size: 100%;
  background-position: top;
}
@media screen and (max-width: 768px){
  .info-back {
    background: #e70012 url(/-/media/TMC/tgr/jpn/contents/wec/special/2025/24h-lemans/images/info_back_sp.jpg) no-repeat;
    background-size: 100% auto;
  }
}
/*------------------------------------------------------------
receReport
-------------------------------------------------------------*/

#receReport {
margin: 0px auto 0;
padding: 150px 0 100px;
}
#receReport h2 {
margin: 0 auto 40px;
color: #fff;
font-size: 3.8rem;
font-family: "DecimaMonoPro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
line-height: 1.2;
letter-spacing: -4px;
}
.link-report {
margin: 0 auto;
max-width: 1200px;
}
.report-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 25px;
}
.report-item {
  background: #000;
  text-align: left;
  border-radius: 50px;
}
.report-item a {
padding: 10px 15px;
height: 55px;
display: block;
position: relative;
font-weight: bold;
overflow: hidden;
color: #fff;
font-size: 1rem;
border-radius: 50px;
}
.report-item a.nolink {
  background: #a3a2a2;
  color: #000;
  border-radius: 50px;
}
.report-item a::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
transform: translateX(-100%);
transition: .3s;
z-index: 0;
border-radius: 50px;
}
.report-item a:hover {
color: #ff0000;
}
.report-item a:hover::after {
transform: translateX(0);
}
.report-item a.nolink:hover {
color: #000;
}
.report-item a.nolink:hover::after {
  transform: translateX(-100%);
}
.report-item span {
width: 90%;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
z-index: 1;
}
.report-item span::after {
  content: '';
  width: 11px;
  height: 11px;
  border: 3px solid;
  border-color: #fff #fff transparent transparent;
  position: absolute;
  right: 10px;
  border-radius: 3px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.report-item a:hover span::after {
  border-color: #ff0000 #ff0000 transparent transparent;
}
.report-item a.nolink span::after {
  content: '';
  width: 11px;
  height: 11px;
  border: 3px solid;
  border-color: #000 #000 transparent transparent;
  position: absolute;
  right: 10px;
  border-radius: 3px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 1240px){
.link-report {
    width: 95%;
}
.report-list {
    gap: 15px;
}
}
@media screen and (max-width: 1080px){
.report-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 768px){
#receReport {
  margin: 0 auto 0;
  padding: 80px 0 30px;
}
#receReport h2 {
  margin: 0 auto 15px;
font-size: 2.5rem;
}
.report-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.report-item {
    margin: 0 0 10px;
}
.report-item a {
  padding: 5px 15px;
  height: 50px;
}
}

.mscat-partner {
  background: #fff;
}


/*------------------------------------------------------------
フォトギャラリー
-------------------------------------------------------------*/
#photogallery-area {
  padding: 63px 0 100px;
}
#photogallery-area h2 {
  margin: 0 auto 40px;
  color: #fff;
  font-size: 3.8rem;
  font-family: "DecimaMonoPro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  line-height: 1.2;
  letter-spacing: -4px;
}
#photogallery-area p {
  color: #fff;
}
.tgrphotogallery{
  margin: 0 auto 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.photo-bg{
  background: #000;
}
.photo-title {
  margin: 0 0 15px;
  font-size: 0.9rem;
}
.photo-bg a {
  position: relative;
  overflow: hidden;
  display: block;
}
.photo-bg a::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -70px;
  left: 0;
  width: 14px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
  z-index: 10;
}
.photo-bg a:hover::before {
  animation: kiran 0.5s linear 1;
}

@media screen and (max-width: 950px){
.tgrphotogallery{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
}

@media screen and (max-width: 768px){
#photogallery-area {
    padding: 30px 0;
}
#photogallery-area h2 {
  margin: 0 auto 15px;
    font-size: 2.5rem;
}
.tgrphotogallery{
    margin: 15px auto 0;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.tgrphotogallery li img{
    width: 100%;
}
.photo-title {
  margin: 0 0;
}
}


/*------------------------------------------------------------
アーカイブ
-------------------------------------------------------------*/
#archive-area {
  padding: 63px 0 150px;
}
#archive-area h2 {
  margin: 0 auto 40px;
  color: #fff;
  font-size: 3.8rem;
  font-family: "DecimaMonoPro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  line-height: 1.2;
  letter-spacing: -4px;
}
#archive-area .column-item {
  box-shadow: none;
}
#archive-area .column-item img {
  border: 1px solid #5d494b;
}
#archive-area .column-item a {
  padding: 0;
  background: transparent;
  position: relative;
  overflow: hidden;
  display: block;
}
#archive-area .column-item a::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -70px;
  left: 0;
  width: 14px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
  z-index: 10;
}
#archive-area .column-item a:hover::before {
  animation: kiran 0.5s linear 1;
}
.column-item-title {
  margin: 0 0 15px;
  color: #fff;
  font-size: 1.0rem;
}
.column{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

@media screen and (max-width: 950px){
.column{
    gap: 20px;
}
}

@media screen and (max-width: 768px){
#archive-area {
    padding: 30px 0;
}
#archive-area h2 {
  margin: 0 auto 15px;
    font-size: 2.5rem;
}
#archive-area .column-item {
    margin: 0 0;
    width: 100%;
}
.column{
    margin: 0 auto;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.column-item-title {
  margin: 0 0;
}
}


 

/*--------------------------------------------------------
AOS
--------------------------------------------------------*/

/* アニメーションAOS */
[data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/*# sourceMappingURL=aos.css.map*/

/*------------------------------------------------------------
Youtube ポップアップ
-------------------------------------------------------------*/

/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}



/* -----------------------------------------------------------
Nobel Font
------------------------------------------------------------ */


@font-face {
  font-family: "Nobel-Regular";
  src: url("../../../font/Nobel-Regular.eot");
  src: url("../../../font/Nobel-Regular.eot?") format("embedded-opentype"),
  url("../../../font/Nobel-Regular.woff") format("woff"),
  url("../../../font/Nobel-Regular.ttf") format("truetype"),
  url("../../../font/Nobel-Regular.svg#Nobel-Regular") format("svg");
  font-style: normal;
  font-weight: normal; /* 400 */
}
  
  @font-face {
  font-family: "Nobel-Bold";
  src: url("../../../font/Nobel-Bold.eot");
  src: url("../../../font/Nobel-Bold.eot?") format("embedded-opentype"),
  url("../../../font/Nobel-Bold.woff") format("woff"),
  url("../../../font/Nobel-Bold.ttf") format("truetype"),
  url("../../../font/Nobel-Bold.svg#Nobel-Bold") format("svg");
  font-weight: normal;
  font-style: normal; /* 700 */
}