@charset "utf-8";
/*body {
background: url("../images/bk_hotword.jpg"), #070000;
}*/
main {
	padding-top:0rem;
}
#top-about-area,
#top-access-area,
#topmainnavarea,
#moviearea,
#topmainarea,
#topnewstickerarea,
#topceremonyarea,
#tophashtagarea,
#topwatcharea,
#topprogramarea,
#topschedulearea,
#topeventarea,
#topguestarea,
#topinfoarea,
#topguestarea,
#topspecialarea {
position: relative;
width: 100%;
overflow: hidden;
}

#topnewstickerarea,
#tophashtagarea {
width: 87%;
}
#topnewstickerarea,
#tophashtagarea {
border-radius: 3rem;
}
#top-about-area header,
#top-access-area header,
#topnewstickerarea header,
#top-matching-events-area header,
#tophashtagarea header,
#topwatcharea header,
#topprogramarea header {
margin-bottom: 4rem;
text-align: center;
}
#top-matching-events-area header,
#topmainbnrarea header,
#topschedulearea header,
#topeventarea header,
#topinfoarea header,
#topguestarea header,
#topspecialarea header {
margin-bottom: 6rem;
text-align: center;
}/*
#top-about-area header a,
#top-access-area header a,
#top-matching-events-area header a,
#topmainbnrarea header a,
#topnewstickerarea header a,
#tophashtagarea header a,
#topwatcharea header a,
#topprogramarea header a,
#topschedulearea header a,
#topeventarea header  a,
#topguestarea header a,
#topinfoarea header a,
#topspecialarea header a {
color: #e8c887;
}*/
#top-about-area header h2 a,
#top-access-area header h2 a,
#top-matching-events-area header h2 a,
#topmainbnrarea header h2 a,
#topnewstickerarea header h2 a,
#tophashtagarea header h2 a,
#topwatcharea header h2 a,
#topprogramarea header h2 a,
#topschedulearea header h2 a,
#topeventarea header  a h2,
#topguestarea header h2 a,
#topinfoarea header h2 a,
#topspecialarea header h2 a {
color: #e8c887;
}
#top-about-area header h2.en a,
#top-about-area header p a,
#top-access-area header h2.en a,
#top-access-area header p a,
#top-matching-events-area header h2.en a,
#top-matching-events-area header p a,
#topmainbnrarea header h2.en a,
#topmainbnrarea header p a,
#topnewstickerarea header h2.en a,
#topnewstickerarea header p a,
#tophashtagarea header h2.en a,
#tophashtagarea header p a,
#topwatcharea header h2.en a,
#topwatcharea header p a,
#topprogramarea header h2.en a,
#topprogramarea header p a,
#topschedulearea header h2.en a,
#topschedulearea header p a,
#topeventarea header h2.en a,
#topeventarea header p a,
#topguestarea header h2.en a,
#topguestarea header p a,
#topinfoarea header h2.en a,
#topinfoarea header p a,
#topspecialarea header h2.en a,
#topspecialarea header p a {
color: #fff;
}

#top-about-area header h2,
#top-access-area header h2,
#top-matching-events-area header h2,
#topmainbnrarea header h2,
#topnewstickerarea header h2,
#tophashtagarea header h2,
#topwatcharea header h2,
#topprogramarea header h2,
#topschedulearea header h2,
#topeventarea header h2,
#topguestarea header h2,
#topinfoarea header h2,
#topspecialarea header h2 {
font-size: 2.4em;
font-size: 2.4rem;
font-weight: 400;
line-height: 1.0;
letter-spacing: 2px;
color: #e8c887;
}

#top-about-area header h2.en,
#top-about-area header p,
#top-access-area header h2.en,
#top-access-area header p,
#top-matching-events-area header h2.en,
#top-matching-events-area header p,
#topmainbnrarea header h2.en,
#topmainbnrarea header p,
#topnewstickerarea header h2.en,
#topnewstickerarea header p,
#tophashtagarea header h2.en,
#tophashtagarea header p,
#topwatcharea header h2.en,
#topwatcharea header p,
#topprogramarea header h2.en,
#topprogramarea header p,
#topschedulearea header h2.en,
#topschedulearea header p,
#topeventarea header h2.en,
#topeventarea header p,
#topguestarea header h2.en,
#topguestarea header p,
#topinfoarea header h2.en,
#topinfoarea header p,
#topspecialarea header h2.en,
#topspecialarea header p {
font-weight: normal;
font-size: 8em;
font-size: 8rem;
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
letter-spacing: 2px;
line-height: 1.0;
margin-bottom: 2rem;
color: #fff;
text-shadow: 0px 0px 8px rgba(232, 200, 135, 1), 0px 0px 30px rgba(232, 200, 135, 0.7), 0px 0px 40px rgba(232, 200, 135, 0.3);
}
#topsponsorarea header h2,
#topsponsorarea header p.h2-title {
text-align: center;
font-weight: normal;
font-size:3em;
font-size: 3rem;
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
letter-spacing: 1px;
line-height: 1.0;
margin-bottom: 6rem;
    color: #121212;
}

#top-about-area header h2,
#topnewstickerarea header h2,
#top-access-area header h2,
#top-matching-events-area header h2,
#topmainbnrarea header h2,
#tophashtagarea header h2,
#toptheaterarea header h2,
#topwatcharea header h2,
#topprogramarea header h2,
#topschedulearea header h2,
#topschedulearea header p,
#topeventarea header h2,
#topguestarea header h2,
#topinfoarea header h2,
#topspecialarea header h2 {
transition: all 0.4s ease-out;
transform: translateY(30px);
opacity: 0;
}

#top-about-area header h2.active,
#topnewstickerarea header h2.active,
#top-access-area header h2.active,
#top-matching-events-area header h2.active,
#topmainbnrarea header h2.active,
#tophashtagarea header h2.active,
#toptheaterarea header h2.active,
#topwatcharea header h2.active,
#topprogramarea header h2.active,
#topschedulearea header h2.active,
#topeventarea header h2.active,
#topguestarea header h2.active,
#topinfoarea header h2.active,
#topspecialarea header h2.active {
transform: translateY(0%);
opacity: 1;
}
#top-about-area header p,
#topnewstickerarea header p,
#top-access-area header p,
#top-matching-events-area header p,
#topmainbnrarea header p,
#tophashtagarea header p,
#toptheaterarea header p,
#topwatcharea header p,
#topprogramarea header p,
#topschedulearea header p,
#topeventarea header p,
#topguestarea header p,
#topinfoarea header p,
#topspecialarea header p {
transition: all 0.6s ease-out;
transform: translateY(30px);
opacity: 0;
}
#top-about-area header p.active,
#topnewstickerarea header p.active,
#top-access-area header p.active,
#top-matching-events-area header p.active,
#topmainbnrarea header p.active,
#tophashtagarea header p.active,
#toptheaterarea header p.active,
#topwatcharea header p.active,
#topprogramarea header p.active,
#topschedulearea header p.active,
#topeventarea header p.active,
#topguestarea header p.active,
#topinfoarea header p.active,
#topspecialarea header p.active {
transform: translateY(0%);
opacity: 1;
}
#top-about-area header h2.en,
#topnewstickerarea header h2.en,
#top-access-area header h2.en,
#top-matching-events-area header h2.en,
#topmainbnrarea header h2.en,
#tophashtagarea header h2.en,
#toptheaterarea header h2.en,
#topwatcharea header h2.en,
#topprogramarea header h2.en,
#topschedulearea header h2.en,
#topeventarea header h2.en,
#topguestarea header h2.en,
#topinfoarea header h2.en,
#topspecialarea header h2.en {
transition: all 0.6s ease-out;
transform: translateY(30px);
opacity: 0;
}
#top-about-area header h2.en.active,
#topnewstickerarea header h2.en.active,
#top-access-area header h2.en.active,
#top-matching-events-area header h2.en.active,
#topmainbnrarea header h2.en.active,
#tophashtagarea header h2.en.active,
#toptheaterarea header h2.en.active,
#topwatcharea header h2.en.active,
#topprogramarea header h2.en.active,
#topschedulearea header h2.en.active,
#topeventarea header h2.en.active,
#topguestarea header h2.en.active,
#topinfoarea header h2.en.active,
#topspecialarea header h2.en.active {
transform: translateY(0%);
opacity: 1;
}
#topnewstickerarea .swiper-wrapper,
#top-access-area .swiper-wrapper,
#topschedulearea .swiper-wrapper,
#topeventarea .swiper-wrapper,
#topguestarea .swiper-wrapper,
#topinfoarea .swiper-wrapper,
#topspecialarea .swiper-wrapper {
align-items: stretch !important;
padding: 2rem 0 7rem 0;
}
#topnewstickerarea .swiper-slide .info,
#top-access-area .swiper-slide .info,
#topschedulearea .swiper-slide .info,
#topguestarea .swiper-slide .info,
#topeventarea .swiper-slide .info,
#topspecialarea .swiper-slide .info {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#topnewstickerarea .swiper-slide .info .date,
#top-access-area .swiper-slide .info .date,
#topeventarea .swiper-slide .info .date,
#topschedulearea .swiper-slide .date,
#topguestarea .swiper-slide .date,
#topinfoarea .swiper-slide .info .date {
font-size: 3.4em;
font-size: 3.4rem;
font-weight: 700;
line-height: 1.6;
vertical-align: baseline;
}
#topnewstickerarea .swiper-slide .info .date span,
#top-access-area .swiper-slide .info .date span,
#topeventarea .swiper-slide .info .date span,
#topschedulearea .swiper-slide .date span,
#topguestarea .swiper-slide .date span,
#topinfoarea .swiper-slide .info .date span {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.6;
vertical-align: baseline;
margin-left: 0.5rem;
}
#topnewstickerarea .swiper-button-next,
#topnewstickerarea .swiper-button-prev,
#top-access-area .swiper-button-next,
#top-access-area .swiper-button-prev,
#topprogramarea .swiper-button-next,
#topprogramarea .swiper-button-prev,
#topschedulearea .swiper-button-next,
#topschedulearea .swiper-button-prev,
#topeventarea .swiper-button-next,
#topeventarea .swiper-button-prev,
#topguestarea .swiper-button-next,
#topguestarea .swiper-button-prev,
#topinfoarea .swiper-button-next,
#topinfoarea .swiper-button-prev {
    top:inherit;
    bottom: 0;
}
#topprogramarea .swiper-button-next,
#topprogramarea .swiper-button-prev {
    --swiper-navigation-color: #fffff6;
}
#topnewstickerarea .swiper-button-next,
#topnewstickerarea .swiper-button-prev,
#top-access-area .swiper-button-next,
#top-access-area .swiper-button-prev,
#topschedulearea .swiper-button-next,
#topschedulearea .swiper-button-prev,
#topeventarea .swiper-button-next,
#topeventarea .swiper-button-prev,
#topguestarea .swiper-button-next,
#topguestarea .swiper-button-prev,
#topinfoarea .swiper-button-next,
#topinfoarea .swiper-button-prev,
#topspecialarea .swiper-button-next,
#topspecialarea .swiper-button-prev {
    --swiper-navigation-color: #fffff6;
}
#topnewstickerarea .swiper-button-next,
#top-access-area .swiper-button-next,
#topprogramarea .swiper-button-next,
#topschedulearea .swiper-button-next,
#topeventarea .swiper-button-next,
#topguestarea .swiper-button-next,
#topinfoarea .swiper-button-next,
#topspecialarea .swiper-button-next {
right: 2%;
}
#topnewstickerarea .swiper-button-prev,
#top-access-area .swiper-button-prev,
#topprogramarea .swiper-button-prev,
#topschedulearea .swiper-button-prev,
#topeventarea .swiper-button-prev,
#topguestarea .swiper-button-prev,
#topinfoarea .swiper-button-prev,
#topspecialarea .swiper-button-prev {
left: 2%;
}
#topnewstickerarea .swiper-pagination-bullet,
#top-access-area .swiper-pagination-bullet,
#topprogramarea .swiper-pagination-bullet,
#topschedulearea .swiper-pagination-bullet,
#topeventarea .swiper-pagination-bullet,
#topguestarea .swiper-pagination-bullet,
#topinfoarea .swiper-pagination-bullet,
#topspecialarea .swiper-pagination-bullet {
  margin: 0 5px!important;
  width: 10px;
  height:10px;
  background: #fffff6;
  opacity: 0.19;
}
#topnewstickerarea .swiper-pagination-bullet-active,
#top-access-area .swiper-pagination-bullet-active,
#topprogramarea .swiper-pagination-bullet-active,
#topschedulearea .swiper-pagination-bullet-active,
#topeventarea .swiper-pagination-bullet-active,
#topguestarea .swiper-pagination-bullet-active,
#topinfoarea .swiper-pagination-bullet-active,
#topspecialarea .swiper-pagination-bullet-active {
  background: #fffff6;
  opacity: 1;
}
#topprogramarea .swiper-pagination-bullet,
#topprogramarea .swiper-pagination-bullet-active {
  background: #fffff6;
}
#topnewstickerarea .swiper-slide .photo,
#top-access-area .swiper-slide .photo,
#topguestarea .swiper-slide .photo,
#topeventarea .swiper-slide .photo,
#topinfoarea .swiper-slide .photo,
#topspecialarea .swiper-slide .photo {
    position: relative;
    width: 100%;
    overflow: hidden;
