@charset "UTF-8";
/****************************************
変数
****************************************/
/****************************************
共通テーマ
****************************************/
/* -----------------------------------
  basic
----------------------------------- */
body {
  background: #695c0e;
}

/* -----------------------------------
  coment
----------------------------------- */
.coment {
  background: #D4D4D4;
}
.coment__inner .banner {
  margin: 2em 0;
}
.coment__inner .banner.link {
  width: 60%;
  margin: auto;
}
.coment__inner__inner {
  width: 85%;
  margin: auto;
  border: 2px solid #a99f19;
  padding: 1em 2em;
  margin-bottom: 1em;
  background: #ffffff;
}
.coment__inner__inner .text {
  margin: 0;
  margin-bottom: 0.5em;
  font-weight: 600;
}
.coment__inner__inner .text .green {
  color: #a99f19;
  font-size: 1.5em;
  font-weight: 600;
}
.coment__inner__inner .name {
  margin: 0;
  font-size: 1.7em;
  font-weight: 600;
  text-align: right;
}
.coment__inner__inner .name .green {
  color: #a99f19;
}
.coment__inner__inner .name .small {
  font-size: 0.7em;
  font-weight: 400;
}

/* -----------------------------------
  author_comment
----------------------------------- */
.author_comment {
  margin: 3em 0;
}
.author_comment__inner .banner {
  margin: 2em 0;
}
.author_comment__inner .apop {
  padding: 1em 6em;
}
.author_comment__inner .profile-details {
  margin: 1em 5em;
  border: 1px solid #a99f19;
}
.author_comment__inner .profile-details h3 {
  margin: 0;
  background-color: transparent;
  padding: 0;
}

/* -----------------------------------
  other_comment
----------------------------------- */
.other-comment {
  margin: 3em 0;
}
.other-comment .pop {
  padding: 1em 6em;
}
.other-comment .profile-details {
  margin: 1em 5em;
  border: 1px solid #a99f19;
}
.other-comment .profile-details h3 {
  margin: 0;
  background-color: transparent;
  padding: 0;
}

/* -----------------------------------
  tokai-map
----------------------------------- */
.tokai-map {
  margin: 3em 0;
}
.tokai-map .map {
  padding: 1em 6em;
}

/* -----------------------------------
  今村翔吾×山田竜平 「イクサガミ」スペシャル音楽プロジェクト
----------------------------------- */
.special-pj {
  margin: 3em 0;
}
.special-pj .text {
  text-align: center;
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 0;
  margin-top: 2em;
}
.special-pj .special-pj .movie_box {
  border: 2px solid #a99f19;
  margin: 1em 5em;
  background: #ffffff;
  height: 500px;
}
.special-pj .special-pj .movie_box iframe {
  height: 100%;
  width: 100%;
}

.special-pj .movie_box {
  border: 2px solid #a99f19;
  margin: 1em 5em;
  background: #ffffff;
  height: 500px;
}

/* -----------------------------------
  特別対談
----------------------------------- */
.taidan {
  background: #ffffff;
  padding-bottom: 1em;
}
.taidan .taidan-details .title {
  font-weight: 600;
  background-color: transparent;
  color: #000000;
  border: none;
  font-size: 0.9em;
  margin: 2em 4em;
  padding: 0em;
  border: 1px solid #E50012;
  border-width: 5px 1px 1px 1px;
  padding: 1em;
}
.taidan .taidan-details .img.yoko {
  width: 60%;
  margin: 2em auto;
}
.taidan .taidan-details .img.tate {
  width: 40%;
  margin: 2em auto;
}
.taidan .taidan-details .interviewer {
  margin: 0 4em 1em;
  font-weight: 600;
  color: #000000;
  display: flex;
  align-items: center;
}
.taidan .taidan-details .interviewer:before {
  border-top: 1px solid black;
  content: "";
  width: 2em;
  margin-right: 0.5em;
}
.taidan .taidan-details dl {
  margin: 0 4em 1em;
  line-height: 1.5em;
}
.taidan .taidan-details dl .s-txt {
  color: #E50012;
}
.taidan .taidan-details .profile-details {
  border: none;
  border: 1px solid #a99f19;
  margin-top: 3em;
}
.taidan .taidan-details .profile-details h4 {
  margin: 0;
  background-color: transparent;
  padding: 0;
}

