@charset "utf-8";



#topmainnavarea,
#moviearea,
#topmainarea,
#topnewstickerarea,
#topceremonyarea,
#tophashtagarea,
#topprogramarea,
#topschedulearea,
#topeventarea,
#topguestarea,
#topinfoarea,
#topguestarea,
#topspecialarea {
position: relative;
width: 100%;
overflow: hidden;
}
#topnewstickerarea,
#tophashtagarea {
width: 87%;
}
#moviearea,
#topadarea,
#topnewstickerarea,
#tophashtagarea {
border-radius: 3rem;
}

#top-matching-events-area header,
#tophashtagarea header,
#topprogramarea header {
margin-bottom: 4rem;
text-align: center;
}
#top-matching-events-area header,
#topmainbnrarea header,
#topnewstickerarea header,
#topschedulearea header,
#topeventarea header,
#topinfoarea header,
#topguestarea header,
#topspecialarea header {
margin-bottom: 6rem;
text-align: center;
}
#top-matching-events-area header h2,
#topmainbnrarea header h2,
#topnewstickerarea header h2,
#tophashtagarea 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: #202026;
}
#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 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: #202026;
}
#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: #202026;
}
#topnewstickerarea header h2,
#topnewstickerarea header h2.en,
#topnewstickerarea header p {
    color: #fadce6;
}
#top-matching-events-area header h2,
#top-matching-events-area header p,
#topprogramarea header h2,
#topprogramarea header h2.en,
#topprogramarea header p {
color: #fadce6;
}
#top-matching-events-area header h2,
#topmainbnrarea header h2,
#tophashtagarea header h2,
#toptheaterarea 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-matching-events-area header h2.active,
#topmainbnrarea header h2.active,
#tophashtagarea header h2.active,
#toptheaterarea 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-matching-events-area header p,
#topmainbnrarea header p,
#tophashtagarea header p,
#toptheaterarea 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-matching-events-area header p.active,
#topmainbnrarea header p.active,
#tophashtagarea header p.active,
#toptheaterarea 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-matching-events-area header h2.en,
#topmainbnrarea header h2.en,
#tophashtagarea header h2.en,
#toptheaterarea 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-matching-events-area header h2.en.active,
#topmainbnrarea header h2.en.active,
#tophashtagarea header h2.en.active,
#toptheaterarea 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;
}
#topceremonyarea header a {
color: #fff;
}
#topprogramarea header a {
color: #fadce6;
}
#tophashtagarea header a,
#topschedulearea header a,
#topeventarea header a,
#topguestarea header a,
#topinfoarea header a ,
#topspecialarea header a {
color: #fadce6;
}

#topschedulearea .swiper-wrapper,
#topeventarea .swiper-wrapper,
#topguestarea .swiper-wrapper,
#topinfoarea .swiper-wrapper,
#topspecialarea .swiper-wrapper {
align-items: stretch !important;
padding: 2rem 0 7rem 0;
}
#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;
}
#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;
}
#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: 1rem;
}
#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: #fadce6;
}
#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: #fadce6;
}
#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%;
}
#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%;
}
#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: #fadce6;
  opacity: 0.19;
}
#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: #fadce6;
  opacity: 1;
}
#topprogramarea .swiper-pagination-bullet,
#topprogramarea .swiper-pagination-bullet-active {
  background: #fadce6;
}
#topeventarea .swiper-slide .photo,
#topinfoarea .swiper-slide .photo,
#topspecialarea .swiper-slide .photo {
    position: relative;
    width: 100%;
    overflow: hidden;
background: #202026;
border-radius: 1rem 1rem 0 0;
}
#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;
}
#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;
}
#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;
}
#topprogramarea .photo:before,
#topeventarea .swiper-slide .photo:before,
#topinfoarea .swiper-slide .photo:before,
#topspecialarea .swiper-slide .photo:before {
    content: "";
    display: block;
    padding-top: 75%;
}
#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: #202026;
    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%;
}
#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;
}
#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;
}
#topschedulearea .swiper-slide .link,
#topguestarea .swiper-slide .link,
#topinfoarea .swiper-slide .link,
#topspecialarea .swiper-slide .link,
#topeventarea .swiper-slide .link {
border: #fadce6 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;
}
#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: #fadce6 1px solid;
background: #fadce6;
color: #000;
}