background: #333;
border-radius: 1rem 1rem 0 0;
}
#topnewstickerarea .swiper-slide a:hover .photo,
#top-access-area .swiper-slide a:hover .photo,
#topguestarea .swiper-slide a:hover .photo,
#topprogramarea .photo,
#topeventarea .swiper-slide a:hover .photo,
#topinfoarea .swiper-slide a:hover .photo,
#topspecialarea .swiper-slide a:hover .photo {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#topnewstickerarea .swiper-slide a .photo img,
#top-access-area .swiper-slide a .photo img,
#topguestarea .swiper-slide a .photo img,
#topprogramarea .swiper-slide a .photo img,
#topeventarea .swiper-slide a .photo img,
#topinfoarea .swiper-slide a .photo img,
#topspecialarea .swiper-slide a .photo img {
  transition-duration: 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#topnewstickerarea .swiper-slide a:hover .photo img,
#top-access-area .swiper-slide a:hover .photo img,
#topguestarea .swiper-slide a:hover .photo img,
#topprogramarea .swiper-slide a:hover .photo img,
#topeventarea .swiper-slide a:hover .photo img,
#topinfoarea .swiper-slide a:hover .photo img,
#topspecialarea .swiper-slide a:hover .photo img {
  transform: scale(1.1);
  transition-duration: 0.3s;
}
#topnewstickerarea .photo:before,
#top-access-area .photo:before,
#topguestarea .photo:before,
#topprogramarea .photo:before,
#topeventarea .swiper-slide .photo:before,
#topinfoarea .swiper-slide .photo:before,
#topspecialarea .swiper-slide .photo:before {
    content: "";
    display: block;
    padding-top: 75%;
}
#topnewstickerarea .photo:after,
#top-access-area .photo:after,
#topguestarea .photo:after,
#topprogramarea .photo:after,
#topeventarea .swiper-slide .photo:after,
#topinfoarea .swiper-slide .photo:after,
#topspecialarea .swiper-slide .photo:after {
    position: absolute;
    bottom: -1%;
    right: 0;
    background: #333;
    background: linear-gradient(180deg, rgba(17,17,17,0) 50%, rgba(17,17,17,1) 96%);
    display: block;
    content: "";
    z-index: 1;
    width: 100%;
    height: 101%;
}
#topnewstickerarea .photo span,
#top-access-area .photo span,
#topguestarea .photo span,
#topprogramarea .photo span,
#topeventarea .swiper-slide .photo span,
#topinfoarea .swiper-slide .photo span,
#topspecialarea .swiper-slide .photo span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#topnewstickerarea .swiper-slide .update,
#topschedulearea .swiper-slide .update,
#topguestarea .swiper-slide .update,
#topinfoarea .swiper-slide .update,
#topeventarea .swiper-slide .update {
margin-top: 1rem;
padding-right: 18px;
font-size: 1.2em;
font-size: 1.2rem;
text-align: right;
background: url(../common/update.svg) right top 0.2rem no-repeat;
background-size: 15px auto;
}
#top-about-area .top-main-menu-list .link,
#topnewstickerarea .swiper-slide .link,
#top-access-area .swiper-slide .link,
#topschedulearea .swiper-slide .link,
#topguestarea .swiper-slide .link,
#topinfoarea .swiper-slide .link,
#topspecialarea .swiper-slide .link,
#topeventarea .swiper-slide .link {
border: #fffff6 1px solid;
margin-top: 1rem;
padding: 1rem 0;
font-size: 1.4em;
font-size: 1.4rem;
text-align: center;
transition: 0.3s;
border-radius: 3rem;
}
#top-about-area .top-main-menu-list a:hover .link,
#topnewstickerarea .swiper-slide a:hover .link,
#top-access-area .swiper-slide a:hover .link,
#topschedulearea .swiper-slide a:hover .link,
#topguestarea .swiper-slide a:hover .link,
#topinfoarea .swiper-slide a:hover .link,
#topspecialarea .swiper-slide a:hover .link,
#topeventarea .swiper-slide a:hover .link {
border: #fffff6 1px solid;
background: #fffff6;
color: #000;
}


#topmainnavarea {
/*position: absolute;
top: 0;
left: 0;
z-index: 2;*/
width:100%;
padding: 2rem 6.5% 1rem 6.5%;
margin:0 auto;
}
#topmainnavarea ul {
display: flex;
justify-content: space-between;
}
#topmainnavarea ul li {
width: 24.75%;
text-align: center;
font-size: 1.8em;
font-size: 1.8rem;
font-weight: 800;
line-height: 1.4;
}
#topmainnavarea ul li span {
display: block;
margin-top: 0rem;
}
#topmainnavarea ul li span.en {
font-size: 1.6em;
font-size: 1.6rem;
font-weight: 500;
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
letter-spacing: 1px;
}
#topmainnavarea ul li a {
display: block;
padding: 1.15rem 0 1rem 0;
border-radius: 20rem;
background: rgba(0,0,0,0.3) url("../common/arrow001.svg") left 1.5rem center /20px auto no-repeat;
color: #fffff6;
}
#topmainnavarea ul li a:hover {
background: rgba(255,255,255,1) url("../common/arrow001-b.svg") left 1.5rem center /20px auto no-repeat;
color: #333;
}

#moviearea {
position: relative;
overflow: visible;
background: rgba(0,0,0,0.8);
padding: 14rem 14% 14rem 14%;
}

#moviearea .youtubebox {
box-shadow: 0px 0px 50px 0px rgba(255, 255, 204, 0.6);
border-radius: 3rem;
}
#moviearea .mv {
width:100%;
margin:0 auto;
text-align: center;
overflow: hidden;
box-shadow: 0px 0px 50px 0px rgba(255, 255, 204, 0.6);
border-radius: 3rem;
}
#moviearea .mv video {
border-radius: 3rem;
vertical-align:middle;
display: block;
border:0;
width:100%;
height: auto;
line-height:0;
font-size:0;
margin: 0 auto;
z-index: 1;
opacity:1;
}
#moviearea img {
border-radius: 3rem;
box-shadow: 0px 0px 30px 0px rgba(255, 255, 204, 0.6);
}
#moviearea .scroll {
position: absolute;
bottom: 0;
right: 4%;
}
#moviearea .scroll a {
  display: inline-block;
  position: absolute;
  bottom: 0;
  padding: 10px 10px 70px;
  overflow: hidden;
  color: #c6ad78;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
}
#moviearea .scroll a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 60px;
  background: #c6ad78;
  animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}


#topmainarea {
top: 0;
background: #000;
height: 100%;
overflow: hidden;
}
#copyarea {
position: absolute; 
opacity:1;
z-index: 1;
top: 7rem;
left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
color: #fff;
text-align: center;
width: 60%;
}
#copyarea p:first-child {
    margin-bottom: 6rem;
}
#topgrid {
width: 100%;
overflow: hidden;
opacity: 0.4;
}

#topmainbnrarea {
position: relative;
padding: 12rem 6.5% 2rem 6.5%;
/*background: url("../images/light-line.png") center bottom/ 100% auto no-repeat;*/
background: #121212 url("../common/light-line2.png") center top / 100% auto no-repeat;
}

