@charset "UTF-8";

/*Monotone*/
.text_bold {
  font-weight: bold;
}
.pt_pc20_sp10 {
  padding-top: 20px;
}
.pt_pc50_sp30 {
  padding-top: 50px;
}
.pt_pc80_sp60 {
  padding-top: 80px;
}
.pt_pc100_sp40 {
  padding-top: 100px;
}
.pt_pc100_sp60 {
  padding-top: 100px;
}

.pt_pc200_sp100 {
  padding-top: 200px;
}

.pv_pc50_sp30 {
  padding: 50px 0;
}
.mt_50 {
  margin-top: 50px;
}
.mt_30 {
  margin-top: 30px;
}
.mt_20 {
  margin-top: 20px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mb_30 {
  margin-bottom: 30px;
}
.ml_1em {
  margin-left: 1em;
}
.pc_none {
  display: none;
}
.flex {
  display: flex;
  justify-content: space-around;
}
.flex_youtube {
  display: inline-flex;
  justify-content: sflex-start;
  flex-wrap: wrap;
  gap: 20px 40px;
  max-width: 95%;
  margin: auto;
}
.youtube {
  width: 432px;
  height: 243px;
}
.news_cancel {
  margin: 0 0 80px;
}
.news_cancel img {
  width: 80%;
}
.theater_guide_botton {
  margin: 20px 0 120px;
}
.interview_botton {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .pt_pc20_sp10 {
    padding-top: 10px;
  }
  .pt_pc50_sp30 {
    padding-top: 30px;
  }
  .pt_pc80_sp60 {
    padding-top: 60px;
  }
  .pt_pc100_sp40 {
    padding-top: 40px;
  }
  .pt_pc100_sp60 {
    padding-top: 60px;
  }

  .pt_pc200_sp100 {
    padding-top: 100px;
  }
  .pv_pc50_sp30 {
    padding: 30px 0;
  }
  .sp_none {
    display: none;
  }
  .pc_none {
    display: block;
  }
  .youtube {
    width: 98%;
    height: 200px;
  }
  .flex_youtube {
    display: flex;
    justify-content: center;
    gap: 40px 40px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .sp_none {
    display: none;
  }
  .pc_none {
    display: block;
  }
}

/* Base */
body {
  font-family: "Noto Serif JP", sans-serif, serif;
  margin: 0;
  padding: 0;
  /* background-image: url("../images/background_blue.jpg?20230210"); */
  background-image: url("../images/wrap_white.jpg?20230210");
  background-size: cover;
  color: rgba(0, 0, 0, 0.7);
  font-size: 18px;
  /* font-weight: bold; */
  font-weight: normal;
  line-height: 1.6;
  box-sizing: border-box;
}

a {
  /* color: #3a1a22; */
  color: rgba(0, 0, 0, 0.7);
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
ul li {
  list-style: none;
}

img {
  vertical-align: bottom;
}

a:hover {
  opacity: 0.8;
}
a {
  text-decoration: none;
}
.weight7 {
  font-weight: 700 !important;
}
.weight6 {
  font-weight: 600 !important;
}
.weight4 {
  font-weight: 400 !important;
}

.wrap_white {
  margin: 0 auto;
  z-index: 10;
  /* background-image: url("../images/wrap_white.jpg?20230210"); */
  /* background-color: rgba(255, 255, 255, 0.4); */
  flex-direction: column;
  flex-wrap: nowrap;
  /* width: 1170px; */
  width: 1024px;
  display: flex;
}
/* .wrap_root{
  width: 900px;
  text-align: center;
} */
.wrap_content {
  /* width: 1170px; */
  /* width: 1024px; */
  width: 1024px;
  /* width: 767px; */
  margin: 0 auto;
}
.clear {
  clear: both;
}
section {
  padding: 120px 0;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
h2 {
  font-size: 32px;
  font-weight: 900;
  /* font-family: "Inter", sans-serif; */
}
#h2 {
  text-align: center;
}
p {
  line-height: 35px;
}
.eesm {
  font-size: 60%;
}
.esm {
  /* font-size: 60%; */
  font-size: 75%;
}
.sm {
  /* font-size: 80%; */
  font-size: 90%;
}
.lsm {
  font-size: 95%;
}
.lllg {
  font-size: 110%;
}
.llg {
  font-size: 120%;
}
.lg {
  /* font-size: 120%; */
  font-size: 160%;
}
.elg {
  /* font-size: 140%; */
  font-size: 220%;
}

/* header */
header {
  width: 100%;
  background-color: #124e79;
  /* min-height: 40px; */
  padding: 10px 0;
  position: fixed;
  top: 0;
  left: 0;
}
header a {
  color: #ffffff;
  font-size: 15px;
}
header img {
  width: 100%;
}
header div {
  /* width: 1170px; */
  /* width: 1024px; */
  width: 1024px;
  margin: 0 auto;
}

/* menu */
#menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#menu .inactive {
  /*color: #adadad;*/
  color: #a9ceec;
  font-size: 15px;
}

/* top */
#top {
  padding: 90px 0 0;
  /* text-align: center; */
  display: flex;
}

h1 > img {
  width: 91%;
}
.top_right {
  display: block;
  text-align: center;
  padding-top: 30px;
}
/* #top img {
  width: 100%;
} */
.top_title > img {
  width: 100%;
}
#top a {
  font-size: 120%;
}
/* .uline {
  text-decoration: underline;
} */
.news_area {
  text-align: left;
  width: 500px;
  height: 200px;
}
.news_title {
  border-bottom: solid 1px rgba(0, 0, 0, 0.7);
  line-height: initial;
  margin-bottom: 10px;
  letter-spacing: 5px;
  font-weight: bolder;
}
.news_box {
  width: auto;
  height: 140px;
  padding: 0px 20px;
  border: solid #000 1px;
  border-radius: 5px;
  overflow-wrap: break-word;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
}
.news_date {
  padding-top: 15px;
}
.news_box > P {
  line-height: initial;
  color: #3a1a22;
}
.news_memo {
  padding: 0 10px 0;
  line-height: 1.5;
}
.news_memo a {
  font-size: 100% !important;
}
.only_line {
  border-bottom: solid 1px rgba(0, 0, 0, 0.7);
  padding-top: 20px;
}
.twitter_title {
  border-bottom: solid 1px rgba(0, 0, 0, 0.7);
  line-height: initial;
  margin: 7px 0 10px;
  letter-spacing: 5px;
  font-weight: bolder;
}
.twitter_box {
  width: auto;
  height: 140px;
  border: solid #000 1px;
  border-radius: 5px;
  overflow-wrap: break-word;
  background-color: #fff;
  /* box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); */
  overflow-y: scroll;
}
.twitter-timeline {
  display: flex;
  max-width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  border: none;
  /* overflow: hidden;  */
}

