@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: #ffff66;
}
#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: #ffff66;
}

#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: #ffff66;
}
#topsponsorarea header h2,
#topsponsorarea header p.h2-title {
text-align: center;
font-weight: normal;
font-size:2.4em;
font-size: 2.4rem;
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: 2rem;
    color: #333;
}
/*#topnewstickerarea header h2,
#topnewstickerarea header h2.en,
#topnewstickerarea header p {
    color: #fffff6;
}
#top-matching-events-area header h2,
#top-matching-events-area header p,
#topwatcharea header h2,
#topwatcharea header h2.en,
#topwatcharea header p
#topprogramarea header h2,
#topprogramarea header h2.en,
#topprogramarea header p {
color: #fffff6;
}*/
#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;
padding: 14rem 14% 14rem 14%;
background: #0e0000 url("../common/bk.jpg") center top / 100% auto no-repeat;
}
#moviearea .youtubebox {
border-radius: 1rem;
border: #ffff00 2px solid;
}
#moviearea .mv {
width:100%;
margin:0 auto;
text-align: center;
overflow: hidden;
border-radius: 1rem;
}
#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;
}
#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 {
margin: 8rem 6.5%;
}
#topmainbnrarea header a {
    color: #fffff6;
}
#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;
}
#top-visual-area::before {
    position: absolute;
    left: 0;
    top: 0;
	z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
	content: "";
	background: rgba(0,0,0,0.5) url("../images/mvov_pc.png") center bottom / 100% auto no-repeat;
}
#visual-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
#top-visual-area #top-movie-box {
position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 75%;
    overflow: hidden;
    color: #fff;
	z-index:3;
}
#top-visual-area #top-movie-box picture {
position: absolute;
z-index: 2;
top: 45%;
left: 50%;
transform: translate(-50%, -45%);
margin: 0 auto;
width: 73%;
text-align: center;
}
#top-visual-area picture,
#top-visual-area img {
  display: block;
  width: 100%;
  height: auto;
text-align: center;
margin: 0 auto;
}
#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, 0.6);
}

#topcmarea {
grid-column: 2 / 3;
grid-row: 1 / 2;
margin-bottom: 3rem;
padding: 2rem;
border-radius: 3rem;
background: rgba(1,1,1,1);
box-shadow: 0px 0px 30px 0px rgba(255, 255, 204, 0.6);
display: flex;
justify-content: center;
flex-direction: column;
}
#topcmarea div {

}


/*
#topsponsorarea {
width:70%;
padding: 0 2% 0 0;
}
*/


#top-about-area {
width:100%;
padding: 6rem 6.5% 11rem 6.5%;
margin:0 auto;
background: url("../images/bk_access.jpg");
color: #222;
}
#top-about-area header p,
#top-about-area header h2.en {
	color: #9d5100;
}
#top-about-area header h2 {
	color: #e96e00;
	font-weight: 800;
}
#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: #ffff66;
    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: 32%;
margin-right: 2%;
margin-bottom: 3rem;
background: #222222;
	color: #fff;
border-radius: 1rem;
display: flex;
text-align: left;
}
#top-about-area .top-main-menu-list li:nth-child(3) {
margin-right: 0;
}
#top-about-area .top-main-menu-list li:nth-child(4) {
width: 100%;
margin-right: 0;
}
#top-about-area .top-main-menu-list li a {
	color: #111;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#top-about-area .top-main-menu-list li:nth-child(4) a {
flex-direction: row;
}
#top-about-area .top-main-menu-list li .info {
padding: 0.3rem 2rem 2.5rem 2rem;
width: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
	background: #222222;
    border-radius: 0 0 1rem 1rem;
}
#top-about-area .top-main-menu-list li:nth-child(4) .info {
padding: 4rem 2rem 2.5rem 4rem;
width: 32%;
border-radius: 1rem 0 0 1rem;
order: 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.75rem;
    font-size: 3.4em;
    font-size: 3.4rem;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: 0;
	color: #ffff66;
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.7em;
    font-size: 1.7rem;
	font-weight: 600;