#topmainbnrarea::after {
display: block;
width: 100%;
height: 200px;
position: absolute;
bottom: -200px;
left: 0;
content: "";
background: url("../common/curve2.svg") center top / 100% auto no-repeat;
}
#topmainbnrarea header a {
    color: #e8c887;
}
#topmainbnrarea ul {
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
/*#topmainbnrarea ul li {
margin: 0 0 2rem 0;
width: 49%;
}*/
#topmainbnrarea ul li {
margin: 0;
width: 100%;
}
/*
#topmainbnrarea ul li:nth-child(2n) {
margin-right: 0;
}*/
#topmainbnrarea ul li img {
border-radius: 1rem;
}


#top-visual-area {
position: relative;
width: 100%;
height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
	background: #121212;
}

/*
#top-visual-area::before {
    position: absolute;
    left: 0;
    top: 0;
	z-index: 2;
    width: 100%;
    height: 100px;
    overflow: hidden;
    display: block;
	content: "";
	background: url("../common/curve.svg") center bottom / cover no-repeat;
}
*/

/*
#top-visual-area::before {
    position: absolute;
    left: 0;
    top: 0;
	z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
	content: "";
	background: url("../common/bk.webp") center top / 100% auto no-repeat;
	background: rgba(0,0,0,0.5) url("../images/mvov_pc.png") center bottom / 100% auto no-repeat;
  mix-blend-mode:plus-lighter;
}*/


#visual-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
    width: 100%;
    height: 100%;
  z-index: 0;
  pointer-events: none;
animation: 12s ease-out visualanime;
  opacity: 0.7;
}
@keyframes visualanime {
0% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
.vegas-animation-kenburns {
    animation: kenburns ease-out;
}

@keyframes kenburns {
    0% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}
#visual-bg2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
    width: 100%;
    height: 100%;
	z-index:1;
	background: url("../common/bk_ov.webp") center top / 100% auto no-repeat;
mix-blend-mode:plus-lighter;
animation: 12s ease-out keyanime;
opacity: 1;
}
#top-visual-area #top-movie-box {
position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	z-index:2;
mix-blend-mode:normal;
}
#top-visual-area #top-movie-box::before {
    position: absolute;
    left: 0;
    bottom: 0;
	z-index: 5;
    width: 100%;
    height: 140px;
    overflow: hidden;
    display: block;
	content: "";
	background:#121212;
}
/*#top-visual-area #top-movie-box::after {
    position: absolute;
    left: 0;
    bottom: 0;
	z-index: 4;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
	content: "";
	background:rgba(35,10,80,0.45);
mix-blend-mode:plus-lighter;
}*/


#top-visual-area #top-movie-box .picture-title {
position: absolute;
z-index: 6;
top:30%;
left: 50%;
transform: translate(-50%, -30%);
margin: 0 auto;
width: 40%;
text-align: center;
animation: 12s ease-out keyanime;
opacity: 1;
}
@keyframes keyanime {
0% {
opacity: 0;
}
80% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media screen and (min-width: 1400px) {
#top-visual-area #top-movie-box .picture-title {
top:35%;
transform: translate(-50%, -35%);
width: 45%;
}
}
#top-visual-area #top-movie-box .picture-date {
position: absolute;
z-index: 7;
bottom:100px;
left: 50%;
transform: translate(-50%, 5%);
margin: 0 auto;
width: 90%;
text-align: center;
}

#top-visual-area picture,
#top-visual-area figure,
#top-visual-area img {
  display: block;
  width: 100%;
  height: auto;
text-align: center;
margin: 0 auto;
border-radius: 0;
-webkit-filter: drop-shadow(0px 3px 20px rgba(0,0,0, 0.8)); /* SafariなどのWebkitブラウザ用 */
filter: drop-shadow(0px 3px 20px rgba(0,0,0, 0.5)); 
}

#top-key-area {
/*padding:6rem 6.5% 6rem 6.5%;*/
margin-right:4%;
grid-column: 1 / 2;
grid-row: 1 / 3;
}
#top-key-area img {
border-radius: 3rem;
box-shadow: 0px 0px 30px 0px rgba(255, 255, 204, 1);
}




#top-about-area {
width:100%;
padding: 18rem 6.5% 0rem 6.5%;
margin:0 auto;
background: url("../common/light-line5.webp") center top 5rem / 100% auto no-repeat;
}
#top-about-area::after {
    display: block;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: url(../common/curve2.svg) center top / 100% auto no-repeat;
}
#top-about-area header h2 {
	font-weight: 800;
	line-height: 1.4;
  position: relative;
  display: inline-block;
  padding: 0 75px;
}
#top-about-area header h2:before,
#top-about-area header h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 75px;
  height: 5px;
  border-radius: 6px;
  background-color: #e8c887;
}
#top-about-area header h2:before {
  left:0;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
#top-about-area header h2:after {
  right: 0;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

#top-about-area .lead {
text-align: center;
margin-bottom: 3rem;
    font-size: 1.8em;
    font-size: 1.8rem;
	font-weight: 600;
}
#top-about-area .about-btn {
display: flex;
justify-content: center;
margin: 0rem auto 6rem auto;
}
#top-about-area .about-btn li a {
    display: inline-block;
    padding: 1.25rem 12rem;
    text-align: center;
    font-size: 1.4em;
    font-size: 1.4rem;
    font-weight: bold;
    transition: all .3s;
    border-radius: 3rem;
    background: #fffff6;
    color: #333;
}
#top-about-area .about-btn li a:hover {
    background: #e8c887;
    color: #333;
}
#top-about-area .top-main-menu-list {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#top-about-area .top-main-menu-list li {
width: 49%;
margin-bottom: 3rem;
background: #121212;
color: #fff;
border-radius: 2rem;
display: flex;
text-align: left;
box-shadow: 0px 0px 5px rgba(232, 200, 135, 0.7), 0px 0px 30px rgba(232, 200, 135, 0.5);
}
#top-about-area .top-main-menu-list li a {
color: #fff;
width: 100%;
position: relative;
}
#top-about-area .top-main-menu-list li .info {
padding: 0.3rem 4rem 4rem 4rem;
width: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
#top-about-area .top-main-menu-list li p.en,
#top-about-area .top-main-menu-list li h3.en_title {
margin-bottom: 0.5rem;
    font-size: 4.2em;
    font-size: 4.2rem;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: 0;
	color: #e8c887;
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#top-about-area .top-main-menu-list li h3 {
    font-size: 1.85em;
    font-size: 1.85rem;
	font-weight: 600;
flex-grow: 2;
margin-bottom: 2rem;
	color: #fff;
}
#top-about-area .top-main-menu-list li .description {
	color: #ddd;
}
#top-about-area .top-main-menu-list li .photo {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #222;
    border-radius: 2rem;
z-index: 0;
}
#top-about-area .top-main-menu-list li .photo:before {
    content: "";
    display: block;
    padding-top: 60%;
}
#top-about-area .top-main-menu-list li .photo:after {
    position: absolute;
    bottom: -1%;
    right: 0;
    display: block;
    content: "";
    z-index: 1;
    width: 100%;
    height: 101%;
	background: #121212;
background: linear-gradient(180deg,rgba(18, 18, 18, 0.2) 0%, rgba(18, 18, 18, 1) 70%, rgba(18, 18, 18, 1) 100%);
}
#top-about-area .top-main-menu-list li .photo span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#top-about-area .top-main-menu-list li .photo img {
    transition-duration: 0.3s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem 0 0 2rem;
}
#top-about-area .top-main-menu-list li:nth-child(4) .photo img {
    border-radius: 2rem 0 0 2rem;
}
#top-about-area .top-main-menu-list li a:hover .photo img {
  transform: scale(1.1);
  transition-duration: 0.3s;
}
#top-about-area .top-main-menu-list li .link {
margin-top: 2rem;
}
#top-about-area .top-main-menu-list li a .link {
padding: 1.5rem 0;
    font-size: 1.6em;
    font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 2px;
background: #fff;
color: #121212;
color: #fff;
background: #5B0000;
border-color: #5B0000;
}
#top-about-area .top-main-menu-list li a:hover .link {
background: #e8c887;
border-color: #e8c887;
}

#top-access-area {
width:100%;
padding: 6rem 0 11rem 0;
margin:0 auto;
/*background: url("../images/bk_access.jpg");*/
color: #222;
}

#top-access-area h3 {
    text-align: center;
    font-size: 2.4em;
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    letter-spacing: 0px;
    line-height: 1.4;
	color: #bf7736;
}

#top-access-area .swiper-slide .ctgry {
    padding: 0.5rem 1.2rem;
    font-size: 1.3em;
    font-size: 1.3rem;
    line-height: 1.0;
    border-radius: 3rem;
    position: absolute;
    z-index: 1;
    top: 1rem;
    left: 1rem;
}
#top-access-area .swiper-slide .ctgry.venue {
	background: #bf7736;
	color: #fff;
}
#top-access-area .swiper-slide .ctgry.online {
	background: #333;
	color: #e8c887;
}
#top-access-area .swiper-slide {
    width: 100%;
    display: flex;
    border-radius: 1rem;
}
#top-access-area .swiper-slide a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    color: #fff;
}
#top-access-area .swiper-slide .photo {
background: none;
}
#top-access-area .swiper-slide .photo img {
border-radius: 0;
}
#top-access-area .photo:after {
background: none;
}
#top-access-area .swiper-slide .info {
padding: 2.5rem 2rem 2.5rem 2rem;
    background: #fffae6;
    color: #333;
    align-items: stretch;
    flex-grow: 2;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 0 0 1rem 1rem;
}
#top-access-area .swiper-slide .info .date {
font-size: 3.4em;
font-size: 3.4rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
text-align: center;
margin-bottom: 1.5rem;
}
#top-access-area .swiper-slide .link {
    border: #bf7736 1px solid;
	background: #bf7736;
	color: #fff;
}
#top-access-area .swiper-slide a:hover .link {
    border: #333 1px solid;
	background: #333;
	color: #fff;
}


#topadarea {
    display: flex;
    justify-content: space-between;
	align-items: stretch;
    padding: 0rem 6.5% 3rem 6.5%;
    background: #121212;
}

#topcmarea {
width: 35%;
text-align: center;
}

#topsponsorarea {
width: 62%;
margin: 0 3% 0 0;
display: flex;
flex-direction: column;
	align-items: stretch;
    background: #fff;
	border-radius: 1rem;
}
#topsponsorarea .sponsor {
width: 100%;
overflow: hidden;
	padding: 4rem 0 6rem 0;
}
#topsponsorarea .competition {
width: 65%;
margin: 0 auto;
padding-bottom: 0;
}
.sponsor > .swiper-wrapper {
-webkit-transition-timing-function:linear!important;
-o-transition-timing-function:linear!important;
transition-timing-function:linear!important;
}


