@charset "utf-8";

@media only screen and (max-width: 768px) {

    .PCOnly {
        display: none;
    }

    .topMessage {
        margin-top: 25px
    }

    /*2022～　リニューアル版　特集ページ
=================================*/

    .longLife_contents01 {
        padding: 20px 0 40px;
        border-bottom: 4px dotted #ae9250;
        font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
    }

    .longLife_imgBox {
        position: relative;
    }

    .longLife_imgBox .emblem {
        position: absolute;
        top: -9%;
        right: 0%;
        width: 28%;
    }

    .emblem_age {
        position: absolute;
        font-size: 5vw;
        right: 5vw;
        top: -6.4vw;
        font-weight: 600;
    }

    .emblem_age span {
        font-size: 7.5vw;
        font-weight: bold;
    }

    .longLife_imgBox .mainImg img {
        border-radius: 14px;
    }

    .longLife_birth {
        margin-top: 0 !important;
        font-size: 1.2rem;
    }

    .longLife_imgBox h2 {
        font-size: 5.5vw;
        padding: 4vw 0 0 15vw;
        background: url(/special/long_life/img/index_ic_dog.png) no-repeat 3.5vw bottom/ 8vw 9vw;
        background-size: 8vw auto;
        color: #ae9250;
        font-weight: 600;
    }

    .longLife_imgBox h2 span {
        padding: 4px 15px;
        background-color: #efe9db;
        border-radius: 20px;
        margin-left: 10px;
        font-size: 4vw;
        vertical-align: text-top;
    }

    .longLife_profile {
        position: relative;
    }

    .longLife_profile::before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 8vw;
        height: 10vw;
        background-image: url(/special/long_life/img/index_ic19.png);
        background-repeat: no-repeat;
        background-size: 8vw 10vw;
        top: -1vw;
        left: 2vw;
    }

    .longLife_profile::after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 8vw;
        height: 10vw;
        background-image: url(/special/long_life/img/index_ic20.png);
        background-repeat: no-repeat;
        background-size: 8vw 10vw;
        bottom: 0;
        right: 2vw;
    }

    .longLife_profile p {
        text-align: center;
    }

    .longLife_name {
        font-size: 5.5vw;
        letter-spacing: 0.30em;
        font-weight: bold;
    }

    .longLife_name span {
        font-size: 7.5vw
    }

    .owner_message {
        margin-top: 20px;
        padding: 15px 15px 10px;
        border-radius: 14px;
    }

    .owner_message dt {
        font-size: 1.2rem;
        text-align: center;
        background-color: #fff;
        font-weight: bold;
        border-radius: 50px;
    }

    .owner_message dd {
        font-size: 1.2rem;
        color: #fff;
        padding: 7px 0 10px;
        line-height: 1.6;
    }

    /* #dfaf04 */
    .color_dfaf04 .emblem_age,
    .color_dfaf04 .longLife_profile p,
    .color_dfaf04 .owner_message dt {
        color: #dfaf04;
    }

    .color_dfaf04 .owner_message {
        background-color: #dfaf04;
    }

    /* #a2b44b */
    .color_a2b44b .emblem_age,
    .color_a2b44b .longLife_profile p,
    .color_a2b44b .owner_message dt {
        color: #a2b44b;
    }

    .color_a2b44b .owner_message {
        background-color: #a2b44b;
    }

    /* #d58e80 */
    .color_d58e80 .emblem_age,
    .color_d58e80 .longLife_profile p,
    .color_d58e80 .owner_message dt {
        color: #d58e80;
    }

    .color_d58e80 .owner_message {
        background-color: #d58e80;
    }

    /* #b0aecd */
    .color_b0aecd .emblem_age,
    .color_b0aecd .longLife_profile p,
    .color_b0aecd .owner_message dt {
        color: #b0aecd;
    }

    .color_b0aecd .owner_message {
        background-color: #b0aecd;
    }

    /* どうぶつアイコン
=================================*/
    /* 犬 */
    #bigdog .longLife_imgBox h2,
    #mediumdog01 .longLife_imgBox h2,
    #mediumdog02 .longLife_imgBox h2,
    #smalldog .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_dog.png) no-repeat 3.5vw bottom / 9vw 9vw;
        background-size: 8vw auto;
    }

    /* ねこ */
    #cat01 .longLife_imgBox h2,
    #cat02 .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_cat.png) no-repeat 3.5vw bottom / 9vw 9vw;
        background-size: 8vw auto;
    }

    /* 鳥 */
    #bird01 .longLife_imgBox h2,
    #bird02 .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_bird.png) no-repeat 2vw bottom / 9vw 9vw;
        background-size: 11vw auto;
    }

    /* うさぎ */
    #rabbit .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_rabit.png) no-repeat 3.5vw bottom / 9vw 9vw;
        background-size: 8vw auto;
    }

    /* ねずみ */
    #degu .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_degu.png) no-repeat 1.5vw bottom / 9vw 9vw;
        background-size: 12vw auto;
    }

    /* チンチラ */
    #chinchilla .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_chinchilla.png) no-repeat 1.8vw bottom / 9vw 9vw;
        background-size: 11.5vw auto;
    }

    /* カメ */
    #turtle .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_turtle.png) no-repeat 2.5vw bottom / 9vw 9vw;
        background-size: 11vw auto;
    }

    /* フェレット */
    #ferret .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_ferret.png) no-repeat 3.5vw bottom / 9vw 9vw;
        background-size: 8vw auto;
    }

    /* モモンガ */
    #momonga .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_momonga.png) no-repeat 1.5vw bottom / 9vw 9vw;
        background-size: 10vw auto;
    }

    /* リス */
    #squirrel .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_squirrel.png) no-repeat 3.5vw bottom / 9vw 9vw;
        background-size: 12vw auto;
    }

    /* モルモット */
    #guinea-pig .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_guinea_pig.png) no-repeat 1.5vw bottom / 9vw 9vw;
        background-size: 11vw auto;
    }

    /* トカゲ */
    #lizard .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_lizard.png) no-repeat 1.5vw bottom / 9vw 9vw;
        background-size: 11vw auto;
    }

    /* ヘビ */
    #snake .longLife_imgBox h2 {
        background: url(/special/long_life/img/index_ic_snake.png) no-repeat 1.5vw bottom / 9vw 9vw;
        background-size: 12vw auto;
    }

    /*アンカーリンク　ズレ解消*/
    #bigdog,
    #mediumdog01,
    #mediumdog02,
    #smalldog,
    #cat01,
    #cat02,
    #ferret,
    #bird01,
    #bird02,
    #rabbit,
    #squirrel,
    #lizard,
    #snake,
    #guinea-pig,
    #chinchilla,
    #turtle,
    #degu,
    #momonga {
        padding-top: 110px;
        margin-top: -70px;
    }

    /*特集ページ(画像なし）*/
    .noImg .longLife_imgBox h2 {
        background-position: 3.5vw center;
    }

    .noImg .longLife_imgBox .emblem {
        top: -6.5vw;
        width: 23%;
    }

    .noImg .emblem_age {
        font-size: 4vw;
        top: -4vw;
    }

    .noImg .emblem_age span {
        font-size: 5.5vw;
    }

    .noImg #bigdog .longLife_name {
        font-size: 4.5vw;
    }

    .noImg #bigdog .longLife_name span {
        font-size: 6vw;
    }

    /* 1桁数字年齢調整*/
    #squirrel .emblem_age,
    #degu .emblem_age,
    #chinchilla .emblem_age,
    #snake .emblem_age {
        right: 7.5vw;
    }

    #ferret .emblem_age,
    #guinea-pig .emblem_age,
    #lizard .emblem_age {
        right: 6.8vw;
    }

    /* お名前フォントサイズ調整*/
    #rabbit .longLife_name {
        font-size: 4.5vw;
    }

    #rabbit .longLife_name span {
        font-size: 6vw;
    }

    #degu .longLife_name {
        font-size: 4.5vw;
    }

    #degu .longLife_name span {
        font-size: 7vw;
    }

    #turtle .longLife_name {
        font-size: 4.5vw;
    }

    #turtle .longLife_name span {
        font-size: 7vw;
    }

    #snake .longLife_name {
        font-size: 4.5vw;
    }

    #snake .longLife_name span {
        font-size: 7vw;
    }

    #mediumdog01 .longLife_name {
        font-size: 4.5vw;
    }

    #mediumdog01 .longLife_name span {
        font-size: 7vw;
    }

    #guinea-pig .longLife_name {
        font-size: 4.5vw;
    }

    #guinea-pig .longLife_name span {
        font-size: 7vw;
    }

    /* バックナンバー */

    .backNumber_Area {
        margin-top: 50px;
    }

    .title01 {
        border-top: 2px solid #AD924F;
        border-bottom: 2px solid #AD924F;
        padding: 1vw 0;
    }

    .longLife_h2 {
        font-size: 1.8rem;
        text-align: center;
        font-weight: bold;
        color: #AD924F;
        background: url(/special/long_life/img/index_bg01.jpg) no-repeat left top/100% 100%;
        padding: 10px 0;
    }

    .backNumber_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        padding: 6vw 0;
    }

    .backNumber_link {
        position: relative;
        text-align: center;
        border: 1px solid #AD924F;
        border-radius: 8px;
        margin-bottom: 3vw;
        width: 49%;
    }

    .backNumber_link a {
        display: inline-block;
        color: #AD924F;
        font-size: 3.5vw;
        font-weight: 600;
        padding: 6vw 13vw 6vw 18vw;
        border-radius: 8px;
    }

    .backNumber_link a::before {
        content: "";
        border-left: 7px solid #AD924F;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        position: absolute;
        left: 15vw;
        top: 5.5vw;
        transform: translateY(50%);
    }

}