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

/* 全体（色系）*/
body {
    .tp_sec02 {
        .ttl05 {
            color: #443511;
        }
    }
    
    .add_parts_official {
        .sub_images_ul li img {
            border-radius: 10px;
        }
    }

    footer {
        hr {
            border-bottom: dotted 2px #fff;
        }
    }

    h3 {
        color: #443511;
    }

    .add_athletes {
        h3 {
            color: #fff;
        }
    }

    .boder7C {
        border: solid 2px #7C7054;
    }

}

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

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

        .add_parts_information {
            .layout_b .imgbox {
                width: 50%;
            }
        }

        .footerUpper_nav_area {
            li {
                margin-bottom: 6px;
            }
        }

        &.features {
            .sec07 {
                .layout_a .imgbox {
                    width: 40%;
                }
            }
        }

        &.clinic {
            .sec03 {
                .layout_b .imgbox {
                    width: 35%;
                }
            }
        }

        &.online {
            .sec02 {
                .layout_b .imgbox,
                .layout_a .imgbox {
                    width: 55%;
                }
            }
        }

        &.treatment {
            .sec01 {
                .layout_a .imgbox {
                    width: 40%;
                }
            }

            .sec03 {
                .layout_b .imgbox,
                .layout_a .imgbox {
                    width: 55%;
                }
            }

            .sec04 {
                background-color: #F9F4EA;
                .layout_a .imgbox {
                    width: 40%;
                }
            }

            .sec06 {
                .layout_a .imgbox {
                    width: 40%;
                }
            }

            .sec07 {
                .layout_a .imgbox {
                    width: 40%;
                }
            }
        }

        &.fee {
            .sec02 {
                .layout_b .imgbox {
                    width: 35%;
                }
            }
        }

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

        &.contact {
            .sec01 {
                .layout_b .imgbox {
                    width: 50%;
                }
            }
        }

        .add_indiba {
            .layout_a .imgbox {
                width: 55%;
            }
        }
    }
}

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

        #main_visual {
            height: calc(95vh);
        }

        #main_visual .swiper-container .swiper-wrapper .swiper-slide {
            height: calc(95vh);
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        #main_visual {
            height: calc(70vh);
        }

        #main_visual .swiper-container .swiper-wrapper .swiper-slide {
            height: calc(70vh);
        }

        .topics_ul01 li {
            width: 100%;
        }

        .gnav .gnav__inr li .h_btn02 {
            margin: 0 !important;
        }
    }
}