@charset "UTF-8";
/* CSS (home.css) */
.shadow {
  -moz-box-shadow: 0px 0px 28px -10px rgba(0, 0, 0, 0.49);
  -webkit-box-shadow: 0px 0px 28px -10px rgba(0, 0, 0, 0.49);
  -ms-box-shadow: 0px 0px 28px -10px rgba(0, 0, 0, 0.49);
  box-shadow: 0px 0px 28px -10px rgba(0, 0, 0, 0.49);
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.box-radis {
  border-radius: 15%;
}

/* ============================================
  contents
 ============================================ */
html.comment-active {
  overflow: hidden;
}

body.comment-active {
  overflow: hidden;
}

#exterior_wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  background: url("https://static.gre4n-boyz.com/images/bg1222.jpg") no-repeat;
  background-position: center top;
  background-size: cover;
}

main {
  width: 100%;
  min-height: 70vh;
  min-height: 70dvh;
}

.mypageh2 {
  max-width: 960px;
  margin: 0 auto 0;
}
.mypageh2 img {
  position: relative;
}

section {
  position: relative;
  margin: 50px 0;
  padding: 0 0 50px;
}
section.paid .single_detail, section.paid .movie_single, section.paid .scratch_detail, section.paid .questionnaire_body, section.paid .movie_list {
  -webkit-user-select: none;
}
section.paid .single_detail img, section.paid .movie_single img, section.paid .scratch_detail img, section.paid .questionnaire_body img, section.paid .movie_list img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
}
section h2 {
  font-weight: 900;
  color: #fff;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.3px;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 22px;
  font-size: 5.8666666667vw;
  font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
section h3 {
  position: relative;
  color: #fff;
  padding-bottom: 10px;
  font-weight: 900;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.1px;
  margin-top: 0;
  margin-bottom: 50px;
  font-size: 17px;
  font-size: 4.5333333333vw;
  font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
section h3::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5%;
  right: 0;
  width: 110%;
  height: 2px;
  margin: 0 auto;
  text-align: center;
  background-image: -webkit-linear-gradient(left, transparent, #fff 15%, #fff 85%, transparent);
  background-image: linear-gradient(to right, transparent, #fff 15%, #fff 85%, transparent);
  background-position: center;
  background-repeat: no-repeat;
}
section .inner {
  position: relative;
}
section .inner .pageback {
  position: absolute;
  top: -46px;
  right: 25px;
  text-align: center;
  margin-top: 0px;
}
section .inner .pageback a {
  background: rgba(0, 0, 0, 0.5);
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  padding: 2px 10px;
  display: inline-block;
  color: #fff;
  font-size: 13px;
  font-size: 3.4666666667vw;
}
section .more {
  display: block;
  margin: 60px 0 10px;
  text-align: center;
}
section .more p {
  display: inline-block;
}
section .more a {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  position: relative;
  margin: 0 auto;
  width: 100%;
  background: transparent;
  line-height: 30px;
  text-align: center;
  color: #a2d6d4;
  font-weight: 900;
  font-size: 12px;
  font-size: 1rem;
  display: flex;
  align-items: center;
  text-decoration: underline;
}
section .more a:hover {
  text-decoration: none;
}

/*-----------------------------------------------------------------
    page parts
  ------------------------------------------------------------------*/
.single_detail_main {
  margin: 0 auto;
  max-width: 960px;
}

.single_detail_head {
  padding-bottom: 7px;
  margin-bottom: 15px;
}
.single_detail_head .date {
  font-size: 14px;
  font-size: 3.7333333333vw;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  background: rgb(0, 177, 64);
  background: linear-gradient(103deg, #c1c753 0%, #59b244 47%, #52b73b 98%, #53d834 100%);
  padding: 2px 10px;
  letter-spacing: -0.1px;
  text-align: left;
  display: inline-block;
  margin-top: 10px;
  position: relative;
  color: #fff;
}
.single_detail_head .tag_list {
  display: flex;
}
.single_detail_head .tag {
  border: solid 1px #00b140;
  background: #00b140;
  color: #fff;
  display: inline-block;
  margin: 10px 5px 10px 0;
  padding: 0px 5px;
  border-radius: 5px;
  line-height: 1.4;
  min-width: 5em;
  text-align: center;
  font-weight: 900;
  font-size: 12px;
  font-size: 3.2vw;
}
.single_detail_head .tit {
  position: relative;
  font-size: 16px;
  font-size: 4.2666666667vw;
  letter-spacing: -0.1px;
  line-height: 1.4;
  color: #000;
  font-weight: 900;
  padding-bottom: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.single_detail_head .tit::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5%;
  right: 0;
  width: 110%;
  height: 2px;
  margin: 0 auto;
  text-align: center;
  background-image: -webkit-linear-gradient(left, transparent, #fff 15%, #fff 85%, transparent);
  background-image: linear-gradient(to right, transparent, #fff 15%, #fff 85%, transparent);
  background-position: center;
  background-repeat: no-repeat;
}

.single_detail_txt {
  min-height: 250px;
  padding-bottom: 20px;
  color: #000;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
.single_detail_txt p {
  font-size: 13px;
  font-size: 3.4666666667vw;
  color: #000;
  margin-bottom: 1.7rem;
}
.single_detail_txt p img {
  margin: 0 0;
}
.single_detail_txt p a {
  text-decoration: underline;
  color: #000;
}
.single_detail_txt p a:hover {
  color: #484848;
  text-decoration: none;
}
.single_detail_txt h4 {
  font-size: 15px;
  font-size: 4vw;
  letter-spacing: -0.5px;
  color: #000;
  font-weight: 900;
}
.single_detail_txt .movie_embed {
  width: 100%;
  margin: 10px auto;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.single_detail_txt .movie_embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.single_detail_footer {
  margin-top: 40px;
  text-align: center;
}

.archive_footer_nav {
  margin: 20px auto 0;
  font-size: 12px;
  font-size: 3.2vw;
  display: flex;
  justify-content: space-between;
  padding: 0 25px;
}
.archive_footer_nav li {
  min-width: 5em;
}
.archive_footer_nav li a {
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 33px;
  padding: 4px 14px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #000;
  border: solid 2px #fff;
}
.archive_footer_nav li.btn_list a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.archive_footer_nav .back, .archive_footer_nav .list, .archive_footer_nav .next {
  font-size: 12px;
  font-size: 3.2vw;
  letter-spacing: -0.1px;
  text-align: left;
  position: relative;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #000;
}
.archive_footer_nav .list {
  border: none;
  background: rgb(228, 234, 124);
  background: linear-gradient(103deg, rgb(228, 234, 124) 0%, rgb(131, 209, 113) 52%, rgb(131, 209, 113) 100%);
}
.archive_footer_nav .next:before {
  display: none;
}
.pagination {
  margin-top: 20px;
  padding: 0 25px;
}
.pagination ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.pagination ul li {
  margin-right: 7px;
}
.pagination ul li a, .pagination ul li span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 10px;
  font-weight: 900;
  width: auto;
  border-radius: 5px;
  height: 25px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  background: rgb(228, 234, 124);
  background: linear-gradient(103deg, rgb(228, 234, 124) 0%, rgb(131, 209, 113) 52%, rgb(131, 209, 113) 100%);
  color: #000;
  border: none;
  white-space: nowrap;
  text-align: center;
  font-size: 11px;
  font-size: 2.9333333333vw;
}
.pagination ul li a i, .pagination ul li span i {
  color: #fff;
}
.pagination ul li a:hover {
  background: rgb(228, 234, 124);
  background: linear-gradient(103deg, rgb(228, 234, 124) 0%, rgb(131, 209, 113) 52%, rgb(131, 209, 113) 100%);
  border: none;
  color: #000;
}
.pagination ul li span {
  background: transparent;
  border: solid 2px #fff;
  color: #000;
}

/*-----------------------------------------------------------------
  news live blog ticket questionnaire topics
------------------------------------------------------------------*/
#news, #live, #blog, #ticket, #questionnaire, #topics {
  padding: 0;
}
#news .blog-info, #live .blog-info, #blog .blog-info, #ticket .blog-info, #questionnaire .blog-info, #topics .blog-info {
  background: rgba(0, 0, 255, 0.13);
  padding: 20px;
  font-size: 12px;
  font-size: 3.2vw;
  margin: 0 auto 30px;
  color: #fff;
  width: 100%;
}
#news .blog-info a, #live .blog-info a, #blog .blog-info a, #ticket .blog-info a, #questionnaire .blog-info a, #topics .blog-info a {
  color: #fff;
  font-weight: 900;
}
#news .inner, #live .inner, #blog .inner, #ticket .inner, #questionnaire .inner, #topics .inner {
  max-width: 950px;
  width: 100%;
  padding: 50px 25px;
  background: rgba(255, 255, 255, 0.31);
}
#news .single_detail_txt iframe, #live .single_detail_txt iframe, #blog .single_detail_txt iframe, #ticket .single_detail_txt iframe, #questionnaire .single_detail_txt iframe, #topics .single_detail_txt iframe {
  max-width: 100%;
}
#news .thanks-txt, #live .thanks-txt, #blog .thanks-txt, #ticket .thanks-txt, #questionnaire .thanks-txt, #topics .thanks-txt {
  text-align: center;
  color: #000;
  font-size: 12px;
  font-size: 3.2vw;
}
#news.voice-diary .short-voice-bnr, #live.voice-diary .short-voice-bnr, #blog.voice-diary .short-voice-bnr, #ticket.voice-diary .short-voice-bnr, #questionnaire.voice-diary .short-voice-bnr, #topics.voice-diary .short-voice-bnr {
  margin: -40px auto 80px;
  width: 80%;
}
#news.voice-diary .inner, #live.voice-diary .inner, #blog.voice-diary .inner, #ticket.voice-diary .inner, #questionnaire.voice-diary .inner, #topics.voice-diary .inner {
  max-width: 950px;
  width: 86%;
  margin: 0 auto;
  border-radius: 30px;
  padding: 50px 25px;
}
#news.voice-diary .single_detail_txt, #live.voice-diary .single_detail_txt, #blog.voice-diary .single_detail_txt, #ticket.voice-diary .single_detail_txt, #questionnaire.voice-diary .single_detail_txt, #topics.voice-diary .single_detail_txt {
  min-height: 0;
}
#news.voice-diary .single_detail_txt audio, #live.voice-diary .single_detail_txt audio, #blog.voice-diary .single_detail_txt audio, #ticket.voice-diary .single_detail_txt audio, #questionnaire.voice-diary .single_detail_txt audio, #topics.voice-diary .single_detail_txt audio {
  width: 100%;
}
#news.voice-diary .single_detail_footer, #live.voice-diary .single_detail_footer, #blog.voice-diary .single_detail_footer, #ticket.voice-diary .single_detail_footer, #questionnaire.voice-diary .single_detail_footer, #topics.voice-diary .single_detail_footer {
  width: 86%;
  margin: 20px auto 0;
}
#news .single_detail_dl-2img, #live .single_detail_dl-2img, #blog .single_detail_dl-2img, #ticket .single_detail_dl-2img, #questionnaire .single_detail_dl-2img, #topics .single_detail_dl-2img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#news .single_detail_dl-2img .single_detail_dl-box, #live .single_detail_dl-2img .single_detail_dl-box, #blog .single_detail_dl-2img .single_detail_dl-box, #ticket .single_detail_dl-2img .single_detail_dl-box, #questionnaire .single_detail_dl-2img .single_detail_dl-box, #topics .single_detail_dl-2img .single_detail_dl-box {
  width: 40%;
  margin: 5%;
}
#news .single_detail_dl-2img .single_detail_dl-box picture, #live .single_detail_dl-2img .single_detail_dl-box picture, #blog .single_detail_dl-2img .single_detail_dl-box picture, #ticket .single_detail_dl-2img .single_detail_dl-box picture, #questionnaire .single_detail_dl-2img .single_detail_dl-box picture, #topics .single_detail_dl-2img .single_detail_dl-box picture {
  width: 80%;
}
#news .single_detail_dl-2img .single_detail_dl-box .btn_member, #live .single_detail_dl-2img .single_detail_dl-box .btn_member, #blog .single_detail_dl-2img .single_detail_dl-box .btn_member, #ticket .single_detail_dl-2img .single_detail_dl-box .btn_member, #questionnaire .single_detail_dl-2img .single_detail_dl-box .btn_member, #topics .single_detail_dl-2img .single_detail_dl-box .btn_member {
  font-weight: 900;
  padding: 10px 5px;
  font-size: 10px;
  font-size: 2.6666666667vw;
}
#news.blog-24now, #live.blog-24now, #blog.blog-24now, #ticket.blog-24now, #questionnaire.blog-24now, #topics.blog-24now {
  margin-top: -10px;
}
#news.blog-24now .inner, #live.blog-24now .inner, #blog.blog-24now .inner, #ticket.blog-24now .inner, #questionnaire.blog-24now .inner, #topics.blog-24now .inner {
  background: transparent;
  padding: 0;
}
#news.blog-24now h2, #live.blog-24now h2, #blog.blog-24now h2, #ticket.blog-24now h2, #questionnaire.blog-24now h2, #topics.blog-24now h2 {
  margin-bottom: 0;
}
#news.blog-24now .single_detail_main, #live.blog-24now .single_detail_main, #blog.blog-24now .single_detail_main, #ticket.blog-24now .single_detail_main, #questionnaire.blog-24now .single_detail_main, #topics.blog-24now .single_detail_main {
  min-height: 90vh;
}
#news.blog-24now .single_detail_head .tag_list, #live.blog-24now .single_detail_head .tag_list, #blog.blog-24now .single_detail_head .tag_list, #ticket.blog-24now .single_detail_head .tag_list, #questionnaire.blog-24now .single_detail_head .tag_list, #topics.blog-24now .single_detail_head .tag_list {
  display: block;
  width: 100%;
}
#news.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag, #live.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag, #blog.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag, #ticket.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag, #questionnaire.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag, #topics.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag {
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: rgba(255, 255, 255, 0.168627451);
}
#news.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div, #live.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div, #blog.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div, #ticket.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div, #questionnaire.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div, #topics.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div {
  flex: 1;
  max-width: 40%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#news.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag, #live.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag, #blog.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag, #ticket.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag, #questionnaire.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag, #topics.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag {
  margin: 3px;
  font-size: 13px;
  font-size: 3.4666666667vw;
  min-width: 4.5em;
}
#news.blog-24now .single_detail_head .tag_list li span:first-child, #live.blog-24now .single_detail_head .tag_list li span:first-child, #blog.blog-24now .single_detail_head .tag_list li span:first-child, #ticket.blog-24now .single_detail_head .tag_list li span:first-child, #questionnaire.blog-24now .single_detail_head .tag_list li span:first-child, #topics.blog-24now .single_detail_head .tag_list li span:first-child {
  font-size: 16px;
  font-size: 4.2666666667vw;
  font-weight: 900;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  margin: 5px 5px 5px 10px;
}
#news.blog-24now .single_detail_head .loop-tit, #live.blog-24now .single_detail_head .loop-tit, #blog.blog-24now .single_detail_head .loop-tit, #ticket.blog-24now .single_detail_head .loop-tit, #questionnaire.blog-24now .single_detail_head .loop-tit, #topics.blog-24now .single_detail_head .loop-tit {
  padding-left: 100%;
  white-space: nowrap;
  animation: SlideSample 6s linear infinite;
}
#news.blog-24now .single_detail_head .loop-tit p, #live.blog-24now .single_detail_head .loop-tit p, #blog.blog-24now .single_detail_head .loop-tit p, #ticket.blog-24now .single_detail_head .loop-tit p, #questionnaire.blog-24now .single_detail_head .loop-tit p, #topics.blog-24now .single_detail_head .loop-tit p {
  display: inline;
  margin: 0 80px 0 0;
}
#news.blog-24now .single_detail_head .slide-tit, #live.blog-24now .single_detail_head .slide-tit, #blog.blog-24now .single_detail_head .slide-tit, #ticket.blog-24now .single_detail_head .slide-tit, #questionnaire.blog-24now .single_detail_head .slide-tit, #topics.blog-24now .single_detail_head .slide-tit {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
#news.blog-24now .single_detail_head .slide-tit ul, #live.blog-24now .single_detail_head .slide-tit ul, #blog.blog-24now .single_detail_head .slide-tit ul, #ticket.blog-24now .single_detail_head .slide-tit ul, #questionnaire.blog-24now .single_detail_head .slide-tit ul, #topics.blog-24now .single_detail_head .slide-tit ul {
  display: inline-block;
  margin: 0;
  padding-left: 100%;
  white-space: nowrap;
  animation: SlideSample 10s linear infinite;
}
#news.blog-24now .single_detail_head .slide-tit ul li, #live.blog-24now .single_detail_head .slide-tit ul li, #blog.blog-24now .single_detail_head .slide-tit ul li, #ticket.blog-24now .single_detail_head .slide-tit ul li, #questionnaire.blog-24now .single_detail_head .slide-tit ul li, #topics.blog-24now .single_detail_head .slide-tit ul li {
  font-size: 21px;
  font-size: 5.6vw;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  padding: 2px 10px;
  letter-spacing: -0.1px;
  text-align: left;
  display: inline-block;
  position: relative;
  color: #fff;
}
#news.blog-24now .single_detail_head .tag, #live.blog-24now .single_detail_head .tag, #blog.blog-24now .single_detail_head .tag, #ticket.blog-24now .single_detail_head .tag, #questionnaire.blog-24now .single_detail_head .tag, #topics.blog-24now .single_detail_head .tag {
  margin: 5px 5px 5px 5px;
}
#news.blog-24now .single_detail_head .date, #live.blog-24now .single_detail_head .date, #blog.blog-24now .single_detail_head .date, #ticket.blog-24now .single_detail_head .date, #questionnaire.blog-24now .single_detail_head .date, #topics.blog-24now .single_detail_head .date {
  font-size: 13px;
  font-size: 3.4666666667vw;
  background: transparent;
  letter-spacing: -0.1px;
  padding-left: 5px;
  text-align: left;
  line-height: 1.4;
  width: auto;
  display: inline-block;
  margin-top: 0;
  position: relative;
  color: #fff;
}
#news.blog-24now .single_detail_txt, #live.blog-24now .single_detail_txt, #blog.blog-24now .single_detail_txt, #ticket.blog-24now .single_detail_txt, #questionnaire.blog-24now .single_detail_txt, #topics.blog-24now .single_detail_txt {
  padding-bottom: 0;
  align-items: center;
  position: relative;
}
#news.blog-24now .single_detail_txt .blog-24now-detail, #live.blog-24now .single_detail_txt .blog-24now-detail, #blog.blog-24now .single_detail_txt .blog-24now-detail, #ticket.blog-24now .single_detail_txt .blog-24now-detail, #questionnaire.blog-24now .single_detail_txt .blog-24now-detail, #topics.blog-24now .single_detail_txt .blog-24now-detail {
  min-height: 56vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#news.blog-24now .single_detail_txt p, #live.blog-24now .single_detail_txt p, #blog.blog-24now .single_detail_txt p, #ticket.blog-24now .single_detail_txt p, #questionnaire.blog-24now .single_detail_txt p, #topics.blog-24now .single_detail_txt p {
  margin: 0;
}
#news.blog-24now .single_detail_txt p a, #live.blog-24now .single_detail_txt p a, #blog.blog-24now .single_detail_txt p a, #ticket.blog-24now .single_detail_txt p a, #questionnaire.blog-24now .single_detail_txt p a, #topics.blog-24now .single_detail_txt p a {
  display: inline-block;
}
#news.blog-24now .single_detail_txt p img, #live.blog-24now .single_detail_txt p img, #blog.blog-24now .single_detail_txt p img, #ticket.blog-24now .single_detail_txt p img, #questionnaire.blog-24now .single_detail_txt p img, #topics.blog-24now .single_detail_txt p img {
  margin: 0;
}
#news.blog-24now .single_detail_txt .extras, #live.blog-24now .single_detail_txt .extras, #blog.blog-24now .single_detail_txt .extras, #ticket.blog-24now .single_detail_txt .extras, #questionnaire.blog-24now .single_detail_txt .extras, #topics.blog-24now .single_detail_txt .extras {
  position: absolute;
  word-break: break-all;
  width: 96%;
  left: 2%;
  text-align: center;
}
#news.blog-24now .single_detail_txt .extras span, #live.blog-24now .single_detail_txt .extras span, #blog.blog-24now .single_detail_txt .extras span, #ticket.blog-24now .single_detail_txt .extras span, #questionnaire.blog-24now .single_detail_txt .extras span, #topics.blog-24now .single_detail_txt .extras span {
  font-size: 13px;
  font-size: 3.4666666667vw;
  display: inline-block;
  color: #009636;
  background: rgba(255, 255, 255, 0.9);
  display: inline-block;
  letter-spacing: 0.3px;
  padding: 5px 10px;
  border-radius: 10px;
  font-family: "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  border-radius: 10px;
}
#news.blog-24now .single_detail_txt .extras01, #live.blog-24now .single_detail_txt .extras01, #blog.blog-24now .single_detail_txt .extras01, #ticket.blog-24now .single_detail_txt .extras01, #questionnaire.blog-24now .single_detail_txt .extras01, #topics.blog-24now .single_detail_txt .extras01 {
  top: 3%;
}
#news.blog-24now .single_detail_txt .extras02, #live.blog-24now .single_detail_txt .extras02, #blog.blog-24now .single_detail_txt .extras02, #ticket.blog-24now .single_detail_txt .extras02, #questionnaire.blog-24now .single_detail_txt .extras02, #topics.blog-24now .single_detail_txt .extras02 {
  top: 46%;
}
#news.blog-24now .single_detail_txt .extras03, #live.blog-24now .single_detail_txt .extras03, #blog.blog-24now .single_detail_txt .extras03, #ticket.blog-24now .single_detail_txt .extras03, #questionnaire.blog-24now .single_detail_txt .extras03, #topics.blog-24now .single_detail_txt .extras03 {
  top: 90%;
}
#news.blog-24now .comment-btn, #live.blog-24now .comment-btn, #blog.blog-24now .comment-btn, #ticket.blog-24now .comment-btn, #questionnaire.blog-24now .comment-btn, #topics.blog-24now .comment-btn {
  z-index: 10001;
  position: fixed;
  left: 22px;
  bottom: 15px;
  display: flex;
  align-items: center;
  text-shadow: none !important;
}
#news.blog-24now .comment-btn a:hover, #live.blog-24now .comment-btn a:hover, #blog.blog-24now .comment-btn a:hover, #ticket.blog-24now .comment-btn a:hover, #questionnaire.blog-24now .comment-btn a:hover, #topics.blog-24now .comment-btn a:hover {
  text-shadow: none !important;
  text-decoration: none !important;
  opacity: 1;
}
#news.blog-24now .comment-btn.active i, #news.blog-24now .comment-btn.active p, #live.blog-24now .comment-btn.active i, #live.blog-24now .comment-btn.active p, #blog.blog-24now .comment-btn.active i, #blog.blog-24now .comment-btn.active p, #ticket.blog-24now .comment-btn.active i, #ticket.blog-24now .comment-btn.active p, #questionnaire.blog-24now .comment-btn.active i, #questionnaire.blog-24now .comment-btn.active p, #topics.blog-24now .comment-btn.active i, #topics.blog-24now .comment-btn.active p {
  color: #009636;
}
#news.blog-24now .comment-btn i, #live.blog-24now .comment-btn i, #blog.blog-24now .comment-btn i, #ticket.blog-24now .comment-btn i, #questionnaire.blog-24now .comment-btn i, #topics.blog-24now .comment-btn i {
  font-size: 46px;
  font-size: 12.2666666667vw;
  color: #fff;
  margin-right: 5px;
}
#news.blog-24now .comment-btn p, #live.blog-24now .comment-btn p, #blog.blog-24now .comment-btn p, #ticket.blog-24now .comment-btn p, #questionnaire.blog-24now .comment-btn p, #topics.blog-24now .comment-btn p {
  font-size: 14px;
  font-size: 3.7333333333vw;
  color: #fff;
}
#news.blog-24now .blog-24now-comment, #live.blog-24now .blog-24now-comment, #blog.blog-24now .blog-24now-comment, #ticket.blog-24now .blog-24now-comment, #questionnaire.blog-24now .blog-24now-comment, #topics.blog-24now .blog-24now-comment {
  z-index: 10000;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: fixed;
  width: 100%;
  bottom: 0;
  margin-bottom: 0 !important;
  background: rgba(255, 255, 255, 0.88);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  transform: translate(0, 100vh);
  height: 80vh;
}
#news.blog-24now .blog-24now-comment .blog-24now-comment-inner, #live.blog-24now .blog-24now-comment .blog-24now-comment-inner, #blog.blog-24now .blog-24now-comment .blog-24now-comment-inner, #ticket.blog-24now .blog-24now-comment .blog-24now-comment-inner, #questionnaire.blog-24now .blog-24now-comment .blog-24now-comment-inner, #topics.blog-24now .blog-24now-comment .blog-24now-comment-inner {
  padding: 50px 20px 60px;
  position: relative;
  height: 100%;
  width: 100%;
}
#news.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll, #live.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll, #blog.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll, #ticket.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll, #questionnaire.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll, #topics.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
#news.blog-24now .blog-24now-comment.active, #live.blog-24now .blog-24now-comment.active, #blog.blog-24now .blog-24now-comment.active, #ticket.blog-24now .blog-24now-comment.active, #questionnaire.blog-24now .blog-24now-comment.active, #topics.blog-24now .blog-24now-comment.active {
  transform: translate(0);
}
#news.blog-24now .blog-24now-comment .tab-list-item, #live.blog-24now .blog-24now-comment .tab-list-item, #blog.blog-24now .blog-24now-comment .tab-list-item, #ticket.blog-24now .blog-24now-comment .tab-list-item, #questionnaire.blog-24now .blog-24now-comment .tab-list-item, #topics.blog-24now .blog-24now-comment .tab-list-item {
  border-color: #00b240 !important;
  color: #00b240 !important;
}
#news.blog-24now .blog-24now-comment .tab-list-item.is-btn-active, #live.blog-24now .blog-24now-comment .tab-list-item.is-btn-active, #blog.blog-24now .blog-24now-comment .tab-list-item.is-btn-active, #ticket.blog-24now .blog-24now-comment .tab-list-item.is-btn-active, #questionnaire.blog-24now .blog-24now-comment .tab-list-item.is-btn-active, #topics.blog-24now .blog-24now-comment .tab-list-item.is-btn-active {
  color: #fff !important;
}
#news.blog-24now .blog-24now-comment .tab-list-item:last-child, #live.blog-24now .blog-24now-comment .tab-list-item:last-child, #blog.blog-24now .blog-24now-comment .tab-list-item:last-child, #ticket.blog-24now .blog-24now-comment .tab-list-item:last-child, #questionnaire.blog-24now .blog-24now-comment .tab-list-item:last-child, #topics.blog-24now .blog-24now-comment .tab-list-item:last-child {
  border-color: #00b240 !important;
  color: #00b240 !important;
}
#news.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active, #live.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active, #blog.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active, #ticket.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active, #questionnaire.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active, #topics.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active {
  color: #fff !important;
}
#news.blog-24now .blog-24now-comment .tab-contents h3, #live.blog-24now .blog-24now-comment .tab-contents h3, #blog.blog-24now .blog-24now-comment .tab-contents h3, #ticket.blog-24now .blog-24now-comment .tab-contents h3, #questionnaire.blog-24now .blog-24now-comment .tab-contents h3, #topics.blog-24now .blog-24now-comment .tab-contents h3 {
  color: #000;
}
#news.blog-24now .blog-24now-comment .tab-contents h3:before, #live.blog-24now .blog-24now-comment .tab-contents h3:before, #blog.blog-24now .blog-24now-comment .tab-contents h3:before, #ticket.blog-24now .blog-24now-comment .tab-contents h3:before, #questionnaire.blog-24now .blog-24now-comment .tab-contents h3:before, #topics.blog-24now .blog-24now-comment .tab-contents h3:before {
  left: 0;
  right: 0;
  width: 100%;
  background-image: -webkit-linear-gradient(left, transparent, #000 15%, #000 85%, transparent);
  background-image: linear-gradient(to right, transparent, #000 15%, #000 85%, transparent);
}
#news.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li, #live.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li, #blog.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li, #ticket.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li, #questionnaire.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li, #topics.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li {
  border-top: 1px dashed #333;
}
#news.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child, #live.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child, #blog.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child, #ticket.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child, #questionnaire.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child, #topics.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child {
  border-top: none;
}
#news.blog-24now .blog-24now-comment .tab-contents .comment_post input, #news.blog-24now .blog-24now-comment .tab-contents .comment_post textarea, #live.blog-24now .blog-24now-comment .tab-contents .comment_post input, #live.blog-24now .blog-24now-comment .tab-contents .comment_post textarea, #blog.blog-24now .blog-24now-comment .tab-contents .comment_post input, #blog.blog-24now .blog-24now-comment .tab-contents .comment_post textarea, #ticket.blog-24now .blog-24now-comment .tab-contents .comment_post input, #ticket.blog-24now .blog-24now-comment .tab-contents .comment_post textarea, #questionnaire.blog-24now .blog-24now-comment .tab-contents .comment_post input, #questionnaire.blog-24now .blog-24now-comment .tab-contents .comment_post textarea, #topics.blog-24now .blog-24now-comment .tab-contents .comment_post input, #topics.blog-24now .blog-24now-comment .tab-contents .comment_post textarea {
  border: solid 1px #6a6a6a;
}
#news.blog-24now .blog-24now-comment .comment-close, #live.blog-24now .blog-24now-comment .comment-close, #blog.blog-24now .blog-24now-comment .comment-close, #ticket.blog-24now .blog-24now-comment .comment-close, #questionnaire.blog-24now .blog-24now-comment .comment-close, #topics.blog-24now .blog-24now-comment .comment-close {
  position: absolute;
  display: inline-block;
  top: -1.5em;
  right: 20px;
  font-size: 34px;
  font-size: 9.0666666667vw;
  color: #fff;
}
#news.blog-24now .comment-cover, #live.blog-24now .comment-cover, #blog.blog-24now .comment-cover, #ticket.blog-24now .comment-cover, #questionnaire.blog-24now .comment-cover, #topics.blog-24now .comment-cover {
  z-index: 10000;
  display: none;
  background: rgba(255, 255, 255, 0.35);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#news.blog-24now .comment-cover.active, #live.blog-24now .comment-cover.active, #blog.blog-24now .comment-cover.active, #ticket.blog-24now .comment-cover.active, #questionnaire.blog-24now .comment-cover.active, #topics.blog-24now .comment-cover.active {
  display: block;
}
@keyframes SlideSample {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
#news .vertical_tab_nav_wrap, #live .vertical_tab_nav_wrap, #blog .vertical_tab_nav_wrap, #ticket .vertical_tab_nav_wrap, #questionnaire .vertical_tab_nav_wrap, #topics .vertical_tab_nav_wrap {
  display: flex;
  margin: -30px auto 80px;
  padding: 0px;
  list-style: none;
  overflow: initial;
  width: 80%;
}
#news .vertical_tab_nav_wrap li, #live .vertical_tab_nav_wrap li, #blog .vertical_tab_nav_wrap li, #ticket .vertical_tab_nav_wrap li, #questionnaire .vertical_tab_nav_wrap li, #topics .vertical_tab_nav_wrap li {
  text-align: left;
  padding: 0px;
  width: 50%;
}
#news .vertical_tab_nav_wrap li:last-child, #live .vertical_tab_nav_wrap li:last-child, #blog .vertical_tab_nav_wrap li:last-child, #ticket .vertical_tab_nav_wrap li:last-child, #questionnaire .vertical_tab_nav_wrap li:last-child, #topics .vertical_tab_nav_wrap li:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
}
#news .vertical_tab_nav_wrap li a, #live .vertical_tab_nav_wrap li a, #blog .vertical_tab_nav_wrap li a, #ticket .vertical_tab_nav_wrap li a, #questionnaire .vertical_tab_nav_wrap li a, #topics .vertical_tab_nav_wrap li a {
  display: block;
  font-size: 18px;
  font-size: 4.8vw;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 6% 1%;
  background: -webkit-linear-gradient(top, rgba(68, 68, 68, 0.48), rgba(51, 51, 51, 0.75));
  background: -moz-linear-gradient(top, rgba(68, 68, 68, 0.45), rgba(51, 51, 51, 0.71));
  text-align: center;
}
#news .vertical_tab_nav_wrap li a.selected, #live .vertical_tab_nav_wrap li a.selected, #blog .vertical_tab_nav_wrap li a.selected, #ticket .vertical_tab_nav_wrap li a.selected, #questionnaire .vertical_tab_nav_wrap li a.selected, #topics .vertical_tab_nav_wrap li a.selected {
  background: rgb(228, 234, 124);
  background: linear-gradient(103deg, rgb(228, 234, 124) 0%, rgb(131, 209, 113) 47%, rgb(131, 209, 113) 98%, rgb(131, 209, 113) 100%);
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
}
#news .vertical_tab_inner, #live .vertical_tab_inner, #blog .vertical_tab_inner, #ticket .vertical_tab_inner, #questionnaire .vertical_tab_inner, #topics .vertical_tab_inner {
  display: block;
  width: 100%;
  min-height: 360px;
  padding: 10px 0% 3% 1%;
}
#news .vertical_tab_inner article, #live .vertical_tab_inner article, #blog .vertical_tab_inner article, #ticket .vertical_tab_inner article, #questionnaire .vertical_tab_inner article, #topics .vertical_tab_inner article {
  display: none;
  margin: 0px;
  color: #555;
}
#news.single_detail .tab, #live.single_detail .tab, #blog.single_detail .tab, #ticket.single_detail .tab, #questionnaire.single_detail .tab, #topics.single_detail .tab {
  margin: 30px auto;
}
#news.single_detail .tab .tab-list, #live.single_detail .tab .tab-list, #blog.single_detail .tab .tab-list, #ticket.single_detail .tab .tab-list, #questionnaire.single_detail .tab .tab-list, #topics.single_detail .tab .tab-list {
  display: flex;
}
#news.single_detail .tab .tab-list-item, #live.single_detail .tab .tab-list-item, #blog.single_detail .tab .tab-list-item, #ticket.single_detail .tab .tab-list-item, #questionnaire.single_detail .tab .tab-list-item, #topics.single_detail .tab .tab-list-item {
  width: 50%;
  margin: 0;
  border: 3px solid #fff;
  color: #fff;
  height: 3.5em;
  text-align: center;
  padding: 5px 5px;
  background: transparent;
  font-size: 12px;
  font-size: 3.2vw;
  border-radius: 0;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transition: none;
}
#news.single_detail .tab .tab-list-item:last-child, #live.single_detail .tab .tab-list-item:last-child, #blog.single_detail .tab .tab-list-item:last-child, #ticket.single_detail .tab .tab-list-item:last-child, #questionnaire.single_detail .tab .tab-list-item:last-child, #topics.single_detail .tab .tab-list-item:last-child {
  border-color: #fff;
  color: #fff;
}
#news.single_detail .tab .tab-contents, #live.single_detail .tab .tab-contents, #blog.single_detail .tab .tab-contents, #ticket.single_detail .tab .tab-contents, #questionnaire.single_detail .tab .tab-contents, #topics.single_detail .tab .tab-contents {
  display: none;
  padding: 15px 10px;
  color: #333;
  font-size: 12px;
  font-size: 3.2vw;
}
#news.single_detail .tab .tab-contents hr, #live.single_detail .tab .tab-contents hr, #blog.single_detail .tab .tab-contents hr, #ticket.single_detail .tab .tab-contents hr, #questionnaire.single_detail .tab .tab-contents hr, #topics.single_detail .tab .tab-contents hr {
  position: relative;
  border: none;
  outline: 0;
  height: 1px;
  margin: 20px auto;
  background: #000;
  width: 110%;
  left: -5%;
}
#news.single_detail .tab .is-btn-active, #live.single_detail .tab .is-btn-active, #blog.single_detail .tab .is-btn-active, #ticket.single_detail .tab .is-btn-active, #questionnaire.single_detail .tab .is-btn-active, #topics.single_detail .tab .is-btn-active {
  background: rgb(0, 177, 64);
  background: linear-gradient(103deg, #c1c753 0%, #59b244 47%, #52b73b 98%, #53d834 100%);
  border-radius: 0;
  border: none;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
}
#news.single_detail .tab .is-btn-active:before, #news.single_detail .tab .is-btn-active:after, #live.single_detail .tab .is-btn-active:before, #live.single_detail .tab .is-btn-active:after, #blog.single_detail .tab .is-btn-active:before, #blog.single_detail .tab .is-btn-active:after, #ticket.single_detail .tab .is-btn-active:before, #ticket.single_detail .tab .is-btn-active:after, #questionnaire.single_detail .tab .is-btn-active:before, #questionnaire.single_detail .tab .is-btn-active:after, #topics.single_detail .tab .is-btn-active:before, #topics.single_detail .tab .is-btn-active:after {
  width: calc(100% - 10px);
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  content: "";
}
#news.single_detail .tab .is-contents-active, #live.single_detail .tab .is-contents-active, #blog.single_detail .tab .is-contents-active, #ticket.single_detail .tab .is-contents-active, #questionnaire.single_detail .tab .is-contents-active, #topics.single_detail .tab .is-contents-active {
  display: block;
}
#news.single_detail .tab .is-btnchild-active, #live.single_detail .tab .is-btnchild-active, #blog.single_detail .tab .is-btnchild-active, #ticket.single_detail .tab .is-btnchild-active, #questionnaire.single_detail .tab .is-btnchild-active, #topics.single_detail .tab .is-btnchild-active {
  background: #29015e;
  color: #fff;
  font-weight: 900;
}
#news.single_detail .tab .is-contentschild-active, #live.single_detail .tab .is-contentschild-active, #blog.single_detail .tab .is-contentschild-active, #ticket.single_detail .tab .is-contentschild-active, #questionnaire.single_detail .tab .is-contentschild-active, #topics.single_detail .tab .is-contentschild-active {
  display: block;
}
#news.single_detail .comment_archive, #live.single_detail .comment_archive, #blog.single_detail .comment_archive, #ticket.single_detail .comment_archive, #questionnaire.single_detail .comment_archive, #topics.single_detail .comment_archive {
  margin-top: 30px;
}
#news.single_detail .comment_archive h3, #live.single_detail .comment_archive h3, #blog.single_detail .comment_archive h3, #ticket.single_detail .comment_archive h3, #questionnaire.single_detail .comment_archive h3, #topics.single_detail .comment_archive h3 {
  margin-bottom: 20px;
}
#news.single_detail .comment_archive > ul > li, #live.single_detail .comment_archive > ul > li, #blog.single_detail .comment_archive > ul > li, #ticket.single_detail .comment_archive > ul > li, #questionnaire.single_detail .comment_archive > ul > li, #topics.single_detail .comment_archive > ul > li {
  padding: 20px;
  border-top: 1px dashed #fff;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
}
#news.single_detail .comment_archive > ul > li:first-child, #live.single_detail .comment_archive > ul > li:first-child, #blog.single_detail .comment_archive > ul > li:first-child, #ticket.single_detail .comment_archive > ul > li:first-child, #questionnaire.single_detail .comment_archive > ul > li:first-child, #topics.single_detail .comment_archive > ul > li:first-child {
  border: none;
}
#news.single_detail .comment_archive > ul > li p, #live.single_detail .comment_archive > ul > li p, #blog.single_detail .comment_archive > ul > li p, #ticket.single_detail .comment_archive > ul > li p, #questionnaire.single_detail .comment_archive > ul > li p, #topics.single_detail .comment_archive > ul > li p {
  color: #000;
  font-size: 12px;
  font-size: 3.2vw;
}
#news.single_detail .comment_archive > ul > li .comment_footer, #live.single_detail .comment_archive > ul > li .comment_footer, #blog.single_detail .comment_archive > ul > li .comment_footer, #ticket.single_detail .comment_archive > ul > li .comment_footer, #questionnaire.single_detail .comment_archive > ul > li .comment_footer, #topics.single_detail .comment_archive > ul > li .comment_footer {
  margin-top: 15px;
  text-align: right;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 11px;
  font-size: 2.9333333333vw;
}
#news.single_detail .comment_archive > ul > li .comment_footer span, #live.single_detail .comment_archive > ul > li .comment_footer span, #blog.single_detail .comment_archive > ul > li .comment_footer span, #ticket.single_detail .comment_archive > ul > li .comment_footer span, #questionnaire.single_detail .comment_archive > ul > li .comment_footer span, #topics.single_detail .comment_archive > ul > li .comment_footer span {
  display: inline-block;
  padding: 0 5px;
  background-color: rgba(224, 255, 255, 0.55);
  color: #333;
  border-radius: 5px;
}
#news.single_detail .comment_archive > ul > li .comment_footer span.performer, #live.single_detail .comment_archive > ul > li .comment_footer span.performer, #blog.single_detail .comment_archive > ul > li .comment_footer span.performer, #ticket.single_detail .comment_archive > ul > li .comment_footer span.performer, #questionnaire.single_detail .comment_archive > ul > li .comment_footer span.performer, #topics.single_detail .comment_archive > ul > li .comment_footer span.performer {
  font-size: 13px;
  font-size: 3.4666666667vw;
  text-align: center;
  min-width: 5em;
  padding: 0 10px;
  background: rgb(0, 177, 64);
  background: linear-gradient(103deg, #c1c753 0%, #59b244 47%, #52b73b 98%, #53d834 100%);
  color: #fff !important;
}
#news.single_detail .comment_archive > ul > li .comment_footer time, #live.single_detail .comment_archive > ul > li .comment_footer time, #blog.single_detail .comment_archive > ul > li .comment_footer time, #ticket.single_detail .comment_archive > ul > li .comment_footer time, #questionnaire.single_detail .comment_archive > ul > li .comment_footer time, #topics.single_detail .comment_archive > ul > li .comment_footer time {
  color: #333;
  font-weight: 900;
}
#news.single_detail .comment_post, #live.single_detail .comment_post, #blog.single_detail .comment_post, #ticket.single_detail .comment_post, #questionnaire.single_detail .comment_post, #topics.single_detail .comment_post {
  margin-top: 30px;
}
#news.single_detail .comment_post h3, #live.single_detail .comment_post h3, #blog.single_detail .comment_post h3, #ticket.single_detail .comment_post h3, #questionnaire.single_detail .comment_post h3, #topics.single_detail .comment_post h3 {
  margin-bottom: 20px;
}
#news.single_detail .special_news .tit-sub, #live.single_detail .special_news .tit-sub, #blog.single_detail .special_news .tit-sub, #ticket.single_detail .special_news .tit-sub, #questionnaire.single_detail .special_news .tit-sub, #topics.single_detail .special_news .tit-sub {
  line-height: 1.3;
  padding: 12px 15px;
  font-size: 20px;
  font-size: 5.3333333333vw;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  background: #00b140;
  background: linear-gradient(103deg, #c1c753 0%, #59b244 47%, #52b73b 98%, #53d834 100%);
  letter-spacing: -0.1px;
  text-align: left;
  left: -25px;
  width: calc(100% + 50px);
  display: inline-block;
  margin-top: 10px;
  position: relative;
  color: #fff;
}
#news.single_detail .special_news .single_detail_head .tit, #live.single_detail .special_news .single_detail_head .tit, #blog.single_detail .special_news .single_detail_head .tit, #ticket.single_detail .special_news .single_detail_head .tit, #questionnaire.single_detail .special_news .single_detail_head .tit, #topics.single_detail .special_news .single_detail_head .tit {
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 4.8vw;
}
#news.single_detail .special_news .single_detail_txt .old-news p strong, #live.single_detail .special_news .single_detail_txt .old-news p strong, #blog.single_detail .special_news .single_detail_txt .old-news p strong, #ticket.single_detail .special_news .single_detail_txt .old-news p strong, #questionnaire.single_detail .special_news .single_detail_txt .old-news p strong, #topics.single_detail .special_news .single_detail_txt .old-news p strong {
  font-size: 18px;
  font-size: 4.8vw;
  color: #db3e33;
  letter-spacing: -0.2px;
  font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 900;
}
#news.single_detail .special_news .single_detail_txt .old-news p span, #live.single_detail .special_news .single_detail_txt .old-news p span, #blog.single_detail .special_news .single_detail_txt .old-news p span, #ticket.single_detail .special_news .single_detail_txt .old-news p span, #questionnaire.single_detail .special_news .single_detail_txt .old-news p span, #topics.single_detail .special_news .single_detail_txt .old-news p span {
  font-size: 15px;
  font-size: 4vw;
  font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 900;
}
#news.single_detail .special_news .single_detail_txt p, #live.single_detail .special_news .single_detail_txt p, #blog.single_detail .special_news .single_detail_txt p, #ticket.single_detail .special_news .single_detail_txt p, #questionnaire.single_detail .special_news .single_detail_txt p, #topics.single_detail .special_news .single_detail_txt p {
  letter-spacing: -0.3px;
}
#news.single_detail .special_news .single_detail_txt p .accent, #live.single_detail .special_news .single_detail_txt p .accent, #blog.single_detail .special_news .single_detail_txt p .accent, #ticket.single_detail .special_news .single_detail_txt p .accent, #questionnaire.single_detail .special_news .single_detail_txt p .accent, #topics.single_detail .special_news .single_detail_txt p .accent {
  font-size: 15px;
  font-size: 4vw;
  color: #3359db;
}
#news.single_detail .special_news .single_detail_txt .btn-anchor, #live.single_detail .special_news .single_detail_txt .btn-anchor, #blog.single_detail .special_news .single_detail_txt .btn-anchor, #ticket.single_detail .special_news .single_detail_txt .btn-anchor, #questionnaire.single_detail .special_news .single_detail_txt .btn-anchor, #topics.single_detail .special_news .single_detail_txt .btn-anchor {
  font-size: 15px;
  font-size: 4vw;
  letter-spacing: -0.2px;
  font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 900;
  display: block;
  width: 100%;
  border: solid 2px #00b140;
  color: #00b140;
  background: rgba(255, 255, 255, 0.58);
  text-decoration: none;
  border-radius: 20px;
  margin: 15px auto;
  padding: 15px 25px;
}
#news.single_detail .special_news .single_detail_txt dl, #live.single_detail .special_news .single_detail_txt dl, #blog.single_detail .special_news .single_detail_txt dl, #ticket.single_detail .special_news .single_detail_txt dl, #questionnaire.single_detail .special_news .single_detail_txt dl, #topics.single_detail .special_news .single_detail_txt dl {
  border: solid 3px #fff;
  border-top: none;
  font-size: 15px;
  font-size: 4vw;
  letter-spacing: -0.2px;
  font-family: "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 900;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
