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

/* 全体（色系）*/
body {
    .sec04,
    &.ceo-story {
        .add_ceo .bnr {
            display: none;
        }
    }

    .btn01.entry_btn a {
        color: #1e1310;
        border: solid 1px #1e1310;
        background-color: #fff;
    }

    .recommend_store_area {
        h2 {
            border-bottom: solid 1px #8a8a8a;
        }
    }

    &.staff-picks,
    .sec05 {
        .layout_a {
            margin-bottom: 10px;
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
		
		.entry_select {
			.sub_images_ul {
				justify-content: center;
			}
		}
		
        .imgsize_32_40 {
            aspect-ratio: 40 / 40 !important;
        }

        .sec02 {
            .layout_e .lf_box .txtbox {
                padding-right: 60px;
            }
        }

        .tp_shop_blog {
            .lybox01 .i_box {
                width: 25%;
            }
        }

        &.about-us {
            .layout_a .imgbox {
                margin-left: 90px;
            }

            .layout_b .imgbox {
                margin-right: 90px;
            }
        }

        &.company {
            .sec01 {
                .layout_b .imgbox {
                    margin-right: 60px;
                }
            }
        }

        &.recruit {
            .sec01 {
                .layout_d .lf_box .txtbox {
                    padding-left: 120px;
                }
            }
        }

        &.culture {
            .sec03 {
                .layout_a .imgbox {
                    margin-left: 90px;
                }

                .layout_b .imgbox {
                    margin-right: 90px;
                }
            }
        }

        &.graciswatch {
            .ttl01 {
                text-align: center;
            }
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
		
		    .lybox01 {
				flex-direction: column;
		}
		
        main section .page_title {
            left: 0;
        }

        .tp_voice {
            .lybox01 {
                flex-direction: column;
            }
            .t_box {
                margin-top: 30px;
            }
        }

        .sec04 {
            .add_ceo {
                .lybox01 {
                    flex-direction: column;
                }
                .t_box {
                    margin-top: 30px;
                }
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
		
		.tp_recruit {
			background-image: url(../images/home/tp_recruit/bg01sp.jpg);
		}
		
        .accordion-area.type02 .faq_title span:before {
            top: 0;
        }

        .tbl_list02 li .list_ttl {
            width: 30%;
        }

        .tbl_list02 li:before {
            width: 30%;
        }

        .entry_select {
            .sub_images_ul .li {
                text-align: center;
            }
        }

        .sv_visual .swiper-pagination .swiper-pagination-bullet {
            width: 12px;
        }

        &.brand .shop_select_box {
            width: 100%;
        }

        &.page-template-tmpl_mail_form .form_area .form_body {
            margin-left: 0;
            margin-top: 50px;
        }

        &.single-item .service_grid .line_mask {
            display: none;
        }

        &.single-item .service_grid img {
            max-width: 90%;
            aspect-ratio: 264 / 104;
        }
    }
}