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

/* 全体（色系）*/
body {
	
    .line01,
    .line02 {
        border: solid 1px #7e2a41;
    }

    .layout_dl01 dt {
        border-bottom: solid 1px #dcdbd5;
    }

    &.annual-event {
        .ttl09.type01 .jp_txt02 {
            color: #583200;
        }
    }

    &.goma-prayer {
        .solution_box {
            .ttl05 {
                border-bottom: solid 1px #7e2a41;
            }
        }
    }
	header .h1 a img{
		height: 60px;
	}
}

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

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

        .add_charms .add_charms_box {
            padding: 100px 5%;
        }

        footer .f_nav_flex {
            padding: 0 5%;
            margin: 4% 0;
        }

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

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

            .layout_a .txtbox {
                margin-right: 90px;
            }
        }

        &.history {
            .sec01 .layout_d .txtbox {
                margin-left: 80px;
                margin-top: 1%;
            }
        }

        &.naritasan_japan {
            .sec01 .layout_b .txtbox {
                margin-left: 90px;
                margin-top: 1%;
            }
        }

        &.memorial-service {
            .sec01 {
                .layout_b .txtbox {
                    margin-left: 90px;
                    margin-top: 1%;
                }

                .layout_b .imgbox {
                    width: 52%;
                }

                .layout_a .txtbox {
                    margin-right: 90px;
                    margin-top: 1%;
                }

                .layout_a .imgbox {
                    width: 52%;
                }
            }
        }

        &.annual-event {
            .layout_b .txtbox {
                margin-left: 90px;
                margin-top: 1%;
            }

            .layout_b .imgbox {
                width: 52%;
            }

            .layout_a .txtbox {
                margin-right: 90px;
                margin-top: 1%;
            }

            .layout_a .imgbox {
                width: 52%;
            }
        }

        &.faq {
            .box {
                padding: 0 5%;
            }
        }

        &.goma-prayer {
            .sec01 {
                .layout_b .txtbox {
                    margin-left: 90px;
                    margin-top: 1%;
                }

                .layout_b .imgbox {
                    width: 52%;
                }

                .layout_a .txtbox {
                    margin-right: 90px;
                    margin-top: 1%;
                }

                .layout_a .imgbox {
                    width: 52%;
                }
            }

            .sec05 {
                .sub_images_ul {
                    gap: 35px 30px;
                }

                .sub_images_ul li {
                    width: calc(100% / 2 - 15px);
                }
            }
        }

        &.charm-of-hakodate {
            .layout_b .txtbox {
                margin-left: 90px;
                margin-top: 1%;
            }

            .layout_b .imgbox {
                width: 52%;
            }

            .layout_a .txtbox {
                margin-right: 90px;
                margin-top: 1%;
            }

            .layout_a .imgbox {
                width: 52%;
            }
        }

        &.single {
            h1 {
                font-size: 24px;
            }
        }

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

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
		header .h1 a img{
			height: 50px;
		}
    }
}