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

/* 全体（色系）*/
body {
    .single_ttl {
        padding-bottom: 10px;
        border-bottom: dashed 0.5px #707070;
    }

    &.course {
        .flow_list {
            .tel_box,
            a.tel_link {
                color: #07234c;
            }
        }
    }

    &.guide {
        .flow_list {
            .tel_box,
            a.tel_link {
                color: #07234c;
            }
        }
    }

    .tp_sec02,
    .tp_sec06,
    &.error404,
    &.complate {
        .btn01 a {
            background-color: #fff;
            color: #07234c;
        }

        .btn01 a:before {
            background: #07234c;
            color: #fff;
        }

        .btn01 a:hover {
            color: #fff;
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        &.shop {
            .sec01 {
                .layout_a .imgbox {
                    width: 50%;
                }
            }

            .sec02 {
                .layout_b .txtbox {
                    margin-left: 10%;
                }
            }
        }

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

        .tp_sec02 {
            .layout_b .imgbox {
                padding-top: 2%;
            }
        }

        .tp_sec02:before {
            background-size: cover;
            width: 13%;
            height: 60%;
        }
		
		&.reserve {
			iframe {
				height: 800px;
			}
		}
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
        .tp_sec03 {
            .layout_e {
                width: 100%;
            }

            .layout_e .txtbox {
                margin-left: 15%;
                margin-top: 5%;
                margin-right: -10%;
            }
        }

        &.forte {
            .layout_d .txtbox {
                margin-right: 15%;
                margin-left: 5%;
            }

            .layout_d .txtbox .box {
                width: auto;
            }

            .layout_e .txtbox {
                margin-right: 5%;
                margin-left: 15%;
            }

            .layout_e .txtbox .box {
                width: auto;
            }

            .layout_e .imgbox,
            .layout_d .imgbox {
                width: 52%;
            }

            .layout_e,
            .layout_d {
                width: 100%;
            }
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
		
		&.reserve {
			iframe {
				height: 600px;
			}
		}
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .tp_sec03 .layout_e .txtbox,
        .tp_sec03 .layout_d .txtbox {
            padding: 30px 0;
        }

        &.forte {
            .layout_d,
            .layout_e {
                width: 100%;
            }
        }
    }
}