#news.single_detail .special_news .single_detail_txt dl:first-child, #live.single_detail .special_news .single_detail_txt dl:first-child, #blog.single_detail .special_news .single_detail_txt dl:first-child, #ticket.single_detail .special_news .single_detail_txt dl:first-child, #questionnaire.single_detail .special_news .single_detail_txt dl:first-child, #topics.single_detail .special_news .single_detail_txt dl:first-child {
  border-top: solid 3px #fff;
}
#news.single_detail .special_news .single_detail_txt dl dt, #live.single_detail .special_news .single_detail_txt dl dt, #blog.single_detail .special_news .single_detail_txt dl dt, #ticket.single_detail .special_news .single_detail_txt dl dt, #questionnaire.single_detail .special_news .single_detail_txt dl dt, #topics.single_detail .special_news .single_detail_txt dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  padding: 10px;
  background: rgba(0, 177, 64, 0.76);
  color: #fff;
}
#news.single_detail .special_news .single_detail_txt dl dd, #live.single_detail .special_news .single_detail_txt dl dd, #blog.single_detail .special_news .single_detail_txt dl dd, #ticket.single_detail .special_news .single_detail_txt dl dd, #questionnaire.single_detail .special_news .single_detail_txt dl dd, #topics.single_detail .special_news .single_detail_txt dl dd {
  border-left: solid 3px #fff;
  background: rgba(255, 255, 255, 0.76);
  width: 70%;
  padding: 10px;
}
#news .single_detail_txt .old-news p, #live .single_detail_txt .old-news p, #blog .single_detail_txt .old-news p, #ticket .single_detail_txt .old-news p, #questionnaire .single_detail_txt .old-news p, #topics .single_detail_txt .old-news p {
  letter-spacing: -0.3px;
}
#news .single_detail_txt .old-news p strong, #live .single_detail_txt .old-news p strong, #blog .single_detail_txt .old-news p strong, #ticket .single_detail_txt .old-news p strong, #questionnaire .single_detail_txt .old-news p strong, #topics .single_detail_txt .old-news p strong {
  font-size: 18px;
  font-size: 4.8vw;
  color: #db3e33;
  letter-spacing: -0.2px;
  font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 900;
}
#news .single_detail_txt .old-news p span, #live .single_detail_txt .old-news p span, #blog .single_detail_txt .old-news p span, #ticket .single_detail_txt .old-news p span, #questionnaire .single_detail_txt .old-news p span, #topics .single_detail_txt .old-news p span {
  font-size: 15px;
  font-size: 4vw;
  font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 900;
}
#news .single_detail_txt .old-news p .accent, #live .single_detail_txt .old-news p .accent, #blog .single_detail_txt .old-news p .accent, #ticket .single_detail_txt .old-news p .accent, #questionnaire .single_detail_txt .old-news p .accent, #topics .single_detail_txt .old-news p .accent {
  font-size: 15px;
  font-size: 4vw;
  color: #3359db;
}
#news .single_detail_txt p, #live .single_detail_txt p, #blog .single_detail_txt p, #ticket .single_detail_txt p, #questionnaire .single_detail_txt p, #topics .single_detail_txt p {
  letter-spacing: -0.3px;
}
#news .single_detail_txt p .accent, #live .single_detail_txt p .accent, #blog .single_detail_txt p .accent, #ticket .single_detail_txt p .accent, #questionnaire .single_detail_txt p .accent, #topics .single_detail_txt p .accent {
  font-size: 15px;
  font-size: 4vw;
  color: #3359db;
}
#news .single_detail_txt .btn-anchor, #live .single_detail_txt .btn-anchor, #blog .single_detail_txt .btn-anchor, #ticket .single_detail_txt .btn-anchor, #questionnaire .single_detail_txt .btn-anchor, #topics .single_detail_txt .btn-anchor {
  font-size: 15px;
  font-size: 4vw;
  letter-spacing: -0.2px;
  font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 900;
  display: block;
  width: 100%;
  border: solid 2px #00b140;
  color: #00b140;
  background: rgba(255, 255, 255, 0.58);
  text-decoration: none;
  border-radius: 20px;
  margin: 15px auto;
  padding: 15px 25px;
}
#news .single_detail_txt dl, #live .single_detail_txt dl, #blog .single_detail_txt dl, #ticket .single_detail_txt dl, #questionnaire .single_detail_txt dl, #topics .single_detail_txt dl {
  border-top: none;
  font-size: 15px;
  font-size: 4vw;
  letter-spacing: -0.2px;
  font-family: "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 900;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