.TEXTinnon {
  display: none;
}

/* -----------------------------------
  新刊紹介
----------------------------------- */
.book01 {
  background: #ffffff;
  margin: 0;
  margin-top: 0;
  padding: 3% 3% 0 3%;
}
.book01 .book-details {
  padding-bottom: 2em;
}
.book01 .book-details .book-itembox .left {
  width: 30%;
}
.book01 .book-details .book-itembox .left a {
  width: 100%;
  display: inline-block;
}
.book01 .book-details .book-itembox .left a.link-btn_01 {
  width: 85%;
  margin-top: 3em;
  padding: 1em;
  background: #E50012;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
}
.book01 .book-details .book-itembox .left a.link-btn_02 {
  width: 85%;
  margin-top: 3em;
  padding: 1em;
  background: #009DE3;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
}
.book01 .book-details .book-itembox .left a.link-btn_03 {
  width: 85%;
  margin-top: 3em;
  padding: 1em;
  background: #35b597;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
}

.book01 .book-details .book-itembox .left a.link-btn_04 {
  width: 85%;
  margin-top: 3em;
  padding: 1em;
  background: #a99f19;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
}

.book01 .book-details .book-itembox .book-details-text .book-title {
  margin-bottom: 0.5em;
}
.book01 .book-details .book-itembox .book-details-text .sub-text {
  font-weight: 600;
}
.book01 .book-details .book-itembox .book-details-text .book-sub-title .big {
  font-size: 1.2em;
}
.book01 .book-details .book-itembox .book-details-text .c-sp {
  display: none;
}
.book01 .book-details .sub {
  color: #a99f19;
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
  padding: 0.5em 1em;
  border: 3px solid #a99f19;
}

.book01 .book-details .book-itembox .comic-left {
  width: 20%;
}

.book01 .book-details .book-itembox .comic-left comic-img img {
  width: 20%;
}

/* -----------------------------------
  既刊リスト
----------------------------------- */
.list .img {
  padding: 2em 4em 4em;
}

