@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : top.css
Description : トップ、バックナンバー
===================================================================== */
/* =====================================================================
    mv
======================================================================*/
#top .header {
  background: none;
}
#top .nav {
  background: url(../images/top/bg_cloud-sp.png) no-repeat center/100% 100%;
}
#top .nav_menu {
  padding-top: calc(114 / 700 * 100%);
}

.mv {
  position: relative;
  margin-bottom: 17.5rem;
  z-index: 1;
}

.mv_date {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(415 / 750 * 100%);
  margin: 0 calc(25 / 750 * 100%) -2.4rem 0;
  z-index: 2;
}

.nav_banner {
  position: absolute;
  top: 0;
  left: 0;
  margin: -15.1rem 0 0 calc(9 / 750 * 100%);
  width: 43.1rem;
}
.nav_banner a {
  animation: poyopoyo 1.5s ease-in-out infinite alternate;
}

@media screen and (min-width: 768px) {
  #top .nav {
    background-image: url(../images/top/bg_cloud-pc.png);
  }
  #top .nav_menu {
    padding: 15rem 0 11rem;
  }
  #top .main::before {
    margin-top: -24rem;
  }
  .mv {
    margin: 0 auto -5rem;
    width: calc(1200 / 1600 * 100%);
    max-width: 1200px;
  }
  .mv_date {
    width: calc(503 / 1200 * 100%);
    margin: 0 calc(176 / 1200 * 100%) 1.2rem 0;
  }
  .nav_banner {
    margin: -7.6rem 0 0 calc(129 / 1600 * 100%);
    z-index: 3;
  }
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
/* =====================================================================
    border_box
======================================================================*/
.borderbox_bottom,
.borderbox_top,
.lineup_list li:nth-of-type(1) .lineup_list_inner,
.lineup_list li:nth-of-type(2) .lineup_list_inner {
  position: relative;
  padding: calc(60 / 700 * 100%) calc(35 / 700 * 100%);
  overflow: hidden;
}
.borderbox_bottom::before,
.borderbox_top::before,
.lineup_list li:nth-of-type(1) .lineup_list_inner::before,
.lineup_list li:nth-of-type(2) .lineup_list_inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 120%;
  background-color: #fff;
  border: 0.5rem solid #000;
  box-sizing: border-box;
  transform-origin: bottom left;
  transform: skewY(-3.2deg);
  position: absolute;
  bottom: 0;
  left: 0;
}
.borderbox_bottom > *,
.borderbox_top > *,
.lineup_list li:nth-of-type(1) .lineup_list_inner > *,
.lineup_list li:nth-of-type(2) .lineup_list_inner > * {
  position: relative;
}

.borderbox_bottom,
.lineup_list li:nth-of-type(1) .lineup_list_inner,
.lineup_list li:nth-of-type(2) .lineup_list_inner {
  padding-bottom: calc(70 / 700 * 100%);
  border-top: 0.5rem solid #000 !important;
}

.borderbox_top {
  margin-top: -1.6rem;
  padding-top: calc(70 / 700 * 100%);
  padding-bottom: calc(70 / 700 * 100%);
  border-bottom: 0.5rem solid #000 !important;
}
.borderbox_top::before {
  transform-origin: top right;
  bottom: auto;
  left: auto;
  top: 0;
  right: 0;
}

.lineup_list li:nth-of-type(2) .lineup_list_inner::before {
  transform-origin: bottom right;
  transform: skewY(3.2deg);
}