#topnewstickerarea {
padding: 20rem 0 20rem 0;
border-radius: 0;
width: 100%;
/*background: url("../images/bk_prgrm1.jpg") center top / 100% auto no-repeat, url("../images/bk_prgrm2.jpg") center top / auto auto repeat;*/
}

#topnewstickerarea .swiper-slide {
width: 100%;
display: flex;
border-radius: 1rem;
}

#topnewstickerarea .swiper-slide a {
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
color: #fffff6;
}
#topnewstickerarea .swiper-slide .info {
padding: 2rem 2rem 2.5rem 2rem;
background: #111;
color: #fff;
flex-grow: 2;
position: relative;
top: 0;
left: 0;
z-index: 1;
border-radius: 0 0 1rem 1rem;
}
#topnewstickerarea .swiper-slide .title {
margin-bottom: 1rem;
font-size: 1.8em;
font-size: 1.8rem;
font-weight: normal;
flex-grow: 2;
transition: 0.3s;
}
#topnewstickerarea .swiper-slide .venue {
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1;
display: flex;
justify-content: flex-start;
margin-bottom: 0.5rem;
}
#topnewstickerarea .swiper-slide .venue span.on {
display: block;
background: #c34e14 url(../common/online.svg) top 0.1rem left 0.5rem no-repeat;
background-size: 18px auto;
padding: 0.5rem 0.6rem 0.5rem 2.6rem;
border-radius: 3px;
}
#topnewstickerarea .swiper-slide .venue span.on span {
    background: #702500;
    padding: 0.1rem 0.5rem;
    margin-left: 0.5rem;
    border-radius: 2px;
}
#topnewstickerarea .swiper-slide .venue span.off {
display: block;
background: #69256f url(../common/offline.svg) top 0.4rem left 0.5rem no-repeat;
background-size: 15px auto;
padding: 0.5rem 1rem 0.5rem 2.4rem;
border-radius: 3px;
}
#topnewstickerarea .swiper-slide a .venue,
#topnewstickerarea .swiper-slide a:hover .venue {
color: #fff;
}
#topnewstickerarea .swiper-slide .today {
    position: absolute;
    left: 0.3rem;
    top: -1.2rem;
    width: 28%;
    z-index: 1;
}
#topnewstickerarea .swiper-slide .link {
border: #fff 1px solid;
}
#topnewstickerarea .eventvenue-list {
justify-content: flex-start;
}
#topnewstickerarea .eventvenue-list li {
margin: 0 0.5rem 0.5rem 0 !important;
font-size: 1.2em;
font-size: 1.2rem;
}
#topnewstickerarea .eventvenue-list li span.in-person {
    display: inline-block;
    background: #13399a url(../common/in-person.svg) left 0.4rem center no-repeat;
    background-size: 13px auto;
    padding: 0.2rem 0.4rem 0.1rem 2rem;
}
#topnewstickerarea .eventvenue-list li span.on {
    display: inline-block;
    background: #9c259c url(../common/online.svg) left 0.4rem center no-repeat;
    background-size: 15px auto;
    padding: 0.2rem 0.4rem 0.1rem 2.2rem;
}
#topnewstickerarea .eventvenue-list li span.on span{
    background: #330033;
    padding: 0 0.5rem;
    margin-left: 0.5rem;
    border-radius: 2px;
}
#topnewstickerarea .eventvenue-list li span.off {
    display: inline-block;
    background: #6b386b url(../common/offline.svg) left 0.4rem center no-repeat;
    background-size: 14px auto;
    padding: 0.2rem 0.4rem 0.1rem 2.2rem;
}


#top-matching-events-area {
padding: 0rem 6.5% 14rem 6.5%;
background: rgba(60,40,100,0.4);
background: url("../common/light-line.png") center bottom / 100% auto no-repeat;
}
#top-matching-events-area ul {
display: flex;
justify-content: space-between;
padding: 0 6.5%;
}
#top-matching-events-area ul li {
width: 49%;
}
#top-matching-events-area img {
    border-radius: 1rem;
}

#topceremonyarea {
padding: 3rem 3%;
}


#tophashtagarea {
position: relative;
margin: 20rem 6.5% 12rem 6.5%;
padding: 4rem 0 4rem 0;
border-radius: 3rem;
background: #e8c887;
background: rgba(18,12,18,0.4);
border: #e8c887 2px solid;
}

#tophashtagarea  div {
margin: 0 5%;
padding: 0rem;
}
#tophashtagarea div p {
font-size: 1.6em;
font-size: 1.6rem;
text-align: center;
margin-bottom: 5rem;
}
#tophashtagarea div ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
#tophashtagarea div ul li {
display: inline-block;
    text-align: center;
    font-size: 1.75em;
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
	margin-right: 1rem;
}
#tophashtagarea div ul li a {
    display: block;
    padding: 0.8rem 2.5rem;
    transition: all .3s;
    border-radius: 3rem;
    color: #fff;
	background: rgba(25,75,95,1);
}
#tophashtagarea div ul li a:hover {
	background: #e8c887;
color: #111;
}

#topwatcharea {
padding: 20rem 6.5% 11rem 6.5%;
overflow: hidden;
position: relative;
}
#topwatcharea::after {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "";
/*background: url("../images/bk_watch1.jpg") center top / 100% auto no-repeat, url("../images/bk_watch2.jpg") center top / auto auto repeat;*/
}
#topwatcharea > * {
position: relative;
z-index: 1;
}
#topwatcharea > div {
margin-bottom: 3rem;
display: flex;
justify-content: space-between;
}
#topwatcharea > div > section {
width: 49%;
background: rgba(17, 17, 17, 1);
border-radius: 2rem;
padding: 28rem 3rem 3rem 3rem;
}
#topwatcharea > div > section:first-child {
/*background: rgba(17, 17, 17, 1) url("../images/watch_online.webp") right top / 110% auto no-repeat;*/
}
#topwatcharea > div > section:last-child {
/*background: rgba(17, 17, 17, 1) url("../images/watch_screen.webp") right top / 120% auto no-repeat;*/
}
#topwatcharea h3 {
text-align: center;
    font-size: 2.2em;
    font-size: 2.2rem;
    margin-bottom: 3rem;
	letter-spacing: 2px;
	line-height: 1.6;
	color: #e8c887;
}

#topwatcharea h3 span {
    font-size:4.4em;
    font-size: 4.4rem;
	line-height: 1.3;
	margin-right: 0.6rem;
}
#topwatcharea div.info {
text-align: center;
}
#topwatcharea ul {
margin-top: 3rem;
}
#topwatcharea > div > section:nth-child(2) ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#topwatcharea > div > section:nth-child(2) ul li {
width: 49.5%;
margin-bottom: 1.25rem;
}
#topwatcharea ul li a {
    display: block;
    padding: 1.75rem 0 1.5rem 0;
    border-radius: 20rem;
background: rgba(255,255,255,0.2) url(../common/arrow001.svg) left 1.5rem center / 18px auto no-repeat;
color: #e8c887;
}
#topwatcharea ul li a:hover {
background: rgba(255,255,255,1) url("../common/arrow001-b.svg") left 1.5rem center /18px auto no-repeat;
color: #333;
}

#topprogramarea {
padding: 10rem 0 10rem 0;
overflow: hidden;
position: relative;
background: url("../common/light-line.png") center top / 100% auto no-repeat;
}

#topprogramarea::after {
display: block;
width: 100%;
height: 200px;
position: absolute;
bottom: 0;
left: 0;
content: "";
background: url("../common/curve2.svg") center top / 100% auto no-repeat;
transform: rotateX(180deg);
}
#topprogramarea > * {
position: relative;
z-index: 1;
}
#topprogramarea .program {
width: 100%;
margin: 0rem 0;
padding: 3rem 0 5rem 0;
overflow: hidden;
}
#topprogramarea .program a {
color: #fffff6;
}
#topprogramarea .swiper-wrapper {
margin-bottom: 4rem;
align-items: stretch !important;
}
#topprogramarea .program .swiper-slide {
height: auto;
    opacity: 1;
    overflow: hidden;
    transition: .7s;
	background: rgba(0,0,0,1);
	border-radius: 1rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
    box-shadow: 0px 0px 8px rgba(232, 200, 135, 1), 0px 0px 30px rgba(232, 200, 135, 0.7), 0px 0px 40px rgba(232, 200, 135, 0.3);
}
#topprogramarea .program .swiper-slide a {
height: 100%;
}
#topprogramarea .program .swiper-slide-active {
    opacity: 1;
    z-index: 1;
    /*transform: scale(1.2);*/
}
#topprogramarea .photo:before {
    /*padding-top: 56.25%;*/
	padding-top: 46%;
}
#topprogramarea .photo:after {
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 96%);
}
#topprogramarea .info {
padding: 0.2rem 2rem 1rem 2rem;
}
#topprogramarea .title {
width: 100%;
margin-bottom: 2rem;
position: relative;
text-align: center;
font-size: 3.8em;
font-size: 3.8rem;
line-height: 1.5;
}
#topprogramarea .title a {
color: #fffff6;
}
#topprogramarea .info .date {
width: auto;
display: grid;
text-align: center;
padding: 0.2rem 2rem 1rem 2rem;
color: #e8c887;
}
#topprogramarea .info .date dt,
#topprogramarea .info .date dd {
width: auto;
padding: 0;
background: none;
border: none;
}
#topprogramarea .info .date > dt:nth-of-type(1) {
	grid-row: 1 / 2;
	grid-column: 1 / 2;
}
#topprogramarea .info .date > dt:nth-of-type(2) {
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}
#topprogramarea .info .date > dd:nth-of-type(1) {
	grid-row: 2 / 3;
	grid-column: 1 / 2;
}
#topprogramarea .info .date > dd:nth-of-type(2) {
	grid-row: 2 / 3;
	grid-column: 2 / 3;
}
#topprogramarea .info .date dt {
    font-weight: 600;
}
#topprogramarea .info .date dt span {
border:#e8c887 1px solid;
padding: 0.2rem 1.5rem;
border-radius: 3px;
}
#topprogramarea .info .date dd {
    font-size: 4.4em;
    font-size: 4.4rem;
    font-weight: 600;
    line-height: 1.0;
    vertical-align:baseline;
}
#topprogramarea .info .date dd span {
    font-size: 1.6em;
    font-size: 1.6rem;
    line-height: 1.0;
	letter-spacing: 1px;
    vertical-align:baseline;
    margin-left: 0.5rem;
}