@media only screen and (max-width:1279px) {
  /* -----------------------------------
    basic
  ----------------------------------- */
  /* -----------------------------------
    coment
  ----------------------------------- */
  .coment__inner .banner.link {
    width: 70%;
  }
  /* -----------------------------------
    特別対談
  ----------------------------------- */
  .taidan .taidan-details .interviewer {
    margin: 0 1em 1em;
  }
  .taidan .taidan-details .img.yoko {
    width: 70%;
  }
  .taidan .taidan-details .img.tate {
    width: 55%;
  }
  .taidan .taidan-details dl {
    margin: 0 2em 1em;
  }
}
@media only screen and (max-width:767px) {
  /* -----------------------------------
    basic
  ----------------------------------- */
  /* -----------------------------------
    coment
  ----------------------------------- */
  .coment__inner .banner.link {
    width: 95%;
  }
  /* -----------------------------------
    author_comment
  ----------------------------------- */
  .author_comment__inner .apop {
    padding: 1em 1em;
  }
  .author_comment__inner .profile-details {
    margin: 1em 1em;
  }
  /* -----------------------------------
    other_comment
  ----------------------------------- */
  .other-comment .pop {
    padding: 1em 1em;
  }
  .other-comment .profile-details {
    margin: 1em 1em;
  }
  /* -----------------------------------
    tokai-map
  ----------------------------------- */
  .tokai-map .map {
    padding: 1em 1em;
  }
  /* -----------------------------------
    今村翔吾×山田竜平 「イクサガミ」スペシャル音楽プロジェクト
  ----------------------------------- */
  .special-pj .text {
    font-size: 1em;
  }
  .special-pj .movie_box {
    margin: 1em 1em;
    height: 250px;
  }
  /* -----------------------------------
    特別対談
  ----------------------------------- */
  .taidan .taidan-details .title {
    margin: 2em 2em;
  }
  .taidan .taidan-details .img.yoko {
    width: 80%;
  }
  .taidan .taidan-details .img.tate {
    width: 70%;
  }
  .taidan .taidan-details dl {
    margin: 0 1em 1em;
  }
  /* -----------------------------------
    新刊紹介
  ----------------------------------- */
  .book01 {
    padding: 8% 0% 0 0%;
  }
  .book01 .book-details {
    padding-bottom: 2em;
  }
  .book01 .book-details .book-itembox .left {
    width: 60%;
    margin: auto;
  }
  .book01 .book-details .book-itembox .left .c-pc {
    display: none;
  }
  .book01 .book-details .book-itembox .book-details-text {
    width: 85%;
    margin: 1em auto 0;
  }
  .book01 .book-details .book-itembox .book-details-text .book-title {
    margin: 0;
  }
  .book01 .book-details .book-itembox .book-details-text .c-sp {
    display: block;
  }
  .book01 .book-details .book-itembox .book-details-text a.link-btn_01 {
    margin: auto;
    width: 92%;
    margin-top: 1em;
    padding: 1em;
    background: #E50012;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
  }
  .book01 .book-details .book-itembox .book-details-text a.link-btn_02 {
    margin: auto;
    width: 92%;
    margin-top: 1em;
    padding: 1em;
    background: #009DE3;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
  }
  .book01 .book-details .book-itembox .book-details-text a.link-btn_03 {
    margin: auto;
    width: 92%;
    margin-top: 1em;
    padding: 1em;
    background: #35b597;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
  }
  .book01 .book-details .book-itembox .book-details-text a.link-btn_04 {
    margin: auto;
    width: 92%;
    margin-top: 1em;
    padding: 1em;
    background: #a99f19;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
  }

  .book01 .book-details .sub {
    text-align: left;
    width: 81%;
    margin: auto;
    padding: 0.5em 1em;
    border: 3px solid #a99f19;
  }
  .book01 .book-details .book-itembox .comic-left {
    width: 50%;
  }
  /* -----------------------------------
    既刊リスト
  ----------------------------------- */
  .list .img {
    padding: 2em 2em 4em;
  }
  .icon__wp {
    margin-left: 7%;
  }
  
        img.present.sp {
        background: #D4D4D4;
        width: 90%;
        margin: 0 auto;
    }
}
@media only screen and (max-width:479px) {
  /* -----------------------------------
    basic
  ----------------------------------- */
  /* -----------------------------------
    coment
  ----------------------------------- */
  .coment__inner .banner.link {
    width: 95%;
  }
  .coment__inner__inner {
    width: 80%;
    padding: 1em 1em;
  }
  /* -----------------------------------
    今村翔吾×山田竜平 「イクサガミ」スペシャル音楽プロジェクト
  ----------------------------------- */
  .special-pj .movie_box {
    height: 250px;
  }
  /* -----------------------------------
    新刊紹介
  ----------------------------------- */
  .book01 .book-details .book-itembox .left {
    width: 70%;
  }
  .book01 .book-details .book-itembox .book-details-text {
    width: 90%;
  }
}
#introduction .introduction__inner {
  max-width: 780px;
  margin: auto;
}

#introduction .introduction__inner .introduction__title {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 0;
  text-align: center;
  margin-top: 0;
  padding-top: 20px;
}

#introduction .introduction__inner .introduction__title__wrap {
  display: flex;
  gap: 80px;
  justify-content: center;
}

#introduction .introduction__inner .common__text {
  text-align: center;
  font-weight: 600;
}

#introduction .introduction__inner .introduction__book__wrap {
  display: flex;
  gap: 80px;
  justify-content: center;
}

#introduction .speech__bubble {
  max-width: 860px;
  margin: auto;
}

#introduction .introduction__inner .introduction__title span {
  color: #e50315;
  font-weight: 600;
}

#introduction .introduction__inner .introduction__title__wrap .introduction__book__title {
  font-size: 32px;
  font-weight: 600;
  margin: 0;
}

#introduction .introduction__inner .introduction__title__wrap span {
  font-size: 20px;
  font-weight: 600;
  display: block;
}

#introduction .introduction__inner .introduction__title__wrap .right {
  text-align: right;
}

#introduction .introduction__inner .introduction__title__wrap .introduction__book__title {
  font-size: 32px;
  font-weight: 600;
  margin: 0;
}