@media screen and (min-width: 768px) {
  .borderbox_bottom,
  .borderbox_top,
  .lineup_list li:nth-of-type(1) .lineup_list_inner,
  .lineup_list li:nth-of-type(2) .lineup_list_inner {
    padding: calc(50 / 1200 * 100%) calc(100 / 1200 * 100%);
  }
  .borderbox_bottom::before,
  .borderbox_top::before,
  .lineup_list li:nth-of-type(1) .lineup_list_inner::before,
  .lineup_list li:nth-of-type(2) .lineup_list_inner::before {
    transform: skewY(-1.8deg);
  }
  .borderbox_bottom,
  .lineup_list li:nth-of-type(1) .lineup_list_inner,
  .lineup_list li:nth-of-type(2) .lineup_list_inner {
    padding-bottom: calc(80 / 1200 * 100%);
  }
  .borderbox_top {
    margin-top: calc(3 / 1200 * 100%);
    padding-top: calc(70 / 1200 * 100%);
    padding-bottom: calc(70 / 1200 * 100%);
  }
  .lineup_list li:nth-of-type(2) .lineup_list_inner::before {
    transform: skewY(1.8deg);
  }
}
/* =====================================================================
    lineup
======================================================================*/
.lineup_list li {
  position: relative;
  margin-bottom: 2rem;
}
.lineup_list li:nth-of-type(1), .lineup_list li:nth-of-type(2) {
  padding-bottom: 5.5rem;
}
.lineup_list li:nth-of-type(1)::after, .lineup_list li:nth-of-type(2)::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.5rem;
  background: url(../images/top/img_koma-sp.png) no-repeat center/100% 100%;
}
.lineup_list li:nth-of-type(1) .lineup_list_inner, .lineup_list li:nth-of-type(2) .lineup_list_inner {
  background-color: initial;
  border: none;
}
.lineup_list li:nth-of-type(1) .onair, .lineup_list li:nth-of-type(2) .onair {
  margin-bottom: 7rem;
}
.lineup_list li:nth-of-type(1) h3, .lineup_list li:nth-of-type(2) h3 {
  margin-bottom: 3rem;
  font-size: 142%;
  color: #ff0101;
}
.lineup_list li:nth-of-type(1) figure, .lineup_list li:nth-of-type(2) figure {
  border: 0.4rem solid #000000;
}
.lineup_list li:nth-of-type(2)::after {
  transform: scale(-1, 1);
}
.lineup_list_inner {
  position: relative;
  padding: calc(40 / 700 * 100%) calc(35 / 700 * 100%);
  line-height: 1.3;
  border: 0.5rem solid #000;
  background-color: #fff;
}
.lineup_list .onair {
  margin-bottom: 3.7rem;
}
.lineup_list .onair dl {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.lineup_list .onair dl dt {
  flex-shrink: 0;
  margin-right: 3rem;
  padding: 0.2em 0.6em;
  font-size: 71%;
  color: #fff;
  background: #ff0101;
}
.lineup_list .onair dl dd {
  display: flex;
  font-size: 93%;
  font-weight: 500;
}
.lineup_list .onair dl dd .date {
  width: 7em;
}
.lineup_list h3 {
  text-align: center;
  font-weight: 900;
}
.lineup_list p {
  margin-bottom: 6rem;
  line-height: 2;
}
.lineup_list .guests {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.2rem 6rem 5rem;
  min-height: 14.6rem;
  font-weight: 700;
  color: #0278e6;
  background: url(../images/common/img_balloon1.png) no-repeat center/100% 100%;
  z-index: 1;
}
.lineup_list .guests dt {
  flex-shrink: 0;
  margin-right: 1rem;
}

.btn_archive {
  margin-top: 12rem;
  background-color: #2fb7f6;
}
.btn_archive span {
  width: calc(435 / 700 * 100%);
}

@media screen and (min-width: 768px) {
  .lineup_list {
    margin: 0 auto;
    max-width: 1000px;
  }
  .lineup_list li:nth-of-type(1), .lineup_list li:nth-of-type(2) {
    padding-bottom: 6rem;
  }
  .lineup_list li:nth-of-type(1)::after, .lineup_list li:nth-of-type(2)::after {
    background-image: url(../images/top/img_koma-pc.png);
  }
  .lineup_list li:nth-of-type(1) .lineup_list_inner, .lineup_list li:nth-of-type(2) .lineup_list_inner {
    display: block;
  }
  .lineup_list li:nth-of-type(1) .onair, .lineup_list li:nth-of-type(2) .onair {
    margin-bottom: 5rem;
  }
  .lineup_list li:nth-of-type(1) .onair dd, .lineup_list li:nth-of-type(2) .onair dd {
    font-size: 125%;
  }
  .lineup_list li:nth-of-type(1) h3, .lineup_list li:nth-of-type(2) h3 {
    text-align: center;
    font-size: 185%;
  }
  .lineup_list_inner {
    display: flex;
    align-items: center;
    padding: calc(30 / 1200 * 100%) calc(70 / 1200 * 100%);
  }
  .lineup_list .onair {
    flex-shrink: 0;
    margin: 0 8.1395348837% 0 0;
  }
  .lineup_list .onair dl dt {
    font-size: 88%;
  }
  .lineup_list .onair dl dd {
    font-size: 100%;
  }
  .lineup_list h3 {
    text-align: left;
    font-size: 125%;
  }
  .lineup_list p {
    margin-bottom: 5rem;
  }
  .lineup_list .guests {
    margin: 0 auto;
    min-height: 114px;
    width: 87.75%;
    max-width: 702px;
    font-size: 112%;
  }
  .lineup_list figure {
    margin: 0 auto;
    width: 94.5%;
  }
  .btn_archive {
    margin: 6rem auto 0;
    max-width: 1000px;
  }
  .btn_archive span {
    width: 35.8%;
  }
  .btn_archive span::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/top/txt_btn_archive_h.png) no-repeat center/100% 100%;
    opacity: 0;
    transition: 0.3s ease;
  }
  .btn_archive:hover {
    background-color: #ff0101;
  }
  .btn_archive:hover span::after {
    opacity: 1;
  }
}
/* =====================================================================
    banner
======================================================================*/
.banner {
  margin: 12rem 0 0;
}