/* twitter */
/* comment */
#twitter,
#comment {
  text-align: center;
}
/* #comment .uline {
  border: solid #3a1a22 1px;
  margin: 10px 0 50px;
} */
/* .comment_colum{
  display: flex;
} */
.comment_area {
  text-align: left;
  float: left;
  width: 62%;
}
.comment_area p {
  line-height: normal;
}
.second_area {
  padding-top: 10%;
}
.comment_image_area {
  text-align: end;
}
.comment_image_area img {
  width: 35%;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
}
.img_int {
  font-family: "MS Pゴシック";
  text-align: right;
  margin-bottom: 10px;
}
.comment_box legend {
  padding: 0 1em;
}
.comment_box p {
  /* font-size: 95%; */
  line-height: 2;
  padding: 20px;
  text-align: left;
  display: inline-block;
  width: 80%;
}
#comment .right {
  text-align: right;
  font-size: 85%;
  /* padding-right: 10%; */
  font-weight: 700;
}
#comment em {
  font-size: 125%;
  font-style: normal;
}

.banner img {
  width: 450px !important;
}

/* limited */
#limited {
  text-align: center;
}

#limited h2 {
  border-bottom: solid 2px #707070;
  font-weight: 900;
}
.limited_title {
  font-weight: 900;
  margin-bottom: 40px;
}
#limited .margi {
  margin-bottom: 100px;
}
.margi em {
  font-style: normal;
}
.limited_area {
  display: flex;
  /* justify-content: center; */
  justify-content: space-between;
}
.number {
  display: flex;
  align-items: center;
}
.number::before,
.number::after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #707070;
}
.number::before {
  margin-right: 15px;
}
.number::after {
  margin-left: 15px;
}
.limited_first .period {
  margin-top: 5%;
}
#limited .period {
  border: 1px solid #333;
  display: inline-block;
  width: 80%;
  padding: 5px 0 10px 0;
  width: 300px;
}
#limited .sm_text {
  font-size: 80%;
}
.limited_first > p {
  font-size: 95%;
}
.limited_second > p,
.limited_third > p {
  padding: 20px 0 33px 0;
}
#limited .limited_youtube {
  font-family: "MS Pゴシック";
  font-weight: 700;
  margin-top: 150px;
}
#limited a {
  font-weight: 500;
  text-decoration: underline;
  -webkit-text-decoration: underline rgba(0, 0, 0, 1);
}