flex-grow: 2;
	color: #fff;
}
#top-about-area .top-main-menu-list li .photo {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #222;
    border-radius: 1rem 1rem 0 0;
}
#top-about-area .top-main-menu-list li:nth-child(4) .photo {
    width: 68%;
    border-radius: 0 1rem 1rem 0;
	order: 2;
}
#top-about-area .top-main-menu-list li .photo:before {
    content: "";
    display: block;
    padding-top: 75%;
}
#top-about-area .top-main-menu-list li:nth-child(4) .photo:before {
    padding-top: 33%;
}
#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: #222222;
background: linear-gradient(180deg,rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 1) 100%);
}
#top-about-area .top-main-menu-list li:nth-child(4) .photo:after {
background: #222222;
background: linear-gradient(-90deg,rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 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: 1rem 1rem 0 0;
}
#top-about-area .top-main-menu-list li:nth-child(4) .photo img {
    border-radius: 1rem 0 0 1rem;
}
#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;
background: #ffffd0;
border-color: #ffffd0;
color: #111;
    font-size: 1.6em;
    font-size: 1.6rem;
	font-weight: 700;
}


#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: #ffff66;
}
#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;
}


#topsponsorarea {
overflow: hidden;
grid-column: 2 / 3;
grid-row: 2 / 3;
padding: 1.5rem 15%;
background: #fff;
border-radius: 3rem;
box-shadow: 0px 0px 30px 0px rgba(255, 255, 204, 0.6);
display: flex;
justify-content: center;
flex-direction: column;
}
#topsponsorarea .sponsor {
width: 100%;
position: relative;
overflow: hidden;
}
#topsponsorarea .competition {
width: 65%;
margin: 0 auto;
padding-bottom: 0;
}
.sponsor .swiper-container {
  overflow: hidden;
}
.sponsor > .swiper-wrapper {

height: 370px;
-webkit-transition-timing-function:linear !important;
-o-transition-timing-function:linear !important;
transition-timing-function:linear !important;
}
.sponsor .swiper-slide {

}


#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: 18rem 6.5% 14rem 6.5%;
margin-bottom: 6rem;
background: url(../images/bk_guest1.jpg) center top / 100% auto no-repeat, url(../images/bk_guest2.jpg) center top / auto auto repeat;
}
#top-matching-events-area ul {
display: flex;
justify-content:center;
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 {
width: 100%;
border-radius: 0;
padding: 11rem 6.5% 11rem 6.5%;
background: url(../images/bk_watch1_2.jpg) center top / 100% auto no-repeat, url(../images/bk_watch2.jpg) center top / auto auto repeat;
}
#tophashtagarea  div {
margin: 0 5%;
padding: 3rem;
border-radius: 3rem;
background: rgba(255,255,255,0.1);
}
#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;
	background: #ffff66;
color: #111;
}
#tophashtagarea div ul li a:hover {
    color: #333;
	background: #fffff6;
}

#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: #ffff66;
}

#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: #ffff66;
}
#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: 20rem 0 11rem 0;
/*padding: 0rem 0 20rem 0;*/
overflow: hidden;
position: relative;
}
#topprogramarea::after {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: "";
background: url("../images/bk_prgrm1.jpg") center top / 100% auto no-repeat, url("../images/bk_prgrm2.jpg") center top / auto auto repeat;
}
#topprogramarea > * {
position: relative;
z-index: 1;
}
#topprogramarea .program {
width: 100%;
margin: 5rem 0;
padding: 5rem 0;
overflow: hidden;
}
#topprogramarea .program a {
color: #fffff6;
}
#topprogramarea .swiper-wrapper {
margin-bottom: 4rem;
}
#topprogramarea .program .swiper-slide {
    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 25px 0px rgba(0, 0, 0, 0.5);
}
#topprogramarea .program .swiper-slide-active {
    opacity: 1;
    z-index: 1;
    transform: scale(1.2);
}
#topprogramarea .photo:before {
    padding-top: 56.25%;
}
#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 .title {
width: 100%;
position: relative;
text-align: center;
font-size: 2.0em;
font-size: 2.0rem;
line-height: 1.5;
padding: 0.5rem 2rem 2rem 2rem;
}
#topprogramarea .title a {
color: #fffff6;
}
.top-program-menu-list {
padding: 2rem 6.5% 3rem 6.5%;
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.top-program-menu-list li {
margin-bottom: 2rem;
width: 32.5%;
text-align: center;
font-size: 1.8em;
font-size: 1.8rem;
font-weight: 600;
line-height: 1.4;
letter-spacing: 2px;
}
.top-program-menu-list li strong {
font-size: 2.4em;
font-size: 2.4rem;
}
.top-program-menu-list li a {
    display: block;
    padding: 1.25rem 0 1rem 0;
	border:#fffff6 1px solid;
    border-radius: 20rem;
    color: #fffff6;
    background-color: rgba(0, 0, 0, 0.3);
	background-position: left 2.5rem center;
	background-repeat: no-repeat;
background-size: 36px auto;
}
.top-program-menu-list li a:hover {
    background-color: rgba(255, 255, 255, 1);
    color: #333;
}
.top-program-menu-list li a.keywords {
background-image: url("../common/search-w.svg");
background-size: 32px auto;
}
.top-program-menu-list li a.keywords:hover {
background-image: url(../common/search-b.svg);
}
.top-program-menu-list li a.programsrc {
background-image: url(../common/program-w.svg);
}
.top-program-menu-list li a.programsrc:hover {
background-image: url(../common/program-b.svg);
}
.top-program-menu-list li a.allitemsrc {
background-image: url(../common/item-w.svg);
}
.top-program-menu-list li a.allitemsrc:hover {
background-image: url(../common/item-b.svg);
}

#topeventarea {
padding: 11rem 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.4rem center no-repeat;
    background-size: 13px auto;
    padding: 0.2rem 0.4rem 0.1rem 2rem;
}
#topeventarea .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;
}
#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.4rem center no-repeat;
    background-size: 14px auto;
    padding: 0.2rem 0.4rem 0.1rem 2.2rem;
}