.banner_tver {
  margin: 0 auto -16rem;
  width: calc(625 / 700 * 100%);
}
.banner_tver a {
  animation: poyopoyo 1.5s ease-in-out infinite alternate;
}

@media screen and (min-width: 768px) {
  .banner_tver {
    margin-bottom: -17.6rem;
    width: calc(625 / 1200 * 100%);
  }
}
/* =====================================================================
    about
======================================================================*/
.about {
  padding: 26.8rem 0 0;
  border-top: 5rem solid #000000;
}

.about,
#top .footer {
  background: rgba(0, 0, 0, 0.65);
}

.about_txt {
  font-size: 93%;
  line-height: 2;
}

.about_box2 h3 {
  width: 12.5396825397%;
  margin: 0 auto 3rem;
}

.about_list li {
  position: relative;
  padding-left: 1.3em;
  margin-bottom: 0.7em;
  font-size: 85%;
  line-height: 1.3;
}
.about_list li:last-child {
  margin-bottom: 0;
}
.about_list li::before {
  content: "";
  position: absolute;
  display: block;
  top: 0.35em;
  left: 0;
  width: 0.7em;
  height: 0.7em;
  background: #0278e6;
  border-radius: 50%;
}

.about_sns {
  margin-top: 2rem;
  padding: calc(50 / 700 * 100%) calc(35 / 700 * 100%);
  background-color: #fff;
  border: 0.5rem solid #000;
}
.about_sns_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.about_sns_list li {
  margin: 3.4rem 1.7rem 0;
  width: 27rem;
}
@media screen and (max-width: 767px) {
  .about_sns_list li.youtube {
    margin: 0 5rem;
  }
}
.about_sns_list li a {
  box-shadow: 1rem 1rem 0 0 #000000;
}

.btn_backnumber {
  margin-top: 20.8rem;
  background: #feed01;
}
.btn_backnumber::before {
  content: "";
  position: absolute;
  display: block;
  top: -8.5rem;
  left: 0;
  width: 27.4rem;
  padding-top: 12.6rem;
  background: url(../images/top/img_btn_backnumber.png) no-repeat center/contain;
}
.btn_backnumber span {
  width: calc(453 / 700 * 100%);
}