/* announcement */
#announcement {
  text-align: center;
}
#announcement > div > p {
  text-align: left;
  line-height: 2;
  display: inline-block;
  letter-spacing: -0.02rem;
  margin: 0 auto;
  width: 100%;
}
#announcement > div > p > a {
  text-decoration: underline;
}

/* story */
#story {
  text-align: center;
}
#story .wrap_content {
  margin-top: 30px;
}
#story > div > p {
  text-align: left;
  line-height: 2;
  display: inline-block;
  letter-spacing: -0.02rem;
  /* font-size: 17px; */
  /*text-align: left;*/
  /* letter-spacing: 0.01em; */
  /* width: 620px;
  max-width: 95%; */
  margin: 0 auto;
}
#story em {
  font-style: normal;
}

/* schedule */
#schedule {
  text-align: center;
}
#schedule .wrap_content div:first-of-type {
  /* width: 100%; */
  /* display: inline-block; */
}
#schedule .wrap_content div:last-child {
  /* width: 20%; */
  /* display: inline-block; */
}
#schedule .wrap_content {
  max-width: 95%;
}
.schedule_domicile {
  font-size: 60%;
}
#schedule .wrap_content p {
  text-align: center;
}
#schedule .wrap_content img {
  width: 620px;
}
#schedule .fun_plan .wrap_content {
  width: 620px;
  max-width: 88%;
}
.original_bookmark_area {
  display: flex;
  justify-content: center;
  margin: 30px 0 10px;
}
.original_bookmark_boder {
  width: 750px;
  border: 2px solid #3a1a22;
}
.original_bookmark {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 1%;
  padding: 20px 0 5px 0;
}
.original_bookmark .pattern_one {
  width: 350px !important;
}
.original_bookmark .pattern_two {
  width: 350px !important;
}

.original_bookmark img {
  width: 350px !important;
}

#schedule .schedule_date {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
  /* font-weight: bold; */
}
#schedule .schedule_place {
  text-align: center;
  line-height: 1.3;
  /* font-weight: bold; */
}
#schedule .schedule_place p {
  display: inline-block;
  text-align: center;
}
.schedule_place span {
  line-height: 2.5;
  display: block;
}
#schedule .fun_plan {
  text-align: center;
  line-height: ca 1.3;
  /* font-weight: bold; */
}

#schedule .uline {
  text-decoration: rgba(0, 0, 0, 1) underline;
  padding-top: 35px;
}
#schedule .table_line {
  border-bottom: solid 3px #3a1a22;
  margin-bottom: 80px;
}
#schedule .fun_plan p {
  display: inline-block;
  font-weight: 500;
}
#schedule .text_int {
  display: block;
  text-align: left;
  line-height: 10px;
  padding-left: 9%;
}
#schedule .fun_plan_ex {
  text-align: left;
  padding-top: 30px;
}
#schedule ul li {
  list-style: inside;
  font-weight: 700;
  border-bottom: solid 2px #3a1a22;
  margin-bottom: 10px;
  padding: 40px 0 5px;
}
#schedule .fun_plan_ex p {
  text-align: left;
  font-size: 85%;
}