.top-program-finder {
margin: 2rem 6.5% 8rem 6.5%;
}
.top-program-finder a {
padding: 7rem 6rem;
 color: #fff;
 display: block;
border-radius: 3rem;
border:#aa0000 6px solid;
background: #5B0000;
background: url("../images/program-finder.webp") right 2rem center / auto 84% no-repeat, linear-gradient(90deg,rgba(91, 0, 0, 1) 0%, rgba(19, 18, 18, 1) 70%, rgba(18, 18, 18, 1) 100%);
box-shadow: 0px 0px 8px rgba(232, 200, 135, 0.3), 0px 0px 30px rgba(232, 200, 135, 0.4);
  transition: .3s;
}
.top-program-finder a:hover {
  transform: translateY(5px);
}
.top-program-finder p.en {
    margin-bottom: 1rem;
    font-size: 5.4em;
    font-size: 5.4rem;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 0;
    color: #dd0000;
    font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.top-program-finder h3 {
    font-size: 2em;
    font-size: 2rem;
    font-weight: 600;
    flex-grow: 2;
    margin-bottom: 3.5rem;
    color: #e8c887;
}


#topeventarea {
padding: 8rem 0 11rem 0;
z-index: 0;
overflow: hidden;
/*background: url("../images/bk_event1.jpg") center top /100% auto no-repeat, url("../images/bk_event2.jpg") center top /auto auto repeat;*/
}
#topeventarea .swiper-slide {
width: 100%;
display: flex;
border-radius: 1rem;
box-shadow: 0px 0px 15px 0px rgba(255, 255, 102, 0.3);
}

#topeventarea .swiper-slide a {
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
color: #fffff6;
}
#topeventarea .swiper-slide .info {
padding: 2rem 2rem 2.5rem 2rem;
background: #111;
color: #fff;
flex-grow: 2;
position: relative;
top: 0;
left: 0;
z-index: 1;
border-radius: 0 0 1rem 1rem;
}
#topeventarea .swiper-slide .title {
margin-bottom: 1rem;
font-size: 1.8em;
font-size: 1.8rem;
font-weight: normal;
flex-grow: 2;
transition: 0.3s;
}
#topeventarea .swiper-slide .venue {
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1;
display: flex;
justify-content: flex-start;
margin-bottom: 0.5rem;
}
#topeventarea .swiper-slide .venue span.on {
display: block;
background: #c34e14 url(../common/online.svg) top 0.1rem left 0.5rem no-repeat;
background-size: 18px auto;
padding: 0.5rem 0.6rem 0.5rem 2.6rem;
border-radius: 3px;
}
#topeventarea .swiper-slide .venue span.on span {
    background: #702500;
    padding: 0.1rem 0.5rem;
    margin-left: 0.5rem;
    border-radius: 2px;
}
#topeventarea .swiper-slide .venue span.off {
display: block;
background: #69256f url(../common/offline.svg) top 0.4rem left 0.5rem no-repeat;
background-size: 15px auto;
padding: 0.5rem 1rem 0.5rem 2.4rem;
border-radius: 3px;
}
#topeventarea .swiper-slide a .venue,
#topeventarea .swiper-slide a:hover .venue {
color: #fff;
}
#topeventarea .swiper-slide .today {
    position: absolute;
    left: 0.3rem;
    top: -1.2rem;
    width: 28%;
    z-index: 1;
}
#topeventarea .swiper-slide .link {
border: #fff 1px solid;
}
#topeventarea .eventvenue-list {
justify-content: flex-start;
}
#topeventarea .eventvenue-list li {
margin: 0 0.5rem 0.5rem 0 !important;
font-size: 1.2em;
font-size: 1.2rem;
}
#topeventarea .eventvenue-list li span.in-person {
    display: inline-block;
    background: #13399a url(../common/in-person.svg) left 0.75rem center no-repeat;
    background-size: 13px auto;
	padding-left: 2.5rem;
}
#topeventarea .eventvenue-list li span.on {
    display: inline-block;
    background: #9c259c url(../common/online.svg) left 0.75rem center no-repeat;
    background-size: 15px auto;
	padding-left: 2.75rem;
}
#topeventarea .eventvenue-list li span.on span{
    background: #330033;
    padding: 0 0.5rem;
    margin-left: 0.5rem;
    border-radius: 2px;
}
#topeventarea .eventvenue-list li span.off {
    display: inline-block;
    background: #6b386b url(../common/offline.svg) left 0.75rem center no-repeat;
    background-size: 14px auto;
	padding-left: 2.75rem;
}


#topschedulearea {
padding: 0rem 0 11rem 0;
overflow: hidden;
/*background: url("../common/bk_ov3.png") center top / 100% auto no-repeat;*/
}

#topguestarea {
padding: 11rem 0 11rem 0;
overflow: hidden;
background: rgba(35,25,56,0.7);
}
#topguestarea header h2.en,
#topguestarea header p {
    text-shadow: 0px 0px 8px rgba(170, 150, 230, 1), 0px 0px 30px rgba(170, 150, 230, 0.7), 0px 0px 40px rgba(170, 150, 230, 0.3);
}
#topguestarea .swiper-slide {
width: 100%;
display: flex;
align-items: stretch;
list-style: none;
}

#topguestarea .swiper-slide a {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
color: #b9661c;
padding:0;
background: #fff;
border-radius: 1rem;
box-shadow: 0px 0px 15px 0px rgba(18, 18, 18, 0.3);
}

#topguestarea .swiper-slide .info {
padding: 2rem 2rem 2.5rem 2rem;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
flex-grow: 2;
}
#topguestarea .swiper-slide .date {
margin-bottom: 0rem;
}
#topguestarea .swiper-slide .title {
font-size:2.6em;
font-size: 2.6rem;
line-height: 1.4;
margin-bottom:1.5rem;
}
#topguestarea .photo:after {
background: none;
}
#topguestarea .swiper-slide .description {
font-size:1.6em;
font-size:1.6rem;
margin-bottom:1rem;
flex-grow: 2;
}
#topguestarea .swiper-slide .today {
    position: absolute;
    right: 1rem;
    top: -1.5rem;
    width: 25%;
    z-index: 1;
    transform: rotate(25deg);
}
#topguestarea .swiper-slide .link {
    border: #b9661c 1px solid;
	background: #b9661c;
	color: #fff;
	font-weight: 500;
}
#topguestarea .swiper-slide a:hover .link {
    border: #121212 1px solid;
    background: #121212;
    color: #b9661c;
}


#topinfoarea {
padding: 11rem 0 4rem 0;
overflow: hidden;
/*background: url(../images/bk_hotword2.jpg) center top / 100% auto no-repeat, url(../images/bk_hotword.jpg) center top / auto auto repeat;*/
}


#topinfoarea .swiper-slide .ctgry {
padding: 0.5rem 1.2rem;
font-size: 1.3em;
font-size: 1.3rem;
line-height: 1.0;
border-radius: 3px;
position: absolute;
z-index: 1;
top: 1rem;
left: 1rem;
}
#topinfoarea .swiper-slide .ctgry.news {
background: #990000;
color: #fff;
}
#topinfoarea .swiper-slide .ctgry.report {
background: #003399;
color: #fff;
}
#topinfoarea .swiper-wrapper {
padding: 2rem 0 7rem 0;
}
#topinfoarea .swiper-slide {
width: 100%;
display: flex;
border-radius: 1rem;
}

#topinfoarea .swiper-slide a {
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
border-radius: 1rem;
box-shadow: 0px 0px 15px 0px rgba(255, 255, 102, 0.3);
}
#topinfoarea .swiper-slide .info {
padding: 2rem 2rem 2.5rem 2rem;
background: #111;
color: #fff;
flex-grow: 2;
position: relative;
top: 0;
left: 0;
z-index: 1;
border-radius: 0 0 1rem 1rem;
}
#topinfoarea .swiper-slide .title {
margin-bottom: 1rem;
font-size: 1.6em;
font-size: 1.6rem;
font-weight: normal;
flex-grow: 2;
transition: 0.3s;
}
#topinfoarea .swiper-slide .link {
border: #fff 1px solid;
}
#topinfoarea .swiper-slide .today {
    position: absolute;
    left: 0.3rem;
    top: -1.2rem;
    width: 28%;
    z-index: 1;
}



#topspecialarea {
padding: 11rem 0 11rem 0;
overflow: hidden;
/*background: url("../images/bk_pickup1.jpg") center top / 100% auto no-repeat, url("../images/bk_pickup2.jpg") center top / auto auto repeat;*/
}
#topspecialarea .special {
overflow: hidden;
}

#topspecialarea .swiper-slide {
width: 100%;
display: flex;
border-radius: 1rem;
}

#topspecialarea .swiper-slide a {
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
background: #111;
color: #333;
border-radius: 1rem;
box-shadow: 0px 0px 30px 0px rgba(255, 255, 204, 0.6);
}
#topspecialarea .swiper-slide .info {
padding: 2rem 2rem 2.5rem 2rem;
background: #111;
color: #fff;
align-items: stretch;
flex-grow: 2;
border-radius: 0 0 1rem 1rem;
}
#topspecialarea .swiper-slide .title {
margin-bottom: 1rem;
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.5;
font-weight: normal;
flex-grow: 2;
transition: 0.3s;
}
#topspecialarea .swiper-slide .link {
border: #fff 1px solid;
}



#top-access-area footer,
#toptheaterarea footer,
#topeventarea footer,
#topprogramarea footer,
#topschedulearea footer,
#topguestarea footer,
#topinfoarea footer,
#topspecialarea footer,
#tophashtagarea footer {
margin: 3rem 0 0 0;
}
#top-access-area footer ul li,
#toptheaterarea footer ul li,
#topeventarea footer ul li,
#topprogramarea footer ul li,
#topschedulearea footer ul li,
#topguestarea footer ul li,
#topinfoarea footer ul li,
#topspecialarea footer ul li,
#tophashtagarea footer ul li {
text-align: center;
}
#top-access-area footer ul li a,
#toptheaterarea footer ul li a,
#topeventarea footer ul li a,
#topprogramarea footer ul li a,
#topschedulearea footer ul li a,
#topguestarea footer ul li a,
#topinfoarea footer ul li a,
#topspecialarea footer ul li a,
#tophashtagarea footer ul li a {
display: inline-block;
padding: 1.25rem 12rem;
text-align: center;
font-size: 1.4em;
font-size: 1.4rem;
font-weight: bold;
transition: all .3s;
border-radius: 3rem;
background: #fffff6;
color: #333;
}
#top-access-area footer ul li a:hover,
#toptheaterarea footer ul li a:hover,
#topeventarea footer ul li a:hover,
#topprogramarea footer ul li a:hover,
#topschedulearea footer ul li a:hover,
#topguestarea footer ul li a:hover,
#topinfoarea footer ul li a:hover,
#topspecialarea footer ul li a:hover,
#tophashtagarea footer ul li a:hover {
background: #e8c887;
color: #333;
}