#topmainnavarea {
width:100%;
padding: 0 6.5% 5rem 6.5%;
margin:0 auto;
}
#topmainnavarea ul {
display: flex;
justify-content: space-between;
}
#topmainnavarea ul li {
width: 49.5%;
text-align: center;
font-size: 3.0em;
font-size: 3.0rem;
font-weight: 800;
line-height: 1.4;
}
#topmainnavarea ul li span {
display: block;
margin-top: 0rem;
}
#topmainnavarea ul li span.en {
font-size: 2.0em;
font-size: 2.0rem;
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: 2.5rem 3rem 2rem 3rem;
border: #fadce6 2px solid;
border-radius: 20rem;
background: url("../common/arrow001.svg") left 3rem center /36px auto no-repeat;
color: #fadce6;
}
#topmainnavarea ul li a:hover {
background: #fadce6 url("../common/arrow001-b.svg") left 3rem center /36px auto no-repeat;
color: #111;
}


#moviearea {
padding:0;
border-radius: 3rem;
}
#moviearea .mv {
width:100%;
padding: 0 6.5% 6rem 6.5%;
margin:0 auto;
text-align: center;
border-radius: 3rem;
overflow: hidden
}
#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 .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: #fadce6;
}
#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;
}



#topadarea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5rem 3% 3rem 3%;
	margin: 0rem 6.5% 16rem 6.5%;
background: #fff;
}

#topcmarea {
width: 30%;
}
/*
#topsponsorarea {
width:70%;
padding: 0 2% 0 0;
}
*/
#topsponsorarea {
width:100%;
padding: 0;
}
#topsponsorarea .sponsor {
width: 100%;
overflow: hidden;
}
#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: 6rem 0;
margin: 0 6.5% 16rem 6.5%;
background: rgba(0,0,0,1);
box-shadow: 0px 0px 20px 0px rgba(255, 103, 164, 0.7);
}

#topnewstickerarea .newsticker {
margin: 0 0 2rem 0;
}
#topnewstickerarea .newsticker span {
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;
}
#topnewstickerarea .newsticker .swiper-slide {
font-size: 2em;
font-size: 2rem;
}
#topnewstickerarea .newsticker .swiper-slide a {
    color: #fff;
padding: 0 3%;
display: block;
text-align: center;
}

#top-matching-events-area {
padding: 0 6.5%;
margin: 0 0 16rem 0;
}
#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 {
padding: 6rem 0;
margin: 0 6.5% 10rem 6.5%;
background: rgba(250,220,230,0.7);
}


#tophashtagarea div {
margin: 0 5%;
}
#tophashtagarea div p {
font-size: 1.6em;
font-size: 1.6rem;
text-align: center;
margin-bottom: 3rem;
color: #202026;
}
#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.6em;
    font-size: 1.6rem;
    margin-bottom: 1rem;
	margin-right: 1rem;
}
#tophashtagarea div ul li a {
    display: block;
    padding: 0.8rem 2.5rem;
    transition: all .3s;
    border-radius: 3rem;
	background: #202026;
color: #fadce6;
}
#tophashtagarea div ul li a:hover {
    color: #202026;
	background: #fadce6;
}

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

#topprogramarea .program {
width: 100%;
margin: 5rem 0;
padding: 5rem 0;
overflow: hidden;
}
#topprogramarea .program a {
color: #fadce6;
}
#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 20px 0px rgba(255, 103, 164, 0.7);

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


#topeventarea {
padding: 16rem 0;
z-index: 0;
overflow: hidden;
background: url("../common/bk_ov2.png") center top / 100% auto no-repeat;
}
#topeventarea .swiper-slide {
width: 100%;
display: flex;
border-radius: 1rem;
box-shadow: 0px 0px 15px 0px rgba(255, 103, 164, 0.8);
}

#topeventarea .swiper-slide a {
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
color: #fadce6;
}
#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: #126683 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: #6e266f 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: #503d50 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: 16rem 0;
overflow: hidden;
background: url("../common/bk_ov3.png") center top / 100% auto no-repeat;
}

#topguestarea {
padding: 16rem 0;
overflow: hidden;
background: url("../common/bk_ov3.png") center top / 100% auto no-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;
width: 100%;
color: #fadce6;
padding:2rem;
background: #111;
border-radius: 1rem;
align-items: stretch;
box-shadow: 0px 0px 15px 0px rgba(255, 103, 164, 0.5);
}

#topguestarea .swiper-slide .info {
margin-bottom: 1rem;
align-items: stretch;
}
#topguestarea .swiper-slide .date {
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: #fadce6 2px dotted;
}
#topguestarea .swiper-slide .title {
font-size:2.2em;
font-size: 2.2rem;
line-height: 1.4;
font-weight: normal;
margin-bottom:1.5rem;
flex-grow: 3;
}

