@charset "UTF-8";

img {
  width: 100%;
}

h1 {
  max-width: 742px;
}

.wrap-inner {
    margin-left: 0;
    width: 60%;
}


/*-----------------------------------------------------------------
  MV
-----------------------------------------------------------------*/
.mv-outer {
  background: url(../images/arukikata/mv_bg_cover.png) center center repeat, var(--c-white) url(../images/arukikata/arukikata_at/mv_pc.webp) center center no-repeat;
  background-size: 10px auto, cover;
}

.mv {
  max-width: 1250px;
  margin: 0 auto;
  background: none;
  position: relative;
  display: flex;
}

.mv-inner {
  max-width: 100%;
  width: 100%;
  margin-right: auto;
  padding-left: 48px;
}
.mv-txt strong {
  color: var(--c-yellow);
}

.txt-att {
  font-size: 12px;
  line-height: 1.25;
  text-shadow: 0 0 8px rgba(0,0,0,0.5);
  padding-left: 12px;
  text-indent: -12px;
}

.link-dl {
  margin-top: 50px;
  width: 480px;
  position: static;
}

.link-dl-at-sp {
  display: none;
}


@media screen and (max-width: 767px) {
.mv {
  background: url(../images/arukikata/mv_bg_cover.png) center center repeat, var(--c-white) url(../images/arukikata/arukikata_at/mv_pc.webp) left -40px center no-repeat;
  background-size: 10px auto, cover;
  display: block;
}

.mv-inner {
  padding: 50px 15px 160px;
}

.mv-txt {
  font-size: 16px;
  line-height: 1.6;
}

.link-dl-at-pc {
  display: none;
}

.link-dl-at-sp {
  display: block;
}

.link-dl {
  position: absolute;
  width: 180px;
  height: auto;
  top: 364px;
  left: auto;
  right: -20px;
}
}


/*-----------------------------------------------------------------
  本文
-----------------------------------------------------------------*/
.wrap-outer {
  background: url(../images/arukikata/arukikata_at/bg_book_pc.webp) no-repeat center top -30px;
  background-size: cover;
  background-attachment: fixed;
}

.wrap {
  width: calc(50% + 212px);
  background: rgba(0,0,0,0.6);
}
.wrap-inner {
  width: 100%;
  max-width: 840px;
  margin: 0 0 0 auto;
  background: none;
}

@media screen and (max-width: 767px) {
.wrap-inner {
  width: calc(100% - 40px);
  margin: 0;
}
}



/* 特集内容 */
@media screen and (max-width: 767px) {
  .wrap-outer {
    background: none;
  }

  body:before{
      content: "";
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100vh;
      background: url(../images/arukikata/arukikata_at/bg_book_sp.webp) no-repeat center top -10px;
      background-size: cover;
  }

  .content-list {
  padding-left: 0;
}
}