/* cast */
#cast {
  text-align: center;
}
#cast p {
  text-align: center;
  /* line-height: 2; */
  /* margin-top: 30px; */
}
#cast table {
  margin: 30px auto 0 auto;
}
#cast table th {
  width: 45%;
  padding: 10px;
  text-align: right;
  line-height: 1;
}
#cast .wrap_content .sm {
  font-size: 70%;
}
.cast_des {
  font-size: 70%;
}
#cast .wrap_content img {
  width: 350px;
}
.cast_blank {
  width: 350px;
  opacity: 0;
}
/* #cast table th .sm {
  font-size: 60%;
} */
#cast table td:first-of-type {
  width: 1%;
  text-align: center;
}
#cast table td:last-child {
  width: 45%;
  padding: 10px;
  text-align: left;
}
#cast > div:first-of-type {
  text-align: center;
}
#cast > div > div {
  text-align: center;
}
#cast > div > p {
  text-align: center;
}
.cast_aj {
  line-height: 0.5 !important;
}
.cast_text {
  color: #7c5f5f;
  font-size: 50%;
  text-decoration: #7c5f5f underline;
}
/* staff */
#staff {
  text-align: center;
}
#staff p {
  text-align: center;
  margin-top: 30px;
  line-height: 2;
}
#staff table {
  margin: 0px auto 0 auto;
}
#staff table th {
  width: 45%;
  padding: 10px;
  text-align: right;
}
#staff table td:first-of-type {
  width: 1%;
  text-align: center;
}
#staff table td:last-child {
  width: 45%;
  padding: 10px;
  text-align: left;
}

/* ticket */
#ticket > div {
  font-size: 85%;
  text-align: center;
}
#ticket .wrap_content {
  /* max-width: 1170px; */
  max-width: 1024px;
  width: 100%;
}
#ticket .ticket_date {
  text-align: center;
  line-height: 2;
  /* line-height: 1.3; */
  /* font-weight: bold; */
}
#ticket .mini_text {
  font-size: 70%;
}
#ticket .sm_text {
  font-size: 50%;
  line-height: initial;
}
.ticket_date > p {
  line-height: initial;
}
.ticket_date > a {
  border-bottom: solid 1px rgba(0, 0, 0, 0.7);
  font-size: 90%;
}

.cancellation {
  text-decoration: line-through;
}

#ticket .md_text {
  font-size: 60%;
  line-height: initial;
}

/* attention */
#attention {
  text-align: left;
  font-size: 60%;
  /* margin: 20px 2%; */
  width: 1024px;
  padding: 0;
  font-family: "MS Pゴシック";
}
#attention h3 {
  font-size: 120%;
  font-weight: 900;
}
#attention p {
  line-height: 2;
  font-weight: normal;
}

/* banner */
#banner_pre {
  /* text-align: center; */
  display: inline-flex;
  justify-content: center;
  padding: 120px 0 20px !important;
}
#banner_pre > .banner_image img {
  width: 320px;
  height: auto;
}