@media screen and (min-width: 768px) {
  .about {
    padding: 22.3rem 0 0;
  }
  .about_area {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1000px;
  }
  .about_area .about_box1::before,
  .about_area .about_box2::before {
    width: 120%;
    height: 100%;
    transform: skewY(0);
    transform: skewX(-5deg);
  }
  .about_box1 {
    padding: 6% 6%;
    width: 50%;
    border-left: 0.5rem solid #000000;
    border-top: 0 !important;
  }
  .about_box1::before {
    transform-origin: top right;
    bottom: auto;
    left: auto;
    top: 0;
    right: 0;
  }
  .about_box2 {
    margin: 0;
    padding: 3.5% 6%;
    width: 50%;
    border-right: 0.5rem solid #000000;
    border-bottom: 0 !important;
  }
  .about_box2::before {
    transform-origin: bottom left;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
  }
  .about_txt {
    font-size: 100%;
  }
  .about_box2 h3 {
    width: 18.4210526316%;
    margin: 0 0 3rem;
  }
  .about_list li {
    font-size: 100%;
  }
  .about_sns {
    width: 100%;
    padding: 6% 0;
  }
  .about_sns_list li {
    margin: 0 1.5%;
    width: 27%;
  }
  .about_sns_list li a:hover {
    transform: translate(1rem, 1rem);
    box-shadow: none;
  }
  .btn_backnumber {
    margin: 10rem auto 0;
    max-width: 1000px;
  }
  .btn_backnumber::before {
    top: 0;
    margin: -5% 0 0 17.8%;
    width: 21.2%;
    padding-top: 9.8%;
  }
  .btn_backnumber span {
    width: 36.7%;
  }
  .btn_backnumber span::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/top/txt_btn_backnumber_h.png) no-repeat center/100% 100%;
    opacity: 0;
    transition: 0.3s ease;
  }
  .btn_backnumber:hover {
    background-color: #ff0101;
  }
  .btn_backnumber:hover span::after {
    opacity: 1;
  }
}
/* =====================================================================
*    backnumber（旧サイトから引用）
* =================================================================== */
.set1,
.set1 * {
  position: relative;
  line-height: 1.5;
  box-sizing: border-box;
}

.set1 a {
  text-decoration: none;
}

#backnumber .sec_wrap {
  padding: 0 0 calc(100 / 700 * 100%);
}
#backnumber .sec_box {
  padding: calc(120 / 700 * 100%) 0;
}
#backnumber .sec_ttl {
  width: calc(458 / 700 * 100%);
  margin: calc(-184 / 700 * 100%) auto calc(55 / 700 * 100%);
}

@media screen and (min-width: 768px) {
  #backnumber .sec_wrap {
    padding: calc(70 / 1200 * 100%) 0 calc(90 / 1200 * 100%);
  }
  #backnumber .sec_box {
    padding: calc(120 / 1200 * 100%) 0;
    background-size: calc(960 / 1200 * 100%) auto;
  }
  #backnumber .sec_ttl {
    width: calc(516 / 1200 * 100%);
    min-width: auto;
    margin: calc(-190 / 1200 * 100%) auto calc(45 / 1200 * 100%);
  }
}
@media screen and (min-width: 1200px) {
  #backnumber .sec_wrap {
    padding: 70px 0 90px;
  }
  #backnumber .sec_box {
    padding: 120px 0;
    background-size: 960px auto;
  }
}
/* =====================================================================
*    backnumber:contents
* =================================================================== */
.content_bnr {
  width: 93.3333333333%;
  margin: 0 auto 2.6666666667%;
}

.content_theme {
  display: inline-block;
  padding: 0.17em 0.7em;
  background-color: #0059ff;
  color: #fff;
  font-size: 90%;
  font-weight: 700;
}

.content_theme_txt {
  margin: 0.7em 0 0;
  font-size: 90%;
  font-weight: 700;
  line-height: 1.7;
}

.content_box2.borderbox_top {
  padding-top: 13.3333333333%;
}