#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: url(../images/bk_news1.jpg) center top / 100% auto no-repeat, url(../images/bk_news3.jpg) center bottom / 100% auto no-repeat, url(../images/bk_news2.jpg) center top / auto auto repeat;
}


#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: #fffff6;
padding:0;
background: #111;
border-radius: 1rem;
box-shadow: 0px 0px 15px 0px rgba(255, 255, 102, 0.3);
}

#topguestarea .swiper-slide .info {
padding: 0rem 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: 1rem;
padding-bottom: 0.5rem;
border-bottom: #fffff6 2px dotted;
}
#topguestarea .swiper-slide .title {
font-size:2em;
font-size: 2rem;
line-height: 1.4;
font-weight: normal;
margin-bottom:1.5rem;
}

#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);
}




#topinfoarea {
padding: 22rem 0 11rem 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: #ffff66;
color: #333;
}


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



#topbannerarea {
padding: 10rem 4% 8rem 4%;
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:nth-of-type(1) li {
    list-style: none;
    width: 32.666666%;
    margin-top: 1%;
    margin-bottom: 0.5rem;
    margin-right: 1%;
}
#topbannerarea > ul:nth-of-type(1) li:nth-child(3n) {
    margin-right: 0;
}
#topbannerarea > ul:nth-of-type(2) li {
    list-style: none;
    width: 24.25%;
    margin-top: 1%;
    margin-bottom: 0.5rem;
    margin-right: 1%;
}
#topbannerarea > ul:nth-of-type(2) li:nth-child(4n) {
    margin-right: 0;
}


@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 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 .top-main-menu-list li:nth-child(4) .photo {
    width: 58%;
}
#top-about-area .top-main-menu-list li:nth-child(4) .info {
    padding: 2rem 2rem 2.5rem 2rem;
    width: 42%;
}
#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 {
    padding: 10rem 0 17rem 0;
}

#topprogramarea .title {
    margin-top: 1.25rem;
    font-size: 2.0em;
    font-size: 2.0rem;
}
#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%;
}

.sponsor > .swiper-wrapper {
    height: 280px;
}

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


#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,
#tophashtagarea,
#topeventarea,
#topschedulearea,
#topinfoarea,
#topguestarea,
#topinfoarea,
#topspecialarea {
    padding: 10rem 0 8rem 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 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;
}
#topnewstickerarea {
    padding: 8rem 0 5rem 0;
}
#top-about-area {
    padding: 4rem 6.5% 5rem 6.5%;
}
#topwatcharea,
#tophashtagarea {
    padding: 8rem 6.5% 5rem 6.5%;
}
#topsponsorarea {
    width: 100%;
}
#topcmarea {
    width: 100%;
}
#topmainbnrarea {
    margin: 4rem 6.5% 2rem 6.5%;
    padding: 0;
}


#topprogramarea {
padding: 10rem 0 12rem 0;
/*padding: 0rem 0 12rem 0;*/
}
#topprogramarea .title {
    padding: 0.5rem 2rem 2rem 2rem;
}
#topprogramarea .program {
    margin: 0;
    padding: 4rem 0 5rem 0;
}
#topeventarea {
    padding: 2rem 0 8rem 0;
}
#topguestarea footer ul {
    margin-right: 0rem;
}
#topguestarea footer ul li a {
    display: inline-block !important;
    padding: 1.25rem 12rem !important;
}

