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

/* 全体（色系）*/
body {
    &.history {
        .ttl10 {
            border-left: 3px solid #583200;
        }
    }

    &.contact {
        .ttl10 {
            border-left: 4px solid #583200;
        }
    }

    &.annual-memorial-service {
        .sec01 {
            background-color: #f8f6f2;
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1560px) {
    body {
        .add_order .add_bridal_box,
        .add_history .add_gallery_box {
            max-width: 500px;
            padding: 115px 8%;
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .tp_sec01 {
            .layout_d .txtbox {
                margin-left: 5%;
            }

            .layout_d .txtbox .box {
                width: 70%;
                margin-right: auto;
            }
        }

        &.greeting {
            .layout_a .txtbox {
                margin-right: 80px;
            }
        }

        &.eternal-memorial-service {
            .sec01 {

                padding: 100px 0 0;
            }

            .sec02 {

                padding: 100px 0 0;
            }
        }

        &.eternal-memorial-service,
        &.annual-memorial-service,
        &.vihara {
            .layout_a .txtbox {
                margin-right: 90px;
            }

            .layout_b .txtbox {
                margin-left: 90px;
            }

            .ttl05 {
                font-size: 20px;
            }
        }

        &.annual-memorial-service {
            .sec01 {
                padding: 100px 0;
            }
        }

        &.history {
            .layout_d .txtbox {
                margin-left: 90px;
            }

            .layout_d .txtbox .box {
                width: 75%;
            }

            .sec01,
            .sec02 {
                .layout_d .imgbox img {
                    aspect-ratio: 82/51;
                }
            }
        }

        &.contact {
            .contbox {
                padding: 0 5%;
            }
        }

        .line01 {
            padding-bottom: 60px;
            margin-bottom: 60px;
        }

        .line02 {
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        &.annual-memorial-service {
            .sec01 {
                padding: 50px 0;
            }
        }

        .ttl05 {
            font-size: 18px;
        }

        &.eternal-memorial-service {
            .sec01 {

                padding: 50px 0 0;
            }

            .sec02 {

                padding: 50px 0 0;
            }

            main section .page_title .sv_ttl .jp_ttl {
                font-size: 32px;
            }

            .unkmenu li a {
                font-size: 14px;
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .chk_list02.cul02 {
            display: block;
        }

        .chk_list02.cul02 li {
            width: 100%;
            margin-top: 10px;
        }

        &.history {
            .ttl03 {
                font-size: 20px;
            }

            .sec01,
            .sec02 {
                .layout_d .imgbox img {
                    aspect-ratio: 82/51;
                }
            }
        }

        &.eternal-memorial-service {
            main section .page_title .sv_ttl .jp_ttl {
                font-size: 16px;
            }
        }
    }
}