.content_list li {
  margin: 0 0 7.9365079365%;
  padding: 8.7301587302% 7.3015873016%;
  border: 0.4rem solid #000;
  background: url(../images/common/bg_dot2.png) repeat center top;
  background-size: 3.8095238095% auto;
  cursor: pointer;
}

.content_list li.king {
  background: url(../images/common/bg_dot1.png) repeat center top;
  background-size: 3.8095238095% auto;
}

.content_list h4 {
  width: 63.4920634921%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: -3.9682539683% auto 0;
}

.content_list li:last-child {
  margin-bottom: 0;
}

.content_photo {
  margin: 0 0 2rem;
  border: 0.5rem solid #000;
}

.content_txt p {
  font-weight: 700;
  line-height: 2;
}

.content_link {
  width: 93.3333333333%;
  margin: 9.3333333333% auto 0;
}

.content_minogashi {
  width: 93.3333333333%;
  margin: 9.3333333333% auto 0;
  padding: 6.6666666667% 0 1.3333333333%;
  border: 0.8rem solid #000;
  background-color: #fff;
}

.content_minogashi_ttl {
  width: 21.6374269006%;
  position: absolute;
  top: 0;
  left: 0;
}

.content_minogashi_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.content_minogashi_list li {
  width: 33.0409356725%;
  margin: 0 5.8479532164% 5.8479532164% 0;
}

.content_minogashi_list li:last-child {
  margin-right: 0;
}

.content_minogashi_list li.wide {
  width: 100%;
  margin-right: 0;
}

.content_minogashi_list li.wide a {
  width: 33.0409356725%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .content_bnr {
    width: 83.3333333333%;
    margin: 0 auto 1.6666666667%;
  }
  .content_bnr a::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/top/bnr1_pc_h.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s ease;
  }
  .content_bnr a:hover::after {
    opacity: 1;
  }
  .content_box1 {
    display: flex;
    align-items: flex-start;
  }
  .content_theme {
    flex-shrink: 0;
    margin-right: 3%;
    padding: 0.45em;
    text-align: center;
  }
  .content_theme_txt {
    flex-grow: 1;
    width: 67.5%;
    margin: 0.3em 0 0 auto;
  }
  .content_box2.borderbox_top {
    padding-top: 8.3333333333%;
  }
  .content_list li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 3.75%;
    padding: 5%;
    border-width: 0.2rem;
    background-size: 3% auto;
    transition: 0.3s opacity ease;
  }
  .content_list li.king {
    background-size: 3% auto;
  }
  .content_list li:hover {
    opacity: 0.7;
  }
  .content_list h4 {
    width: 47.7386934673%;
    margin: -2.8894472362% auto 0;
  }
  .content_photo {
    width: 41.8994413408%;
    margin: 0;
    border-width: 0.3rem;
  }
  .content_txt {
    width: 53.0726256983%;
  }
  .content_link {
    width: 83.3333333333%;
    margin: 5% auto 0;
  }
  .content_link a::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/top/bnr2_pc_h.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s ease;
  }
  .content_link a:hover::after {
    opacity: 1;
  }
  .content_minogashi {
    width: 83.3333333333%;
    margin: 5% auto 0;
    padding: 4.1666666667%;
  }
  .content_minogashi_ttl {
    width: 15.0406504065%;
  }
  .content_minogashi_list {
    justify-content: flex-end;
  }
  .content_minogashi_list li,
  .content_minogashi_list li.wide {
    width: 25.5656108597%;
    margin: 0 3.3936651584% 0 0;
  }
  .content_minogashi_list li.wide a {
    width: 100%;
  }
  .content_minogashi_list li a:hover {
    opacity: 0.7;
  }
}
.theme_select_box {
  width: 100%;
  border: 1px solid #000;
}

.theme_select_box::before {
  content: "";
  display: block;
  width: 11.4649681529%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}

.theme_select_box::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.2rem 1.2rem 0 1.2rem;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  margin: auto 2.4rem auto 0;
  pointer-events: none;
}