#topinfoarea {
    padding: 10rem 0 8rem 0;
}
#topbannerarea {
    padding: 5rem 5% 2rem 5%;
}
#topbannerarea .lead {
    margin-bottom: 1rem;
    font-size: 2em;
    font-size: 2rem;
}

#topsnsarea {
	margin-top: 2rem;
	margin-bottom: 4rem;
}
#top-visual-area {
    height: calc(100svh - 95px);
}
#top-visual-area {
    padding: 3rem 6.5%;
    grid-template-columns: 65% 32%;
	column-gap: 3%;
}
#top-visual-area #top-movie-box {
    height: 100%;
}
#top-visual-area #top-movie-box picture {
top: 35%;
left: 50%;
transform: translate(-50%, -35%);
width:75%;
}
#top-visual-area::before {
    background: rgba(0, 0, 0, 0.5) url(../images/mvov_sp.png) center bottom / 100% auto no-repeat;
}
#top-key-area {
    margin-right:0;
	margin-bottom: 2rem;
    grid-column: 1 / 3;
    grid-row: 1 / 2;
}
#top-key-area img {
    border-radius: 1rem;
}
#topcmarea {
grid-column: 1 / 2;
    grid-row: 2 / 3;
    margin-bottom: 3rem;
    padding: 2rem;
    border-radius: 1rem;
}
#topsponsorarea {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin-bottom: 3rem;
    padding: 2rem;
    border-radius: 1rem;
}

.top-program-menu-list li a {
background-position: left 2rem center;
background-size: 30px auto;
}
.top-program-menu-list li a.keywords {
background-size: 28px auto;
}

#top-about-area .top-main-menu-list li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1.5rem;
}
#top-about-area .top-main-menu-list li:nth-child(2n) {
    margin-right: 0;
}
#top-about-area .top-main-menu-list li:nth-child(4) {
    width: 49%;
}
#top-about-area .top-main-menu-list li:nth-child(4) a {
    flex-direction: column;
}
#top-about-area .top-main-menu-list li:nth-child(4) .photo {
        width: 100%;
		order: 1;
		border-radius: 1rem 1rem 0 0;
}
#top-about-area .top-main-menu-list li:nth-child(4) .info {
        padding: 0.3rem 2rem 2.5rem 2rem;
        width: 100%;
		order: 2;
		border-radius: 0 0 1rem 1rem;
}
#top-about-area .top-main-menu-list li .photo:before {
    padding-top: 45%;
}
#top-about-area .top-main-menu-list li:nth-child(4) .photo:before {
    padding-top: 45%;
}
#topbannerarea > ul:nth-of-type(2) {
	margin-top: 1rem;
}
#topbannerarea > ul:nth-of-type(2) li {
    width: 32.666666%;
	margin-bottom: 0.75rem;
	margin-top: 0;
}
#topbannerarea > ul:nth-of-type(2) li:nth-child(4) {
    margin-right: 1%;
}
#topbannerarea > ul:nth-of-type(2) li:nth-child(3n) {
    margin-right: 0;
}


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


#top-about-area {
    background: url(../images/bk_access.jpg) center top / 50px 50px repeat;
}
#topnewstickerarea {
    background: url(../images/bk_prgrm1_sp.jpg) center top / 100% auto no-repeat, url(../images/bk_prgrm2.jpg) center top / 50px 50px repeat;
}
#tophashtagarea {
    background: url(../images/bk_watch1_2_sp.jpg) center top / 100% auto no-repeat, url(../images/bk_watch2.jpg) center top / 50px 50px repeat;
}
#topguestarea {
    background: url(../images/bk_news1_sp.jpg) center top / 100% auto no-repeat, url(../images/bk_news2.jpg) center top / 50px 50px repeat;
}
#topinfoarea {
    background: url(../images/bk_hotword2_sp.jpg) center top / 100% auto no-repeat, url(../images/bk_hotword.jpg) center top / 50px 50px repeat;
}
#topeventarea {
    background: url(../images/bk_event1_sp.jpg) center top / 100% auto no-repeat, url(../images/bk_event2.jpg) center top / 50px 50px repeat;
}