#news .single_detail_txt dl.selectbox_area, #live .single_detail_txt dl.selectbox_area, #blog .single_detail_txt dl.selectbox_area, #ticket .single_detail_txt dl.selectbox_area, #questionnaire .single_detail_txt dl.selectbox_area, #topics .single_detail_txt dl.selectbox_area {
  border: none;
}
#news .single_detail_txt dl.selectbox_area dd, #live .single_detail_txt dl.selectbox_area dd, #blog .single_detail_txt dl.selectbox_area dd, #ticket .single_detail_txt dl.selectbox_area dd, #questionnaire .single_detail_txt dl.selectbox_area dd, #topics .single_detail_txt dl.selectbox_area dd {
  background: transparent;
  border-left: none;
}
#news .single_detail_txt dl.selectbox_area dd label, #live .single_detail_txt dl.selectbox_area dd label, #blog .single_detail_txt dl.selectbox_area dd label, #ticket .single_detail_txt dl.selectbox_area dd label, #questionnaire .single_detail_txt dl.selectbox_area dd label, #topics .single_detail_txt dl.selectbox_area dd label {
  margin-top: 0;
}
#news .single_detail_txt dl.selectbox_area .selectbox-003, #live .single_detail_txt dl.selectbox_area .selectbox-003, #blog .single_detail_txt dl.selectbox_area .selectbox-003, #ticket .single_detail_txt dl.selectbox_area .selectbox-003, #questionnaire .single_detail_txt dl.selectbox_area .selectbox-003, #topics .single_detail_txt dl.selectbox_area .selectbox-003 {
  max-width: 230px;
  min-width: 230px;
}
#news .single_detail_txt dl.selectbox_area .selectbox-002 select, #live .single_detail_txt dl.selectbox_area .selectbox-002 select, #blog .single_detail_txt dl.selectbox_area .selectbox-002 select, #ticket .single_detail_txt dl.selectbox_area .selectbox-002 select, #questionnaire .single_detail_txt dl.selectbox_area .selectbox-002 select, #topics .single_detail_txt dl.selectbox_area .selectbox-002 select {
  min-width: 230px;
}
#news .single_detail_txt dl.selectbox_area .selectbox-002::before, #live .single_detail_txt dl.selectbox_area .selectbox-002::before, #blog .single_detail_txt dl.selectbox_area .selectbox-002::before, #ticket .single_detail_txt dl.selectbox_area .selectbox-002::before, #questionnaire .single_detail_txt dl.selectbox_area .selectbox-002::before, #topics .single_detail_txt dl.selectbox_area .selectbox-002::before {
  right: 0;
  display: inline-block;
  width: 2.8em;
  height: 100%;
  border-radius: 0 25px 25px 0;
  background-color: #00b140;
  content: "";
}
#news .single_detail_txt dl dt, #live .single_detail_txt dl dt, #blog .single_detail_txt dl dt, #ticket .single_detail_txt dl dt, #questionnaire .single_detail_txt dl dt, #topics .single_detail_txt dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  padding: 10px;
  background: rgba(0, 177, 64, 0.76);
  color: #fff;
}
#news .single_detail_txt dl dd, #live .single_detail_txt dl dd, #blog .single_detail_txt dl dd, #ticket .single_detail_txt dl dd, #questionnaire .single_detail_txt dl dd, #topics .single_detail_txt dl dd {
  background: rgba(255, 255, 255, 0.76);
  width: 70%;
  padding: 10px;
}
#news .voice-diary-img, #live .voice-diary-img, #blog .voice-diary-img, #ticket .voice-diary-img, #questionnaire .voice-diary-img, #topics .voice-diary-img {
  margin: 30px auto 50px;
}
#news .voice-diary-img ul, #live .voice-diary-img ul, #blog .voice-diary-img ul, #ticket .voice-diary-img ul, #questionnaire .voice-diary-img ul, #topics .voice-diary-img ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 -1%;
}
#news .voice-diary-img ul li, #live .voice-diary-img ul li, #blog .voice-diary-img ul li, #ticket .voice-diary-img ul li, #questionnaire .voice-diary-img ul li, #topics .voice-diary-img ul li {
  width: 24%;
  margin: 0 0 0 1%;
}
#news .radiobtn-wrap li label, #live .radiobtn-wrap li label, #blog .radiobtn-wrap li label, #ticket .radiobtn-wrap li label, #questionnaire .radiobtn-wrap li label, #topics .radiobtn-wrap li label {
  margin: 0 auto;
}
#news .radiobtn-wrap li .check, #live .radiobtn-wrap li .check, #blog .radiobtn-wrap li .check, #ticket .radiobtn-wrap li .check, #questionnaire .radiobtn-wrap li .check, #topics .radiobtn-wrap li .check {
  height: 25px;
  width: 25px;
  top: 50%;
  margin-top: -12px;
  left: 20px;
}
#news .radiobtn-wrap li input[type=radio]:checked ~ .check, #live .radiobtn-wrap li input[type=radio]:checked ~ .check, #blog .radiobtn-wrap li input[type=radio]:checked ~ .check, #ticket .radiobtn-wrap li input[type=radio]:checked ~ .check, #questionnaire .radiobtn-wrap li input[type=radio]:checked ~ .check, #topics .radiobtn-wrap li input[type=radio]:checked ~ .check {
  border: 5px solid #000;
}
#news .radiobtn-wrap li input[type=radio]:checked ~ .check::before, #live .radiobtn-wrap li input[type=radio]:checked ~ .check::before, #blog .radiobtn-wrap li input[type=radio]:checked ~ .check::before, #ticket .radiobtn-wrap li input[type=radio]:checked ~ .check::before, #questionnaire .radiobtn-wrap li input[type=radio]:checked ~ .check::before, #topics .radiobtn-wrap li input[type=radio]:checked ~ .check::before {
  background: #000;
}
#news .radiobtn-wrap li input[type=radio]:checked ~ label, #live .radiobtn-wrap li input[type=radio]:checked ~ label, #blog .radiobtn-wrap li input[type=radio]:checked ~ label, #ticket .radiobtn-wrap li input[type=radio]:checked ~ label, #questionnaire .radiobtn-wrap li input[type=radio]:checked ~ label, #topics .radiobtn-wrap li input[type=radio]:checked ~ label {
  color: #000;
}

.archive_list {
  min-height: 200px;
}
.archive_list.short-voice-list > ul > li audio {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
.archive_list.short-voice-list > ul > li .tit:after {
  display: none !important;
}
.archive_list > ul > li {
  position: relative;
  margin: 5px 0;
}
.archive_list > ul > li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2%;
  right: 0;
  width: 104%;
  height: 2px;
  margin: 0 auto;
  text-align: center;
  background-image: -webkit-linear-gradient(left, transparent, #fff 15%, #fff 85%, transparent);
  background-image: linear-gradient(to right, transparent, #fff 15%, #fff 85%, transparent);
  background-position: center;
  background-repeat: no-repeat;
}
.archive_list > ul > li a, .archive_list > ul > li span {
  position: relative;
  display: block;
  align-items: center;
  padding: 15px 0 15px;
  color: #000;
}
.archive_list > ul > li a:hover, .archive_list > ul > li span:hover {
  text-decoration: none;
}
.archive_list > ul > li .tag-premium {
  top: 1.3em;
  left: 6.5em;
  position: absolute;
  color: #e1e97d;
}
.archive_list > ul > li .tag-premium p {
  display: inline-block;
  margin-right: 3px;
  padding: 0 5px;
  background: #cc0027;
  color: #fff;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 10px;
  font-size: 2.6666666667vw;
}
.archive_list > ul > li .tag-premium p.regular {
  background: #00b140;
}
.archive_list > ul > li .date {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 3px;
  font-weight: 900;
  width: 100%;
  font-size: 13px;
  font-size: 3.4666666667vw;
}
.archive_list > ul > li .date .new {
  margin-left: 10px;
  color: #d9352d;
}
.archive_list > ul > li .tit {
  position: relative;
  font-size: 13px;
  font-size: 3.4666666667vw;
  width: 100%;
  padding-left: 0;
  font-weight: 900;
  line-height: 1.3;
  padding-right: 34px;
}
.archive_list > ul > li .tit:before {
  display: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: absolute;
  content: "";
  left: -2px;
  top: 50%;
  margin-top: -28px;
  width: 1px;
  height: 50px;
  background: #c2c2c2;
  border-radius: 3px;
  transform: rotate(45deg);
}
.archive_list > ul > li .tit:after {
  position: absolute;
  right: 10px;
  top: 50%;
  color: #fff;
  font-size: 20px;
  font-size: 5.3333333333vw;
  transform: translateY(-50%);
  font: var(--fa-font-solid);
  content: "\f054";
  font-weight: 300;
}
.archive_list .tag_list {
  position: relative;
  top: 0;
  display: flex;
  margin-left: 15px;
}
.archive_list .tag_list li {
  border: solid 1px #00b140;
  background: #00b140;
  color: #fff;
  display: inline-block;
  margin: 10px 5px 10px 0;
  padding: 0px 5px;
  border-radius: 5px;
  line-height: 1.4;
  min-width: 4.5em;
  text-align: center;
  font-weight: 900;
  font-size: 10px;
  font-size: 2.6666666667vw;
}
.archive_list .cs {
  text-align: center;
  padding: 90px 0;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  font-size: 4.2666666667vw;
}

/*-----------------------------------------------------------------
  schedule
------------------------------------------------------------------*/
#schedule .inner {
  padding: 30px 25px;
  background: rgba(255, 255, 255, 0.31);
}
#schedule .single_detail {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#schedule h3 {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 20px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
}
#schedule h3::before {
  display: none;
}
#schedule h3 .year {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 20px;
  font-size: 5.3333333333vw;
}
#schedule h3 .en {
  font-size: 30px;
  font-size: 8vw;
}
#schedule h3 .month {
  display: inline-block;
  font-size: 30px;
  font-size: 2.5rem;
}
#schedule .month_nav {
  display: flex;
  justify-content: space-between;
  margin-top: -90px;
  margin-bottom: 20px;
}
#schedule .month_nav a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  font-size: 4.1666666667rem;
  color: #fff;
}
#schedule .month_nav a:first-child i {
  margin-right: 5px;
}
#schedule .month_nav a:last-child i {
  margin-left: 5px;
}
#schedule table {
  width: 100%;
}
#schedule thead {
  display: none;
}
#schedule tr {
  display: flex;
  flex-direction: column;
}
#schedule tr:last-child {
  border-bottom: 1px rgba(255, 255, 255, 0.91) solid;
}
#schedule tr .sat .daybox {
  background: rgba(143, 221, 255, 0.75);
}
#schedule tr .sun .daybox {
  background: rgba(255, 115, 115, 0.75);
}
#schedule td {
  border: 1px rgba(255, 255, 255, 0.91) solid;
  border-bottom: 1px solid #4f4f4f;
  border-bottom: none;
  padding: 0px;
  display: flex;
  align-items: stretch;
}
#schedule td .daybox {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  margin-right: 15px;
  width: 6em;
  padding: 10px;
  background: rgba(242, 242, 242, 0.63);
  color: #000;
  white-space: nowrap;
  align-items: center;
  display: flex;
}
#schedule td .daybox span {
  width: 2em;
  display: block;
  text-align: center;
  flex: 1;
}
#schedule td .scbox {
  flex: 1;
}
#schedule td a {
  display: block;
  background: #00b140;
  color: #000;
  font-weight: 900;
  line-height: 1.3;
  border-radius: 5px;
  margin: 10px 10px 10px 0;
  letter-spacing: -0.1px;
  padding: 5px 10px;
  font-size: 11px;
  font-size: 2.9333333333vw;
}
#schedule td a.live {
  background: rgb(228, 234, 124);
  background: linear-gradient(103deg, rgb(228, 234, 124) 0%, rgb(131, 209, 113) 47%, rgb(131, 209, 113) 98%, rgb(131, 209, 113) 100%);
}
#schedule td a.media {
  background: #8cf0bf;
}
#schedule td.nc {
  display: none;
}

/*-----------------------------------------------------------------
  questionnaire
------------------------------------------------------------------*/
#questionnaire .archive_list {
  min-height: 200px;
}
#questionnaire .archive_list ul li {
  margin: 5px 0;
}
#questionnaire .archive_list ul li .tit {
  position: relative;
  width: 100%;
  padding-left: 5px;
  padding-right: 40px;
}
#questionnaire .archive_list ul li .tit:before {
  display: none;
}
#questionnaire .archive_list ul li .tit:after {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font: var(--fa-font-solid);
  content: "\f0a9";
  font-weight: 300;
}
#questionnaire .questionnaire_body hr {
  margin: 20px auto;
  border: none;
  outline: 0;
  background: #fff;
  height: 1px;
  display: block;
  width: 100%;
}
#questionnaire .questionnaire_body .radio_wrap {
  display: flex;
  margin-bottom: 10px;
}
#questionnaire .questionnaire_body .radio_wrap label {
  margin-top: 0;
}
#questionnaire .questionnaire_body input {
  width: auto;
  font-size: 16px;
  font-size: 1.3333333333rem;
}
#questionnaire .questionnaire_body input[type=text] {
  width: 100%;
}
#questionnaire .questionnaire_body label {
  margin-top: 20px;
  font-size: 14px;
  font-size: 1.1666666667rem;
  display: inline-block;
  width: 100%;
}
#questionnaire .questionnaire_body input[type=radio] {
  margin-right: 5px;
  display: inline-block;
  font-size: 16px;
  font-size: 1.3333333333rem;
}
#questionnaire .questionnaire_body input[type=checkbox] {
  transform: scale(1);
  margin-right: 5px;
}
#questionnaire .questionnaire_body .questionnaire_list {
  display: flex;
  flex-wrap: wrap;
}
#questionnaire .questionnaire_body dl {
  width: 100%;
  display: block;
  align-items: center;
  margin: 0 0 40px;
}
#questionnaire .questionnaire_body dl.checkbox_area dd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 15px;
}
#questionnaire .questionnaire_body dl.checkbox_area dd label {
  width: auto;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  margin-top: 5px;
}
#questionnaire .questionnaire_body dl dt {
  width: 100%;
  font-size: 14px;
  font-size: 1.1666666667rem;
}
#questionnaire .questionnaire_body dl dt i {
  color: #00b140;
}
#questionnaire .questionnaire_body dl dd {
  width: 100%;
}
#questionnaire .questionnaire_body dl dd input[type=text] {
  width: 100% !important;
}
#questionnaire .questionnaire_body p {
  font-size: 16px;
  font-size: 1.3333333333rem;
  margin-bottom: 20px;
}
#questionnaire .questionnaire_body p i {
  color: #00b140;
}
#questionnaire .archive_list ul li .tag-premium {
  position: relative;
  top: -0.5em;
  left: 0;
}

/*-----------------------------------------------------------------
  profile
------------------------------------------------------------------*/
#profile h3 {
  width: 80%;
  margin: 30px auto 30px;
}
#profile h3 svg {
  fill: #fff;
}
#profile .inner {
  padding: 30px 25px;
  background: rgba(255, 255, 255, 0.31);
}
#profile .profile_img {
  margin-bottom: 30px;
  overflow: hidden;
}
#profile .profile_detail {
  font-size: 12px;
  font-size: 3.2vw;
  font-weight: 900;
  padding: 0px 5px;
  max-width: 950px;
  text-align: justify;
  margin: 30px auto 0;
  line-height: 1.9;
  letter-spacing: -0.2px;
}
#profile .profile_detail p {
  margin: 25px auto;
}

/*-----------------------------------------------------------------
 movie
------------------------------------------------------------------*/
#movie .inner, #video .inner, #collection .inner {
  background: rgb(0, 170, 167);
  background: linear-gradient(103deg, rgba(0, 170, 167, 0.52) 0%, rgba(131, 209, 193, 0.52) 56%, rgba(0, 84, 106, 0.55) 100%);
  padding: 50px 25px;
}
#movie .radio-info, #video .radio-info, #collection .radio-info {
  background: rgba(0, 0, 255, 0.13);
  padding: 20px;
  font-size: 12px;
  font-size: 3.2vw;
  margin: 0 auto 30px;
  color: #fff;
  width: 100%;
}
#movie .radio-info a, #video .radio-info a, #collection .radio-info a {
  color: #fff;
  font-weight: 900;
}
#movie h3, #video h3, #collection h3 {
  margin-top: -10px;
  margin-bottom: 100px;
  font-size: 42px;
  font-size: 3.5rem;
  text-indent: 0.9em;
}
#movie .tab_list, #video .tab_list, #collection .tab_list {
  margin-bottom: 60px;
  margin-top: 0px;
}
#movie .tab_list ul, #video .tab_list ul, #collection .tab_list ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
#movie .tab_list ul li, #video .tab_list ul li, #collection .tab_list ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}
#movie .tab_list ul li .tag, #video .tab_list ul li .tag, #collection .tab_list ul li .tag {
  border-radius: 10px;
  height: auto;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  background: rgba(0, 177, 64, 0.7);
  margin-right: 3px;
  font-size: 24px;
  font-size: 2rem;
}
#movie .tab_list ul li .tag i, #video .tab_list ul li .tag i, #collection .tab_list ul li .tag i {
  font-size: 30px;
  font-size: 2.5rem;
}
#movie .tab_list ul li .tag span, #video .tab_list ul li .tag span, #collection .tab_list ul li .tag span {
  margin-left: 5px;
}
#movie .movie_list, #video .movie_list, #collection .movie_list {
  margin: 0px auto;
  max-width: 960px;
}
#movie .movie_list ul, #video .movie_list ul, #collection .movie_list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -6% 0;
}
#movie .movie_list ul li, #video .movie_list ul li, #collection .movie_list ul li {
  position: relative;
  margin: 0 auto 15%;
  width: 100%;
}
#movie .movie_list ul li a, #video .movie_list ul li a, #collection .movie_list ul li a {
  display: block;
  color: #fff;
}
#movie .movie_list ul li a img, #video .movie_list ul li a img, #collection .movie_list ul li a img {
  width: 100%;
  max-width: none;
  pointer-events: none;
}
#movie .movie_list ul li .movie-tag, #video .movie_list ul li .movie-tag, #collection .movie_list ul li .movie-tag {
  position: absolute;
  top: -30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 30px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  background: rgba(0, 177, 64, 0.7);
  margin-right: 3px;
}
#movie .movie_list ul li .movie-tag i, #video .movie_list ul li .movie-tag i, #collection .movie_list ul li .movie-tag i {
  font-size: 16px;
  font-size: 1.3333333333rem;
}
#movie .movie_list ul li .movie-tag span, #video .movie_list ul li .movie-tag span, #collection .movie_list ul li .movie-tag span {
  margin-left: 5px;
}
#movie .movie_list ul li .movie-date, #video .movie_list ul li .movie-date, #collection .movie_list ul li .movie-date {
  display: block;
  margin-top: 5px;
  padding: 0 5px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 15px;
  font-size: 4vw;
}
#movie .movie_list ul li .movie-title, #video .movie_list ul li .movie-title, #collection .movie_list ul li .movie-title {
  padding: 0 5px;
  display: block;
  margin-top: 0;
  line-height: 1.4;
  font-size: 14px;
  font-size: 3.7333333333vw;
  font-weight: 900;
  color: #fff;
  margin-top: 5px;
}
#movie .movie_list .cs, #video .movie_list .cs, #collection .movie_list .cs {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  text-align: center;
  padding: 0 0 30px;
  font-size: 18px;
  font-size: 4.8vw;
}
#movie .movie_single, #video .movie_single, #collection .movie_single {
  margin: 0 auto;
}
#movie .movie_single h3, #video .movie_single h3, #collection .movie_single h3 {
  text-align: center;
  font-size: 14px;
  font-size: 3.7333333333vw;
  letter-spacing: -0.2px;
  margin-bottom: 20px;
  margin-top: 40px;
}
#movie .movie_single .video_tit, #video .movie_single .video_tit, #collection .movie_single .video_tit {
  color: #fff;
  font-weight: 900;
}
#movie .movie_single .single_detail_footer, #video .movie_single .single_detail_footer, #collection .movie_single .single_detail_footer {
  margin-top: 40px;
}
#movie .movie_single .single_detail_footer .back, #video .movie_single .single_detail_footer .back, #collection .movie_single .single_detail_footer .back {
  font-size: 14px;
  font-size: 1.1666666667rem;
  letter-spacing: -0.1px;
  text-align: left;
  position: relative;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#movie .movie_single .single_detail_footer .back:before, #video .movie_single .single_detail_footer .back:before, #collection .movie_single .single_detail_footer .back:before {
  font: var(--fa-font-solid);
  content: "\f0a8";
  font-weight: 300;
  margin-right: 5px;
}
#movie .video_area, #video .video_area, #collection .video_area {
  width: 100%;
}
#movie .video_area .video_inner, #video .video_area .video_inner, #collection .video_area .video_inner {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
  margin-bottom: 20px;
}
#movie .video_area .video_inner iframe, #video .video_area .video_inner iframe, #collection .video_area .video_inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

/*-----------------------------------------------------------------
  scratch
------------------------------------------------------------------*/
#scratch {
  margin-top: 10px;
  padding-top: 20px;
}
#scratch h3 {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 16px;
  font-size: 4.2666666667vw;
}
#scratch h3 .scratch_detail_tit {
  opacity: 0;
  -webkit-transition: all 2.5s linear;
  transition: all 2.5s linear;
}
#scratch h3 .scratch_detail_tit.active {
  opacity: 1;
}
#scratch .inner {
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.31);
  padding: 50px 0;
}
#scratch .scratch_detail {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  padding: 20px;
  min-height: 250px;
}
#scratch .scratch_detail .scratch_detail_head {
  -webkit-transition: all 2.5s linear;
  transition: all 2.5s linear;
  text-align: center;
  opacity: 0;
  margin-bottom: 20px;
}
#scratch .scratch_detail .scratch_detail_head .video_area {
  width: 100%;
}
#scratch .scratch_detail .scratch_detail_head .video_area .video_inner {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
  margin-bottom: 20px;
}
#scratch .scratch_detail .scratch_detail_head .video_area .video_inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
#scratch .scratch_detail .scratch_detail_head h3 {
  font-size: 18px;
  font-size: 4.8vw;
}
#scratch .scratch_detail .scratch_detail_txt {
  padding: 30px 15px;
  border: solid 2px #fff;
  margin: 30px auto;
}
#scratch .scratch_detail .scratch_detail_txt p {
  font-size: 11.5px;
  font-size: 3.0666666667vw;
  text-align: center;
  color: #000;
  font-weight: 900;
}
#scratch .scratch_detail .scratch_detail_txt p img {
  margin: 20px 0;
}
#scratch .scratch_detail .scratch_detail_txt p a {
  text-decoration: underline;
}
#scratch .scratch_detail .single_detail_footer {
  max-width: 960px;
  margin-top: 40px;
  text-align: center;
  -webkit-transition: all 2.5s linear;
  transition: all 2.5s linear;
  opacity: 0;
}
#scratch .scratch_detail .single_detail_footer.active {
  opacity: 1;
}
#scratch .scratch_detail .single_detail_footer .back {
  margin-top: 50px;
  font-size: 14px;
  font-size: 3.7333333333vw;
  letter-spacing: -0.1px;
  text-align: left;
  position: relative;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#scratch .scratch_detail .single_detail_footer .back:before {
  font: var(--fa-font-solid);
  content: "\f0a8";
  font-weight: 300;
  margin-right: 5px;
}
#scratch .scratch_detail.active .scratch_detail_head {
  opacity: 1;
}
#scratch #scratch_anim {
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
  opacity: 1;
  position: fixed;
  background: #009a44;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  height: 100dvh;
  background-image: url("https://static.gre4n-boyz.com/images/scratch/scratch_sp.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 10000;
}
#scratch #scratch_anim div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#scratch #scratch_anim img {
  width: 100%;
}
#scratch .done_txt {
  font-size: 12px;
  font-size: 3.2vw;
  position: relative;
  background: #1c8480;
  border: 4px solid #14a29d;
  margin-bottom: 50px;
  padding: 10px;
  text-align: center;
}
#scratch .done_txt:before, #scratch .done_txt:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#scratch .done_txt:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #1c8480;
  border-width: 15px;
  margin-left: -15px;
}
#scratch .done_txt:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #14a29d;
  border-width: 21px;
  margin-left: -21px;
}

/*-----------------------------------------------------------------
      disco
------------------------------------------------------------------*/
#discography .inner {
  background: rgb(0, 170, 167);
  background: linear-gradient(103deg, rgba(0, 170, 167, 0.52) 0%, rgba(131, 209, 193, 0.52) 56%, rgba(0, 84, 106, 0.55) 100%);
  padding: 50px 25px;
}
#discography .tab_list {
  margin-bottom: 50px;
  margin-top: 0;
}
#discography .tab_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 0 0 -2.5%;
}
#discography .tab_list ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 3% 5%;
  width: 41%;
}
#discography .tab_list ul li:first-child {
  width: 87%;
}
#discography .tab_list ul li .tag {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  border-radius: 0px;
  height: auto;
  color: #fff;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding: 5px 10px;
  background: transparent;
  border: solid 2px #fff;
  margin-right: 0;
  font-size: 17px;
  font-size: 4.5333333333vw;
}
#discography .tab_list ul li .tag.active {
  background: #23a000;
}
#discography .tab_list ul li .tag i {
  font-size: 30px;
  font-size: 2.5rem;
}
#discography .tab_list ul li .tag span {
  margin-left: 5px;
}
#discography .disco_list {
  margin: 50px auto;
}
#discography .disco_list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -10% -5%;
}
#discography .disco_list ul li {
  position: relative;
  margin: 0 0 10% 5%;
  width: 45%;
}
#discography .disco_list ul li a {
  color: #fff;
  display: flex;
  flex-direction: column;
}
#discography .disco_list ul li .disco_head {
  display: flex;
  justify-content: space-between;
  margin: 5px auto;
}
#discography .disco_list ul li .disco_meta {
  margin-top: auto;
}
#discography .disco_list ul li .disco_tag {
  margin-top: auto;
  padding: 1px 5px;
  width: 5.5em;
  display: flex;
  justify-content: center;
  font-weight: 900;
  align-items: center;
  font-size: 12px;
  font-size: 3.2vw;
}
#discography .disco_list ul li .date {
  display: block;
  padding: 0 5px;
  text-align: left;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 14px;
  font-size: 3.7333333333vw;
}
#discography .disco_list ul li .tit {
  padding: 0 5px;
  display: block;
  text-align: left;
  color: #000;
  line-height: 1.4;
  font-weight: 900;
  font-size: 14px;
  font-size: 3.7333333333vw;
}
#discography .disco_single {
  display: block;
}
#discography .disco_single .disco_img {
  width: 100%;
  padding-right: 0;
  text-align: center;
  margin-bottom: 30px;
}
#discography .disco_single .disco_detail {
  width: 100%;
  padding: 20px;
  background: rgba(255, 255, 255, 0.31);
  color: #333;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
