@charset "UTF-8";

/* ================================================================
   二本松特集
   基準レイアウト：1920 × 3990px
   コンテンツ幅：1000px
================================================================ */

.inner {
    width: 100%;
    max-width: none !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f8efe0;
    background-image: url("../images/bg0.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 1920px 3990px;
}

.inner .nihonmatsu-page {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 41px 0 36px;
    line-height: 0;
}

.inner .nihonmatsu-page,
.inner .nihonmatsu-page * {
    box-sizing: border-box;
}

.inner .nihonmatsu-page img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

.inner .nihonmatsu-page a {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    line-height: 0;
    text-decoration: none;
}

.inner .nihonmatsu-page a:hover {
    opacity: .85;
}

/* メイン画像 */
.inner .con1,
.inner .con2,
.inner .con3a,
.inner .con3b {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.inner .con2  { margin-top: -106px; }
.inner .con3a { margin-top: -4px; }
.inner .con3b { margin-top: -114px; }

/* 横幅1000pxのボタン */
.inner .bt1,
.inner .bt2,
.inner .bt3,
.inner .bt4,
.inner .bt9,
.inner .bt10,
.inner .bt11,
.inner .bt12,
.inner .bt13 {
    position: relative;
    width: 100%;
}

/* 上部ボタン：PDF実測位置 */
.inner .bt1 { margin-top: 18px; }
.inner .bt2 { margin-top: 6px; }
.inner .bt3 { margin-top: 7px; }
.inner .bt4 { margin-top: 7px; }

/* con2内ボタン：x=850 / y=236 */
.inner .btcon2 {
    position: absolute;
    top: 59.14787%;
    left: 85%;
    z-index: 10;
    width: 11.1%;
    margin: 0;
}

/* con3a・con3b内の小ボタン */
.inner .bt5-1,
.inner .bt5-2,
.inner .bt5-3,
.inner .bt6-1,
.inner .bt6-2,
.inner .bt7-1,
.inner .bt7-2,
.inner .bt8-1,
.inner .bt8-2 {
    position: absolute;
    z-index: 10;
    width: 9.3%;
    margin: 0;
}

/* con3a：1000 × 965px */
.inner .bt5-1 { top: 58.860104%; left: 15.3%; }
.inner .bt5-2 { top: 68.497409%; left: 47%; }
.inner .bt5-3 { top: 82.383420%; left: 34.2%; }
.inner .bt6-1 { top: 61.761658%; left: 85.7%; }
.inner .bt6-2 { top: 94.093264%; left: 74.6%; }

/* con3b：1000 × 808px */
.inner .bt7-1 { top: 49.628713%; left: 35.4%; }
.inner .bt7-2 { top: 62.252475%; left: 4.5%; }
.inner .bt8-1 { top: 53.341584%; left: 58.3%; }
.inner .bt8-2 { top: 87.871287%; left: 85.8%; }

/* 下部ボタン：新しいbt11.png・bt12.pngをHTML指定のまま使用 */
.inner .bt9  { margin-top: 12px; }
.inner .bt10 { margin-top: 36px; }
.inner .bt11 { margin-top: 31px; }
.inner .bt12 { margin-top: -30px; }
.inner .bt13 { margin-top: 11px; }

/* 最下部ボタン：x=178 / x=528 */
.inner .last-buttons {
  display: flex;
  gap: 14px;
  width: 650px;
  margin: 38px 0 0 178px;
}

.inner .bt14,
.inner .bt15 {
    flex: 0 0 323px;
    width: 323px;
    margin: 0;
}
.last-buttons a {
    display: block;
    width: 323px;
}

.last-buttons img {
    display: block;
    width: 100%;
    height: auto;
}

.nihonmatsu-page {
    padding-bottom: 36px;
}
/* 右上固定ボタン：1920px時 x=1584 / y=31 / w=281 */
.inner .bt0 {
    position: fixed;
    top: min(2vw, 75px);
    right: min(3vw, 55px);
    z-index: 1000;
    width: min(210px, 281px);
    margin: 0;
}

/* ================================================================
   1000px以下：1000px基準の配置を同比率で縮小
================================================================ */
@media screen and (max-width: 1000px) {
    .inner {
        background-image: url("../images/bg0sp.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    .inner .nihonmatsu-page {
        max-width: none;
        padding-top: 4.1vw;
        padding-bottom: 3.6vw;
    }

    .inner .con2  { margin-top: -10.6vw; }
    .inner .con3a { margin-top: -.4vw; }
    .inner .con3b { margin-top: -11.4vw; }

    .inner .bt1 { margin-top: 1.8vw; }
    .inner .bt2 { margin-top: .6vw; }
    .inner .bt3 { margin-top: .7vw; }
    .inner .bt4 { margin-top: .7vw; }

    .inner .bt9  { margin-top: 1.2vw; }
    .inner .bt10 { margin-top: 3.6vw; }
    .inner .bt11 { margin-top: 3.1vw; }
    .inner .bt12 { margin-top: -1.5vh; }
    .inner .bt13 { margin-top: 1.1vw; }

    .inner .last-buttons {
      display: flex;
      gap: 2.7vw;
      max-width: 1000px;
      margin: 8.8vw auto 4vw auto;
    }

    .inner .bt14,
    .inner .bt15 {
        flex-basis: 43.3%;
        width: 32.3%;
    }

    .inner .bt0 {
        top: 1.614583vw;
        right: 2.864583vw;
        width: 210px;
        min-width: 0;
    }

.last-buttons a {
    width: 32.3vw;
}

.nihonmatsu-page {
    padding-bottom: 3.6vw;
}
}