@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
    &.alpha-zero,
    &.product-list {
        .ttl05 {
            border-bottom: solid 2px #345e9c;
        }

        .badge-arrow {
            border-left: 18px solid #345e9c;
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        header.fixed {
            background-color: transparent;
        }

        .add_lineup {
            .layout_a .txtbox {
                margin-right: 10%;
            }
        }

        &.home {
            .add_pharmacy {
                padding: 80px 0 0;
            }
        }

        .tp_news {
            .text_link03 {
                color: #345e9c;
            }

            padding: 90px 0 25%;
            /* 新着情報が未投稿の場合、NEWS表記が下のコンテンツに入ってしまうため調整（PCデバイス以上） */
        }

        .add_contact {
            .layout_a .imgbox {
                width: 50%;
            }
        }

        .contact_infoarea {
            .box {
                padding: 0 5%;
            }
        }

        /* ドロワー */

        .gav_close_btn {
            padding: 30px;
        }

        .gnav .gnav__inr .pc_drawer_box .drawer_h1 {
            left: 5%;
        }

        .gnav .gnav__inr .pc_drawer_box .pc_drawer_flex {
            gap: 0;
        }

        .gnav .gnav__inr .pc_drawer_box .pc_drawer_flex .inbox01.drawer_menu_pc .f_menu01 {
            gap: 30px 0;
        }

        .gnav .gnav__inr .pc_drawer_box .pc_drawer_flex .inbox01.drawer_menu_pc {
            gap: 0 100px;
            justify-content: center;
        }

        .gnav .gnav__inr .pc_drawer_box .pc_drawer_flex .inbox01 {
            width: 50%;
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
        .tp_news {
            padding: 90px 0 20%;
            /* 新着情報が未投稿の場合、NEWS表記が下のコンテンツに入ってしまうため調整（PCデバイス以上） */
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .footerUpper .footer_flex .footerUpper_nav_area {
            display: none;
        }

        header {
            top: 0;
        }

        .contact_infoarea {
            .wide_ttl .jp_ttl {
                border-left: none;
                margin-top: 5px;
                padding-top: 5px;
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        main section .page_title .sv_ttl {
            margin-top: 30px;
        }

        .add_case {
            .contents_wrap {
                padding: 0;
            }
        }

        .category-list li {
            margin-right: 5px;
            margin-bottom: 10px;
        }

        .tp_sec01 {
            .sub_images_ul.cul2 .li {
                margin-bottom: 40px;
            }
        }

        .gnav .gnav__inr .header-drawer-nav li {
            padding-top: 5.5px;
            padding-bottom: 5.5px;
        }

        .gnav .gnav__inr {
            padding-top: 95px;
        }

        
    }
}