#introduction .introduction__inner .introduction__title__wrap .introduction__book__title {
  font-size: 32px;
  font-weight: 600;
  margin: 0;
}

#introduction .introduction__inner .sp__br {
  display: none;
}

#introduction .introduction__inner .introduction__title__wrap .introduction__book__title {
  font-size: 32px;
  font-weight: 600;
  margin: 0;
}

#introduction .introduction__inner .introduction__title__wrap span {
  font-size: 20px;
  font-weight: 600;
  display: block;
}

#introduction .introduction__inner .introduction__title__wrap .left {
  text-align: left;
}

#introduction .introduction__inner .common__text {
  text-align: center;
  font-weight: 600;
}

#introduction .introduction__inner .introduction__book__wrap {
  display: flex;
  gap: 80px;
  justify-content: center;
}

#introduction .introduction__inner .introduction__book__wrap div {
  position: relative;
}

#introduction .introduction__inner .introduction__book__wrap .on__sale {
  width: 100px !important;
  height: 100px !important;
  position: absolute;
  top: -50px;
  left: -50px;
}

#introduction .introduction__inner .introduction__book__wrap .book {
  width: 295px !important;
}

#introduction .introduction__inner .introduction__book__wrap .new {
  width: 100px !important;
  height: 100px !important;
  position: absolute;
  top: -50px;
  right: -50px;
}

#introduction .speech__bubble {
  max-width: 860px;
  margin: auto;
}

#introduction .introduction__inner .introduction__book__wrap .new {
  width: 100px !important;
  height: 100px !important;
  position: absolute;
  top: -50px;
  right: -50px;
}

#introduction {
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  #introduction .introduction__inner {
    max-width: 100%;
    margin: 0 20px;
  }
  #introduction .introduction__inner .introduction__title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    margin-top: 0;
  }
  #introduction .introduction__inner .introduction__title__wrap {
    display: flex;
    gap: 20px;
    justify-content: center;
  }
  #introduction .introduction__inner .common__text {
    text-align: center;
    font-weight: 600;
  }
  #introduction .introduction__inner .introduction__book__wrap {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 30px 30px 0 30px;
  }
  #introduction .introduction__inner .introduction__title span {
    color: #e50315;
    font-weight: 600;
  }
  #introduction .introduction__inner .introduction__title__wrap .introduction__book__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
  }
  #introduction .introduction__inner .introduction__title__wrap span {
    font-size: 15px;
    font-weight: 600;
    display: block;
  }
  #introduction .introduction__inner .introduction__title__wrap .right {
    text-align: center;
  }
  #introduction .introduction__inner .introduction__title__wrap .introduction__book__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
  }
  #introduction .introduction__inner .introduction__title__wrap .introduction__book__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
  }
  #introduction .introduction__inner .introduction__title__wrap .introduction__book__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
  }
  #introduction .introduction__inner .sp__br {
    display: block;
  }
  #introduction .introduction__inner .introduction__title__wrap span {
    font-size: 15px;
    font-weight: 600;
    display: block;
  }
  #introduction .introduction__inner .introduction__title__wrap .left {
    text-align: left;
    padding-left: 13px;
  }
  #introduction .introduction__inner .common__text {
    text-align: center;
    font-weight: 600;
  }
  #introduction .introduction__inner .introduction__book__wrap {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 30px 30px 0 30px;
  }
  #introduction .introduction__inner .introduction__book__wrap div {
    width: 50%;
  }
  #introduction .introduction__inner .introduction__book__wrap .on__sale {
    width: 50px !important;
    height: 50px !important;
    position: absolute;
    top: -25px;
    left: -25px;
  }
  #introduction .introduction__inner .introduction__book__wrap .book {
    width: 100% !important;
    min-width: 145px;
  }
  #introduction .introduction__inner .introduction__book__wrap .new {
    width: 50px !important;
    height: 50px !important;
    position: absolute;
    top: -25px;
    right: -25px;
  }
  #introduction .introduction__inner .introduction__book__wrap .new {
    width: 50px !important;
    height: 50px !important;
    position: absolute;
    top: -25px;
    right: -25px;
  }
}/*# sourceMappingURL=change.css.map */