#discography .disco_single .disco_detail h3 {
  text-align: left;
  font-size: 16px;
  font-size: 4.2666666667vw;
  margin-bottom: 20px;
  color: #000;
  line-height: 1.3;
  padding-bottom: 10px;
  font-family: "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
#discography .disco_single .disco_detail .btn_primary {
  width: auto;
  display: inline-block;
  padding: 10px 15px;
  font-size: 12px;
  font-size: 3.2vw;
}
#discography .disco_single .disco_detail .head {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
#discography .disco_single .disco_detail .head p {
  font-size: 14px;
  font-size: 3.7333333333vw;
  margin: 0;
}
#discography .disco_single .disco_detail .head .tag {
  border-radius: 10px;
  font-size: 10px;
  font-size: 2.6666666667vw;
  height: auto;
  color: #fff;
  display: flex;
  min-width: 80px;
  background: rgba(0, 177, 64, 0.82);
  justify-content: center;
  align-items: center;
  padding: 3px 10px;
  margin-right: 10px;
}
#discography .disco_single .disco_detail .disco_meta {
  font-size: 12px;
  font-size: 3.2vw;
  margin-bottom: 2em;
}
#discography .disco_single .disco_detail h4 {
  margin-top: 30px;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  padding: 0 80px;
  font-size: 12px;
  font-size: 3.2vw;
  margin-left: -25px;
  color: #b5f888;
}
#discography .disco_single .disco_detail h4:before,
#discography .disco_single .disco_detail h4:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40px;
  height: 1px;
  background-color: #b5f888;
}
#discography .disco_single .disco_detail h4:before {
  left: 28px;
}
#discography .disco_single .disco_detail h4:after {
  right: 30px;
}
#discography .disco_single .disco_detail h5 {
  margin-top: 30px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-weight: 900;
  border-bottom: 1px solid rgba(126, 126, 126, 0.4588235294);
  font-size: 14px;
  font-size: 3.7333333333vw;
  line-height: 1.3;
}
#discography .disco_single .disco_detail p {
  font-size: 12px;
  font-size: 3.2vw;
  margin: 5px 0;
}
#discography .disco_single .disco_detail ul li {
  font-size: 12px;
  font-size: 3.2vw;
  line-height: 1.4;
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
}
#discography .disco_single .disco_detail .streaming_bnr {
  background: rgba(255, 255, 255, 0.8196078431);
  border-radius: 10px;
  padding: 15px;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#discography .disco_single .disco_detail .streaming_bnr li {
  margin: 8px;
  display: inline-block;
  width: auto;
}
#discography .disco_single .disco_detail .streaming_bnr li a img {
  width: 95px;
}
#discography .disco_single .disco_detail .movie_embed {
  margin: 10px auto;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
#discography .disco_single .disco_detail .movie_embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#discography .disco_single .disco_detail .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#discography .single_detail_footer {
  margin-top: 60px;
  text-align: center;
}
#discography .single_detail_footer .back {
  font-size: 16px;
  font-size: 4.2666666667vw;
  letter-spacing: -0.1px;
  text-align: center;
  position: relative;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#discography .single_detail_footer .back:before {
  font: var(--fa-font-solid);
  content: "\f0a8";
  font-weight: 300;
  margin-right: 5px;
}

#radio .inner {
  background: rgb(0, 170, 167);
  background: linear-gradient(103deg, rgba(0, 170, 167, 0.52) 0%, rgba(131, 209, 193, 0.52) 56%, rgba(0, 84, 106, 0.55) 100%);
  padding: 50px 25px;
}

/*-----------------------------------------------------------------
  login mypage
------------------------------------------------------------------*/
#mypage {
  background: rgba(86, 86, 86, 0.2509803922) url(https://static.gre4n-boyz.com/images/mypage-bg.png) no-repeat;
  background-size: cover;
  background-position: 50%;
}
#mypage h2 {
  margin-bottom: 0;
}
#mypage .inner {
  max-width: 960px;
  margin: 0 auto;
  display: block;
  justify-content: center;
  padding: 70px 0;
}
#mypage .member_nav {
  width: 100%;
  margin-right: 0;
  margin-bottom: 30px;
}
#mypage .member_nav ul {
  background: transparent;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: 4%;
  /* justify-content: center; */
  align-items: center;
}
#mypage .member_nav ul li {
  width: 44%;
  text-align: left;
  margin: 0 1% 10px;
}
#mypage .member_nav ul li a {
  border-radius: 30px;
  display: block;
  padding: 8px 10px;
  border: 3px solid #fff;
  font-size: 13px;
  font-size: 3.4666666667vw;
  font-weight: 900;
  background: rgba(0, 178, 64, 0.7);
  color: #fff;
}
#mypage .member_nav ul li a small {
  font-size: 13px;
  font-size: 3.4666666667vw;
  letter-spacing: -0.7px;
}
#mypage .member_nav ul li a:before {
  font: var(--fa-font-regular);
  content: "\f111";
  font-weight: 900;
  margin-right: 5px;
}
#mypage .member_nav ul li a:hover {
  background: rgba(0, 177, 64, 0.7);
  color: #fff;
  text-shadow: none;
}
#mypage .member_nav ul li a:hover:before {
  font: var(--fa-font-solid);
  content: "\f111";
  font-weight: 900;
  margin-right: 5px;
}
#mypage .member_desc {
  width: 100%;
  padding: 0 25px;
}
#mypage .member_desc .c-stepper__item:before {
  content: "";
  flex: 0 0 var(--circle-size);
  height: var(--circle-size);
  border-radius: 50%;
  background: #333;
}
#mypage .member_desc .c-stepper__title {
  font-weight: 900;
  font-size: 20px;
  font-size: 5.3333333333vw;
  color: #333;
  line-height: 1.4;
  margin-bottom: 0;
  margin-bottom: 0;
}
#mypage .member_desc .c-stepper__desc_tit {
  color: #d25949;
  font-size: 16px;
  font-size: 4.2666666667vw;
  font-weight: 900;
  margin-bottom: 0.1em;
}
#mypage .member_desc .c-stepper__desc {
  color: #333;
  font-weight: 900;
  font-size: 13px;
  font-size: 3.4666666667vw;
}
#mypage .member_desc .c-stepper__content {
  max-width: 700px;
}
#mypage .panel {
  /* background: rgba(255, 255, 255, 0.31); */
  border: solid 3px #fff;
  padding: 25px;
}
#mypage .panel .panel_head {
  text-align: center;
  padding: 20px;
  background: #333;
  color: #fff;
}
#mypage .panel .panel_head.panel_head_message h3 {
  font-size: 12px;
  font-size: 3.2vw;
  margin-bottom: 0;
  color: #fff;
  padding-bottom: 0;
  border-bottom: none;
}
#mypage .panel .panel_head.panel_head_message h3::before {
  display: none;
}
#mypage .panel .panel_head h3 {
  font-size: 13px;
  font-size: 3.4666666667vw;
  margin-bottom: 0;
  color: #fff;
  padding-bottom: 0;
  border-bottom: none;
}
#mypage .panel .panel_head h3::before {
  display: none;
}
#mypage .panel .panel_body {
  padding: 20px 0px;
}
#mypage .panel .panel_body.panel_message h4 {
  border-top: none;
  font-size: 14px;
  font-size: 3.7333333333vw;
  padding: 0.25em 0 0.5em 0.75em;
  margin-bottom: 12px;
  color: #000 !important;
  border-left: 5px solid #000 !important;
  border-bottom: 1px solid #000 !important;
}
#mypage .panel .panel_body .tab {
  margin: 30px auto;
}
#mypage .panel .panel_body .tab .tab-list {
  display: flex;
}
#mypage .panel .panel_body .tab .tab-list-item {
  width: 50%;
  margin: 0;
  border: 3px solid #fff;
  color: #fff;
  height: 5em;
  text-align: center;
  background: transparent;
  padding: 10px 0;
  font-size: 12px;
  font-size: 3.2vw;
  font-weight: 900;
  border-radius: 0;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transition: none;
}
#mypage .panel .panel_body .tab .tab-list-item:last-child {
  border-color: #fff;
  color: #fff;
}
#mypage .panel .panel_body .tab .tab-contents {
  display: none;
  padding: 15px 10px;
  color: #333;
  font-size: 12px;
  font-size: 3.2vw;
}
#mypage .panel .panel_body .tab .tab-contents hr {
  position: relative;
  border: none;
  outline: 0;
  height: 1px;
  margin: 20px auto;
  background: #000;
  width: 110%;
  left: -5%;
}
#mypage .panel .panel_body .tab .is-btn-active {
  background: #e46060 !important;
  border-radius: 0;
  border: none;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
}
#mypage .panel .panel_body .tab .is-btn-active:before, #mypage .panel .panel_body .tab .is-btn-active:after {
  width: calc(100% - 10px);
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  content: "";
}
#mypage .panel .panel_body .tab .is-contents-active {
  display: block;
}
#mypage .panel .panel_body .tab .is-btnchild-active {
  font-weight: 900;
}
#mypage .panel .panel_body .tab .is-contentschild-active {
  display: block;
}
#mypage .panel .panel_body h3 {
  margin-bottom: 10px;
  line-height: 1.4;
}
#mypage .panel .panel_body h4 {
  margin-top: 30px;
  font-size: 14px;
  font-size: 3.7333333333vw;
  font-weight: 900;
  padding: 20px 0 5px 0;
  text-align: left;
  border-top: 1px solid #fff;
}
#mypage .panel .panel_body h5 {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: 900;
  font-size: 15px;
  font-size: 4vw;
  line-height: 1.3;
}
#mypage .panel .panel_body p {
  font-size: 12px;
  font-size: 3.2vw;
  margin: 10px auto;
}
#mypage .panel .panel_body p a {
  color: #FF5722;
  font-weight: 900;
}
#mypage .panel .panel_body ul.indent {
  margin: 10px auto;
  font-size: 12px;
  font-size: 3.2vw;
}
#mypage .panel .panel_body ul.indent li {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-weight: 900;
  margin: 10px 0;
  line-height: 1.4;
  text-indent: -1em;
  padding-left: 1em;
}
#mypage .panel .panel_body .member_card {
  position: relative;
  text-align: center;
  width: 100%;
  margin: 20px auto 30px;
}
#mypage .panel .panel_body .member_card .card_id {
  font-size: 14px;
  font-size: 3.7333333333vw;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 0.5px;
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  padding: 0 7%;
  color: #fff;
  text-align: right;
  font-weight: 900;
}
#mypage .panel .panel_body .member_card .card_name {
  color: #fff;
  font-size: 18px;
  font-size: 4.8vw;
  letter-spacing: 5px;
  position: absolute;
  bottom: 9%;
  left: 0;
  width: 100%;
  padding: 0 10%;
  text-align: center;
  font-weight: 900;
}
#mypage .panel .panel_body .member_profile dl {
  display: block;
  align-items: center;
  margin: 0 0 15px;
}
#mypage .panel .panel_body .member_profile dl dt {
  font-weight: 900;
  width: auto;
  font-size: 14px;
  font-size: 3.7333333333vw;
}
#mypage .panel .panel_body .member_profile dl dt i {
  color: #00b140;
}
#mypage .panel .panel_body .member_profile dl dd {
  position: relative;
  font-weight: 900;
  flex: 1;
}
#mypage .panel .panel_body .member_profile dl .postal-box {
  display: flex;
  align-items: center;
}
#mypage .panel .panel_body .member_profile dl .postal-box a {
  font-size: 13px;
  font-size: 3.4666666667vw;
  margin: 0;
  margin-left: 10px;
  padding: 15px 5px;
}
#mypage .panel .panel_body .member_profile dl #postal-error {
  color: #cc0027;
  margin-top: 0;
  margin-bottom: 0;
}
#mypage .panel .panel_body .member_profile dl.required dd::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  left: -10px;
  width: 4px;
  border-radius: 5px;
  background: #cc0027;
}
#mypage .panel .panel_body .member_profile p {
  font-size: 12.5px;
  font-size: 3.3333333333vw;
  margin-bottom: 15px;
}
#mypage .panel .panel_body .member_profile p i {
  color: #00b140;
}
#mypage .panel .panel_body .member_profile .required-ico {
  display: inline-block;
  vertical-align: middle;
  height: 1.2rem;
  width: 4px;
  margin-right: 5px;
  border-radius: 5px;
  background: #cc0027;
}
#mypage .panel .panel_body .member_profile .done_profile {
  color: #cc0027;
}
#mypage .panel .panel_body .member_profile .discount {
  display: flex;
}
#mypage .panel .panel_body .member_profile .discount p {
  font-size: 10px;
  font-size: 2.6666666667vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  line-height: 1.2;
  text-align: center;
  color: #000;
}
#mypage .panel .panel_body .member_profile .discount p i {
  color: #000;
  font-size: 12px;
  font-size: 3.2vw;
}
#mypage .panel .panel_body .member_profile .discount p span {
  display: inline-block;
  margin-top: auto;
  font-weight: 900;
  color: #e46060;
}
#mypage .panel .panel_body .member_profile .discount p:nth-child(1) {
  background: rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  width: 30%;
}
#mypage .panel .panel_body .member_profile .discount p:nth-child(2) {
  width: 4%;
  margin: 0 0.5%;
  font-size: 15px;
  font-size: 4vw;
}
#mypage .panel .panel_body .member_profile .discount p:nth-child(3) {
  background: rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  width: 30%;
}
#mypage .panel .panel_body .member_profile .discount p:nth-child(4) {
  width: 4%;
  margin: 0 0.5%;
  font-size: 15px;
  font-size: 4vw;
}
#mypage .panel .panel_body .member_profile .discount p:nth-child(5) {
  background: rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  width: 30%;
}
#mypage .panel .panel_body .member_profile.member_status {
  border-radius: 20px;
  padding: 20px;
  border: solid 1px #fff;
}
#mypage .panel .panel_body .member_profile.member_status dl {
  display: flex;
  align-items: center;
  margin: 0px 0 0px;
  border-bottom: 1px solid #fff;
  letter-spacing: -0.2px;
}
#mypage .panel .panel_body .member_profile.member_status dl:last-child {
  border-bottom: none;
}
#mypage .panel .panel_body .member_profile.member_status dl dt {
  min-width: 10em;
  padding: 15px 5px;
  text-align: center;
  font-size: 11px;
  font-size: 2.9333333333vw;
}
#mypage .panel .panel_body .member_profile.member_status dl dt i {
  color: #00b140;
}
#mypage .panel .panel_body .member_profile.member_status dl dd {
  font-size: 11px;
  font-size: 2.9333333333vw;
  padding: 10px 5px;
  flex: 1;
  line-height: 1.3;
}
#mypage .panel .panel_body .member_profile.member_status dl dd small {
  font-size: 9px;
  font-size: 2.4vw;
  letter-spacing: -0.3px;
}
#mypage .panel .panel_body .member_profile a {
  color: #cc0027;
}
#mypage .panel .panel_body .member_profile .contactAgree {
  margin: 20px 0;
  font-size: 13px;
  font-size: 3.4666666667vw;
}
#mypage .panel .panel_body .member_profile .contactAgree label {
  display: flex;
  align-items: center;
}
#mypage .panel .panel_body .member_profile .contactAgree label input {
  margin-right: 10px;
}
#mypage .panel .panel_body .card_input {
  margin-top: 15px;
}
#mypage .panel .panel_body .card_input p {
  margin-bottom: 0;
}
#mypage .panel .panel_body .card_input.ccexp .ccexp_wrap {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
#mypage .panel .panel_body .card_input.ccexp .selectbox-002 select {
  min-width: 100px;
  padding: 0.5em 2.6em 0.4em 1em;
}
#mypage .panel .panel_body .card_input.ccexp input {
  width: 4em;
  text-align: left;
  display: inline-block;
}
#mypage .panel .panel_body .card_input.ccexp span {
  font-size: 18px;
  font-size: 4.8vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 15px;
  width: auto;
}
#mypage .panel .panel_body .card_input.cccsc input {
  width: 5em;
  text-align: left;
  display: inline-block;
}
#mypage .panel .panel_body .content_list {
  margin-top: 15px;
}
#mypage .panel .panel_body .content_list ul {
  display: flex;
  flex-wrap: wrap;
}
#mypage .panel .panel_body .content_list ul li {
  width: 50%;
}
#mypage .panel .panel_body .subsc_info .btn_primary {
  font-size: 14px;
  font-size: 3.7333333333vw;
  font-weight: 900;
  text-align: center;
}
#mypage .panel .panel_body .subsc_info h4 {
  font-size: 15px;
  font-size: 4vw;
  font-weight: 900;
  color: #e46061;
}
#mypage .panel .panel_body .subsc_info h5 {
  color: #fff;
}
#mypage .panel .panel_body .subsc_info p {
  color: #fff;
}
#mypage .panel .panel_body .subsc_info .indent {
  color: #fff;
}
#mypage .panel .panel_body .archive_list {
  min-height: 130px;
}
#mypage .panel .panel_body .archive_list p {
  margin: 5px auto;
}
#mypage .panel .panel_body .archive_list ul li {
  margin: 5px 0;
}
#mypage .panel .panel_body .archive_list ul li a {
  display: block;
  align-items: center;
  padding: 10px 10px 10px;
  color: #fff;
}
#mypage .panel .panel_body .archive_list ul li .date {
  position: relative;
  margin-bottom: 3px;
  margin: 0 auto;
  color: #fff;
  width: 100%;
  font-size: 12px;
  font-size: 3.2vw;
}
#mypage .panel .panel_body .archive_list ul li .date .new {
  margin-left: 10px;
  color: #d9352d;
}
#mypage .panel .panel_body .archive_list ul li .date .read {
  font-size: 11px;
  font-size: 2.9333333333vw;
  color: #ff5821;
  font-weight: 900;
}
#mypage .panel .panel_body .archive_list ul li .date .read.read-on {
  font-weight: normal;
  color: #fff;
}
#mypage .panel .panel_body .archive_list ul li .tit {
  position: relative;
  font-size: 13px;
  font-size: 3.4666666667vw;
}
#mypage .panel .panel_body .archive_list ul li .tit:before {
  background: #fff;
}
#mypage .panel .panel_body .archive_list ul li:first-child a {
  padding-top: 0;
}
#mypage .panel .panel_body .archive_list .cs {
  text-align: center;
  padding: 90px 0;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  font-size: 4.2666666667vw;
}
#mypage .panel .panel_body .date {
  margin-top: -10px;
  color: #000;
  margin-bottom: 25px;
}
#mypage .panel .panel_body .card_type p {
  padding-left: 10px;
  margin-top: 2px;
  margin-bottom: 5px;
}
#mypage .panel .panel_footer {
  border-top: 1px solid #fff;
  padding: 10px 10px;
}
#mypage .panel hr {
  display: block;
  border: none;
  outline: 0;
  width: 100%;
  height: 1px;
  margin: 0 auto;
  background: #fff;
}
#mypage .movie_embed {
  width: 100%;
  margin: 10px auto;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
#mypage .movie_embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#login {
  padding: 0;
}
#login .login_form input {
  margin-bottom: 15px;
}
#login .inner {
  width: 100%;
  margin: 0 auto;
}
#login .inner.information {
  width: 100%;
  margin: 0 auto;
  margin-top: -70px;
}
#login .inner.information .form {
  max-width: 850px;
}
#login .login_page {
  width: 100%;
  padding: 0;
  margin: auto;
}
#login .login_page h3 {
  color: #00b140;
}
#login .login_page h3::before {
  display: none;
}
#login .login_page.signup_box {
  margin-top: -50px;
}
#login .login_page.signup_box .message {
  font-size: 16px;
  font-size: 4.2666666667vw;
  margin-top: 0;
}
#login .login_page .forgot-password {
  color: #696969;
  font-size: 12px;
  font-size: 3.2vw;
}
#login .login_page .login_check {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-size: 11px;
  font-size: 2.9333333333vw;
}
#login .login_page .login_check input[type=checkbox] {
  margin-bottom: 0;
  margin-right: 5px;
}
#login .agree_check {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  font-size: 12px;
  font-size: 3.2vw;
}
#login .agree_check a {
  color: #028832;
}
#login .agree_check input[type=checkbox] {
  margin-bottom: 2px;
  margin-right: 10px;
  inline-size: 2rem;
  block-size: 1.8rem;
}
.invitee_table {
  width: 100%;
  letter-spacing: -0.1px;
}
.invitee_table tr {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  font-size: 12px;
  font-size: 3.2vw;
}
.invitee_table tr:first-child {
  background: #5f5f5f;
  color: #fff !important;
}
.invitee_table th, .invitee_table td {
  width: 65%;
  text-align: center;
}
.invitee_table th:first-child, .invitee_table td:first-child {
  width: 35%;
}

/*-----------------------------------------------------------------
  about
------------------------------------------------------------------*/
.about-btn {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.about-btn p {
  width: 45%;
}

#about {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#about h2 {
  margin-top: 40px;
}
#about .inner {
  padding: 30px 30px;
  border-bottom: 1px solid #fff;
}
#about .inner.site h3 {
  text-align: left;
  font-size: 20px;
  font-size: 5.3333333333vw;
}
#about .inner.site p {
  text-align: center;
  margin: 15% 0%;
}
#about .inner.site p:first-child {
  margin-top: 0;
}
#about .inner.site p.info {
  text-align: left;
  font-size: 13px;
  font-size: 3.4666666667vw;
  font-weight: 900;
}
#about h3 {
  position: relative;
  padding-bottom: 10px;
  line-height: 1.4;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 40px;
  color: #fff;
}
#about h3:first-child {
  margin-top: 0;
}
#about h4 {
  padding-bottom: 5px;
  text-align: left;
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 12px;
  font-size: 3.2vw;
  font-weight: 900;
  color: #fff;
}
#about h4:first-child {
  margin-top: 0;
}
#about p {
  letter-spacing: -0.2px;
  font-size: 12px;
  font-size: 3.2vw;
  color: #2e2e2e;
  font-weight: 900;
}
#about p a {
  display: inline-block;
  color: #e1e97d;
  font-weight: 900;
}
#about .single_detail_footer {
  margin: 40px auto 0;
  text-align: center;
  -webkit-transition: all 2.5s linear;
  transition: all 2.5s linear;
}
#about .single_detail_footer a {
  display: inline-block;
  width: auto;
  padding: 10px 40px;
}
#about .back {
  font-size: 20px;
  font-size: 1.6666666667rem;
  letter-spacing: -0.1px;
  text-align: left;
  position: relative;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#about .content_list {
  margin-top: 30px;
}
#about .content_list ul {
  display: flex;
  flex-wrap: wrap;
}
#about .content_list ul li {
  width: 100%;
}
#about .law_wrap dl {
  display: block;
  border-bottom: none;
  padding: 10px 0;
  font-size: 12px;
  font-size: 3.2vw;
}
#about .law_wrap dl a {
  color: #e1e97d;
  font-weight: 900;
}
#about .law_wrap dl dt {
  width: 100%;
  padding: 10px;
  background: rgba(66, 69, 76, 0.55);
  font-family: "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
#about .law_wrap dl dd {
  font-family: "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  width: 100%;
  padding: 10px;
}
#about .c-stepper__item:before {
  position: relative;
  top: 2px;
}
#about .c-stepper__title {
  font-weight: 900;
  font-size: 22px;
  font-size: 5.8666666667vw;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 0;
  margin-bottom: 0;
}
#about .c-stepper__desc_tit {
  color: #e9ff9d;
  font-size: 16px;
  font-size: 4.2666666667vw;
  font-weight: 900;
  margin-bottom: 0.1em;
}
#about .c-stepper__desc {
  color: #fff;
  font-weight: 900;
  font-size: 13px;
  font-size: 3.4666666667vw;
}
#about .c-stepper__content {
  max-width: 700px;
}
#about .twin {
  display: block;
  flex-direction: row;
  justify-content: space-between;
}

:root {
  --circle-size: clamp(2.5rem, 6vw, 4rem);
  --spacing: clamp(0.5rem, 3vw, 1rem);
}

.c-stepper__item {
  position: relative;
  display: flex;
  gap: 1rem;
  padding-bottom: 4rem;
}
.c-stepper__item:last-child {
  padding-bottom: 0;
}
.c-stepper__item:before {
  content: "";
  flex: 0 0 var(--circle-size);
  height: var(--circle-size);
  border-radius: 50%;
  background: rgb(228, 234, 124);
  background: linear-gradient(103deg, rgb(228, 234, 124) 0%, rgb(131, 209, 113) 47%, rgb(131, 209, 113) 98%, rgb(131, 209, 113) 100%);
}
.c-stepper__item:not(:last-child):after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(var(--circle-size) + var(--spacing));
  bottom: var(--spacing);
  z-index: -1;
  transform: translateX(calc(var(--circle-size) / 2));
  width: 2px;
}

.c-stepper__title {
  font-weight: 900;
  font-size: 20px;
  font-size: 5.3333333333vw;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 0;
  margin-bottom: 0;
}