#topsnsarea {
    display: flex;
    justify-content: space-between;
    padding: 0 6.5%;
	margin-bottom: 10rem;
}
#topsnsarea > div.box {
    width: 32%;
}



#topbannerarea {
padding: 6rem 6.5% 6rem 6.5%;
width: 100%;
}
#topbannerarea .lead {
text-align: center;
margin-bottom: 2rem;
    font-size: 2.8em;
    font-size: 2.8rem;
}
#topbannerarea img {
border-radius: 0.5rem;
}
#topbannerarea .lead br {
display: none;
}
#topbannerarea ul {
    display: flex;
    flex-wrap: wrap;
	margin-bottom:1rem;
}
#topbannerarea > ul li {
    list-style: none;
    width: 32%;
    margin-top: 0;
    margin-bottom: 2rem;
    margin-right: 2%;
}
#topbannerarea > ul li:nth-child(3n) {
    margin-right: 0;
}

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

#top-visual-area #top-movie-box::before {
    height: 70px;
}
#top-visual-area #top-movie-box picture.picture-date {
    bottom: 40px;
}
#topadarea {
    padding: 3rem 6.5% 0 6.5%;
}
#top-about-area::after {
    height:100px;
}
#top-about-area {
    padding: 14rem 6.5% 0rem 6.5%;
}
#top-about-area .top-main-menu-list li .photo:before {
    padding-top: 80%;
}
#topprogramarea {
    padding: 8rem 0 10rem 0;
}
#topprogramarea::after {
    height: 70px;
    background: url(../common/curve2.svg) center bottom / 100% auto no-repeat;
}
#topprogramarea .title {
    font-size: 3.4em;
    font-size: 3.4rem;
}
#topprogramarea .info .date dd {
    font-size: 3.8em;
    font-size: 3.8rem;
}
#topprogramarea .info .date dd span {
    letter-spacing: 0;
    margin-left: 0.2rem;
}
.top-program-finder {
    margin: 0 6.5% 8rem 6.5%;
}
.top-program-finder a {
    padding: 5rem 6rem;
    background: url(../images/program-finder.webp) right 2rem center / auto 65% no-repeat, linear-gradient(90deg, rgba(91, 0, 0, 1) 0%, rgba(19, 18, 18, 1) 70%, rgba(18, 18, 18, 1) 100%);
}
.top-program-finder p.en {
    font-size: 5.0em;
    font-size: 5.0rem;
}
#topmainbnrarea {
    padding: 6rem 6.5% 2rem 6.5%;
}
#topmainbnrarea::after {
    height:70px;
    bottom: -70px;
    background: url(../common/curve2.svg) center bottom / 100% auto no-repeat;
}
#tophashtagarea {
    margin: 12rem 6.5% 8rem 6.5%;
    padding: 4rem 0 4rem 0;
}
#topguestarea {
    padding: 8rem 0 8rem 0;
}
#topinfoarea {
    padding: 8rem 0 2rem 0;
}
#top-matching-events-area {
    padding: 4rem 6.5% 8rem 6.5%;
}
#top-matching-events-area ul {
    padding: 0;
}
#moviearea {
    padding: 8rem 6.5% 8rem 6.5%;
}
#topbannerarea {
    padding: 8rem 6.5% 8rem 6.5%;
}

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

#top-about-area header h2.en,
#top-about-area header p,
#top-matching-events-area header h2.en,
#top-matching-events-area header p,
#topmainbnrarea header h2.en,
#topmainbnrarea header p,
#topnewstickerarea header h2.en,
#topnewstickerarea header p,
#tophashtagarea header h2.en,
#tophashtagarea header p,
#topprogramarea header h2.en,
#topprogramarea header p,
#topschedulearea header h2.en,
#topschedulearea header p,
#topeventarea header h2.en,
#topeventarea header p,
#topguestarea header p,
#topinfoarea header h2.en,
#topinfoarea header p,
#topspecialarea header h2.en,
#topspecialarea header p {
    font-size: 7em;
    font-size: 7rem;
}


#top-about-area .lead {
    margin-bottom: 3rem;
}
#top-about-area .about-btn {
margin: 0rem auto 4rem auto;
}
#top-about-area .top-main-menu-list li p.en,
#top-about-area .top-main-menu-list li h3.en_title {
    margin-bottom: 0.5rem;
    font-size: 3.0em;
    font-size: 3.0rem;
}
#top-about-area .top-main-menu-list li a .link {
    padding: 1rem 0;
}



#topprogramarea .title {
    margin-top: 1.25rem;
    font-size: 2.8em;
    font-size: 2.8rem;
}
#topprogramarea .info .date {
    padding: 0.2rem 0 1rem 0;
}
#topprogramarea .info .date dt {
    font-size: 1.4em;
    font-size: 1.4rem;
}
#topprogramarea .info .date dd {
        font-size: 3.4em;
        font-size: 3.4rem;
}
#topprogramarea .info .date dd span {
    font-size: 1.4em;
    font-size: 1.4rem;
}

#topeventarea .eventvenue-list {
justify-content: flex-start !important;
align-items: flex-start !important;
}

#topmainnavarea ul {
flex-wrap: wrap;
}
#topmainnavarea ul li {
	width: 49.5%;
	margin-bottom: 1rem;
}
#topwatcharea > div {
flex-direction: column;
}
#topwatcharea > div > section {
    width: 100%;
	margin-bottom: 2rem;
	    padding: 3rem 3rem 3rem 3rem;
		text-align: left;
}
#topwatcharea > div > section:first-child {
    background: rgba(0, 0, 0, 0.5) url(../images/watch_online.webp) right top / 60% auto no-repeat;
}
#topwatcharea > div > section:last-child {
    background: rgba(0, 0, 0, 0.5) url(../images/watch_screen.webp) right top / 70% auto no-repeat;
}
#topwatcharea h3 {
		text-align: left;
}
#topwatcharea h3 br {
		display: none;
}
#topwatcharea div.info p {
		text-align: left;
		padding-right: 40%;
}
#moviearea {
    padding:6rem 6.5% 6rem 6.5%;
}

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

#top-visual-area #top-movie-box .picture-title {
    width: 50%;
}

#topmainnavarea ul li span.en {
    font-size: 1.4em;
    font-size: 1.4rem;
}
#moviearea .mv {
    padding: 0 6.5% 3rem 6.5%;
}

#topsponsorarea .competition {
    width: 60%;
    padding-bottom: 1rem;
}

#topnewstickerarea,
#topeventarea,
#topschedulearea,
#topinfoarea,
#topguestarea,
#topinfoarea,
#topspecialarea {
    padding: 4rem 0 4rem 0;
}

#top-about-area header,
#topwatcharea header,
#top-matching-events-area header,
#topmainbnrarea header,
#topeventarea header,
#topschedulearea header,
#topinfoarea header,
#topguestarea header,
#topspecialarea header {
    margin-bottom: 3rem;
}

#top-about-area header h2.en,
#top-about-area header p,
#topwatcharea header h2.en,
#top-matching-events-area header h2.en,
#top-matching-events-area header p,
#topmainbnrarea header h2.en,
#topmainbnrarea header p,
#topnewstickerarea header h2.en,
#topnewstickerarea header p,
#tophashtagarea header h2.en,
#tophashtagarea header p,
#topwatcharea header h2.en,
#topwatcharea header p,
#topprogramarea header h2.en,
#topprogramarea header p,
#topschedulearea header h2.en,
#topschedulearea header p,
#topeventarea header h2.en,
#topeventarea header p,
#topguestarea header p,
#topinfoarea header h2.en,
#topinfoarea header p,
#topspecialarea header h2.en,
#topspecialarea header p {
    font-size: 6em;
    font-size: 6rem;
}
#top-about-area header h2,
#topwatcharea header h2,
#top-matching-events-area header h2,
#topmainbnrarea header h2,
#topnewstickerarea header h2,
#tophashtagarea header h2,
#topwatcharea header h2,
#topprogramarea header h2,
#topschedulearea header h2,
#topeventarea header h2,
#topguestarea header h2,
#topinfoarea header h2,
#topspecialarea header h2 {
    font-size: 2em;
    font-size: 2rem;
}

#topsponsorarea header h2,
#topsponsorarea header p.h2-title {
    font-size: 2em;
    font-size: 2rem;
    margin-bottom: 3rem;
}
#topnewstickerarea {
    padding: 8rem 0 5rem 0;
}
#top-about-area {
    padding: 10rem 6.5% 0rem 6.5%;
	background: url(../common/light-line5.webp) center top 0 / 100% auto no-repeat;
}
#top-about-area::after {
    height: 70px;
}
#top-about-area .lead {
    margin-bottom: 2rem;
    font-size: 1.75em;
    font-size: 1.75rem;
}
#top-about-area .top-main-menu-list li a {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: stretch;
}
#top-about-area .top-main-menu-list li .photo:before {
        padding-top: 40%;
}
#top-about-area .top-main-menu-list li .photo:after {
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.2) 0%, rgba(18, 18, 18, 1) 95%, rgba(18, 18, 18, 1) 100%);
}
#top-about-area .top-main-menu-list li .info {
    padding: 0 2rem 2rem 2rem;
    position: relative;
flex-direction: column;
align-items: stretch;
}
#top-about-area .top-main-menu-list li h3 {
    flex-grow: 0;
}
#top-about-area .top-main-menu-list li .description {
	flex-grow: 2;
}
#topprogramarea .program {
    padding: 0 0 4rem 0;
}
#topsponsorarea {
    width: 100%;
	padding: 0;
	margin-bottom: 1rem;
}
#topcmarea {
    width: 100%;
}
#topprogramarea {
padding: 4rem 0 8rem 0;
}
#topprogramarea .program .swiper-slide {
    margin-top: 1.5rem;
    margin-bottom: 3rem;
    box-shadow: 0px 0px 4px rgba(232, 200, 135, 1), 0px 0px 15px rgba(232, 200, 135, 0.7), 0px 0px 20px rgba(232, 200, 135, 0.3);
}
#topprogramarea .title {
    padding: 0.5rem 2rem 2rem 2rem;
}

