#rwd-content {
background: #212120 url(../img/contents_bg.jpg) top right repeat-y !important;
}

h1, h2 ,h3{
color: #fff !important;
}

#rwd-content p{
color: #fff !important;
}

.copy_txt_box{
padding: 30px 0;
background: url(../img/copytxt_bg.png) no-repeat;
background-position: top;
background-size: cover;
}

.item_box{
background: color-mix(in srgb, #050505 36%, transparent);
border-radius: 30px;
padding: 60px 0;
}

.p_lr60{
padding: 0 60px;
}
@media (max-width:767px) {
.p_lr60{
padding: 0 8px;
}
.item_box{
border-radius: 15px;
padding: 40px 0;
}
.gap10{
gap: 10px;
}
}

.ttl_left_line{
border-left: solid 10px #FB8400;
padding-left: 10px;
}
.ttl_left_line span{
color: #fff;
font-size: 4rem !important;
}

.item_link_box{
position: relative;
}
.item_link_btn{
display: block;
position: absolute;
width: 16%;
bottom: 0;
right: 60px;
}

@media (max-width:767px) {
.item_link_btn{
display: block;
position: relative;
width: 50%;
margin-left: 60px;
}
.ttl_left_line span{
font-size: 2.5rem !important;
}
}


.icon01 {
width: 100%;
max-width: 160px;
margin: 0 0 0 auto;
}
.comment_ttl{
display: flex;
align-items: center;
gap: 16px;
}
.comment_ttl::after{
content: "";
flex: 1;
width: 100px;
height: 1px;
background: #fff;
}

.comment_txt_box {
  position: relative;
  display: inline-block;
  margin-left: 22px;
  padding: 22px;
  border-radius: 12px;
  background-color: color-mix(in srgb, #fff 15%, transparent);
}

.comment_txt_box::after {
  content: "";
  position: absolute;
  top: 100px;
  left: 0;
  border-style: solid;
  border-width: 0 22px 22px 0;
  border-color: transparent color-mix(in srgb, #fff 15%, transparent) transparent transparent;
  translate: -100% calc(-50% - 0.4px);
  transform-origin: right;
}

@media (max-width:767px) {
.comment_ttl{
gap: 0;
}

.icon01 {
margin: 0;
}

.comment_txt_box {
  margin-top: 22px;
  margin-left: 0;
  padding: 14px;
  border-radius: 12px;
  background-color: color-mix(in srgb, #fff 15%, transparent);
}
.comment_txt_box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 85px;
  border-style: solid;
  border-width: 0 22px 22px 0;
  border-color: transparent transparent color-mix(in srgb, #fff 15%, transparent);
  translate: calc(-50% - 0.4px) -100%;
}
}

.list_txt{
color: #fff !important;
}

#rwd-content .rwd-grid-cardlist03 .rwd-grid-item dl{
margin: 10px 0;
}
#rwd-content .rwd-grid-cardlist03 .rwd-grid-item dt{
text-align: center;
}
#rwd-content .rwd-grid-cardlist03 a.rwd-grid-item:hover{
    opacity: .7;
 }
 #rwd-content .rwd-grid-cardlist03 a.rwd-grid-item:hover::after {
  all: unset !important;
}
#rwd-content .rwd-grid-cardlist03 a.rwd-grid-item:hover {
    background-color: #050505 !important;
}


#rwd-content .rwd-main-content .list_ttl {
display: flex;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 2.6rem;
}
.list_ttl::before,
.list_ttl::after {
background-image: repeating-linear-gradient(90deg, #5D5D5D, #5D5D5D 11px, transparent 11px, transparent 16px);
background-position: left top;
background-repeat: repeat-x;
background-size: 100% 3px;

  content: "";
  flex-grow: 1; /* 横幅いっぱい */
  height: 3px; /* 横線の高さ */
}
.list_ttl::before {
  margin-right: 30px;
}
.list_ttl::after {
  margin-left: 30px;
}

#rwd-content .rwd-grid .rwd-grid-item.pc-grid8of12.rwd-modalitem01{
width: 95% !important;
}

#rwd-content .rwd-icon-zoom01{
background-color: color-mix(in srgb, #000 70%, transparent) !important;
}


  /* RZ history table */
  .rz_history {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .rz_history_ttl{
  font-size: 5rem;
  font-weight: bold;
  text-align: center;
  }
  .rz_history table {
    width: 100%;
    min-width: 680px;
    table-layout: fixed;
    border-collapse: collapse;
    color: #21438c;
    background: rgba(244, 245, 238, 0.88);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.04em;
  }
  .rz_history td {
    height: 80px;
    padding: 5px 8px;
    border: 2px solid #21438c;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
  }
  .rz_history td:nth-child(1) { width: 11.2%; }
  .rz_history td:nth-child(2) { width: 17.8%; }
  .rz_history td:nth-child(3) { width: 13.4%; }
  .rz_history td:nth-child(4) { width: 11.4%; }
  .rz_history td:nth-child(5) {
    width: 20.9%;
    padding-left: 22px;
    text-align: left;
  }
  .rz_history td:nth-child(6) { width: 17.3%; }
  .rz_history td:nth-child(2) > img {
    display: block;
    width: 100%;
    height: 70px;
    object-fit: contain;
  }
  .rz_history td:nth-child(3) {
    font-size: 16px;
    line-height: 1.15;
  }
  .rz_history td:nth-child(3) br + * {
    font-size: 12px;
  }
  .rz_history td:nth-child(6) {
    padding: 5px 8px;
  }
  .rz_history td:nth-child(6) .rwd-grid-item {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 !important;
  }
  .rz_history td:nth-child(6) figure {
    width: 100%;
    margin: 0 !important;
    overflow: hidden;
  }
  .rz_history td:nth-child(6) figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .rz_history td:nth-child(6) .rwd-icon-zoom01 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
  }
  .rz_history td:nth-child(6) .rwd-icon-zoom01 img {
    display: block;
    width: 100%;
    height: 100%;
  }
.rz_history_bg{
background: url(../img/rz_history_bg.jpg) no-repeat;
background-position: right top;
background-size: cover;

padding: 60px 0 30px;
}
  @media (max-width: 767px) {
  .rz_history_ttl{
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  }
    .rz_history {
      display: block;
      width: 100%;
      max-width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-x: contain;
    }
    .rz_history table {
      width: 680px;
      min-width: 680px;
      font-size: 14px;
    }
  }


.movie_bg{
background: #3D3B36 url(../img/movie_bg.jpg) top right repeat-y !important;
padding: 60px 0;
}

.cp_link:hover{
opacity: .7;
}