.c-stepper__desc_tit {
  color: #e9ff9d;
  font-size: 16px;
  font-size: 4.2666666667vw;
  font-weight: 900;
  margin-bottom: 0.1em;
}

.c-stepper__desc {
  color: #fff;
  font-weight: 900;
  font-size: 13px;
  font-size: 3.4666666667vw;
}

.c-stepper__content {
  max-width: 700px;
}

#special .inner {
  padding: 0 25px 20px;
  text-align: center;
  border-radius: 0px;
  max-width: 960px;
}

#contact {
  max-width: 680px;
  margin: 20px auto;
}
#contact label {
  font-size: 13px;
  font-size: 3.4666666667vw;
  text-align: left;
  display: block;
  margin-bottom: 10px;
}
#contact .radiobtn-wrap {
  list-style: none;
  margin: 0;
  padding: 0;
}
#contact .radiobtn-wrap li {
  color: #858585;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid #fff;
}
#contact .radiobtn-wrap li:last-child {
  border-bottom: none;
}
#contact .radiobtn-wrap li input[type=radio] {
  position: absolute;
  visibility: hidden;
}
#contact .radiobtn-wrap li picture {
  display: block;
  margin-bottom: 20px;
}
#contact .radiobtn-wrap li label {
  display: block;
  position: relative;
  font-weight: 900;
  font-size: 16px;
  font-size: 4.2666666667vw;
  padding: 20px 25px 20px 65px;
  margin: 10px auto 0;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}
#contact .radiobtn-wrap li:hover label {
  color: #858585;
}
#contact .radiobtn-wrap li:hover label .check {
  border: 5px solid #858585;
}
#contact .radiobtn-wrap li .check {
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 50%;
  margin-top: -12px;
  left: 20px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}
#contact .radiobtn-wrap li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 2.5px;
  left: 2.5px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
#contact .radiobtn-wrap input[type=radio]:checked ~ .check {
  border: 5px solid #db5110;
}
#contact .radiobtn-wrap input[type=radio]:checked ~ .check::before {
  background: #db5110;
}
#contact .radiobtn-wrap input[type=radio]:checked ~ label {
  color: #db5110;
}

.radiobtn-wrap {
  list-style: none;
  margin: 0;
  padding: 0;
}
.radiobtn-wrap li {
  color: #fff;
  display: block;
  position: relative;
  float: none;
  width: 100%;
  border-bottom: 1px solid #fff;
}
.radiobtn-wrap li:first-child {
  border-top: 1px solid #fff;
}
.radiobtn-wrap li:last-child {
  border-bottom: none;
}
.radiobtn-wrap li input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.radiobtn-wrap li picture {
  display: block;
  margin-bottom: 20px;
}
.radiobtn-wrap li label {
  display: block;
  position: relative;
  font-weight: 900;
  font-size: 16px;
  font-size: 4.2666666667vw;
  padding: 20px 25px 20px 65px;
  margin: 10px auto 0;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}
.radiobtn-wrap li:hover label {
  color: #FFFFFF;
}
.radiobtn-wrap li:hover label .check {
  border: 5px solid #FFFFFF;
}
.radiobtn-wrap li .check {
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 50%;
  margin-top: -12px;
  left: 20px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}
.radiobtn-wrap li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 2.5px;
  left: 2.5px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.radiobtn-wrap input[type=radio]:checked ~ .check {
  border: 5px solid #000;
}
.radiobtn-wrap input[type=radio]:checked ~ .check::before {
  background: #000;
}
.radiobtn-wrap input[type=radio]:checked ~ label {
  color: #000;
}
.radiobtn-wrap.member-card-info li label {
  margin: 0 auto;
}
.radiobtn-wrap.member-card-info li .check {
  top: 2.6rem;
  margin-top: -12px;
  left: 20px;
}
.radiobtn-wrap.member-card-info li input[type=radio]:checked ~ .check {
  border: 5px solid #000;
}
.radiobtn-wrap.member-card-info li input[type=radio]:checked ~ .check::before {
  background: #000;
}
.radiobtn-wrap.member-card-info li input[type=radio]:checked ~ label {
  color: #000;
}

#error p {
  font-size: 14px;
  font-size: 3.7333333333vw;
  text-align: center;
}