#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: 16rem 0 26rem 0;
overflow: hidden;
background: url("../common/bk_ov4.png") center top / 100% auto no-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, 103, 164, 0.8);
}
#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: 16rem 0;
overflow: hidden;
background: url("../common/bk_ov7.png") center top / 100% auto no-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: #202026;
border-radius: 1rem;
box-shadow: 0px 0px 15px 0px rgba(255, 103, 164, 0.8);
}
#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: 2.2em;
font-size: 2.2rem;
line-height: 1.5;
font-weight: normal;
flex-grow: 2;
transition: 0.3s;
}
#topspecialarea .swiper-slide .link {
border: #fff 1px solid;
}




#toptheaterarea footer,
#topeventarea footer,
#topprogramarea footer,
#topschedulearea footer,
#topguestarea footer,
#topinfoarea footer,
#topspecialarea footer,
#tophashtagarea footer {
margin: 3rem 0 0 0;
}
#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;
}
#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: #fadce6;
color: #333;
}
#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: #ba93bf;
color: #333;
}


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



#topbannerarea {
padding: 4rem 6.5%;
}
#topbannerarea p {
margin: 0 0 1% 0;
}
#topbannerarea ul {
display: flex;
flex-wrap: wrap;
}
#topbannerarea ul li {
list-style: none;
width: 24.25%;
margin-top: 1%;
margin-bottom: 1%;
margin-right: 1%;
}
#topbannerarea ul li:nth-child(4n) {
margin-right: 0;
}



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


#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;
}
#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 {
    padding: 0 6.5% 3rem 6.5%;
}
#topmainnavarea ul li a {
    padding: 2rem 2rem 1.75rem 2rem;
    border-radius: 20rem;
    background: url(../common/arrow001.svg) left 2rem center / 20px auto no-repeat;
}
#topmainnavarea ul li a:hover {
background: #fadce6 url("../common/arrow001-b.svg") left 2rem center /20px auto no-repeat;
}
#topmainnavarea ul li {
    font-size: 2.4em;
    font-size: 2.4rem;
}
#topmainnavarea ul li span.en {
    font-size: 1.6em;
    font-size: 1.6rem;
}


}
@media screen and (max-width: 992px) {
#topmainnavarea ul li {
    font-size: 2.0em;
    font-size: 2.0rem;
}
#topmainnavarea ul li a {
    padding: 1.5rem 2rem 1.5rem 2rem;
    border-radius: 20rem;
    background: url(../common/arrow001.svg) left 1.5rem center / 18px auto no-repeat;
}
#topmainnavarea ul li a:hover {
background: #fadce6 url("../common/arrow001-b.svg") left 1.5rem center /18px auto no-repeat;
}
#topmainnavarea ul li span.en {
    font-size: 1.4em;
    font-size: 1.4rem;
}
#moviearea .mv {
    padding: 0 6.5% 3rem 6.5%;
}
#topadarea {
    display: block;
	margin: 0rem 6.5% 4rem 6.5%;
}

#topsponsorarea {
    width: 100%;
}
#topcmarea {
    width: 100%;
    margin-top: 1.5rem;
    padding:0;
}
#topmainbnrarea {
    margin: 4rem 6.5% 2rem 6.5%;
    padding: 0;
}
#topnewstickerarea {
    margin: 4rem 6.5% 2rem 6.5%;
}
#tophashtagarea {
    padding: 4rem 0;
    margin: 0 6.5%;
    border-radius: 3rem;
}
#topsponsorarea .competition {
    width: 60%;
    padding-bottom: 1rem;
}
#topnewstickerarea p {
text-align: center;
margin-bottom: 2rem;
}
#topnewstickerarea,
#tophashtagarea,
#topeventarea,
#topschedulearea,
#topinfoarea,
#topguestarea,
#topinfoarea,
#topspecialarea {
    padding: 5rem 0;
}

#top-matching-events-area header,
#topmainbnrarea header,
#topnewstickerarea header,
#topeventarea header,
#topschedulearea header,
#topinfoarea header,
#topguestarea header,
#topspecialarea header {
    margin-bottom: 3rem;
}
#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: 6em;
    font-size: 6rem;
}
#topnewstickerarea h2 {
    margin-bottom: 2rem;
    padding: 0 0 0rem 0;
}
#topnewstickerarea p {
    font-size: 4em;
    font-size: 4rem;
}
#topnewstickerarea .newsticker .swiper-slide {
    font-size: 1.6em;
    font-size: 1.6rem;
}
#topnewstickerarea .newsticker {
    width: 90%;
    margin: 0 5%;
}
#top-matching-events-area header h2,
#topmainbnrarea header h2,
#topnewstickerarea header h2,
#tophashtagarea 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;
}