.top-program-finder {
        margin: 0 6.5% 3rem 6.5%;
}
.top-program-finder a {
        padding: 2rem 3rem;
        background: url(../images/program-finder.webp) right 2rem center / auto 65% no-repeat, linear-gradient(90deg, rgba(91, 0, 0, 1) 0%, rgba(19, 18, 18, 1) 70%, rgba(18, 18, 18, 1) 100%);
		border-radius: 2rem;
		box-shadow: 0px 0px 4px rgba(232, 200, 135, 0.3), 0px 0px 20px rgba(232, 200, 135, 0.4);
}
.top-program-finder p {
        font-size: 1.6em;
        font-size: 1.6rem;
}
.top-program-finder p.en {
margin-bottom: 0.5rem;
        font-size: 4.0em;
        font-size: 4.0rem;
}
#topprogramarea::after {
        height:50px;
    }
#topguestarea footer ul {
    margin-right: 0rem;
}
#topguestarea footer ul li a {
    display: inline-block !important;
    padding: 1.25rem 12rem !important;
}
#topmainbnrarea::after {
        height: 50px;
        bottom: -50px;
}
#topbannerarea .lead {
    margin-bottom: 1rem;
    font-size: 2em;
    font-size: 2rem;
}

#topadarea {
	flex-direction: column;
    padding: 0rem 6.5% 0rem 6.5%;
}
#topsnsarea {
	margin-top: 2rem;
	margin-bottom: 4rem;
}
#topsponsorarea .sponsor {
    padding: 3rem 0 2rem 0;
    border-radius: 0.5rem;
}

#tophashtagarea {
        margin: 8rem 6.5% 6rem 6.5%;
    }

#topbannerarea > ul {
justify-content: space-between;
}
#topbannerarea > ul li {
    list-style: none;
    width: 49%;
    margin-bottom: 0.75rem;
    margin-right: 0;
}
#topbannerarea > ul li:nth-child(3n) {
    margin-right: 0;
}


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

#top-visual-area {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: calc(100vh - 100px);
}
#top-visual-area #top-movie-box .picture-title {
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
    width: 75%;
}
#top-visual-area #top-movie-box picture.picture-date {
        bottom: 20px;
}
#top-visual-area #top-movie-box::before {
        height: 95px;
}
#visual-bg2 {
    background: url(../common/bk_ov.webp) center top / 100% auto repeat-y;
}
#topmainnavarea ul li {
        font-size: 1.75em;
        font-size: 1.75rem;
}
#topmainnavarea ul li span.en {
        font-size: 1.2em;
        font-size: 1.2rem;
}	
#moviearea {
padding: 3rem 4% 3rem 4%;
margin-bottom: 3rem;
}
#moviearea .youtubebox {
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 204, 0.6);
    border-radius: 1rem;
}

#onlinearea {
    padding: 0 3% 0 3%;
}
#onlinearea p.clear {
    margin-top: 2rem;
	width: 45px;
}
#onlinearea p.btn {
    width: 98%;
    margin: 3rem 2% 1.5rem 0;
}


#moviearea .txtbox h2 {
    width: 100%;
    margin: 8% auto 1rem auto;
}
#moviearea .txtbox p.copy {
    width: 100%;
    margin: 0 auto;
}
#tophashtagarea {
margin: 7rem 6.5% 4rem 6.5%;
padding: 3rem 0;
}
#tophashtagarea div ul {
    justify-content: center;
}
#topmainbnrarea::after {
        height: 40px;
        bottom: -40px;
}
#topmainbnrarea ul {
    flex-direction: column;
}
/*
#topmainbnrarea ul li {
    margin: 0 2% 0 0;
    width: 100%;
}
#topmainbnrarea ul li,
#topmainbnrarea ul li:nth-child(2n) {
    margin: 0 0 1rem 0;
}
*/
#top-key-area {
margin-bottom: 1rem;
}
#topcmarea {
margin-bottom: 1rem;
}
#topadarea {
    display: block;
    padding: 2rem 6.5% 0.5rem 6.5%;
    border-radius: 0.5rem;
}
.sponsor > .swiper-wrapper {
        height: auto;
    }

#topsponsorarea {
    width: 100%;
	margin-bottom: 1rem;
}
#topsponsorarea header h2,
#topsponsorarea header p.h2-title {
    font-size: 1.75em;
    font-size: 1.75rem;
	font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 1.5rem;
}
#topsponsorarea .competition {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 0rem;
}
#top-matching-events-area img,
#topmainbnrarea ul li img {
    border-radius: 0.3rem;
}

#topwatcharea {
        padding: 3rem 2% 3rem 2%;
}
#topnewstickerarea,
#topschedulearea,
#topinfoarea,
#topguestarea,
#topinfoarea,
#topspecialarea {
    padding: 5rem 0 2rem 0;
}
#topeventarea {
    padding: 5rem 0 2rem 0;
}
#topprogramarea {
padding: 5rem 0 1rem 0;
}
#topguestarea {
    padding: 4rem 0 4rem 0;
}
#topsnsarea {
    display: none;
}
#top-about-area {
        padding: 7rem 5% 0rem 5%;
}
#topbannerarea {
    padding: 0rem 4% 2rem 4%;
}
#tophashtagarea header,
#top-about-area header,
#topwatcharea header,
#topmainbnrarea header,
#top-matching-events-area header {
    margin-bottom: 2.5rem;
}
#topprogramarea header,
#topnewstickerarea header,
#topeventarea header,
#topschedulearea header,
#topguestarea header,
#topinfoarea header,
#topspecialarea header {
    margin-bottom: 0.5rem;
}

#top-about-area header h2.en,
#top-about-area header p,
#top-matching-events-area header h2.en,
#top-matching-events-area header p,
#topmainbnrarea header h2.en,
#topmainbnrarea header p,
#topnewstickerarea header h2.en,
#topnewstickerarea header p,
#tophashtagarea header h2.en,
#tophashtagarea header p,
#topwatcharea header h2.en,
#topwatcharea header p,
#topprogramarea header h2.en,
#topprogramarea header p,
#topschedulearea header h2.en,
#topschedulearea header p,
#topeventarea header h2.en,
#topeventarea header p,
#topguestarea header h2.en,
#topguestarea header p,
#topinfoarea header h2.en,
#topinfoarea header p,
#topspecialarea header h2.en,
#topspecialarea header p {
    font-size: 3.4em;
    font-size: 3.4rem;
    margin-bottom: 0.75rem;
}

#top-about-area header h2,
#top-matching-events-area header h2,
#topmainbnrarea header h2,
#topnewstickerarea header h2,
#tophashtagarea header h2,
#topwatcharea header h2,
#topprogramarea header h2,
#topschedulearea header h2,
#topeventarea header h2,
#topguestarea header h2,
#topinfoarea header h2,
#topspecialarea header h2 {
    font-size: 1.6em;
    font-size: 1.6rem;
}


#tophashtagarea header p {
    font-size: 3.4em;
    font-size: 3.4rem;
    margin-bottom: 0.35rem;
}
#top-matching-events-area {
    padding: 0 4% 0 4%;
    margin: 3rem 0;
}
#top-matching-events-area ul {
    padding: 0;
}
#top-matching-events-area ul li {
width: 49%;
}
#topprogramarea::after {
        height: 40px;
}
#topprogramarea .swiper-wrapper {
        margin-bottom: 0;
}
#topprogramarea .program {
    margin: 0.75rem 0 0 0;
    padding: 1.5rem 0 0 0;
}
#topprogramarea .program .swiper-slide {
        margin-bottom: 0;
        box-shadow: 0px 0px 2px rgba(232, 200, 135, 1), 0px 0px 7px rgba(232, 200, 135, 0.7), 0px 0px 10px rgba(232, 200, 135, 0.3);
}
#topprogramarea .title {
    margin: 0;
    padding: 0 0 1.5rem 0;
    font-size: 1.85em;
    font-size: 1.85rem;
    font-weight: 500;
    line-height: 1.4;
}
#topprogramarea .photo:before {
    padding-top: 56.25%;
}
#topprogramarea .info .date {
    width: 100%;
    display: block;
}
#topprogramarea .info .date dt span {
display: block;
    padding: 0.1rem 0rem;
}
#topprogramarea .info .date dt {
margin-bottom: 0.75rem;
}
#topprogramarea .info .date dd {
margin-bottom: 1.25rem;
        font-size: 2.6em;
        font-size: 2.6rem;
}
#topprogramarea .info .date dd:last-of-type {
margin-bottom:0;
}

#tophashtagarea div p {
    font-size: 1.2em;
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
}
#tophashtagarea div ul li {
    font-size: 1.4em;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    margin-right: 0.3rem;
}
#tophashtagarea div ul li a {
    padding: 0.85rem 1.25rem 0.75rem 1.25rem;
}
#topprogramarea .swiper {
    margin: 0 0 0 0;
}
#topschedulearea .swiper,
#topeventarea .swiper,
#topguestarea .swiper {
    margin: 0 0 -5rem 0;
}
#topinfoarea .swiper {
    margin: 0 0 0 0;
}
#topspecialarea .swiper {
    margin: 0 0 0 0;
}
#topprogramarea .swiper-button-prev,
#topspecialarea .swiper-button-prev {
display: none;
    top: 38%;
    left: 1%;
}
#topeventarea .swiper-button-prev,
#topinfoarea .swiper-button-prev,
#topschedulearea .swiper-button-prev,
#topguestarea .swiper-button-prev,
#topinfoarea .swiper-button-prev {
display: none;
    top: 45%;
    left: 1%;
}
#topprogramarea .swiper-button-next,
#topspecialarea .swiper-button-next {
display: none;
    top: 38%;
    right: 1%;
}
#topeventarea .swiper-button-next,
#topinfoarea .swiper-button-next,
#topschedulearea .swiper-button-next,
#topguestarea .swiper-button-next,
#topinfoarea .swiper-button-next {
display: none;
    top: 45%;
    right: 1%;
}
#topprogramarea .swiper-wrapper {
    margin-bottom: 2rem;
}
#topprogramarea footer {
    margin-top: 1rem;
}
#topeventarea footer,
#topinfoarea footer,
#topschedulearea footer,
#topguestarea footer,
#topinfoarea footer,
#topspecialarea footer {
    margin-top: 0rem;
}