/* ============================================
 Media Queries
============================================ */
@media screen and (min-width: 900px) {
  /* ============================================
   contents
  ============================================ */
  #exterior_wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
  }
  main {
    width: 100%;
  }
  main .wrapper {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0 auto;
  }
  section {
    position: relative;
    margin: 30px 0;
    padding: 0;
  }
  section h2 {
    color: #fff;
    text-align: center;
    line-height: 1;
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 50px;
    font-size: 42px;
    font-size: 3.5rem;
  }
  section h2 img {
    max-width: 960px;
  }
  section h3 {
    color: #fff;
    font-weight: 900;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 50px;
    font-size: 25px;
    font-size: 2.0833333333rem;
  }
  section .inner {
    position: relative;
  }
  section .inner .pageback {
    position: absolute;
    bottom: auto;
    top: -60px;
    right: 50%;
    margin-right: -480px;
    text-align: center;
    margin-top: 0px;
  }
  section .inner .pageback a {
    background: rgba(0, 0, 0, 0.5);
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    padding: 2px 20px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-size: 1.5rem;
  }
  section .more {
    display: block;
    margin: 60px 0 10px;
    text-align: center;
  }
  section .more p {
    display: inline-block;
  }
  section .more a {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    position: relative;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 0 auto;
    width: 100%;
    background: transparent;
    line-height: 30px;
    text-align: center;
    color: #a2d6d4;
    font-weight: 900;
    font-size: 12px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    text-decoration: underline;
  }
  section .more a:hover {
    text-decoration: none;
  }
  /*-----------------------------------------------------------------
    page parts
  ------------------------------------------------------------------*/
  .single_detail_main {
    margin: 0 auto;
  }
  .single_detail_head {
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
  .single_detail_head .date {
    font-size: 18px;
    font-size: 1.5rem;
    letter-spacing: -0.1px;
    text-align: left;
    position: relative;
  }
  .single_detail_head .tag {
    color: #fff;
    display: inline-block;
    margin: 10px 5px 10px 0;
    padding: 0px 5px;
    line-height: 1.4;
    min-width: 4.5em;
    text-align: center;
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  .single_detail_head .tit {
    font-size: 26px;
    font-size: 2.1666666667rem;
    letter-spacing: -0.1px;
    line-height: 1.4;
    font-weight: 900;
    margin-top: 8px;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  .single_detail_txt {
    min-height: 350px;
    padding-bottom: 50px;
  }
  .single_detail_txt p {
    font-size: 16px;
    font-size: 1.3333333333rem;
    margin-bottom: 1.7rem;
  }
  .single_detail_txt p img {
    margin: 0;
  }
  .single_detail_txt p a {
    text-decoration: underline;
  }
  .single_detail_txt p a:hover {
    color: #484848;
    text-decoration: none;
  }
  .single_detail_txt h4 {
    font-size: 22px;
    font-size: 1.8333333333rem;
    line-height: 1.3;
    margin-bottom: 5px;
  }
  .single_detail_footer {
    margin: 40px auto 0;
    max-width: 960px;
  }
  .archive_footer_nav {
    max-width: 960px;
    margin: 20px auto 0;
    font-size: 14px;
    font-size: 1.1666666667rem;
    display: flex;
    justify-content: space-between;
  }
  .archive_footer_nav li {
    min-width: 5em;
  }
  .archive_footer_nav .back, .archive_footer_nav .list, .archive_footer_nav .next {
    font-size: 14px;
    font-size: 1.1666666667rem;
    letter-spacing: -0.1px;
    text-align: left;
    position: relative;
    display: inline-block;
    height: 35px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #000;
  }
  .archive_footer_nav .next:before {
    display: none;
  }
  .pagination {
    margin: 50px auto;
    max-width: 960px;
  }
  .pagination ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .pagination ul li {
    margin-right: 10px;
  }
  .pagination ul li a, .pagination ul li span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px 13px;
    font-weight: 900;
    width: auto;
    border-radius: 5px;
    height: 35px;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    background: rgb(228, 234, 124);
    background: linear-gradient(103deg, rgb(228, 234, 124) 0%, rgb(131, 209, 113) 52%, rgb(131, 209, 113) 100%);
    color: #000;
    border: none;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  .pagination ul li a:hover {
    background: rgb(228, 234, 124);
    background: linear-gradient(103deg, rgb(228, 234, 124) 0%, rgb(131, 209, 113) 52%, rgb(131, 209, 113) 100%);
    border: none;
    color: #000;
  }
  .pagination ul li span {
    background: transparent;
    border: solid 2px #fff;
    color: #000;
  }
  /*-----------------------------------------------------------------
    news live blog ticket present topics
  ------------------------------------------------------------------*/
  #news, #live, #blog, #ticket, #questionnaire, #topics {
    padding: 0;
  }
  #news .blog-info, #live .blog-info, #blog .blog-info, #ticket .blog-info, #questionnaire .blog-info, #topics .blog-info {
    font-size: 20px;
    font-size: 1.6666666667rem;
    padding: 40px 40px;
    margin: 0 auto 80px;
    color: #fff;
    width: 100%;
  }
  #news .inner, #live .inner, #blog .inner, #ticket .inner, #questionnaire .inner, #topics .inner {
    max-width: 960px;
    margin: 0 auto;
    border-radius: 30px;
    width: 100%;
    padding: 100px 80px;
    background: rgba(255, 255, 255, 0.31);
  }
  #news .thanks-txt, #live .thanks-txt, #blog .thanks-txt, #ticket .thanks-txt, #questionnaire .thanks-txt, #topics .thanks-txt {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-size: 1.6666666667rem;
  }
  #news.voice-diary .short-voice-bnr, #live.voice-diary .short-voice-bnr, #blog.voice-diary .short-voice-bnr, #ticket.voice-diary .short-voice-bnr, #questionnaire.voice-diary .short-voice-bnr, #topics.voice-diary .short-voice-bnr {
    margin: -70px auto 120px;
    width: 62%;
  }
  #news.voice-diary .inner, #live.voice-diary .inner, #blog.voice-diary .inner, #ticket.voice-diary .inner, #questionnaire.voice-diary .inner, #topics.voice-diary .inner {
    margin: 0 auto;
    border-radius: 30px;
    padding: 50px 50px;
  }
  #news.voice-diary.single_detail .inner, #live.voice-diary.single_detail .inner, #blog.voice-diary.single_detail .inner, #ticket.voice-diary.single_detail .inner, #questionnaire.voice-diary.single_detail .inner, #topics.voice-diary.single_detail .inner {
    max-width: 800px;
    width: 90%;
    margin: 0 auto;
    border-radius: 30px;
    padding: 70px 80px;
  }
  #news.voice-diary .single_detail_txt, #live.voice-diary .single_detail_txt, #blog.voice-diary .single_detail_txt, #ticket.voice-diary .single_detail_txt, #questionnaire.voice-diary .single_detail_txt, #topics.voice-diary .single_detail_txt {
    min-height: 0;
  }
  #news.voice-diary .single_detail_txt audio, #live.voice-diary .single_detail_txt audio, #blog.voice-diary .single_detail_txt audio, #ticket.voice-diary .single_detail_txt audio, #questionnaire.voice-diary .single_detail_txt audio, #topics.voice-diary .single_detail_txt audio {
    width: 100%;
  }
  #news.voice-diary .single_detail_footer, #live.voice-diary .single_detail_footer, #blog.voice-diary .single_detail_footer, #ticket.voice-diary .single_detail_footer, #questionnaire.voice-diary .single_detail_footer, #topics.voice-diary .single_detail_footer {
    max-width: 750px;
    width: 86%;
    margin: 30px auto;
  }
  #news .vertical_tab_nav_wrap, #live .vertical_tab_nav_wrap, #blog .vertical_tab_nav_wrap, #ticket .vertical_tab_nav_wrap, #questionnaire .vertical_tab_nav_wrap, #topics .vertical_tab_nav_wrap {
    display: flex;
    margin: -60px auto 110px;
    padding: 0px;
    list-style: none;
    overflow: initial;
    width: 80%;
    max-width: 760px;
  }
  #news .vertical_tab_nav_wrap li, #live .vertical_tab_nav_wrap li, #blog .vertical_tab_nav_wrap li, #ticket .vertical_tab_nav_wrap li, #questionnaire .vertical_tab_nav_wrap li, #topics .vertical_tab_nav_wrap li {
    text-align: left;
    padding: 0px;
    width: 50%;
  }
  #news .vertical_tab_nav_wrap li:last-child, #live .vertical_tab_nav_wrap li:last-child, #blog .vertical_tab_nav_wrap li:last-child, #ticket .vertical_tab_nav_wrap li:last-child, #questionnaire .vertical_tab_nav_wrap li:last-child, #topics .vertical_tab_nav_wrap li:last-child {
    margin-bottom: 0px;
    border-bottom: 0px;
  }
  #news .vertical_tab_nav_wrap li a, #live .vertical_tab_nav_wrap li a, #blog .vertical_tab_nav_wrap li a, #ticket .vertical_tab_nav_wrap li a, #questionnaire .vertical_tab_nav_wrap li a, #topics .vertical_tab_nav_wrap li a {
    display: block;
    font-size: 40px;
    font-size: 3.3333333333rem;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 6% 2%;
    background: -webkit-linear-gradient(top, rgba(68, 68, 68, 0.48), rgba(51, 51, 51, 0.75));
    background: -moz-linear-gradient(top, rgba(68, 68, 68, 0.45), rgba(51, 51, 51, 0.71));
    text-align: center;
  }
  #news .vertical_tab_nav_wrap li a.selected, #live .vertical_tab_nav_wrap li a.selected, #blog .vertical_tab_nav_wrap li a.selected, #ticket .vertical_tab_nav_wrap li a.selected, #questionnaire .vertical_tab_nav_wrap li a.selected, #topics .vertical_tab_nav_wrap li a.selected {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  #news .vertical_tab_inner, #live .vertical_tab_inner, #blog .vertical_tab_inner, #ticket .vertical_tab_inner, #questionnaire .vertical_tab_inner, #topics .vertical_tab_inner {
    display: block;
    width: 100%;
    min-height: 360px;
    padding: 10px 0% 3% 1%;
  }
  #news .vertical_tab_inner article, #live .vertical_tab_inner article, #blog .vertical_tab_inner article, #ticket .vertical_tab_inner article, #questionnaire .vertical_tab_inner article, #topics .vertical_tab_inner article {
    display: none;
    margin: 0px;
    color: #555;
  }
  #news .single_detail_dl-2img, #live .single_detail_dl-2img, #blog .single_detail_dl-2img, #ticket .single_detail_dl-2img, #questionnaire .single_detail_dl-2img, #topics .single_detail_dl-2img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  #news .single_detail_dl-2img .single_detail_dl-box, #live .single_detail_dl-2img .single_detail_dl-box, #blog .single_detail_dl-2img .single_detail_dl-box, #ticket .single_detail_dl-2img .single_detail_dl-box, #questionnaire .single_detail_dl-2img .single_detail_dl-box, #topics .single_detail_dl-2img .single_detail_dl-box {
    width: 40%;
  }
  #news .single_detail_dl-2img .single_detail_dl-box picture, #live .single_detail_dl-2img .single_detail_dl-box picture, #blog .single_detail_dl-2img .single_detail_dl-box picture, #ticket .single_detail_dl-2img .single_detail_dl-box picture, #questionnaire .single_detail_dl-2img .single_detail_dl-box picture, #topics .single_detail_dl-2img .single_detail_dl-box picture {
    width: 50%;
  }
  #news .single_detail_dl-2img .single_detail_dl-box .btn_member, #live .single_detail_dl-2img .single_detail_dl-box .btn_member, #blog .single_detail_dl-2img .single_detail_dl-box .btn_member, #ticket .single_detail_dl-2img .single_detail_dl-box .btn_member, #questionnaire .single_detail_dl-2img .single_detail_dl-box .btn_member, #topics .single_detail_dl-2img .single_detail_dl-box .btn_member {
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  #news.blog-24now, #live.blog-24now, #blog.blog-24now, #ticket.blog-24now, #questionnaire.blog-24now, #topics.blog-24now {
    margin-top: 20px;
  }
  #news.blog-24now .inner, #live.blog-24now .inner, #blog.blog-24now .inner, #ticket.blog-24now .inner, #questionnaire.blog-24now .inner, #topics.blog-24now .inner {
    background: transparent;
    padding: 0;
    max-width: 650px;
  }
  #news.blog-24now h2, #live.blog-24now h2, #blog.blog-24now h2, #ticket.blog-24now h2, #questionnaire.blog-24now h2, #topics.blog-24now h2 {
    margin-bottom: 0;
  }
  #news.blog-24now .single_detail_main, #live.blog-24now .single_detail_main, #blog.blog-24now .single_detail_main, #ticket.blog-24now .single_detail_main, #questionnaire.blog-24now .single_detail_main, #topics.blog-24now .single_detail_main {
    min-height: 90vh;
  }
  #news.blog-24now .single_detail_head, #live.blog-24now .single_detail_head, #blog.blog-24now .single_detail_head, #ticket.blog-24now .single_detail_head, #questionnaire.blog-24now .single_detail_head, #topics.blog-24now .single_detail_head {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #news.blog-24now .single_detail_head .tag_list, #live.blog-24now .single_detail_head .tag_list, #blog.blog-24now .single_detail_head .tag_list, #ticket.blog-24now .single_detail_head .tag_list, #questionnaire.blog-24now .single_detail_head .tag_list, #topics.blog-24now .single_detail_head .tag_list {
    display: block;
    width: 100%;
  }
  #news.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag, #live.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag, #blog.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag, #ticket.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag, #questionnaire.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag, #topics.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag {
    border-radius: 20px;
  }
  #news.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div, #live.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div, #blog.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div, #ticket.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div, #questionnaire.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div, #topics.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag > div {
    flex: 1;
    max-width: 40%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  #news.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag, #live.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag, #blog.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag, #ticket.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag, #questionnaire.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag, #topics.blog-24now .single_detail_head .tag_list li .blog-24now-head-tag .tag {
    margin: 3px;
    font-size: 16px;
    font-size: 1.3333333333rem;
    min-width: 5.5em;
  }
  #news.blog-24now .single_detail_head .tag_list li span:first-child, #live.blog-24now .single_detail_head .tag_list li span:first-child, #blog.blog-24now .single_detail_head .tag_list li span:first-child, #ticket.blog-24now .single_detail_head .tag_list li span:first-child, #questionnaire.blog-24now .single_detail_head .tag_list li span:first-child, #topics.blog-24now .single_detail_head .tag_list li span:first-child {
    font-size: 22px;
    font-size: 1.8333333333rem;
    font-weight: 900;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    margin: 5px 5px 5px 20px;
  }
  #news.blog-24now .single_detail_head .tag_list li .tag, #live.blog-24now .single_detail_head .tag_list li .tag, #blog.blog-24now .single_detail_head .tag_list li .tag, #ticket.blog-24now .single_detail_head .tag_list li .tag, #questionnaire.blog-24now .single_detail_head .tag_list li .tag, #topics.blog-24now .single_detail_head .tag_list li .tag {
    margin-left: 10px;
  }
  #news.blog-24now .single_detail_head .loop-tit, #live.blog-24now .single_detail_head .loop-tit, #blog.blog-24now .single_detail_head .loop-tit, #ticket.blog-24now .single_detail_head .loop-tit, #questionnaire.blog-24now .single_detail_head .loop-tit, #topics.blog-24now .single_detail_head .loop-tit {
    padding-left: 100%;
    white-space: nowrap;
    animation: SlideSample 6s linear infinite;
  }
  #news.blog-24now .single_detail_head .loop-tit p, #live.blog-24now .single_detail_head .loop-tit p, #blog.blog-24now .single_detail_head .loop-tit p, #ticket.blog-24now .single_detail_head .loop-tit p, #questionnaire.blog-24now .single_detail_head .loop-tit p, #topics.blog-24now .single_detail_head .loop-tit p {
    display: inline;
    margin: 0 80px 0 0;
  }
  #news.blog-24now .single_detail_head .slide-tit, #live.blog-24now .single_detail_head .slide-tit, #blog.blog-24now .single_detail_head .slide-tit, #ticket.blog-24now .single_detail_head .slide-tit, #questionnaire.blog-24now .single_detail_head .slide-tit, #topics.blog-24now .single_detail_head .slide-tit {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
  }
  #news.blog-24now .single_detail_head .slide-tit ul, #live.blog-24now .single_detail_head .slide-tit ul, #blog.blog-24now .single_detail_head .slide-tit ul, #ticket.blog-24now .single_detail_head .slide-tit ul, #questionnaire.blog-24now .single_detail_head .slide-tit ul, #topics.blog-24now .single_detail_head .slide-tit ul {
    display: inline-block;
    margin: 0;
    padding-left: 100%;
    white-space: nowrap;
    animation: SlideSample 10s linear infinite;
  }
  #news.blog-24now .single_detail_head .slide-tit ul li, #live.blog-24now .single_detail_head .slide-tit ul li, #blog.blog-24now .single_detail_head .slide-tit ul li, #ticket.blog-24now .single_detail_head .slide-tit ul li, #questionnaire.blog-24now .single_detail_head .slide-tit ul li, #topics.blog-24now .single_detail_head .slide-tit ul li {
    font-size: 30px;
    font-size: 2.5rem;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    padding: 2px 10px;
    letter-spacing: -0.1px;
    text-align: left;
    display: inline-block;
    position: relative;
    color: #fff;
  }
  #news.blog-24now .single_detail_head .tag, #live.blog-24now .single_detail_head .tag, #blog.blog-24now .single_detail_head .tag, #ticket.blog-24now .single_detail_head .tag, #questionnaire.blog-24now .single_detail_head .tag, #topics.blog-24now .single_detail_head .tag {
    margin: 5px 5px 5px 15px;
  }
  #news.blog-24now .single_detail_head .date, #live.blog-24now .single_detail_head .date, #blog.blog-24now .single_detail_head .date, #ticket.blog-24now .single_detail_head .date, #questionnaire.blog-24now .single_detail_head .date, #topics.blog-24now .single_detail_head .date {
    font-size: 18px;
    font-size: 1.5rem;
    background: transparent;
    letter-spacing: -0.1px;
    padding-left: 10px;
    text-align: left;
    line-height: 1.4;
    width: auto;
    display: inline-block;
    margin-top: 0;
    position: relative;
    color: #fff;
  }
  #news.blog-24now .single_detail_txt, #live.blog-24now .single_detail_txt, #blog.blog-24now .single_detail_txt, #ticket.blog-24now .single_detail_txt, #questionnaire.blog-24now .single_detail_txt, #topics.blog-24now .single_detail_txt {
    padding-bottom: 0;
    margin-bottom: 50px;
    align-items: center;
    position: relative;
  }
  #news.blog-24now .single_detail_txt .blog-24now-detail, #live.blog-24now .single_detail_txt .blog-24now-detail, #blog.blog-24now .single_detail_txt .blog-24now-detail, #ticket.blog-24now .single_detail_txt .blog-24now-detail, #questionnaire.blog-24now .single_detail_txt .blog-24now-detail, #topics.blog-24now .single_detail_txt .blog-24now-detail {
    min-height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #news.blog-24now .single_detail_txt p, #live.blog-24now .single_detail_txt p, #blog.blog-24now .single_detail_txt p, #ticket.blog-24now .single_detail_txt p, #questionnaire.blog-24now .single_detail_txt p, #topics.blog-24now .single_detail_txt p {
    margin: 0;
  }
  #news.blog-24now .single_detail_txt p img, #live.blog-24now .single_detail_txt p img, #blog.blog-24now .single_detail_txt p img, #ticket.blog-24now .single_detail_txt p img, #questionnaire.blog-24now .single_detail_txt p img, #topics.blog-24now .single_detail_txt p img {
    margin: 0;
  }
  #news.blog-24now .single_detail_txt .extras, #live.blog-24now .single_detail_txt .extras, #blog.blog-24now .single_detail_txt .extras, #ticket.blog-24now .single_detail_txt .extras, #questionnaire.blog-24now .single_detail_txt .extras, #topics.blog-24now .single_detail_txt .extras {
    position: absolute;
    word-break: break-all;
    width: 96%;
    left: 2%;
    text-align: center;
  }
  #news.blog-24now .single_detail_txt .extras span, #live.blog-24now .single_detail_txt .extras span, #blog.blog-24now .single_detail_txt .extras span, #ticket.blog-24now .single_detail_txt .extras span, #questionnaire.blog-24now .single_detail_txt .extras span, #topics.blog-24now .single_detail_txt .extras span {
    font-size: 18px;
    font-size: 1.5rem;
    display: inline-block;
    color: #009636;
    background: rgba(255, 255, 255, 0.9);
    display: inline-block;
    letter-spacing: 0.3px;
    padding: 5px 10px;
    border-radius: 10px;
    font-family: "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    border-radius: 10px;
  }
  #news.blog-24now .single_detail_txt .extras01, #live.blog-24now .single_detail_txt .extras01, #blog.blog-24now .single_detail_txt .extras01, #ticket.blog-24now .single_detail_txt .extras01, #questionnaire.blog-24now .single_detail_txt .extras01, #topics.blog-24now .single_detail_txt .extras01 {
    top: 5%;
  }
  #news.blog-24now .single_detail_txt .extras02, #live.blog-24now .single_detail_txt .extras02, #blog.blog-24now .single_detail_txt .extras02, #ticket.blog-24now .single_detail_txt .extras02, #questionnaire.blog-24now .single_detail_txt .extras02, #topics.blog-24now .single_detail_txt .extras02 {
    top: 46%;
  }
  #news.blog-24now .single_detail_txt .extras03, #live.blog-24now .single_detail_txt .extras03, #blog.blog-24now .single_detail_txt .extras03, #ticket.blog-24now .single_detail_txt .extras03, #questionnaire.blog-24now .single_detail_txt .extras03, #topics.blog-24now .single_detail_txt .extras03 {
    top: 89%;
  }
  #news.blog-24now .comment-btn, #live.blog-24now .comment-btn, #blog.blog-24now .comment-btn, #ticket.blog-24now .comment-btn, #questionnaire.blog-24now .comment-btn, #topics.blog-24now .comment-btn {
    z-index: 1001;
    position: relative;
    left: auto;
    bottom: auto;
    display: flex;
    display: none;
    align-items: center;
  }
  #news.blog-24now .comment-btn.active i, #news.blog-24now .comment-btn.active p, #live.blog-24now .comment-btn.active i, #live.blog-24now .comment-btn.active p, #blog.blog-24now .comment-btn.active i, #blog.blog-24now .comment-btn.active p, #ticket.blog-24now .comment-btn.active i, #ticket.blog-24now .comment-btn.active p, #questionnaire.blog-24now .comment-btn.active i, #questionnaire.blog-24now .comment-btn.active p, #topics.blog-24now .comment-btn.active i, #topics.blog-24now .comment-btn.active p {
    color: #009636;
  }
  #news.blog-24now .comment-btn i, #live.blog-24now .comment-btn i, #blog.blog-24now .comment-btn i, #ticket.blog-24now .comment-btn i, #questionnaire.blog-24now .comment-btn i, #topics.blog-24now .comment-btn i {
    font-size: 45px;
    font-size: 3.75rem;
    color: #fff;
    margin-right: 5px;
  }
  #news.blog-24now .comment-btn p, #live.blog-24now .comment-btn p, #blog.blog-24now .comment-btn p, #ticket.blog-24now .comment-btn p, #questionnaire.blog-24now .comment-btn p, #topics.blog-24now .comment-btn p {
    font-size: 16px;
    font-size: 1.3333333333rem;
    color: #fff;
  }
  #news.blog-24now .blog-24now-comment, #live.blog-24now .blog-24now-comment, #blog.blog-24now .blog-24now-comment, #ticket.blog-24now .blog-24now-comment, #questionnaire.blog-24now .blog-24now-comment, #topics.blog-24now .blog-24now-comment {
    max-width: 650px;
    z-index: 100;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
    width: 100%;
    bottom: 0;
    margin-bottom: 0 !important;
    background: rgba(255, 255, 255, 0.88);
    padding: 60px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-radius: 20px;
    transform: translate(0);
    height: auto;
  }
  #news.blog-24now .blog-24now-comment .blog-24now-comment-inner, #live.blog-24now .blog-24now-comment .blog-24now-comment-inner, #blog.blog-24now .blog-24now-comment .blog-24now-comment-inner, #ticket.blog-24now .blog-24now-comment .blog-24now-comment-inner, #questionnaire.blog-24now .blog-24now-comment .blog-24now-comment-inner, #topics.blog-24now .blog-24now-comment .blog-24now-comment-inner {
    padding: 0;
  }
  #news.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll, #live.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll, #blog.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll, #ticket.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll, #questionnaire.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll, #topics.blog-24now .blog-24now-comment .blog-24now-comment-inner .blog-24now-comment-inner-scroll {
    max-height: 750px;
  }
  #news.blog-24now .blog-24now-comment.active, #live.blog-24now .blog-24now-comment.active, #blog.blog-24now .blog-24now-comment.active, #ticket.blog-24now .blog-24now-comment.active, #questionnaire.blog-24now .blog-24now-comment.active, #topics.blog-24now .blog-24now-comment.active {
    transform: translate(0);
  }
  #news.blog-24now .blog-24now-comment .tab-list-item, #live.blog-24now .blog-24now-comment .tab-list-item, #blog.blog-24now .blog-24now-comment .tab-list-item, #ticket.blog-24now .blog-24now-comment .tab-list-item, #questionnaire.blog-24now .blog-24now-comment .tab-list-item, #topics.blog-24now .blog-24now-comment .tab-list-item {
    border-color: #00b240 !important;
    color: #00b240 !important;
  }
  #news.blog-24now .blog-24now-comment .tab-list-item.is-btn-active, #live.blog-24now .blog-24now-comment .tab-list-item.is-btn-active, #blog.blog-24now .blog-24now-comment .tab-list-item.is-btn-active, #ticket.blog-24now .blog-24now-comment .tab-list-item.is-btn-active, #questionnaire.blog-24now .blog-24now-comment .tab-list-item.is-btn-active, #topics.blog-24now .blog-24now-comment .tab-list-item.is-btn-active {
    color: #fff !important;
  }
  #news.blog-24now .blog-24now-comment .tab-list-item:last-child, #live.blog-24now .blog-24now-comment .tab-list-item:last-child, #blog.blog-24now .blog-24now-comment .tab-list-item:last-child, #ticket.blog-24now .blog-24now-comment .tab-list-item:last-child, #questionnaire.blog-24now .blog-24now-comment .tab-list-item:last-child, #topics.blog-24now .blog-24now-comment .tab-list-item:last-child {
    border-color: #00b240 !important;
    color: #00b240 !important;
  }
  #news.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active, #live.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active, #blog.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active, #ticket.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active, #questionnaire.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active, #topics.blog-24now .blog-24now-comment .tab-list-item:last-child.is-btn-active {
    color: #fff !important;
  }
  #news.blog-24now .blog-24now-comment .tab-contents h3, #live.blog-24now .blog-24now-comment .tab-contents h3, #blog.blog-24now .blog-24now-comment .tab-contents h3, #ticket.blog-24now .blog-24now-comment .tab-contents h3, #questionnaire.blog-24now .blog-24now-comment .tab-contents h3, #topics.blog-24now .blog-24now-comment .tab-contents h3 {
    color: #000;
  }
  #news.blog-24now .blog-24now-comment .tab-contents h3:before, #live.blog-24now .blog-24now-comment .tab-contents h3:before, #blog.blog-24now .blog-24now-comment .tab-contents h3:before, #ticket.blog-24now .blog-24now-comment .tab-contents h3:before, #questionnaire.blog-24now .blog-24now-comment .tab-contents h3:before, #topics.blog-24now .blog-24now-comment .tab-contents h3:before {
    background-image: -webkit-linear-gradient(left, transparent, #000 15%, #000 85%, transparent);
    background-image: linear-gradient(to right, transparent, #000 15%, #000 85%, transparent);
  }
  #news.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li, #live.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li, #blog.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li, #ticket.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li, #questionnaire.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li, #topics.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li {
    border-top: 1px dashed #333;
  }
  #news.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child, #live.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child, #blog.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child, #ticket.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child, #questionnaire.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child, #topics.blog-24now .blog-24now-comment .tab-contents .comment_archive > ul > li:first-child {
    border-top: none;
  }
  #news.blog-24now .blog-24now-comment .tab-contents .comment_post input, #news.blog-24now .blog-24now-comment .tab-contents .comment_post textarea, #live.blog-24now .blog-24now-comment .tab-contents .comment_post input, #live.blog-24now .blog-24now-comment .tab-contents .comment_post textarea, #blog.blog-24now .blog-24now-comment .tab-contents .comment_post input, #blog.blog-24now .blog-24now-comment .tab-contents .comment_post textarea, #ticket.blog-24now .blog-24now-comment .tab-contents .comment_post input, #ticket.blog-24now .blog-24now-comment .tab-contents .comment_post textarea, #questionnaire.blog-24now .blog-24now-comment .tab-contents .comment_post input, #questionnaire.blog-24now .blog-24now-comment .tab-contents .comment_post textarea, #topics.blog-24now .blog-24now-comment .tab-contents .comment_post input, #topics.blog-24now .blog-24now-comment .tab-contents .comment_post textarea {
    border: solid 1px #6a6a6a;
  }
  #news.blog-24now .blog-24now-comment .comment-close, #live.blog-24now .blog-24now-comment .comment-close, #blog.blog-24now .blog-24now-comment .comment-close, #ticket.blog-24now .blog-24now-comment .comment-close, #questionnaire.blog-24now .blog-24now-comment .comment-close, #topics.blog-24now .blog-24now-comment .comment-close {
    display: none;
    position: absolute;
    top: -1.5em;
    right: 20px;
    font-size: 44px;
    font-size: 3.6666666667rem;
    color: #fff;
  }
  #news.blog-24now .comment-cover, #live.blog-24now .comment-cover, #blog.blog-24now .comment-cover, #ticket.blog-24now .comment-cover, #questionnaire.blog-24now .comment-cover, #topics.blog-24now .comment-cover {
    display: none;
    z-index: 10000;
    display: none;
    background: rgba(255, 255, 255, 0.35);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #news.blog-24now .comment-cover.active, #live.blog-24now .comment-cover.active, #blog.blog-24now .comment-cover.active, #ticket.blog-24now .comment-cover.active, #questionnaire.blog-24now .comment-cover.active, #topics.blog-24now .comment-cover.active {
    display: block;
  }
  #news.single_detail, #live.single_detail, #blog.single_detail, #ticket.single_detail, #questionnaire.single_detail, #topics.single_detail {
    position: relative;
  }
  #news.single_detail .tab, #live.single_detail .tab, #blog.single_detail .tab, #ticket.single_detail .tab, #questionnaire.single_detail .tab, #topics.single_detail .tab {
    margin: 30px auto;
  }
  #news.single_detail .tab .tab-list, #live.single_detail .tab .tab-list, #blog.single_detail .tab .tab-list, #ticket.single_detail .tab .tab-list, #questionnaire.single_detail .tab .tab-list, #topics.single_detail .tab .tab-list {
    display: flex;
  }
  #news.single_detail .tab .tab-contents-wrap, #live.single_detail .tab .tab-contents-wrap, #blog.single_detail .tab .tab-contents-wrap, #ticket.single_detail .tab .tab-contents-wrap, #questionnaire.single_detail .tab .tab-contents-wrap, #topics.single_detail .tab .tab-contents-wrap {
    margin-top: 20px;
  }
  #news.single_detail .tab .tab-list-item, #live.single_detail .tab .tab-list-item, #blog.single_detail .tab .tab-list-item, #ticket.single_detail .tab .tab-list-item, #questionnaire.single_detail .tab .tab-list-item, #topics.single_detail .tab .tab-list-item {
    width: 50%;
    margin: 0;
    border: 3px solid #fff;
    color: #fff;
    height: 3.5em;
    text-align: center;
    padding: 5px 5px;
    background: transparent;
    font-size: 20px;
    font-size: 1.6666666667rem;
    border-radius: 0;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    transition: none;
  }
  #news.single_detail .tab .tab-list-item:last-child, #live.single_detail .tab .tab-list-item:last-child, #blog.single_detail .tab .tab-list-item:last-child, #ticket.single_detail .tab .tab-list-item:last-child, #questionnaire.single_detail .tab .tab-list-item:last-child, #topics.single_detail .tab .tab-list-item:last-child {
    border-color: #fff;
    color: #fff;
  }
  #news.single_detail .tab .tab-contents, #live.single_detail .tab .tab-contents, #blog.single_detail .tab .tab-contents, #ticket.single_detail .tab .tab-contents, #questionnaire.single_detail .tab .tab-contents, #topics.single_detail .tab .tab-contents {
    display: none;
    padding: 15px 10px;
    color: #333;
    font-size: 20px;
    font-size: 1.6666666667rem;
  }
  #news.single_detail .tab .tab-contents hr, #live.single_detail .tab .tab-contents hr, #blog.single_detail .tab .tab-contents hr, #ticket.single_detail .tab .tab-contents hr, #questionnaire.single_detail .tab .tab-contents hr, #topics.single_detail .tab .tab-contents hr {
    position: relative;
    border: none;
    outline: 0;
    height: 1px;
    margin: 20px auto;
    background: #000;
    width: 110%;
    left: -5%;
  }
  #news.single_detail .tab .is-btn-active, #live.single_detail .tab .is-btn-active, #blog.single_detail .tab .is-btn-active, #ticket.single_detail .tab .is-btn-active, #questionnaire.single_detail .tab .is-btn-active, #topics.single_detail .tab .is-btn-active {
    background: rgb(0, 177, 64);
    background: linear-gradient(103deg, #c1c753 0%, #59b244 47%, #52b73b 98%, #53d834 100%);
    border-radius: 0;
    border: none;
    color: #fff;
    text-decoration: none;
    font-weight: 900;
  }
  #news.single_detail .tab .is-btn-active:before, #news.single_detail .tab .is-btn-active:after, #live.single_detail .tab .is-btn-active:before, #live.single_detail .tab .is-btn-active:after, #blog.single_detail .tab .is-btn-active:before, #blog.single_detail .tab .is-btn-active:after, #ticket.single_detail .tab .is-btn-active:before, #ticket.single_detail .tab .is-btn-active:after, #questionnaire.single_detail .tab .is-btn-active:before, #questionnaire.single_detail .tab .is-btn-active:after, #topics.single_detail .tab .is-btn-active:before, #topics.single_detail .tab .is-btn-active:after {
    width: calc(100% - 10px);
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    content: "";
  }
  #news.single_detail .tab .is-contents-active, #live.single_detail .tab .is-contents-active, #blog.single_detail .tab .is-contents-active, #ticket.single_detail .tab .is-contents-active, #questionnaire.single_detail .tab .is-contents-active, #topics.single_detail .tab .is-contents-active {
    display: block;
  }
  #news.single_detail .tab .is-btnchild-active, #live.single_detail .tab .is-btnchild-active, #blog.single_detail .tab .is-btnchild-active, #ticket.single_detail .tab .is-btnchild-active, #questionnaire.single_detail .tab .is-btnchild-active, #topics.single_detail .tab .is-btnchild-active {
    background: #29015e;
    color: #fff;
    font-weight: 900;
  }
  #news.single_detail .tab .is-contentschild-active, #live.single_detail .tab .is-contentschild-active, #blog.single_detail .tab .is-contentschild-active, #ticket.single_detail .tab .is-contentschild-active, #questionnaire.single_detail .tab .is-contentschild-active, #topics.single_detail .tab .is-contentschild-active {
    display: block;
  }
  #news.single_detail .comment_archive, #live.single_detail .comment_archive, #blog.single_detail .comment_archive, #ticket.single_detail .comment_archive, #questionnaire.single_detail .comment_archive, #topics.single_detail .comment_archive {
    margin-top: 30px;
  }
  #news.single_detail .comment_archive h3, #live.single_detail .comment_archive h3, #blog.single_detail .comment_archive h3, #ticket.single_detail .comment_archive h3, #questionnaire.single_detail .comment_archive h3, #topics.single_detail .comment_archive h3 {
    margin-bottom: 20px;
  }
  #news.single_detail .comment_archive ul li, #live.single_detail .comment_archive ul li, #blog.single_detail .comment_archive ul li, #ticket.single_detail .comment_archive ul li, #questionnaire.single_detail .comment_archive ul li, #topics.single_detail .comment_archive ul li {
    padding: 20px;
    border-top: 1px dashed #fff;
  }
  #news.single_detail .comment_archive ul li:first-child, #live.single_detail .comment_archive ul li:first-child, #blog.single_detail .comment_archive ul li:first-child, #ticket.single_detail .comment_archive ul li:first-child, #questionnaire.single_detail .comment_archive ul li:first-child, #topics.single_detail .comment_archive ul li:first-child {
    border: none;
  }
  #news.single_detail .comment_archive ul li p, #live.single_detail .comment_archive ul li p, #blog.single_detail .comment_archive ul li p, #ticket.single_detail .comment_archive ul li p, #questionnaire.single_detail .comment_archive ul li p, #topics.single_detail .comment_archive ul li p {
    color: #000;
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  #news.single_detail .comment_archive ul li .comment_footer, #live.single_detail .comment_archive ul li .comment_footer, #blog.single_detail .comment_archive ul li .comment_footer, #ticket.single_detail .comment_archive ul li .comment_footer, #questionnaire.single_detail .comment_archive ul li .comment_footer, #topics.single_detail .comment_archive ul li .comment_footer {
    margin-top: 15px;
    text-align: right;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  #news.single_detail .comment_archive ul li .comment_footer span, #live.single_detail .comment_archive ul li .comment_footer span, #blog.single_detail .comment_archive ul li .comment_footer span, #ticket.single_detail .comment_archive ul li .comment_footer span, #questionnaire.single_detail .comment_archive ul li .comment_footer span, #topics.single_detail .comment_archive ul li .comment_footer span {
    display: inline-block;
    padding: 0 5px;
    background-color: rgba(224, 255, 255, 0.55);
    color: #333;
    border-radius: 5px;
  }
  #news.single_detail .comment_archive ul li .comment_footer span.performer, #live.single_detail .comment_archive ul li .comment_footer span.performer, #blog.single_detail .comment_archive ul li .comment_footer span.performer, #ticket.single_detail .comment_archive ul li .comment_footer span.performer, #questionnaire.single_detail .comment_archive ul li .comment_footer span.performer, #topics.single_detail .comment_archive ul li .comment_footer span.performer {
    font-size: 20px;
    font-size: 1.6666666667rem;
    text-align: center;
    min-width: 5em;
    padding: 0 10px;
  }
  #news.single_detail .comment_archive ul li .comment_footer time, #live.single_detail .comment_archive ul li .comment_footer time, #blog.single_detail .comment_archive ul li .comment_footer time, #ticket.single_detail .comment_archive ul li .comment_footer time, #questionnaire.single_detail .comment_archive ul li .comment_footer time, #topics.single_detail .comment_archive ul li .comment_footer time {
    font-weight: 900;
  }
  #news.single_detail .comment_post, #live.single_detail .comment_post, #blog.single_detail .comment_post, #ticket.single_detail .comment_post, #questionnaire.single_detail .comment_post, #topics.single_detail .comment_post {
    margin-top: 30px;
  }
  #news.single_detail .comment_post h3, #live.single_detail .comment_post h3, #blog.single_detail .comment_post h3, #ticket.single_detail .comment_post h3, #questionnaire.single_detail .comment_post h3, #topics.single_detail .comment_post h3 {
    margin-bottom: 20px;
  }
  #news.single_detail .special_news .tit-sub, #live.single_detail .special_news .tit-sub, #blog.single_detail .special_news .tit-sub, #ticket.single_detail .special_news .tit-sub, #questionnaire.single_detail .special_news .tit-sub, #topics.single_detail .special_news .tit-sub {
    line-height: 1.3;
    margin-bottom: 30px;
    font-size: 26px;
    font-size: 2.1666666667rem;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    background: #00b140;
    background: linear-gradient(103deg, #c1c753 0%, #59b244 47%, #52b73b 98%, #53d834 100%);
    padding: 30px 80px;
    letter-spacing: -0.1px;
    text-align: left;
    left: -80px;
    width: calc(100% + 160px);
    display: inline-block;
    margin-top: 10px;
    position: relative;
    color: #fff;
  }
  #news.single_detail .special_news .single_detail_head, #live.single_detail .special_news .single_detail_head, #blog.single_detail .special_news .single_detail_head, #ticket.single_detail .special_news .single_detail_head, #questionnaire.single_detail .special_news .single_detail_head, #topics.single_detail .special_news .single_detail_head {
    margin-bottom: 0px;
  }
  #news.single_detail .special_news .single_detail_head .tit, #live.single_detail .special_news .single_detail_head .tit, #blog.single_detail .special_news .single_detail_head .tit, #ticket.single_detail .special_news .single_detail_head .tit, #questionnaire.single_detail .special_news .single_detail_head .tit, #topics.single_detail .special_news .single_detail_head .tit {
    margin-bottom: 30px;
    font-size: 24px;
    font-size: 2rem;
  }
  #news.single_detail .special_news .single_detail_txt .old-news p, #live.single_detail .special_news .single_detail_txt .old-news p, #blog.single_detail .special_news .single_detail_txt .old-news p, #ticket.single_detail .special_news .single_detail_txt .old-news p, #questionnaire.single_detail .special_news .single_detail_txt .old-news p, #topics.single_detail .special_news .single_detail_txt .old-news p {
    letter-spacing: -0.3px;
  }
  #news.single_detail .special_news .single_detail_txt .old-news p strong, #live.single_detail .special_news .single_detail_txt .old-news p strong, #blog.single_detail .special_news .single_detail_txt .old-news p strong, #ticket.single_detail .special_news .single_detail_txt .old-news p strong, #questionnaire.single_detail .special_news .single_detail_txt .old-news p strong, #topics.single_detail .special_news .single_detail_txt .old-news p strong {
    font-size: 26px;
    font-size: 2.1666666667rem;
    color: #db3e33;
    letter-spacing: -0.2px;
    font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 900;
  }
  #news.single_detail .special_news .single_detail_txt .old-news p span, #live.single_detail .special_news .single_detail_txt .old-news p span, #blog.single_detail .special_news .single_detail_txt .old-news p span, #ticket.single_detail .special_news .single_detail_txt .old-news p span, #questionnaire.single_detail .special_news .single_detail_txt .old-news p span, #topics.single_detail .special_news .single_detail_txt .old-news p span {
    font-size: 20px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.2px;
    font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 900;
  }
  #news.single_detail .special_news .single_detail_txt .old-news p .accent, #live.single_detail .special_news .single_detail_txt .old-news p .accent, #blog.single_detail .special_news .single_detail_txt .old-news p .accent, #ticket.single_detail .special_news .single_detail_txt .old-news p .accent, #questionnaire.single_detail .special_news .single_detail_txt .old-news p .accent, #topics.single_detail .special_news .single_detail_txt .old-news p .accent {
    font-size: 20px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.2px;
    color: #3359db;
  }
  #news.single_detail .special_news .single_detail_txt p, #live.single_detail .special_news .single_detail_txt p, #blog.single_detail .special_news .single_detail_txt p, #ticket.single_detail .special_news .single_detail_txt p, #questionnaire.single_detail .special_news .single_detail_txt p, #topics.single_detail .special_news .single_detail_txt p {
    letter-spacing: -0.3px;
  }
  #news.single_detail .special_news .single_detail_txt p .accent, #live.single_detail .special_news .single_detail_txt p .accent, #blog.single_detail .special_news .single_detail_txt p .accent, #ticket.single_detail .special_news .single_detail_txt p .accent, #questionnaire.single_detail .special_news .single_detail_txt p .accent, #topics.single_detail .special_news .single_detail_txt p .accent {
    font-size: 20px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.2px;
    color: #3359db;
  }
  #news.single_detail .special_news .single_detail_txt .btn-anchor, #live.single_detail .special_news .single_detail_txt .btn-anchor, #blog.single_detail .special_news .single_detail_txt .btn-anchor, #ticket.single_detail .special_news .single_detail_txt .btn-anchor, #questionnaire.single_detail .special_news .single_detail_txt .btn-anchor, #topics.single_detail .special_news .single_detail_txt .btn-anchor {
    font-size: 20px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.2px;
    font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 900;
    text-align: center;
    display: block;
    width: 100%;
    border: solid 2px #00b140;
    color: #00b140;
    background: rgba(255, 255, 255, 0.58);
    text-decoration: none;
    border-radius: 20px;
    margin: 15px auto;
    padding: 15px 25px;
  }
  #news.single_detail .special_news .single_detail_txt dl, #live.single_detail .special_news .single_detail_txt dl, #blog.single_detail .special_news .single_detail_txt dl, #ticket.single_detail .special_news .single_detail_txt dl, #questionnaire.single_detail .special_news .single_detail_txt dl, #topics.single_detail .special_news .single_detail_txt dl {
    border: solid 3px #fff;
    border-top: none;
    font-size: 18px;
    font-size: 1.5rem;
    letter-spacing: -0.2px;
    font-family: "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 900;
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
  #news.single_detail .special_news .single_detail_txt dl:first-child, #live.single_detail .special_news .single_detail_txt dl:first-child, #blog.single_detail .special_news .single_detail_txt dl:first-child, #ticket.single_detail .special_news .single_detail_txt dl:first-child, #questionnaire.single_detail .special_news .single_detail_txt dl:first-child, #topics.single_detail .special_news .single_detail_txt dl:first-child {
    border-top: solid 3px #fff;
  }
  #news.single_detail .special_news .single_detail_txt dl dt, #live.single_detail .special_news .single_detail_txt dl dt, #blog.single_detail .special_news .single_detail_txt dl dt, #ticket.single_detail .special_news .single_detail_txt dl dt, #questionnaire.single_detail .special_news .single_detail_txt dl dt, #topics.single_detail .special_news .single_detail_txt dl dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    padding: 10px;
    background: rgba(0, 177, 64, 0.76);
    color: #fff;
  }
  #news.single_detail .special_news .single_detail_txt dl dd, #live.single_detail .special_news .single_detail_txt dl dd, #blog.single_detail .special_news .single_detail_txt dl dd, #ticket.single_detail .special_news .single_detail_txt dl dd, #questionnaire.single_detail .special_news .single_detail_txt dl dd, #topics.single_detail .special_news .single_detail_txt dl dd {
    background: rgba(255, 255, 255, 0.76);
    width: 75%;
    padding: 10px;
  }
  #news .single_detail_txt .old-news p, #live .single_detail_txt .old-news p, #blog .single_detail_txt .old-news p, #ticket .single_detail_txt .old-news p, #questionnaire .single_detail_txt .old-news p, #topics .single_detail_txt .old-news p {
    letter-spacing: -0.3px;
  }
  #news .single_detail_txt .old-news p strong, #live .single_detail_txt .old-news p strong, #blog .single_detail_txt .old-news p strong, #ticket .single_detail_txt .old-news p strong, #questionnaire .single_detail_txt .old-news p strong, #topics .single_detail_txt .old-news p strong {
    font-size: 26px;
    font-size: 2.1666666667rem;
    color: #db3e33;
    letter-spacing: -0.2px;
    font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 900;
  }
  #news .single_detail_txt .old-news p span, #live .single_detail_txt .old-news p span, #blog .single_detail_txt .old-news p span, #ticket .single_detail_txt .old-news p span, #questionnaire .single_detail_txt .old-news p span, #topics .single_detail_txt .old-news p span {
    font-size: 20px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.2px;
    font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 900;
  }
  #news .single_detail_txt .old-news p .accent, #live .single_detail_txt .old-news p .accent, #blog .single_detail_txt .old-news p .accent, #ticket .single_detail_txt .old-news p .accent, #questionnaire .single_detail_txt .old-news p .accent, #topics .single_detail_txt .old-news p .accent {
    font-size: 20px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.2px;
    color: #3359db;
  }
  #news .single_detail_txt p, #live .single_detail_txt p, #blog .single_detail_txt p, #ticket .single_detail_txt p, #questionnaire .single_detail_txt p, #topics .single_detail_txt p {
    letter-spacing: -0.3px;
  }
  #news .single_detail_txt p .accent, #live .single_detail_txt p .accent, #blog .single_detail_txt p .accent, #ticket .single_detail_txt p .accent, #questionnaire .single_detail_txt p .accent, #topics .single_detail_txt p .accent {
    font-size: 20px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.2px;
    color: #3359db;
  }
  #news .single_detail_txt .btn-anchor, #live .single_detail_txt .btn-anchor, #blog .single_detail_txt .btn-anchor, #ticket .single_detail_txt .btn-anchor, #questionnaire .single_detail_txt .btn-anchor, #topics .single_detail_txt .btn-anchor {
    font-size: 20px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.2px;
    font-family: "Helvetica Neue", Arial, "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 900;
    text-align: center;
    display: block;
    width: 100%;
    border: solid 2px #00b140;
    color: #00b140;
    background: rgba(255, 255, 255, 0.58);
    text-decoration: none;
    border-radius: 20px;
    margin: 15px auto;
    padding: 15px 25px;
  }
  #news .single_detail_txt dl, #live .single_detail_txt dl, #blog .single_detail_txt dl, #ticket .single_detail_txt dl, #questionnaire .single_detail_txt dl, #topics .single_detail_txt dl {
    border: solid 3px #fff;
    border-top: none;
    font-size: 18px;
    font-size: 1.5rem;
    letter-spacing: -0.2px;
    font-family: "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 900;
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
  #news .single_detail_txt dl:first-child, #live .single_detail_txt dl:first-child, #blog .single_detail_txt dl:first-child, #ticket .single_detail_txt dl:first-child, #questionnaire .single_detail_txt dl:first-child, #topics .single_detail_txt dl:first-child {
    border-top: solid 3px #fff;
  }
  #news .single_detail_txt dl dt, #live .single_detail_txt dl dt, #blog .single_detail_txt dl dt, #ticket .single_detail_txt dl dt, #questionnaire .single_detail_txt dl dt, #topics .single_detail_txt dl dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    padding: 10px;
    background: rgba(0, 177, 64, 0.76);
    color: #fff;
  }
  #news .single_detail_txt dl dd, #live .single_detail_txt dl dd, #blog .single_detail_txt dl dd, #ticket .single_detail_txt dl dd, #questionnaire .single_detail_txt dl dd, #topics .single_detail_txt dl dd {
    background: rgba(255, 255, 255, 0.76);
    width: 75%;
    padding: 10px;
  }
  #ticket h2 img {
    width: 50%;
  }
  .archive_list {
    min-height: 200px;
    max-width: 960px;
    margin: 0 auto;
  }
  .archive_list .cs {
    text-align: center;
    padding: 90px 0;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 20px;
    font-size: 1.6666666667rem;
  }
  .archive_list.short-voice-list > ul > li {
    margin: 0;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .archive_list.short-voice-list > ul > li audio {
    width: 280px;
    display: block;
    margin-bottom: 0;
  }
  .archive_list.short-voice-list > ul > li a, .archive_list.short-voice-list > ul > li span {
    display: flex;
    align-items: center;
    width: auto;
    flex: 1;
    padding: 60px 0;
  }
  .archive_list.short-voice-list > ul > li a:hover, .archive_list.short-voice-list > ul > li span:hover {
    text-decoration: none;
    color: #000;
  }
  .archive_list.short-voice-list > ul > li a:hover .tit, .archive_list.short-voice-list > ul > li span:hover .tit {
    color: #000;
  }
  .archive_list.short-voice-list > ul > li a:hover .tit:before, .archive_list.short-voice-list > ul > li span:hover .tit:before {
    background: #000;
  }
  .archive_list.short-voice-list > ul > li .tit {
    position: relative;
    font-size: 20px;
    font-size: 1.6666666667rem;
    width: auto;
    flex: 1;
    padding-left: 25px;
    padding-right: 40px;
  }
  .archive_list.short-voice-list > ul > li .tit:before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -21px;
    width: 1px;
    height: 40px;
  }
  .archive_list.short-voice-list > ul > li .tit:after {
    display: none;
  }
  .archive_list.short-voice-list > ul > li .date {
    position: relative;
    margin-bottom: 0;
    width: 110px;
  }
  .archive_list > ul > li {
    margin: 0;
    padding: 0 40px;
  }
  .archive_list > ul > li .tag-premium {
    top: calc(50% - 40px);
    left: 0;
    position: absolute;
    color: #e1e97d;
    display: flex;
  }
  .archive_list > ul > li .tag-premium p {
    display: inline-block;
    margin-right: 5px;
    background: #cc0027;
    color: #fff;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 11px;
    font-size: 0.9166666667rem;
  }
  .archive_list > ul > li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -5%;
    right: 0;
    width: 110%;
    height: 3px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #fff 15%, #fff 85%, transparent);
    background-image: linear-gradient(to right, transparent, #fff 15%, #fff 85%, transparent);
    background-position: center;
    background-repeat: no-repeat;
  }
  .archive_list > ul > li a, .archive_list > ul > li span {
    display: flex;
    align-items: center;
    padding: 50px 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .archive_list > ul > li a:hover, .archive_list > ul > li span:hover {
    text-decoration: none;
    color: rgba(0, 177, 64, 0.7);
  }
  .archive_list > ul > li a:hover .tit:before, .archive_list > ul > li span:hover .tit:before {
    background: rgba(0, 177, 64, 0.7);
  }
  .archive_list > ul > li .date {
    position: relative;
    margin-bottom: 0;
    width: 18%;
    font-size: 22px;
    font-size: 1.8333333333rem;
  }
  .archive_list > ul > li .date .new {
    margin-left: 10px;
    color: #d9352d;
  }
  .archive_list > ul > li .tit {
    position: relative;
    font-size: 20px;
    font-size: 1.6666666667rem;
    width: 82%;
    padding-left: 40px;
    padding-right: 40px;
  }
  .archive_list > ul > li .tit:before {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -21px;
    width: 1px;
    height: 40px;
    background: #000;
    border-radius: 3px;
    transform: rotate(30deg);
  }
  .archive_list > ul > li .tit:after {
    position: absolute;
    display: inline-block;
    right: 10px;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
    font-size: 30px;
    font-size: 2.5rem;
    font: var(--fa-font-solid);
    content: "\f054";
    font-weight: 300;
  }
  .archive_list .tag_list {
    position: absolute;
    top: -1.9em;
    left: 0;
    display: flex;
    margin-left: 0px;
  }
  .archive_list .tag_list li {
    border: solid 1px #00b140;
    background: #00b140;
    color: #fff;
    display: inline-block;
    margin: 10px 5px 10px 0;
    padding: 0px 5px;
    border-radius: 5px;
    line-height: 1.4;
    min-width: 4.5em;
    text-align: center;
    font-weight: 900;
    font-size: 15px;
    font-size: 1.25rem;
  }
  /*-----------------------------------------------------------------
    schedule
  ------------------------------------------------------------------*/
  #schedule .inner {
    padding: 20px 0px 50px;
  }
  #schedule .single_detail {
    width: 850px;
    margin: 0 auto;
    position: relative;
  }
  #schedule h3 {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    line-height: 1.2;
    max-width: 960px;
    margin: 20px auto 0;
    padding-left: 10px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 40px;
    font-size: 3.3333333333rem;
  }
  #schedule h3 .year {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 44px;
    font-size: 3.6666666667rem;
  }
  #schedule h3 .en {
    font-size: 44px;
    font-size: 3.6666666667rem;
    margin-right: 10px;
  }
  #schedule h3 .month {
    display: inline-block;
    font-size: 30px;
    font-size: 2.5rem;
  }
  #schedule .month_nav {
    position: absolute;
    right: 20px;
    top: -5px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    width: 8%;
  }
  #schedule .month_nav a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    font-size: 4.1666666667rem;
  }
  #schedule .month_nav a:first-child i {
    margin-right: 5px;
  }
  #schedule .month_nav a:last-child i {
    margin-left: 5px;
  }
  #schedule table {
    width: 100%;
  }
  #schedule thead {
    display: table-header-group;
  }
  #schedule thead tr {
    border-left: 1px #fff solid;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid !important;
    margin-bottom: 5px;
    background: rgba(255, 255, 255, 0.31);
  }
  #schedule thead tr th {
    width: 122px;
    padding: 5px;
    background: #f2f2f2;
    color: #000;
  }
  #schedule tr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    background: rgba(255, 255, 255, 0.31);
  }
  #schedule tr .sat {
    background: rgba(143, 221, 255, 0.75);
  }
  #schedule tr .sun {
    background: rgba(255, 115, 115, 0.75);
  }
  #schedule tr:first-child {
    border-top: 1px #fff solid;
  }
  #schedule td {
    padding: 3px 5px;
    display: inline-block;
    width: 122px;
    min-height: 100px;
    height: auto;
    font-size: 13px;
    font-size: 1.0833333333rem;
    word-wrap: break-word;
    flex-shrink: 0;
    border: none;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
  }
  #schedule td.nc {
    background: transparent;
  }
  #schedule td .daybox {
    margin-right: 0;
    font-style: normal;
    margin-right: 0;
    width: auto;
    padding: 0;
    background: transparent !important;
    color: #333;
    white-space: nowrap;
    align-items: center;
    display: inline-block;
  }
  #schedule td .daybox span {
    width: 2em;
    display: none;
    text-align: center;
    flex: 1;
  }
  #schedule td a {
    display: block;
    background: #00b140;
    color: #fff;
    font-weight: 900;
    line-height: 1.3;
    border-radius: 5px;
    letter-spacing: -0.1px;
    padding: 2px 5px;
    font-size: 11px;
    font-size: 0.9166666667rem;
  }
  #schedule td a.live {
    color: #000;
  }
  #schedule td a.media {
    color: #000;
  }
  #schedule td.today {
    background: rgba(0, 177, 64, 0.33) !important;
  }
  #schedule td:first-child {
    border-left: 1px #fff solid;
  }
  #schedule span.dow {
    display: none;
  }
  #schedule td.nc {
    display: table-cell;
  }
  /*-----------------------------------------------------------------
    questionnaire
  ------------------------------------------------------------------*/
  #questionnaire .archive_list {
    min-height: 200px;
  }
  #questionnaire .archive_list ul li {
    margin: 5px 0;
  }
  #questionnaire .archive_list ul li .tit {
    position: relative;
    width: 100%;
    padding-left: 5px;
    padding-right: 40px;
  }
  #questionnaire .archive_list ul li .tit:before {
    display: none;
  }
  #questionnaire .archive_list ul li .tit:after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font: var(--fa-font-solid);
    content: "\f054";
    font-weight: 300;
  }
  #questionnaire .questionnaire_body .questionnaire_list {
    display: flex;
    flex-wrap: wrap;
  }
  #questionnaire .questionnaire_body label {
    font-size: 18px;
    font-size: 1.5rem;
  }
  #questionnaire .questionnaire_body input[type=checkbox] {
    transform: scale(1.3);
    margin-right: 5px;
  }
  #questionnaire .questionnaire_body dl {
    border: none !important;
    width: 100%;
    display: block;
    align-items: center;
    margin: 0 0 60px;
  }
  #questionnaire .questionnaire_body dl dt {
    width: 100%;
    font-size: 18px;
    font-size: 1.5rem;
  }
  #questionnaire .questionnaire_body dl dt i {
    color: #00b140;
  }
  #questionnaire .questionnaire_body dl dd {
    width: 100%;
  }
  #questionnaire .questionnaire_body dl dd input[type=text] {
    width: 100% !important;
  }
  #questionnaire .questionnaire_body p {
    font-size: 16px;
    font-size: 1.3333333333rem;
    margin-bottom: 20px;
  }
  #questionnaire .questionnaire_body p i {
    color: #00b140;
  }
  #questionnaire .archive_list ul li .tag-premium {
    top: 2.1em;
    left: 5px;
    position: absolute;
  }
  /*-----------------------------------------------------------------
    profile
  ------------------------------------------------------------------*/
  #profile h3 {
    width: 340px;
    margin: 30px auto 50px;
  }
  #profile h3 svg {
    fill: #fff;
  }
  #profile .inner {
    padding: 80px 100px;
    max-width: 960px;
    background: rgba(255, 255, 255, 0.31);
    margin: 0 auto;
    border-radius: 50px;
  }
  #profile .profile_img {
    overflow: hidden;
    max-width: 900px;
    margin: 30px auto 0;
  }
  #profile .profile_detail {
    font-size: 16px;
    font-size: 1.3333333333rem;
    max-width: 1050px;
    text-align: justify;
    margin: 0px auto 0;
    line-height: 1.9;
    letter-spacing: 0.7px;
  }
  #profile .profile_detail p {
    margin: 25px auto;
  }
  /*-----------------------------------------------------------------
    movie
  ------------------------------------------------------------------*/
  #movie .inner, #video .inner, #collection .inner {
    padding: 80px 50px;
  }
  #movie .radio-info, #video .radio-info, #collection .radio-info {
    font-size: 20px;
    font-size: 1.6666666667rem;
    padding: 40px 40px;
    margin: 0 auto 80px;
    color: #fff;
    width: 100%;
  }
  #movie h3, #video h3, #collection h3 {
    margin-top: -60px;
    margin-bottom: 100px;
    font-size: 42px;
    font-size: 3.5rem;
    text-indent: 0.9em;
  }
  #movie .tab_list, #video .tab_list, #collection .tab_list {
    margin-bottom: 130px;
    margin-top: -20px;
  }
  #movie .tab_list ul, #video .tab_list ul, #collection .tab_list ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #movie .tab_list ul li, #video .tab_list ul li, #collection .tab_list ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
  }
  #movie .tab_list ul li .tag, #video .tab_list ul li .tag, #collection .tab_list ul li .tag {
    border-radius: 10px;
    height: auto;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    background: rgba(0, 177, 64, 0.7);
    margin-right: 3px;
    font-size: 24px;
    font-size: 2rem;
  }
  #movie .tab_list ul li .tag i, #video .tab_list ul li .tag i, #collection .tab_list ul li .tag i {
    font-size: 30px;
    font-size: 2.5rem;
  }
  #movie .tab_list ul li .tag span, #video .tab_list ul li .tag span, #collection .tab_list ul li .tag span {
    margin-left: 5px;
  }
  #movie .movie_list, #video .movie_list, #collection .movie_list {
    margin: 0 auto;
  }
  #movie .movie_list ul, #video .movie_list ul, #collection .movie_list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -6% -3%;
  }
  #movie .movie_list ul li, #video .movie_list ul li, #collection .movie_list ul li {
    position: relative;
    margin: 0 0 10% 3%;
    width: 30.33%;
  }
  #movie .movie_list ul li a, #video .movie_list ul li a, #collection .movie_list ul li a {
    display: block;
  }
  #movie .movie_list ul li .movie-tag, #video .movie_list ul li .movie-tag, #collection .movie_list ul li .movie-tag {
    position: absolute;
    top: -30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    background: rgba(0, 177, 64, 0.7);
    margin-right: 3px;
  }
  #movie .movie_list ul li .movie-tag i, #video .movie_list ul li .movie-tag i, #collection .movie_list ul li .movie-tag i {
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  #movie .movie_list ul li .movie-tag span, #video .movie_list ul li .movie-tag span, #collection .movie_list ul li .movie-tag span {
    margin-left: 5px;
  }
  #movie .movie_list ul li .movie-date, #video .movie_list ul li .movie-date, #collection .movie_list ul li .movie-date {
    display: block;
    margin-top: 5px;
    padding: 0 5px;
    font-size: 18px;
    font-size: 1.5rem;
  }
  #movie .movie_list ul li .movie-title, #video .movie_list ul li .movie-title, #collection .movie_list ul li .movie-title {
    padding: 0 5px;
    display: block;
    margin-top: 5px;
    line-height: 1.4;
    color: #fff;
    font-size: 18px;
    font-size: 1.5rem;
  }
  #movie .movie_list .cs, #video .movie_list .cs, #collection .movie_list .cs {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    text-align: center;
    padding: 0 0 60px;
    font-size: 32px;
    font-size: 2.6666666667rem;
  }
  #movie .movie_single, #video .movie_single, #collection .movie_single {
    margin: 0 auto;
    max-width: 800px;
  }
  #movie .movie_single h3, #video .movie_single h3, #collection .movie_single h3 {
    text-align: center;
    font-size: 28px;
    font-size: 2.3333333333rem;
    margin-bottom: 20px;
  }
  #movie .movie_single .video_tit, #video .movie_single .video_tit, #collection .movie_single .video_tit {
    color: #fff;
    font-weight: 900;
    margin-bottom: 40px;
    padding-bottom: 15px;
  }
  #movie .movie_single .single_detail_footer .back, #video .movie_single .single_detail_footer .back, #collection .movie_single .single_detail_footer .back {
    font-size: 14px;
    font-size: 1.1666666667rem;
    letter-spacing: -0.1px;
    text-align: left;
    position: relative;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
  #movie .video_area, #video .video_area, #collection .video_area {
    width: 100%;
  }
  #movie .video_area .video_inner, #video .video_area .video_inner, #collection .video_area .video_inner {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
    margin-bottom: 20px;
  }
  #movie .video_area .video_inner iframe, #video .video_area .video_inner iframe, #collection .video_area .video_inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
  /*-----------------------------------------------------------------
      disco
    ------------------------------------------------------------------*/
  #discography .inner {
    margin: 0 auto;
    padding: 80px 100px;
    max-width: 960px;
    border-radius: 50px;
  }
  #discography .tab_list {
    margin-bottom: 80px;
    margin-top: -20px;
  }
  #discography .tab_list ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 -1%;
  }
  #discography .tab_list ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 2% 2%;
    width: 18%;
  }
  #discography .tab_list ul li:first-child {
    width: 18%;
  }
  #discography .tab_list ul li .tag {
    height: auto;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 140px;
    padding: 7px 20px;
    margin-right: 3px;
    font-size: 18px;
    font-size: 1.5rem;
  }
  #discography .tab_list ul li .tag i {
    font-size: 30px;
    font-size: 2.5rem;
  }
  #discography .tab_list ul li .tag span {
    margin-left: 5px;
  }
  #discography .disco_list {
    margin: 50px auto;
  }
  #discography .disco_list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -6% -3%;
  }
  #discography .disco_list ul li {
    position: relative;
    margin: 0 0 6% 3%;
    width: 30.33%;
  }
  #discography .disco_list ul li a {
    display: flex;
    flex-direction: column;
  }
  #discography .disco_list ul li a:hover {
    color: rgba(0, 177, 64, 0.82);
  }
  #discography .disco_list ul li .disco_meta {
    margin-top: auto;
  }
  #discography .disco_list ul li .date {
    display: block;
    margin-top: 5px;
    padding: 0 5px;
    text-align: left;
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  #discography .disco_list ul li .tit {
    padding: 0 5px;
    display: block;
    text-align: left;
    line-height: 1.4;
    font-size: 18px;
    font-size: 1.5rem;
  }
  #discography .disco_single {
    display: flex;
  }
  #discography .disco_single .disco_img {
    width: 40%;
    padding-right: 50px;
  }
  #discography .disco_single .disco_detail {
    width: 62%;
    padding: 38px;
    background: rgba(255, 255, 255, 0.31);
  }
  #discography .disco_single .disco_detail h3 {
    text-align: left;
    font-size: 26px;
    font-size: 2.1666666667rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  #discography .disco_single .disco_detail .btn_primary {
    width: auto;
    display: inline-block;
    padding: 10px 25px;
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  #discography .disco_single .disco_detail .head {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  #discography .disco_single .disco_detail .head p {
    font-size: 18px;
    font-size: 1.5rem;
    margin: 0;
  }
  #discography .disco_single .disco_detail .head .tag {
    border-radius: 10px;
    font-size: 12px;
    font-size: 1rem;
    height: auto;
    color: #fff;
    display: flex;
    min-width: 80px;
    justify-content: center;
    align-items: center;
    padding: 3px 10px;
    background: rgba(0, 177, 64, 0.82);
    margin-right: 10px;
  }
  #discography .disco_single .disco_detail .disco_meta {
    font-size: 14px;
    font-size: 1.1666666667rem;
  }
  #discography .disco_single .disco_detail h4 {
    margin-top: 30px;
    position: relative;
    display: inline-block;
    padding: 0 85px;
    font-size: 20px;
    font-size: 1.6666666667rem;
    margin-left: -25px;
    color: #b5f888;
  }
  #discography .disco_single .disco_detail h4:before,
  #discography .disco_single .disco_detail h4:after {
    content: "";
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 40px;
    height: 1px;
    background-color: #b5f888;
  }
  #discography .disco_single .disco_detail h4:before {
    left: 28px;
  }
  #discography .disco_single .disco_detail h4:after {
    right: 30px;
  }
  #discography .disco_single .disco_detail h5 {
    margin-top: 40px;
    margin-bottom: 10px;
    font-weight: 900;
    font-size: 16px;
    font-size: 1.3333333333rem;
    line-height: 1.3;
  }
  #discography .disco_single .disco_detail p {
    font-size: 14px;
    font-size: 1.1666666667rem;
    margin: 15px 0;
  }
  #discography .disco_single .disco_detail ul li {
    font-size: 14px;
    font-size: 1.1666666667rem;
    line-height: 1.4;
    margin-bottom: 10px;
    text-indent: -1em;
    padding-left: 1em;
  }
  #discography .disco_single .disco_detail .streaming_bnr {
    background: rgba(255, 255, 255, 0.8196078431);
    border-radius: 10px;
    padding: 20px;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #discography .disco_single .disco_detail .streaming_bnr li {
    margin: 10px;
  }
  #discography .disco_single .disco_detail .streaming_bnr li a img {
    width: 128px;
  }
  #discography .disco_single .disco_detail .movie_embed {
    margin: 30px auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  #discography .disco_single .disco_detail .movie_embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #discography .single_detail_footer {
    margin-top: 110px;
    text-align: center;
  }
  #discography .single_detail_footer .back {
    font-size: 20px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.1px;
    text-align: center;
    position: relative;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
  /*-----------------------------------------------------------------
    scratch
  ------------------------------------------------------------------*/
  #scratch {
    position: relative;
  }
  #scratch h2 {
    margin-bottom: 40px;
  }
  #scratch h3 {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 50px;
    font-size: 35px;
    font-size: 2.9166666667rem;
  }
  #scratch h3 .scratch_detail_tit {
    opacity: 0;
    -webkit-transition: all 2.5s linear;
    transition: all 2.5s linear;
  }
  #scratch h3 .scratch_detail_tit.active {
    opacity: 1;
  }
  #scratch .inner {
    padding: 80px 0;
    margin: 0 auto;
  }
  #scratch .scratch_detail {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 40px;
    min-height: 500px;
  }
  #scratch .scratch_detail .scratch_detail_head {
    -webkit-transition: all 2.5s linear;
    transition: all 2.5s linear;
    text-align: center;
    opacity: 0;
    margin-bottom: 20px;
  }
  #scratch .scratch_detail .scratch_detail_head h3 {
    font-size: 30px;
    font-size: 2.5rem;
  }
  #scratch .scratch_detail .scratch_detail_head .video_area {
    width: 100%;
  }
  #scratch .scratch_detail .scratch_detail_head .video_area .video_inner {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
    margin-bottom: 20px;
  }
  #scratch .scratch_detail .scratch_detail_head .video_area .video_inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
  #scratch .scratch_detail .scratch_detail_txt {
    padding: 50px 50px;
    margin: 20px auto;
    border: solid 5px #fff;
  }
  #scratch .scratch_detail .scratch_detail_txt p {
    text-align: center;
    font-size: 20px;
    font-size: 1.6666666667rem;
  }
  #scratch .scratch_detail .scratch_detail_txt p img {
    margin: 20px 0;
  }
  #scratch .scratch_detail .scratch_detail_txt p a {
    text-decoration: underline;
  }
  #scratch .scratch_detail .scratch_detail_txt p a:hover {
    color: #484848;
    text-decoration: none;
  }
  #scratch .scratch_detail .single_detail_footer {
    margin-top: 40px;
    text-align: center;
    -webkit-transition: all 2.5s linear;
    transition: all 2.5s linear;
    opacity: 0;
  }
  #scratch .scratch_detail .single_detail_footer.active {
    opacity: 1;
  }
  #scratch .scratch_detail .single_detail_footer .back {
    margin-top: 50px;
    font-size: 20px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.1px;
    text-align: left;
    position: relative;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
  #scratch .scratch_detail.active .scratch_detail_head {
    opacity: 1;
  }
  #scratch #scratch_anim {
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    opacity: 1;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* transform: translate(0, -50%); */
    /* margin-left: -550px; */
    width: 100%;
    height: 100%;
    /* max-width: 1100px; */
    background-image: url(https://static.gre4n-boyz.com/images/scratch/scratch_pc.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10000;
  }
  #scratch #scratch_anim div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #scratch #scratch_anim img {
    width: 100%;
  }
  #scratch .done_txt {
    font-size: 16px;
    font-size: 1.3333333333rem;
    position: relative;
    background: #1c8480;
    border: 4px solid #14a29d;
    margin-bottom: 50px;
    padding: 10px;
    text-align: center;
  }
  #scratch .done_txt:before, #scratch .done_txt:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  #scratch .done_txt:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #1c8480;
    border-width: 15px;
    margin-left: -15px;
  }
  #scratch .done_txt:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #14a29d;
    border-width: 21px;
    margin-left: -21px;
  }
  /*-----------------------------------------------------------------
    login
  ------------------------------------------------------------------*/
  #mypage .inner {
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  #mypage .member_nav {
    width: 28%;
    margin-right: 5%;
  }
  #mypage .member_nav ul {
    display: block;
  }
  #mypage .member_nav ul li {
    width: 100%;
    text-align: left;
  }
  #mypage .member_nav ul li:nth-child(odd) {
    border-right: none;
  }
  #mypage .member_nav ul li a {
    display: block;
    padding: 15px;
    font-size: 18px;
    font-size: 1.5rem;
    color: #fff;
    border-radius: 20px;
    border: 4px solid #fff;
  }
  #mypage .member_nav ul li a small {
    font-size: 18px;
    font-size: 1.5rem;
  }
  #mypage .member_nav ul li a:hover {
    background: rgba(0, 177, 64, 0.7);
    color: #fff;
  }
  #mypage .member_nav ul li:last-child {
    border: none;
  }
  #mypage .member_desc {
    width: 67%;
  }
  #mypage .panel {
    border: solid 3px #fff;
    padding: 30px;
  }
  #mypage .panel .panel_head {
    text-align: center;
    padding: 20px;
  }
  #mypage .panel .panel_head h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-size: 1.8333333333rem;
  }
  #mypage .panel .panel_head.panel_head_message h3 {
    font-size: 22px;
    font-size: 1.8333333333rem;
    margin-bottom: 0;
    color: #fff;
    padding-bottom: 0;
    border-bottom: none;
  }
  #mypage .panel .panel_head.panel_head_message h3::before {
    display: none;
  }
  #mypage .panel .panel_body {
    padding: 30px 10px;
  }
  #mypage .panel .panel_body.panel_message h4 {
    border-top: none;
    font-size: 20px;
    font-size: 1.6666666667rem;
    padding: 0.25em 0 0.5em 0.75em;
    margin-bottom: 12px;
    color: #000 !important;
    border-left: 10px solid #000 !important;
    border-bottom: 2px solid #000 !important;
  }
  #mypage .panel .panel_body .tab {
    margin: 30px auto;
  }
  #mypage .panel .panel_body .tab .tab-list {
    display: flex;
  }
  #mypage .panel .panel_body .tab .tab-contents-wrap {
    margin-top: 20px;
  }
  #mypage .panel .panel_body .tab .tab-list-item {
    width: 50%;
    margin: 0;
    border: 5px solid #fff;
    color: #fff;
    font-size: 20px;
    font-size: 1.6666666667rem;
    border-radius: 0;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    transition: none;
  }
  #mypage .panel .panel_body .tab .tab-list-item:last-child {
    border-color: #fff;
    color: #fff;
  }
  #mypage .panel .panel_body .tab .tab-contents {
    display: none;
    padding: 15px 10px;
    color: #333;
    font-size: 20px;
    font-size: 1.6666666667rem;
  }
  #mypage .panel .panel_body .tab .tab-contents hr {
    position: relative;
    border: none;
    outline: 0;
    height: 1px;
    margin: 20px auto;
    background: #000;
    width: 110%;
    left: -5%;
  }
  #mypage .panel .panel_body .tab .is-btn-active {
    border-radius: 0;
    border: none;
    color: #fff;
    text-decoration: none;
    font-weight: 900;
  }
  #mypage .panel .panel_body .tab .is-btn-active:before, #mypage .panel .panel_body .tab .is-btn-active:after {
    width: calc(100% - 10px);
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    content: "";
  }
  #mypage .panel .panel_body .tab .is-contents-active {
    display: block;
  }
  #mypage .panel .panel_body .tab .is-btnchild-active {
    background: #29015e;
    color: #fff;
    font-weight: 900;
  }
  #mypage .panel .panel_body .tab .is-contentschild-active {
    display: block;
  }
  #mypage .panel .panel_body h4 {
    margin-top: 30px;
    font-size: 18px;
    font-size: 1.5rem;
    font-weight: 900;
    padding: 20px 0 0 0;
    text-align: left;
    border-top: 1px solid #fff;
  }
  #mypage .panel .panel_body p {
    font-size: 15px;
    font-size: 1.25rem;
    letter-spacing: -0.2px;
    margin: 15px auto;
  }
  #mypage .panel .panel_body ul.indent {
    margin: 20px auto;
    font-size: 15px;
    font-size: 1.25rem;
  }
  #mypage .panel .panel_body ul.indent li {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-weight: 900;
    margin: 15px 0;
    line-height: 1.4;
    text-indent: -1em;
    padding-left: 1em;
  }
  #mypage .panel .panel_body .member_card {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
  }
  #mypage .panel .panel_body .member_card .card_id {
    font-size: 22px;
    font-size: 1.8333333333rem;
    letter-spacing: 0.5px;
    position: absolute;
    bottom: 10.5%;
    left: 0;
    width: 100%;
    padding: 0 9%;
    color: #fff;
    text-align: right;
    font-weight: 900;
  }
  #mypage .panel .panel_body .member_card .card_name {
    color: #000;
    font-size: 25px;
    font-size: 2.0833333333rem;
    letter-spacing: 5px;
    position: absolute;
    bottom: 11%;
    left: 0;
    width: 100%;
    padding: 0 10%;
    text-align: center;
    font-weight: 900;
  }
  #mypage .panel .panel_body .member_profile dl {
    display: flex;
    align-items: center;
    margin: 0 0 15px;
  }
  #mypage .panel .panel_body .member_profile dl dt {
    width: 7em;
    font-size: 14px;
    font-size: 1.1666666667rem;
  }
  #mypage .panel .panel_body .member_profile dl dt i {
    color: #00b140;
  }
  #mypage .panel .panel_body .member_profile dl dd {
    flex: 1;
  }
  #mypage .panel .panel_body .member_profile dl .postal-box {
    display: flex;
    align-items: center;
  }
  #mypage .panel .panel_body .member_profile dl .postal-box a {
    font-size: 16px;
    font-size: 1.3333333333rem;
    margin: 0;
    margin-left: 10px;
  }
  #mypage .panel .panel_body .member_profile dl #postal-error {
    color: #cc0027;
    margin-top: 0;
    margin-bottom: 0;
  }
  #mypage .panel .panel_body .member_profile p {
    font-size: 16px;
    font-size: 1.3333333333rem;
    margin-bottom: 20px;
  }
  #mypage .panel .panel_body .member_profile p i {
    color: #00b140;
  }
  #mypage .panel .panel_body .member_profile .done_profile {
    color: #cc0027;
  }
  #mypage .panel .panel_body .member_profile .discount {
    display: flex;
  }
  #mypage .panel .panel_body .member_profile .discount p {
    font-size: 14px;
    font-size: 1.1666666667rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    line-height: 1.2;
    text-align: center;
    color: #000;
  }
  #mypage .panel .panel_body .member_profile .discount p i {
    color: #000;
    font-size: 20px;
    font-size: 1.6666666667rem;
  }
  #mypage .panel .panel_body .member_profile .discount p span {
    display: inline-block;
    margin-top: auto;
    font-weight: 900;
    color: #e46060;
    font-size: 18px;
    font-size: 1.5rem;
  }
  #mypage .panel .panel_body .member_profile .discount p:nth-child(1) {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 10px;
    width: 30%;
  }
  #mypage .panel .panel_body .member_profile .discount p:nth-child(2) {
    width: 4%;
    margin: 0 0.5%;
    font-size: 22px;
    font-size: 1.8333333333rem;
  }
  #mypage .panel .panel_body .member_profile .discount p:nth-child(3) {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 10px;
    width: 30%;
  }
  #mypage .panel .panel_body .member_profile .discount p:nth-child(4) {
    width: 4%;
    margin: 0 0.5%;
    font-size: 22px;
    font-size: 1.8333333333rem;
  }
  #mypage .panel .panel_body .member_profile .discount p:nth-child(5) {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 10px;
    width: 30%;
  }
  #mypage .panel .panel_body .member_profile.member_status {
    background: rgba(118, 66, 154, 0.29);
    border-radius: 20px;
    padding: 20px;
    border: solid 1px rgba(203, 203, 203, 0.368627451);
  }
  #mypage .panel .panel_body .member_profile.member_status dl {
    display: flex;
    align-items: center;
    margin: 0px 0 0px;
    border-bottom: 1px solid rgba(203, 203, 203, 0.368627451);
  }
  #mypage .panel .panel_body .member_profile.member_status dl:last-child {
    border-bottom: none;
  }
  #mypage .panel .panel_body .member_profile.member_status dl dt {
    min-width: 10em;
    padding: 15px 10px;
    text-align: center;
    font-size: 14px;
    font-size: 1.1666666667rem;
  }
  #mypage .panel .panel_body .member_profile.member_status dl dt i {
    color: #00b140;
  }
  #mypage .panel .panel_body .member_profile.member_status dl dd {
    font-size: 14px;
    font-size: 1.1666666667rem;
    padding: 10px 20px;
    flex: 1;
    line-height: 1.3;
  }
  #mypage .panel .panel_body .member_profile.member_status dl dd small {
    font-size: 10px;
    font-size: 0.8333333333rem;
  }
  #mypage .panel .panel_body .member_profile .contactAgree {
    margin: 20px 0;
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  #mypage .panel .panel_body .member_profile .contactAgree label {
    display: flex;
    align-items: center;
  }
  #mypage .panel .panel_body .member_profile .contactAgree label input {
    margin-right: 10px;
  }
  #mypage .panel .panel_body .card_type {
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    color: #696969;
  }
  #mypage .panel .panel_body .card_logo {
    display: flex;
    margin: 10px auto;
  }
  #mypage .panel .panel_body .card_logo img {
    height: 25px;
    margin: 0 9px;
  }
  #mypage .panel .panel_body .card_input {
    margin-top: 15px;
  }
  #mypage .panel .panel_body .card_input p {
    margin-bottom: 0;
  }
  #mypage .panel .panel_body .card_input.ccexp .ccexp_wrap {
    margin-top: 5px;
    display: flex;
    align-items: center;
  }
  #mypage .panel .panel_body .card_input.ccexp .selectbox-002 select {
    min-width: 100px;
    padding: 0.5em 2.6em 0.4em 1em;
  }
  #mypage .panel .panel_body .card_input.ccexp input {
    width: 4em;
    text-align: left;
    display: inline-block;
  }
  #mypage .panel .panel_body .card_input.ccexp span {
    font-size: 28px;
    font-size: 2.3333333333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 15px;
    width: auto;
  }
  #mypage .panel .panel_body .card_input.cccsc input {
    width: 5em;
    text-align: left;
    display: inline-block;
  }
  #mypage .panel .panel_body .content_list {
    margin-top: 15px;
  }
  #mypage .panel .panel_body .content_list ul {
    display: flex;
    flex-wrap: wrap;
  }
  #mypage .panel .panel_body .content_list ul li {
    width: 50%;
  }
  #mypage .panel .panel_body .subsc_info .btn_primary {
    font-size: 20px;
    font-size: 1.6666666667rem;
    font-weight: 900;
    text-align: center;
  }
  #mypage .panel .panel_body .subsc_info h4 {
    font-size: 26px;
    font-size: 2.1666666667rem;
    font-weight: 900;
    color: #e46061;
  }
  #mypage .panel .panel_body .subsc_info h5 {
    font-size: 18px;
    font-size: 1.5rem;
  }
  #mypage .panel .panel_body .subsc_info p {
    font-size: 18px;
    font-size: 1.5rem;
  }
  #mypage .panel .panel_body .archive_list {
    margin-top: 20px;
    min-height: 130px;
  }
  #mypage .panel .panel_body .archive_list .cs {
    text-align: center;
    padding: 90px 0;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 20px;
    font-size: 1.6666666667rem;
  }
  #mypage .panel .panel_body .archive_list ul li {
    margin: 5px 0;
  }
  #mypage .panel .panel_body .archive_list ul li a {
    display: flex;
    align-items: center;
    padding: 35px 0 25px 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  #mypage .panel .panel_body .archive_list ul li a:hover {
    text-decoration: none;
    color: #fff;
  }
  #mypage .panel .panel_body .archive_list ul li a:hover .tit:before {
    background: rgba(0, 177, 64, 0.7);
  }
  #mypage .panel .panel_body .archive_list ul li .date {
    position: relative;
    margin-bottom: 5px;
    width: 26%;
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  #mypage .panel .panel_body .archive_list ul li .date .new {
    margin-left: 10px;
    color: #d9352d;
  }
  #mypage .panel .panel_body .archive_list ul li .date .read {
    position: absolute;
    top: -1.5em;
    left: 0;
    font-size: 14px;
    font-size: 1.1666666667rem;
    color: #ff5821;
    font-weight: 900;
  }
  #mypage .panel .panel_body .archive_list ul li .date .read.read-on {
    font-weight: normal;
    color: #fff;
  }
  #mypage .panel .panel_body .archive_list ul li .tit {
    position: relative;
    font-size: 16px;
    font-size: 1.3333333333rem;
    width: 82%;
    padding-left: 30px;
    padding-right: 35px;
    margin-top: 0;
  }
  #mypage .panel .panel_body .archive_list ul li .tit:before {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: block;
    position: absolute;
    content: "";
    left: -2px;
    top: 50%;
    margin-top: -28px;
    width: 1px;
    height: 50px;
    background: #fff;
    border-radius: 3px;
    transform: rotate(45deg);
  }
  #mypage .panel .panel_body .archive_list ul li .tit:after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font: var(--fa-font-solid);
    content: "\f054";
    font-weight: 300;
  }
  #mypage .panel .panel_body .archive_list ul li:first-child a {
    padding-top: 0;
  }
  #mypage .panel .panel_body .date {
    margin-top: -15px;
    color: #000;
    margin-bottom: 30px;
  }
  #mypage .panel .panel_body .c-stepper__item:before {
    content: "";
    flex: 0 0 var(--circle-size);
    height: var(--circle-size);
    border-radius: 50%;
    background: #333;
  }
  #mypage .panel .panel_body .c-stepper__title {
    font-weight: 900;
    font-size: 30px;
    font-size: 2.5rem;
    color: #333;
    line-height: 1.4;
    margin-bottom: 0;
  }
  #mypage .panel .panel_body .c-stepper__desc_tit {
    color: #d25949;
    font-size: 20px;
    font-size: 1.6666666667rem;
    font-weight: 900;
    margin-bottom: 0.1em;
  }
  #mypage .panel .panel_body .c-stepper__desc {
    color: #333;
    font-weight: 900;
    font-size: 20px;
    font-size: 1.6666666667rem;
  }
  #mypage .panel .panel_body .c-stepper__content {
    max-width: 700px;
  }
  #mypage .panel .panel_footer {
    border-top: 1px solid #fff;
    padding: 10px 40px;
  }
  #mypage .movie_embed {
    margin: 30px auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  #mypage .movie_embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #login {
    padding: 0 5%;
  }
  #login .login_form input {
    margin-bottom: 15px;
  }
  #login .inner {
    width: 600px;
    margin: 0 auto;
  }
  #login .inner.information {
    width: 600px;
    margin: 0 auto;
    margin-top: -70px;
  }
  #login .inner.information .form {
    max-width: 850px;
  }
  #login .login_page {
    width: 500px;
    padding: 0;
    margin: auto;
  }
  #login .login_page.signup_box {
    margin-top: -50px;
  }
  #login .login_page.signup_box .message {
    font-size: 18px;
    font-size: 1.5rem;
    margin-top: 0;
  }
  #login .login_page .forgot-password {
    font-size: 14px;
    font-size: 1.1666666667rem;
  }
  #login .login_page .login_check {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.1666666667rem;
  }
  #login .login_page .login_check input[type=checkbox] {
    margin-bottom: 0;
    margin-right: 5px;
  }
  #login .agree_check {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    font-size: 14px;
    font-size: 1.1666666667rem;
  }
  #login .agree_check input[type=checkbox] {
    margin-bottom: 2px;
    margin-right: 10px;
    inline-size: 2rem;
    block-size: 1.8rem;
  }
  .invitee_table {
    width: 100%;
    letter-spacing: -0.1px;
  }
  .invitee_table tr {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  .invitee_table tr:first-child {
    background: #5f5f5f;
    color: #fff !important;
  }
  .invitee_table th, .invitee_table td {
    width: 65%;
    text-align: center;
  }
  .invitee_table th:first-child, .invitee_table td:first-child {
    width: 35%;
  }
  #special .inner {
    margin: 0 auto;
    padding: 50px 80px;
    border-radius: 0px;
    max-width: 960px;
  }
  #special .inner p {
    margin: 20px auto;
    font-size: 16px;
    font-size: 1.3333333333rem;
  }
  #about h2 {
    margin-top: 60px;
  }
  #about .inner {
    padding: 50px 80px;
    border-radius: 0px;
    max-width: 960px;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
  }
  #about .inner.site h3 {
    text-align: center;
    font-size: 32px;
    font-size: 2.6666666667rem;
  }
  #about .inner.site p {
    text-align: center;
    margin: 50px auto;
    font-size: 18px;
    font-size: 1.5rem;
  }
  #about .inner.site p.info {
    text-align: left;
    font-size: 18px;
    font-size: 1.5rem;
    font-weight: 900;
  }
  #about .inner.site .c-stepper__item:before {
    content: "";
    flex: 0 0 var(--circle-size);
    height: var(--circle-size);
    border-radius: 50%;
  }
  #about .inner.site .c-stepper__title {
    font-weight: 900;
    font-size: 30px;
    font-size: 2.5rem;
    line-height: 1.4;
    margin-bottom: 0;
    margin-bottom: 0;
  }
  #about .inner.site .c-stepper__desc_tit {
    font-size: 20px;
    font-size: 1.6666666667rem;
    font-weight: 900;
    margin-bottom: 0.1em;
  }
  #about .inner.site .c-stepper__desc {
    font-weight: 900;
    font-size: 20px;
    font-size: 1.6666666667rem;
  }
  #about .inner.site .c-stepper__content {
    max-width: 700px;
  }
  #about h3 {
    padding-bottom: 15px;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 60px;
  }
  #about h4 {
    padding-bottom: 5px;
    text-align: left;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 15px;
    font-size: 1.25rem;
    font-weight: 900;
  }
  #about h4:first-child {
    margin-top: 0;
  }
  #about p {
    letter-spacing: -0.2px;
    font-size: 15px;
    font-size: 1.25rem;
  }
  #about .single_detail_footer {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-transition: all 2.5s linear;
    transition: all 2.5s linear;
  }
  #about .back {
    margin-top: 50px;
    font-size: 20px;
    font-size: 1.6666666667rem;
    letter-spacing: -0.1px;
    text-align: left;
    position: relative;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
  #about .content_list {
    margin-top: 30px;
  }
  #about .content_list ul {
    display: flex;
    flex-wrap: wrap;
  }
  #about .content_list ul li {
    width: 50%;
  }
  #about .law_wrap dl {
    display: flex;
    border-bottom: none;
    padding: 10px 0;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.1666666667rem;
  }
  #about .law_wrap dl dt {
    width: 25%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    font-family: "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  #about .law_wrap dl dd {
    font-family: "toppan-bunkyu-midashi-go-std", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    width: 75%;
    font-weight: 900;
    padding: 10px 20px;
  }
  #about .twin {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  :root {
    --circle-size: clamp(2.5rem, 6vw, 4rem);
    --spacing: clamp(0.5rem, 3vw, 1rem);
  }
  .c-stepper__item {
    position: relative;
    display: flex;
    gap: 2rem;
    padding-bottom: 4rem;
  }
  .c-stepper__item:last-child {
    padding-bottom: 0;
  }
  .c-stepper__item:before {
    content: "";
    flex: 0 0 var(--circle-size);
    height: var(--circle-size);
    border-radius: 50%;
    background-color: #fff;
  }
  .c-stepper__item:not(:last-child):after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(var(--circle-size) + var(--spacing));
    bottom: var(--spacing);
    z-index: -1;
    transform: translateX(calc(var(--circle-size) / 2));
    width: 2px;
    background-color: #fff;
  }
  .c-stepper__title {
    font-weight: 900;
    font-size: 34px;
    font-size: 2.8333333333rem;
    color: #fff;
    line-height: 1.4;
    margin-bottom: clamp(0.35rem, 1.3vmax, 0.3rem);
  }
  .c-stepper__desc_tit {
    font-size: 28px;
    font-size: 2.3333333333rem;
    margin-bottom: 0.1em;
  }
  .c-stepper__desc {
    font-size: 18px;
    font-size: 1.5rem;
  }
  .c-stepper__content {
    max-width: 700px;
  }
  #contact {
    max-width: 680px;
    margin: 50px auto;
  }
  #contact label {
    font-size: 16px;
    font-size: 1.3333333333rem;
    text-align: left;
    display: block;
    margin-bottom: 20px;
  }
  #contact .radiobtn-wrap {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #contact .radiobtn-wrap li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  #contact .radiobtn-wrap li input[type=radio] {
    position: absolute;
    visibility: hidden;
  }
  #contact .radiobtn-wrap li picture {
    display: block;
    margin-bottom: 20px;
  }
  #contact .radiobtn-wrap li label {
    display: block;
    position: relative;
    font-weight: 900;
    font-size: 24px;
    font-size: 2rem;
    padding: 20px 25px 20px 65px;
    margin: 10px auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
  }
  #contact .radiobtn-wrap li:hover label {
    color: #FFFFFF;
  }
  #contact .radiobtn-wrap li:hover label .check {
    border: 5px solid #FFFFFF;
  }
  #contact .radiobtn-wrap li .check {
    display: block;
    position: absolute;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 50%;
    margin-top: -12px;
    left: 20px;
    z-index: 5;
    transition: border 0.25s linear;
    -webkit-transition: border 0.25s linear;
  }
  #contact .radiobtn-wrap li .check::before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2.5px;
    left: 2.5px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  }
  .radiobtn-wrap {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .radiobtn-wrap li {
    display: block;
    position: relative;
    float: none;
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  .radiobtn-wrap li input[type=radio] {
    position: absolute;
    visibility: hidden;
  }
  .radiobtn-wrap li picture {
    display: block;
    margin-bottom: 20px;
  }
  .radiobtn-wrap li label {
    display: block;
    position: relative;
    font-weight: 900;
    font-size: 24px;
    font-size: 2rem;
    padding: 20px 25px 20px 65px;
    margin: 10px auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
  }
  .radiobtn-wrap li:hover label {
    color: #FFFFFF;
  }
  .radiobtn-wrap li:hover label .check {
    border: 5px solid #FFFFFF;
  }
  .radiobtn-wrap li .check {
    display: block;
    position: absolute;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 50%;
    margin-top: -12px;
    left: 20px;
    z-index: 5;
    transition: border 0.25s linear;
    -webkit-transition: border 0.25s linear;
  }
  .radiobtn-wrap li .check::before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2.5px;
    left: 2.5px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  }
  .radiobtn-wrap input[type=radio]:checked ~ .check {
    border: 5px solid #000;
  }
  .radiobtn-wrap input[type=radio]:checked ~ .check::before {
    background: #000;
  }
  .radiobtn-wrap input[type=radio]:checked ~ label {
    color: #000;
  }
  .radiobtn-wrap.member-card-info li label {
    margin: 0 auto;
  }
  .radiobtn-wrap.member-card-info li .check {
    top: 38px;
    margin-top: -12px;
    left: 20px;
  }
  .radiobtn-wrap.member-card-info li input[type=radio]:checked ~ .check {
    border: 5px solid #000;
  }
  .radiobtn-wrap.member-card-info li input[type=radio]:checked ~ .check::before {
    background: #000;
  }
  .radiobtn-wrap.member-card-info li input[type=radio]:checked ~ label {
    color: #000;
  }
  #error p {
    font-size: 16px;
    font-size: 1.3333333333rem;
    text-align: center;
  }
}
@media screen and (min-width: 1120px) {
  /*-----------------------------------------------------------------
    schedule
  ------------------------------------------------------------------*/
  #schedule .single_detail {
    width: 100%;
    max-width: 940px;
  }
  #schedule h3 .year {
    display: inline-block;
    margin-bottom: 5px;
  }
  #schedule h3 .month {
    display: inline-block;
  }
  #schedule .month_nav {
    display: flex;
    justify-content: space-between;
  }
  #schedule .month_nav a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    font-size: 4.1666666667rem;
  }
  #schedule .month_nav a:first-child i {
    margin-right: 5px;
  }
  #schedule .month_nav a:last-child i {
    margin-left: 5px;
  }
  #schedule table {
    width: 100%;
  }
  #schedule thead {
    display: table-header-group;
  }
  #schedule thead tr {
    margin-bottom: 5px;
  }
  #schedule thead tr th {
    width: 134px;
  }
  #schedule tr {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  #schedule td {
    padding: 3px 5px;
    display: inline-block;
    width: 134px;
    font-size: 13px;
    font-size: 1.0833333333rem;
    word-wrap: break-word;
    flex-shrink: 0;
    border: none;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
  }
  #schedule td.nc {
    background: transparent;
  }
  #schedule td a {
    display: block;
    color: #fff;
    font-weight: 900;
    line-height: 1.3;
    border-radius: 5px;
    letter-spacing: -0.1px;
    padding: 2px 5px;
    font-size: 11px;
    font-size: 0.9166666667rem;
  }
  #schedule td:first-child {
    border-left: 1px #fff solid;
  }
  #schedule span.dow {
    display: none;
  }
}

/*# sourceMappingURL=page1222.css.map */