#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 5rem 0;
}
#topguestarea footer ul {
    margin-right: 0rem;
}
#topguestarea footer ul li a {
    display: inline-block !important;
    padding: 1.25rem 12rem !important;
}

#topinfoarea {
    padding: 8rem 0 5rem 0;
}
#topbannerarea {
    padding: 2rem 6.5%;
}
#topbannerarea ul {
    justify-content: flex-start;
}
#topbannerarea ul li {
    list-style: none;
    width: 49.5%;
}
#topbannerarea ul li:nth-child(2n) {
margin-right: 0;
}
#topsnsarea {
	margin-top: 4rem;
	margin-bottom: 4rem;
}


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

#topmainnavarea {
padding: 0 2% 2rem 2%;
}
#topmainnavarea ul li a {
display: block;
        padding: 1.35rem 1rem 1.35rem 1rem;
        background: url(../common/arrow001.svg) left 1.25rem center / 16px auto no-repeat;
}
#topmainnavarea ul li a:hover {
background: #fadce6 url("../common/arrow001-b.svg") left 1.25rem center /16px auto no-repeat;
}
#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: 0 2%;
    border-radius: 0.5rem;
	margin-bottom: 1rem;
}

#moviearea .mv {
    padding: 0;
    border-radius: 0.5rem;
}
#moviearea .mv video {
    border-radius: 0.5rem;
}
#moviearea .txtbox .title {
    width: 36%;
}
#moviearea .txtbox .title img {
animation: animationZoom1 3s ease-in;
}
@keyframes animationZoom1 {
0% { 
    opacity: 1;
}
80% { 
    opacity: 1;
}
100% { 
    opacity: 0;
    transform:scale(1.3);
}
}
#moviearea .scroll {
display: none;
}

#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%;
border-radius: 0.5rem;
}
#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;
}
#topadarea {
    display: block;
    padding: 2rem 2% 2rem 2%;
	margin: 0rem 2% 1rem 2%;
    border-radius: 0.5rem;
}
#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%;
}
#topsponsorarea .competition {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 0rem;
}
#topsponsorarea .sponsor {
    padding-top: 1.5rem;
}
#top-matching-events-area img,
#topmainbnrarea ul li img {
    border-radius: 0.3rem;
}
#tophashtagarea {
width: 96%;
    margin: 0 2% 1rem 2%;
    padding: 2.5rem 2% 2rem 2%;
	border-radius: 0.5rem;
}
#topnewstickerarea {
width: 96%;
    margin: 0 2% 1rem 2%;
    padding: 2.5rem 2% 0.5rem 2%;
	border-radius: 0.5rem;
}
#topschedulearea,
#topinfoarea,
#topguestarea,
#topinfoarea,
#topspecialarea {
    padding: 4rem 0 5rem 0;
}
#topeventarea {
    padding: 4rem 0 6rem 0;
    background: url(../common/bk_ov2_sp.png) center top -3rem / cover no-repeat;
}
#topprogramarea {
padding: 5rem 0 6rem 0;
/*padding: 0rem 0 6rem 0;*/
}
#topguestarea {
    padding: 5rem 0 2rem 0;
}
#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-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: 3.4em;
    font-size: 3.4rem;
    margin-bottom: 0.75rem;
}
#tophashtagarea header {
    margin-bottom: 1.5rem;
}
#tophashtagarea div ul li {
    font-size: 1.5em;
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
    margin-right: 0.5rem;
}

#top-matching-events-area header h2,
#topmainbnrarea header h2,
#topnewstickerarea header h2,
#tophashtagarea 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: 100%;
}
#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 a {
    padding: 1rem 1rem 1.5rem 1rem;
}
#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;
}
#topsnsarea {
    display: none;
}


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

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


}
@media screen and (max-width: 560px) {
#topmainnavarea {
        padding: 0 2% 2rem 2%;
}
#topmainnavarea ul li a {
padding: 1rem 0.5rem 1rem 0.5rem;
background: none;
}
#topmainnavarea ul li {
font-size: 1.6em;
font-size: 1.6rem;
}
#topmainnavarea ul li span.en {
font-size: 1.1em;
font-size: 1.1rem;
}
#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 15px 0px rgba(255, 103, 164, 0.7);
}
}

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

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



}