#topnewstickerarea .swiper-slide {
    font-size: 1.4em;
    font-size: 1.4rem;
    line-height: 1.4;
}

#topeventarea .swiper-slide .today {
    left: 0.3rem;
    top: -0.5rem;
    width: 30%;
}
#topeventarea .swiper-slide .info {
    padding: 0.2rem 1rem 1.5rem 1rem;
}
#topeventarea .swiper-slide .title {
    font-size: 1.4em;
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 0.2rem;
}
#topeventarea .swiper-slide .venue {
    margin-bottom: 1rem;
}
#topeventarea .swiper-slide .info .date {
	font-size: 2.6em;
    font-size: 2.6rem;
    line-height: 1;
    margin-bottom: 0.2rem;
}
#topeventarea .swiper-slide .info .date span {
    font-size: 1.6em;
    font-size: 1.6rem;
    line-height: 1.6;
    vertical-align: baseline;
    margin-left: 0.5rem;
}

#topeventarea .swiper-slide .link {
    margin-top: 0.5rem;
}

#topguestarea .swiper-slide .info {
    margin-bottom:0;
}
#topguestarea .swiper-slide .info .box:nth-child(1) {
    padding-left: 10.5rem;
}
#topguestarea .swiper-slide .title {
    font-size: 1.8em;
    font-size: 1.8rem;
    margin-bottom: 0.3rem;
}
#topguestarea .swiper-slide .date {
	font-size: 2.6em;
    font-size: 2.6rem;
    line-height: 1;
    margin-bottom: 1rem;
	padding-bottom: 0.75rem;
}
#topguestarea .swiper-slide .date span {
    font-size: 1.6em;
    font-size: 1.6rem;
    line-height: 1.6;
    vertical-align: baseline;
    margin-left: 0.5rem;
}
#topguestarea .swiper-slide .description {
    font-size: 1.4em;
    font-size: 1.4rem;
}
#topguestarea .swiper-slide .venue {
    font-size: 1.4em;
    font-size: 1.4rem;
    margin-bottom: 0rem;
}
#topinfoarea .swiper-wrapper {
    padding: 2rem 0 2rem 0;
}
#topinfoarea .swiper-slide .info {
    padding: 0.2rem 1rem 1.5rem 1rem;
}
#topinfoarea .swiper-slide .title {
    margin-bottom:0.3rem;
    font-size: 1.4em;
    font-size: 1.4rem;
    line-height: 1.4;
}

#topspecialarea .swiper-slide .info {
    padding: 0.2rem 1rem 1.5rem 1rem;
}
#topspecialarea .swiper-slide .title {
    margin-bottom: 0.3rem;
    font-size: 1.6em;
    font-size: 1.6rem;
    line-height: 1.4;
	flex-grow: 1;
}

#topspecialarea div .description {
padding: 0.4rem 0 0 0;
font-size: 1.4em;
font-size: 1.4rem;
	flex-grow: 2;
}
#topspecialarea .swiper-wrapper {
    margin-bottom: 0;
    padding: 2rem 0 2rem 0;
}

#top-about-area::after {
        height:60px;
}
#top-about-area header h2 {
        font-size: 1.75em;
        font-size: 1.75rem;
}
#top-about-area header h2:before,
#top-about-area header h2:after {
    width: 50px;
    height: 4px;
    border-radius: 6px;
}
#top-about-area header h2 {
    padding: 0 40px;
}
#top-about-area header p,
#top-about-area header h2.en {
    margin-bottom: 1.5rem;
}
#top-about-area .lead {
    margin-bottom: 2rem;
    font-size: 1.55em;
    font-size: 1.55rem;
    font-weight: 500;
}
#top-about-area .about-btn {
margin: 0rem auto 2.5rem auto;
}
#top-about-area .lead br {
display: none;
}
#top-about-area .top-main-menu-list li {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 2px rgba(232, 200, 135, 0.7), 0px 0px 7px rgba(232, 200, 135, 0.5);
}
#top-about-area .top-main-menu-list li a {
display: block;
position: relative;
overflow: hidden;
    border-radius: 1rem;
}
#top-about-area .top-main-menu-list li .photo {
width:100%;
left: 0%;
    border-radius: 0 0.8rem 0 0;
        position: absolute;
}
#top-about-area .top-main-menu-list li .photo img {
    border-radius: 0 0.8rem 0 0;
}
#top-about-area .top-main-menu-list li .photo:after {
        background: linear-gradient(180deg, rgba(18, 18, 18, 0.4) 0%, rgba(18, 18, 18, 1) 70%);
}
#top-about-area .top-main-menu-list li .photo:before {
        padding-top: 70%;
}
#top-about-area .top-main-menu-list li .info {
        padding: 7rem 2rem 2rem 2rem;
}
#top-about-area .top-main-menu-list li h3 {
    margin-bottom: 1rem;
	font-size: 1.6em;
    font-size: 1.6rem;
}
#top-about-area .top-main-menu-list li .description {
	font-size: 1.4em;
    font-size: 1.4rem;
}
#top-about-area .top-main-menu-list li .description br {
display: none;
}
#top-about-area .top-main-menu-list li .link {
    margin-top: 1rem;
}
#topwatcharea > div {
    margin-bottom: 1rem;
}
#topwatcharea > div > section {
        margin-bottom: 1rem;
}

#topnewstickerarea .newsticker {
    padding: 0rem 0 1rem 0;
}


#topbannerarea .lead {
        margin-bottom: 0.75rem;
        font-size: 1.7em;
        font-size: 1.7rem;
}
#topbannerarea ul {
    margin-bottom: 0rem;
}

#topeventarea .eventvenue-list li span.in-person {

    padding: 0.3rem 0.4rem 0.2rem 2rem;
}
#topeventarea .eventvenue-list li span.on {
    padding: 0.3rem 0.4rem 0.2rem 2.2rem;
}

#topeventarea .eventvenue-list li span.off {
    padding: 0.3rem 0.4rem 0.2rem 2.2rem;
}
.top-program-finder a {
        padding: 2rem 2rem;
        background: url(../images/program-finder.webp) right 1rem center / auto 65% no-repeat, linear-gradient(90deg, rgba(91, 0, 0, 1) 0%, rgba(19, 18, 18, 1) 70%, rgba(18, 18, 18, 1) 100%);
        border-radius: 2rem;
		box-shadow: 0px 0px 7px rgba(232, 200, 135, 0.7), 0px 0px 10px rgba(232, 200, 135, 0.3);
}
.top-program-finder p {
        font-size: 1.4em;
        font-size: 1.4rem;
}
.top-program-finder p.en {
        font-size: 3.0em;
        font-size: 3.0rem;
}
.top-program-finder h3 {
    font-size: 1.6em;
    font-size: 1.6rem;
	font-weight: 600;
    margin-bottom: 1rem;
}
#topwatcharea > div > section {
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 20px 0px rgba(255, 255, 204, 0.6);
}
#topwatcharea ul li a {
    padding: 1.25rem 0 1.15rem 0;
    background: rgba(255, 255, 255, 1) url(../common/arrow001-b.svg) left 1.25rem center / 15px auto no-repeat;
}
#topwatcharea ul li a:hover {
background: rgba(255,255,255,0.2) url(../common/arrow001.svg) left 1.25rem center / 15px auto no-repeat;
}
#topwatcharea h3 {
    font-size: 1.75em;
    font-size: 1.75rem;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}
#topwatcharea h3 span {
    font-size: 2.6em;
    font-size: 2.6rem;
    margin-right: 0.3rem;
}
#topwatcharea ul {
    margin-top: 1.5rem;
}
}
@media screen and (max-width: 640px) {


#topbannerarea ul {
    justify-content: space-between;
}

#top-visual-area {
        height: calc(100vh - 22vh);
}
}
@media screen and (max-width: 560px) {
#topmainnavarea {
padding: 3rem 6.5% 1rem 6.5%;
}
#topmainnavarea ul li {
        font-size: 1.6em;
        font-size: 1.6rem;
		margin-bottom: 0.5rem;
}
#topmainnavarea ul li a {
    background: rgba(0, 0, 0, 0.3) url(../common/arrow001.svg) left 1rem center / 13px auto no-repeat;
}
#topmainnavarea ul li a:hover {
    background: rgba(255, 255, 255, 1) url(../common/arrow001-b.svg) left 1rem center / 13px auto no-repeat;
}
#topprogramarea {
padding: 3rem 0 4rem 0;
}
#topmainbnrarea {
        padding: 3rem 6.5% 2rem 6.5%;
}
#topmainbnrarea::after {
        height: 30px;
        bottom: -30px;
}
#topprogramarea::after {
        height: 30px;
}
#topprogramarea footer {
        margin-top: 1rem;
}
.top-program-finder a {
        padding: 8rem 2rem 1.5rem 2rem;
        background: url(../images/program-finder.webp) right 0.5rem top 1rem / 80% auto no-repeat, linear-gradient(90deg, rgba(91, 0, 0, 1) 0%, rgba(19, 18, 18, 1) 70%, rgba(18, 18, 18, 1) 100%);
        border-radius: 1rem;
        box-shadow: 0px 0px 7px rgba(232, 200, 135, 0.7), 0px 0px 10px rgba(232, 200, 135, 0.3);
		border: #aa0000 4px solid;
    }
.top-program-finder p.en {
        font-size: 2.8em;
        font-size: 2.8rem;
}

#topwatcharea div.info p {
        padding-right: 0%;
}

}

@media screen and (max-width: 480px) {
#topmainnavarea {
        padding: 0.5rem 5% 0.5rem 5%;
}
#topmainnavarea ul li a {
padding: 1rem 0rem 1rem 0rem;
}
#topmainnavarea ul li {
font-size: 1.4em;
font-size: 1.4rem;
font-weight: normal;
}
#topmainnavarea ul li span.en {
font-size: 1.0em;
font-size: 1.0rem;
}
#onlinearea {
    padding: 0 1.8% 0 3%;
}
#onlinearea div {
    justify-content:space-between;
}
#onlinearea p.clear {
    margin-top: 2rem;
	width: 35px;
}
#onlinearea p.btn {
    width: 86%;
    margin: 3rem 0 1.5rem 0;
}
#left-side-area #side-copyright {
        left: 0.75rem;
    }

}