.theme_select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  margin: 0;
  padding: 1em;
  border: 0;
  outline: none;
  font-size: 90%;
  font-family: YakuHanJP, "Noto Sans JP", "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;
  font-weight: 700;
  line-height: 1;
}

.theme_select::-ms-expand {
  display: none;
}

.backnumber_box:not(:last-of-type) {
  margin: 0 0 23.8095238095%;
}

.backnumber_box .content_list {
  margin: 14.2857142857% 0 0;
}

@media screen and (min-width: 768px) {
  #backnumber .content.sec_wrap {
    padding-bottom: 1.6666666667%;
  }
  .theme_select_box {
    border-width: 2px;
  }
  .theme_select_box::before {
    width: 6.2814070352%;
  }
  .theme_select_box::after {
    margin: auto 2% auto 0;
  }
  .theme_select {
    padding: 0.8em 1.2em;
    cursor: pointer;
  }
  #backnumber .content_box2.borderbox_top {
    padding-top: 6.6666666667%;
  }
  .backnumber_box:not(:last-of-type) {
    margin: 0 0 12.5%;
  }
  .backnumber_box_ttl {
    display: flex;
    align-items: flex-start;
  }
  .backnumber_box .content_list {
    margin: 8.75% 0 0;
  }
}
@media screen and (min-width: 1200px) {
  #backnumber .content.sec_wrap {
    padding-bottom: 20px;
  }
}
/* =====================================================================
*    popup
* =================================================================== */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
}

.popup_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
}

.popup_area {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.popup_inner {
  margin: 6.6666666667% auto 33.3333333333%;
  z-index: 2;
}

.popup_close {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 9.0666666667%;
  margin: 0 4% -12% 0;
  z-index: 110;
}

.popup_list {
  width: 100%;
  height: 100%;
}

.popup_details {
  display: none;
  overflow: hidden;
  width: 93.3333333333%;
  margin: 0 auto;
  padding: 6.6666666667% 5.6%;
  background-color: #fff;
  border: 0.8rem solid #000;
}

.popup_content_ttl {
  margin: 0 0 6.6666666667%;
  padding: 0.64em 1em;
  border: 1px solid #000;
  font-weight: 700;
}

.popup_content_txt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 6.6666666667% 0 0;
}

.popup_content_photo {
  width: 26.6666666667%;
  border-radius: 50%;
  border: 1px solid #000;
  overflow: hidden;
}

.popup_content_name {
  width: 66.6666666667%;
  font-size: 90%;
  line-height: 1.692;
}

.popup_content_name dt {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .popup_bg {
    cursor: pointer;
  }
  .popup_area {
    display: flex;
  }
  .popup_inner {
    width: 83.3333333333%;
    max-width: 1000px;
    margin: auto;
    padding: 6.6666666667% 0;
    align-self: flex-start;
  }
  .popup_close {
    cursor: pointer;
    width: 3.4%;
    margin: 0 0 3.5%;
    transition: 0.2s ease;
  }
  .popup_close:hover {
    opacity: 0.7;
  }
  .popup_details {
    width: 100%;
    padding: 5% 19.2%;
  }
  .popup_content_photo {
    width: 16.6666666667%;
  }
  .popup_content_name {
    width: 76.6666666667%;
  }
}
@media screen and (min-width: 1200px) {
  .popup_inner {
    padding: 80px 0;
  }
}
/* =====================================================================
*    バナー追記　2025.2
* =================================================================== */
.bnr_box {
  margin: 3rem auto 6rem;
  width: calc(625 / 700 * 100%);
}

@media screen and (min-width: 768px) {
  .bnr_box {
    width: calc(625 / 1200 * 100%);
  }
}
#news {
  margin-bottom: 10rem;
}

#news .lineup_list_inner {
  display: block;
}

#news p {
  font-size: 2rem;
  padding: 4rem;
  font-weight: bold;
  text-align: center;
}

#news p span {
  color: red;
}

@media screen and (max-width: 767px) {
  #news p {
    font-size: 3rem;
  }
}/*# sourceMappingURL=top.css.map */