a{
  word-break: break-all;
}

.linkline {
  text-decoration:underline;
}

.text-left {
  text-align:left;
}

@media screen and (min-width: 768px) {
  .br-sp {
    display:none;
  }
  .wid-max {
     width:44vw;
  }
  .wid-max2 {
     width:40vw;
  }
}

    .comic-title {
    }

#jump button{
  background-color:rgba(74, 144, 125, 1);
  height:70px;
  width:100%;
  color:white;
  margin-top:5px;
  border: none;
}

#comic-title {
  font-size:14px;
}

.slideinRight {
  animation: slideinRight 1s ;
}

@keyframes slideinRight {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0%);
  }
}

.slideinBottom {
  animation: slideinBottom 1s ;
}

@keyframes slideinBottom {
  0% {
    transform: translateY(150px);
  }
  100% {
    transform: translateY(0px);
  }
}


/*
.hide-escape {
  padding-top: 147px!important; 
  margin-top: -147px; 
}
@media screen and (max-width: 576px) {
  .hide-escape {
    padding-top: 70px!important; 
    margin-top: -70px;
  }
}
*/

main {
        padding-bottom: 0rem!important;
    }

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.slidein {
  width: 200vw;
  display: flex;
  margin: 0 auto;
}

.slidein1 {
  transform: translateX(0);
  transition: all 0.3s;
}

.slidein2 {
  transform: translateX(-100vw);
  transition: all 1s;
}

@media screen and (min-width: 768px) {
  .movie-title {
    padding-left:200px;
  }
}
@media screen and (min-width: 1024px) {
  .movie-title {
    padding-left:250px;
  }
}
@media screen and (min-width: 1280px) {
  .movie-title {
    padding-left:330px;
  }
}
@media screen and (max-width: 390px) {
  .col-s-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-s-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media screen and (max-width: 360px) {
  .col-ss-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-ss-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .p-ss-0 {
    padding: 0 !important;
  }
  .col-ss-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }
  .col-ss-12 {
    flex: 0 0 auto;
    width: 100%
  }
  .wid-ss-max {
    width:80vw;
  }
}

.accordion-item2 {
    width: 100%; /* 希望の幅に設定 */
    margin: 0 auto; /* 左右のマージンを自動で調節して中央に配置 */
  }