#top-visual-area {
padding: 0rem 6.5% 0rem 6.5%;
}
#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: 3.5rem 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 {
padding: 2rem 0;
margin: 0 2% 1rem 2%;
}
#tophashtagarea div ul {
    justify-content: center;
}
#topmainbnrarea {
    margin: 1rem 2% 3rem 2%;
}
#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-visual-area {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
#top-key-area {
margin-bottom: 1rem;
}
#topcmarea {
margin-bottom: 1rem;
padding: 1.5rem;
}
#topadarea {
    display: block;
    padding: 2rem 2% 2rem 2%;
	margin: 0rem 2% 1rem 2%;
    border-radius: 0.5rem;
}
.sponsor > .swiper-wrapper {
        height: auto;
    }
#topsponsorarea header h2,
#topsponsorarea header p.h2-title {
    font-size: 1.6em;
    font-size: 1.6rem;
    letter-spacing: 0px;
    margin-bottom: 0;
}
#topsponsorarea {
    width: 100%;
	margin-bottom: 0rem;
}
#topsponsorarea .competition {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 0rem;
}
#top-matching-events-area img,
#topmainbnrarea ul li img {
    border-radius: 0.3rem;
}
#tophashtagarea {
width: 100%;
    padding: 6rem 0 4rem 0;
	margin: 0;
}
#topwatcharea {
        padding: 3rem 2% 3rem 2%;
}
#topnewstickerarea,
#topschedulearea,
#topinfoarea,
#topguestarea,
#topinfoarea,
#topspecialarea {
    padding: 7rem 0 5rem 0;
}
#topeventarea {
    padding: 2rem 0 6rem 0;
}
#topprogramarea {
padding: 5rem 0 6rem 0;
/*padding: 0rem 0 6rem 0;*/
}
#topguestarea {
    padding: 5rem 0 5rem 0;
}
#topsnsarea {
    display: none;
}
#top-about-area {
        padding: 3rem 5% 5rem 5%;
}
#topbannerarea {
    padding: 4rem 4% 0 4%;
}
#tophashtagarea header,
#top-about-area header,
#topwatcharea header,
#topprogramarea header,
#topmainbnrarea header,
#top-matching-events-area header {
    margin-bottom: 2.5rem;
}
#topnewstickerarea header,
#topeventarea header,
#topschedulearea header,
#topguestarea 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 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;
}
#tophashtagarea div ul li {
    font-size: 1.5em;
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
    margin-right: 0.5rem;
}

#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: 0 0 3rem 0;
}
#top-matching-events-area ul {
    padding: 0;
}
#top-matching-events-area ul li {
width: 49%;
}
#topprogramarea .program {
    margin: 1rem 0 0 0;
    padding: 2.5rem 0 0 0;
}
#topprogramarea .title {
    margin: 0.75rem 0 0 0;
    padding: 0.3rem 1rem 1rem 1rem;
    font-size: 1.4em;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.4;
}
#tophashtagarea div p {
    font-size: 1.2em;
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
}
#tophashtagarea div ul li a {
    padding: 0.5rem 2rem;
}
#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-visual-area #top-movie-box {
margin-top: 70px;
height: 72%;
}
#top-visual-area #top-movie-box picture {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
height: 100%;
}

#top-about-area header p,
#top-about-area header h2.en {
    margin-bottom: 1.5rem;
}
#top-about-area .lead {
    margin-bottom: 1rem;
    font-size: 1.6em;
    font-size: 1.6rem;
    font-weight: 600;
}
#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: 49%;
        margin-right: 2%;
        margin-bottom: 0.75rem;
}
#top-about-area .top-main-menu-list li p.en,
#top-about-area .top-main-menu-list li h3.en_title {
        margin-bottom: 0.3rem;
        font-size: 2.2em;
        font-size: 2.2rem;
}
#top-about-area .top-main-menu-list li h3 {
    font-size: 1.6em;
    font-size: 1.6rem;
    font-weight: 600;
}
#top-about-area .top-main-menu-list li .photo {
    border-radius: 0.5rem 0.5rem 0 0;
}
#top-about-area .top-main-menu-list li:nth-child(4) .photo {
        border-radius: 0.5rem 0.5rem 0 0;
}
#top-about-area .top-main-menu-list li .info {
    padding: 1rem 1rem 1.5rem 1rem;
    border-radius: 0 0 0.5rem 0.5rem;
}
#top-about-area .top-main-menu-list li:nth-child(4) .info {
    padding: 1rem 1rem 1.5rem 1rem;
        border-radius: 0 0 0.5rem 0.5rem;
}
#top-about-area .top-main-menu-list li a .link {
    padding: 1rem 0;
    font-size: 1.4em;
    font-size: 1.4rem;
    font-weight: 500;
}
#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-menu-list {
    padding: 2rem 6.5% 0rem 6.5%;
}
.top-program-menu-list li {
width: 33%;
    margin-bottom: 1rem;
    font-size: 1.4em;
    font-size: 1.4rem;
    letter-spacing: 1px;
}
.top-program-menu-list li strong {
    font-size: 1.75em;
    font-size: 1.75rem;
}
.top-program-menu-list li a {
background-position: left 1.5rem center;
background-size: 25px auto;
}
.top-program-menu-list li a.keywords {
background-size: 22px auto;
}

