@charset "UTF-8";
/* Scss Document */
/*--  font定義  --*/
/*--  color定義  --*/
/*水色*/
/*藍色*/
/*--  ブレイクポイント定義  --*/
/* -- 定義や設定系 --*/

.page-comic {
  margin-top: 90px;
  /* モーダル */
}
.page-comic .anchor_link {
  margin-top: -70px;
  padding-top: 70px;
}
.page-comic .page__heading--h3 {
  padding: 0 0 0 20px;
  line-height: 1.4;
}
.page-comic .page__heading--h3 span {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
}
.page-comic .comic_box {
  margin-top: 72px;
  display: flex;
}
.page-comic .comic_box .comic_box_inner {
  width: 70%;
  padding-right: 48px;
}
.page-comic .comic_box .comic_box_inner .page__txt {
  margin-left: 20px;
}
.page-comic .comic_box .comic_box_inner .downloadbtn__block {
  margin-left: 20px;
}
.page-comic .comic_box .comic_box_img {
  width: 30%;
}
.page-comic .comic_box .comic_box_img a {
  transition: all 0.3s;
}
.page-comic .comic_box .comic_box_img a:hover {
  opacity: 0.7;
}
.page-comic .comic_box .comic_box_img img {
  width: 100%;
  height: auto;
}
.page-comic .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}
.page-comic .modal.is-active {
  display: flex;
  box-sizing: border-box;
  padding: 0 50px;
}
.page-comic .modal .modal_content {
  position: relative;
  width: 100%; /* 親要素に合わせる */
  max-width: 500px; /* 最大幅を500pxに制限 */
  height: auto;
  border-radius: 8px;
}
.page-comic .modal .modal_content .modal_close {
  color: #fff;
  position: fixed;
  top: 10px;
  right: 20px;
  background: none;
  border: none;
  font-size: 55px;
  cursor: pointer;
}
.page-comic .modal .modal_content .slider {
  width: 100%; /* 親要素に合わせる */
  max-width: 500px; /* 最大幅を500pxに制限 */
  margin: 0 auto;
}
.page-comic .modal .modal_content .slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-comic .modal .modal_content .slider .slick-arrow {
  color: #000;
}
.page-comic .modal .modal_content .slick-slide {
  display: flex !important;
  height: auto;
}
.page-comic .modal .modal_content .slick-prev {
  left: -45px;
}
.page-comic .modal .modal_content .slick-next {
  right: -45px;
}
.page-comic .modal .modal_content .slick-prev, .page-comic .modal .modal_content .slick-next {
  width: 35px;
  height: 35px;
}
.page-comic .modal .modal_content .slick-prev:before, .page-comic .modal .modal_content .slick-next:before {
  font-size: 35px;
}
@media (max-width: 1380px) {
  .page-template .tab__item--label {
    font-size: 1.2rem;
  }
}
@media (max-width: 480px) {
  .page-template .tab__item--label {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .page-comic .comic_box {
    display: block;
  }
  .page-comic .comic_box .comic_box_inner {
    width: 100%;
    padding: 0 0 32px;
  }
  .page-comic .comic_box .comic_box_inner .page__txt {
    margin-left: 0;
  }
  .page-comic .comic_box .comic_box_inner .downloadbtn__block {
    margin-left: 0;
  }
  .page-comic .comic_box .comic_box_img {
    width: 100%;
  }
}