/* footer */
footer {
  font-size: 60%;
  text-align: center;
  padding: 20px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 30px;
  }
  header {
    padding: 0;
    /* position: relative; */
  }
  .eesm {
    font-size: 60%;
  }
  .esm {
    /* font-size: 60%; */
    font-size: 65%;
  }
  .sm {
    /* font-size: 80%; */
    font-size: 70%;
  }
  .lsm {
    font-size: 75%;
  }
  .lllg {
    font-size: 90%;
  }
  .llg {
    font-size: 110%;
  }
  .lg {
    /* font-size: 120%; */
    font-size: 140%;
  }
  .elg {
    /* font-size: 140%; */
    font-size: 180%;
  }
  .wrap_white {
    width: 100%;
    display: inline-grid;
  }
  .wrap_content {
    width: 100%;
  }
  section {
    padding: 40px 0;
  }
  .space {
    display: none;
  }
  .h2 img {
    width: 70%;
  }
  .banner img {
    width: 80% !important;
  }
  header div {
    width: 100%;
  }
  /* top */
  #top {
    padding: 25px 0 0;
    display: inline-block;
    text-align: center;
  }
  .top_title > img {
    width: 75%;
    padding-bottom: 0%;
  }
  .top_right {
    display: block;
    text-align: center;
    padding-top: 20px;
  }
  .news_area {
    text-align: left;
    display: inline-block;
    width: 90%;
    height: 350px;
    padding-top: 5px;
  }
  .news_title > p {
    margin: 25px 0 0px;
    line-height: initial;
    padding-top: 5px;
    color: rgba(0, 0, 0, 1);
    font-weight: bolder;
    font-size: 12px;
  }
  .news_date {
    padding-top: 5px;
    line-height: 25px;
  }
  .news_box {
    width: auto;
    height: 280px;
    border: solid #000 2px;
  }
  .news_box > p {
    font-size: 120%;
  }
  .only_line {
    padding-top: 10px;
    border-bottom: solid 2px rgba(0, 0, 0, 0.7);
  }
  .twitter_title > p {
    margin: 25px 0 0px;
    line-height: initial;
    padding-top: 5px;
    color: rgba(0, 0, 0, 1);
    font-weight: bolder;
    font-size: 12px;
  }
  .twitter_box {
    width: auto;
    height: 280px;
    border: solid #000 2px;
  }
  .twitter-timeline {
    display: block;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    border: none;
    /* overflow: hidden;  */
  }
  .news_cancel {
    margin: 0 0 40px;
  }
  .news_cancel img {
    width: 100%;
  }
  .theater_guide_botton {
    margin: 30px 0 70px;
  }
  /* limited */
  #limited {
    text-align: center;
  }
  #limited h2 {
    border-bottom: none;
    font-size: 95%;
    margin-top: 50px;
  }
  .limited_title::before {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #707070;
  }
  .limited_title {
    font-weight: 900;
    margin-bottom: 10px;
    font-size: 150%;
    padding-top: 0;
    display: grid;
    position: relative;
    width: 80%;
    left: 10%;
  }
  #limited .margi {
    margin-bottom: 0;
    font-size: 70%;
    width: 88%;
    display: inline-flex;
    line-height: 15px;
  }
  .limited_area {
    display: block;
    justify-content: space-between;
  }
  .number {
    display: inline-flex;
    width: 85%;
    font-size: 120%;
    margin-top: 50px;
  }
  .number::before,
  .number::after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #707070;
  }
  .limited_first .period {
    margin-top: 5%;
  }
  #limited .period {
    border: 1px solid #333;
    display: inline-block;
    padding: 5px 10px 10px;
    width: 220px;
    line-height: 20px;
    font-size: 100%;
  }
  #limited .sm_text {
    font-size: 70%;
  }
  .limited_first > p {
    font-size: 100%;
    line-height: 20px;
    padding: 10px;
  }
  .limited_second > p,
  .limited_third > p {
    padding: 10px 0 20px 0;
  }
  #limited .limited_youtube {
    font-family: "MS Pゴシック";
    font-weight: 700;
    margin-top: 50px;
  }
  .limited_youtube p {
    line-height: 25px;
  }
  #limited a {
    font-weight: 500;
    text-decoration: rgba(0, 0, 0, 1) underline;
    font-size: 85%;
  }
  /* twitter */
  /* comment */
  #twitter .wrap_content,
  #comment .wrap_content {
    width: 90%;
  }
  .comment_area {
    text-align: left;
    width: 95%;
    padding-left: 15px;
    font-size: 90%;
  }
  .comment_image_area {
    text-align: center;
  }
  .comment_box img {
    width: 60%;
    padding: 0px 20px;
  }
  .comment_image_area img {
    width: 100%;
  }
  .comment_box p {
    font-size: 100%;
    line-height: 2;
    padding: 0 10px 10px 10px;
    text-align: left;
  }
  #comment .pt_pc100_sp60 {
    padding-top: 30px;
    font-size: 80%;
  }
  .second_area {
    padding-top: 0%;
  }
  .img_int {
    line-height: 20px;
    font-size: 80%;
  }

  /* 横幅 */
  /* announcement */
  #announcement > div > p {
    width: 88%;
    line-height: 2;
  }

  /* 横幅 */
  /* story */
  #story > div > p {
    /* width: 90%; */
    width: 88%;
    line-height: 2;
    font-size: 85%;
  }
  #story .wrap_content {
    margin-top: 0%;
  }
  /* 横幅 */
  /* schedule */
  #schedule .wrap_content {
    width: 95%;
  }
  #schedule .wrap_content img {
    /* max-width: 95%; */
    width: 92%;
  }

  #schedule .schedule_place p {
    text-align: center;
    padding-right: 0px;
  }

  #schedule .fun_plan p {
    line-height: 2 !important;
  }
  .original_bookmark_area {
    display: flex;
    justify-content: center;
    margin: 30px 0 10px;
  }
  .original_bookmark_boder {
    width: 350px;
    border: 1px solid #3a1a22;
  }
  .original_bookmark {
    display: block;
    padding: 10px 0;
  }
  .original_bookmark .pattern_one {
    width: 350px !important;
    margin-bottom: 25px;
  }
  .original_bookmark .pattern_two {
    width: 350px !important;
  }

  .original_bookmark img {
    width: 350px !important;
  }
  #schedule .fun_plan .wrap_content {
    width: 88%;
  }
  #schedule .pt_pc100_sp60 {
    padding-top: 20px;
  }
  #schedule .lg {
    font-size: 100%;
  }
  #schedule .lsm {
    font-size: 100%;
  }
  #schedule .uline {
    padding-top: 15px;
  }
  .schedule_place span {
    line-height: 2;
    display: block;
  }
  .schedule_domicile {
    font-size: 60% !important;
  }
  #schedule .fun_plan {
    font-size: 85%;
  }
  #schedule .table_line {
    border-bottom: solid 1px #3a1a22;
    margin-bottom: 30px;
  }
  #schedule .text_int .esm {
    font-size: 80px;
  }
  #schedule ul li {
    list-style: inside;
    font-weight: 900;
    border-bottom: solid 1px #3a1a22;
    margin-bottom: 10px;
    padding: 20px 0 0;
  }
  #schedule .fun_plan_ex {
    text-align: left;
    padding-top: 20px;
  }

  /* cast */
  #cast table {
    width: 100% !important;
    margin: 0 auto;
  }
  #cast .wrap_content img {
    width: 187.5px;
  }
  .cast_blank {
    opacity: 0;
  }
  #cast p {
    line-height: 25px;
  }
  .cast_text {
    line-height: 20px;
  }
  #cast .pt_pc200_sp100 {
    padding-top: 10%;
  }
  #cast .mt_30 {
    padding-top: 0%;
  }
  #cast .mt_50 {
    margin-top: 10%;
  }
  #cast .pt_pc50_sp30 {
    padding-top: 0%;
  }
  #staff .lg {
    font-size: 90%;
  }
  /* 横幅 */
  /* ticket */
  #ticket a {
    width: 85%;
    margin: 0 auto;
  }
  #ticket a img {
    width: 100%;
  }
  #ticket .pt_pc100_sp60 {
    padding-top: 35px;
    font-size: 70%;
  }
  #ticket .ticket_date {
    line-height: 1.5;
  }

  #attention {
    /* width: 90%; */
    width: 88%;
    margin: 20px auto;
    font-size: 10px;
  }
  #banner_pre {
    padding: 80px 0 20px !important;
  }

  #banner_pre > .banner_image img {
    width: 230px;
    height: auto;
  }

  /* footer */
  footer {
    width: 98%;
    padding: 1%;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .wrap_white {
    width: 100%;
  }
  .wrap_content {
    width: 100%;
  }
  .space {
    display: none;
  }
  header {
    padding: 0;
    /* position: relative; */
  }
  header div {
    width: 100%;
  }

  /* comment */
  .float_r {
    margin-right: 15px;
    margin-bottom: 0px;
  }
  .comment_box p {
    font-size: 100%;
    padding: 40px 10px;
  }
  .comment_box img {
    width: 35%;
  }

  /* twitter */
  /* comment */
  #twitter .wrap_content,
  #comment .wrap_content {
    width: 90%;
  }

  /* attention */
  #attention {
    width: 95%;
    margin: 20px 2%;
  }
  .cast_blank {
    opacity: 0;
  }
}

/* ドロワーメニュー */
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 10px;
  right: 7px;
  z-index: 100; /* 重なり順を一番上にする */
  cursor: pointer;
  height: 20px;
  width: 25px;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: "";
  display: block;
  height: 4px;
  width: 30px;
  border-radius: 3px;
  /* background: #ffffff; */
  background: #124e79;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 7px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 7px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
  background: #ffffff;
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
  background: #ffffff;
}

/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  left: 100%;
  z-index: 99;
  background: #124e79;
  transition: 0.5s;
  text-align: center;
  padding-top: 80px;
  font-size: 100%;
}
/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;
}
.nav_list li {
  margin-top: 20px;
}
.nav_item a {
  color: #fff;
  text-decoration: none;
}

#drawer_input:checked ~ .nav_content {
  left: 0;
}

/* アクセントカラー */
.text_green {
  color: #175729;
}

/* モーダル */
/*動画表示のモーダルの余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper {
  padding: 0;
}

.modaal-video-wrap {
  margin: auto 20px !important;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after,
.modaal-close:before {
  /* background: #3a1a22; */
  background: #fff;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #666;
}