#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) {

.top-program-menu-list li a {
background-position: left 0.8rem center;
background-size: 20px auto;
}
.top-program-menu-list li a.keywords {
background-size: 19px auto;
}
#topbannerarea ul {
    justify-content: space-between;
}
#topbannerarea > ul li {
    width: 49.5%;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    margin-right: 1%;
}
#topbannerarea > ul:nth-of-type(2) li,
#topbannerarea > ul:nth-of-type(4) li {
    width: 49.5%;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    margin-right: 0;
}
#topbannerarea > ul:nth-of-type(2) li:nth-child(3n) {
    margin-right: 1%;
}
#topbannerarea > ul:nth-of-type(2) li:nth-child(4) {
        margin-right: 0;
}

}
@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: 2rem 0 4rem 0;
/*padding: 0rem 0 4rem 0;*/
}
#topprogramarea footer {
        margin-top: 1rem;
}
#topprogramarea .program .swiper-slide {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
box-shadow: 0px 0px 30px 0px rgba(255, 255, 204, 0.6);
}

#top-about-area .top-main-menu-list {
flex-direction: row;
}
#top-about-area .top-main-menu-list li,
#top-about-area .top-main-menu-list li:nth-child(4) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.5rem;
}
#top-about-area .top-main-menu-list li a,
#top-about-area .top-main-menu-list li:nth-child(4) a{
    display: block;
	position: relative;
}
#top-about-area .top-main-menu-list li .photo,
#top-about-area .top-main-menu-list li:nth-child(4) .photo {
    width: 65%;
    border-radius: 0.5rem 0 0 0.5rem;
}
#top-about-area .top-main-menu-list li .photo:before,
#top-about-area .top-main-menu-list li:nth-child(4) .photo:before {
        padding-top:75%;
}
#top-about-area .top-main-menu-list li .photo:after,
#top-about-area .top-main-menu-list li:nth-child(4) .photo:after {
    position: absolute;
    bottom: -1%;
    right: 0;
    display: block;
    content: "";
    z-index: 1;
    width: 100%;
    height: 101%;
    background: #222222;
    background: linear-gradient(90deg, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 1) 100%);
}
#top-about-area .top-main-menu-list li .info,
#top-about-area .top-main-menu-list li:nth-child(4) .info {
    z-index: 2;
position: absolute;
right: 0;
bottom:0;
    width: 100%;
        padding: 2rem;
        border-radius: 0;
		background: none;
		text-align: right;
}
#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: 3em;
        font-size: 3rem;
}

#top-about-area .top-main-menu-list li .link,
#top-about-area .top-main-menu-list li:nth-child(4) .link {
    margin-top:1.75rem;
}
#top-about-area .top-main-menu-list li a .link,
#top-about-area .top-main-menu-list li:nth-child(4) a .link {
        padding: 0.75rem 0;
}
#top-about-area header p,
#top-about-area header h2.en {
font-weight: 600;
letter-spacing: 0;
}
	
.top-program-menu-list {
    padding: 1.5rem 2% 1rem 2%;
}
.top-program-menu-list li a {
    padding: 0.75rem 0;
background-position: left 0.8rem center;
background-size: 17px auto;
}
.top-program-menu-list li a.keywords {
background-size: 15px auto;
}

.top-program-menu-list li strong {
        font-size: 1.65em;
        font-size: 1.65rem;
}
#topwatcharea div.info p {
        padding-right: 0%;
}

}

@media screen and (max-width: 480px) {
#topmainnavarea {
        padding: 0.5rem 6.5% 0.5rem 6.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;
    }
.top-program-menu-list {
        padding: 1rem 2% 1rem 2%;
}
.top-program-menu-list li strong {
        font-size: 1.6em;
        font-size: 1.6rem;
}
.top-program-menu-list li {
        width: 33.2%;
        margin-bottom: 0rem;
        font-size: 1.3em;
        font-size: 1.3rem;
        letter-spacing: 0px;
}
}