/*
Theme Name: LG Clinic
Theme URI: https://example.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Custom WordPress theme converted from provided static clinic site.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: lg-clinic
*/

/* =========================================================
   single-menu ACF support
   ========================================================= */

.single-menu-banner {
    background: none !important;
    overflow: hidden;
}
.single-menu-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.single-menu-template .single-menu-section-block + .single-menu-section-block {
    margin-top: 60px;
}

.single-menu-template .single-menu-section-block > * + * {
    margin-top: 24px;
}

.single-menu-template .s-notice__desc p + p {
    margin-top: 0.2em;
}

.single-menu-template .s-notice__desc p {
    padding-left: 1em;
    text-indent: -1em;
}

.single-menu-template .s-notice__desc p::before {
    content: "・";
}

.single-menu-template .c-label1 {
    display: block;
    margin-top: 24px;
}

.single-menu-template .s-support__tbl th,
.single-menu-template .s-support__tbl td {
    vertical-align: top;
}

.single-menu-template .s-intro__img.u-bgcover,
.single-menu-template .s-price.s-intro .s-intro__img.u-bgcover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*
.single-menu-template .s-point__img--center {
    float: none !important;
    clear: both;
    width: 100%;
    max-width: 720px;
    margin: 30px auto 0;
}

.single-menu-template .s-point__img--center img,
.single-menu-template .s-point__img img {
    display: block;
    width: 100%;
    height: auto;
}
*/

/* =========================================================
   説明ブロック / planブロック
   右・左だけ回り込み
   中央・無し・見出しは縦積み
   ========================================================= */

.single-menu-template .single-menu-section-block .s-point__box,
.single-menu-template .s-point__box {
    display: block;
}

.single-menu-template .single-menu-section-block .s-point__box::after,
.single-menu-template .s-point__box::after {
    content: "";
    display: block;
    clear: both;
}

.single-menu-template .single-menu-section-block .s-point__txt,
.single-menu-template .s-point__txt {
    display: block;
    min-width: 0;
}

.single-menu-template .single-menu-section-block .s-point__img,
.single-menu-template .s-point__img {
    /*max-width: 320px;
    max-width: 45%;*/
    margin-bottom: 16px;
}

.single-menu-template .single-menu-section-block .s-point__img.is-right,
.single-menu-template .s-point__img.is-right,
.single-menu-template .single-menu-section-block .s-point__img.is-left,
.single-menu-template .s-point__img.is-left {
    /*max-width: 320px;*/
    max-width: 45%;
}
/*
.single-menu-template .single-menu-section-block .s-point__img.s-point__img--center,
.single-menu-template .s-point__img.s-point__img--center {
	max-width: 70%;
}
*/
.single-menu-template .single-menu-section-block .s-point__img img,
.single-menu-template .s-point__img img {
    display: block;
    max-width: 100%;
    height: auto;
	border-radius: 10px;
	margin: auto;
}

.single-menu-template .single-menu-section-block .s-point__img.is-left,
.single-menu-template .s-point__img.is-left {
    float: left;
    margin: 0 32px 16px 0;
}

.single-menu-template .single-menu-section-block .s-point__img.is-right,
.single-menu-template .s-point__img.is-right {
    float: right;
    margin: 0 0 16px 32px;
}

/* =========================================================
   期待できること
   3列 → 2列 → 1列
   外側の左右ボーダーなし
   最後の行のみ border-bottom なし
   ========================================================= */

.single-menu-template .s-expect__list {
    display: flex;
    flex-wrap: wrap;
}

.single-menu-template .s-expect__item {
    position: relative;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 0;
    border: 0;
    border-top: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
}

/* 折り返し位置をテキスト頭に揃える */
.single-menu-template .s-expect__item::before {
    flex: 0 0 auto;
}

.single-menu-template .s-expect__item > * {
    min-width: 0;
}

/* ===== 3列 ===== */
@media only screen and (min-width: 1025px) {
    .single-menu-template .s-expect__item {
        width: 33.3333%;
        border-left: 0;
        border-right: 0;
    }

    .single-menu-template .s-expect__item:nth-child(3n + 1),
    .single-menu-template .s-expect__item:nth-child(3n + 2) {
        border-right: 1px solid #C3C3C3;
    }

    .single-menu-template .s-expect__item:nth-child(n + 4) {
        border-top: 0;
    }

    .single-menu-template .s-expect__item:nth-last-child(1):nth-child(3n + 1),
    .single-menu-template .s-expect__item:nth-last-child(2):nth-child(3n + 1),
    .single-menu-template .s-expect__item:nth-last-child(1):nth-child(3n + 2),
    .single-menu-template .s-expect__item:nth-last-child(3):nth-child(3n + 1),
    .single-menu-template .s-expect__item:nth-last-child(2):nth-child(3n + 2),
    .single-menu-template .s-expect__item:nth-last-child(1):nth-child(3n) {
        border-bottom: 0;
    }
}

/* ===== 2列 ===== */
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .single-menu-template .s-expect__item {
        width: 50%;
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #C3C3C3;
        border-bottom: 1px solid #C3C3C3;
    }

    .single-menu-template .s-expect__item:nth-child(2n + 1) {
        border-right: 1px solid #C3C3C3;
    }

    .single-menu-template .s-expect__item:nth-child(n + 3) {
        border-top: 0;
    }

    .single-menu-template .s-expect__item:nth-last-child(1):nth-child(2n + 1),
    .single-menu-template .s-expect__item:nth-last-child(2):nth-child(2n + 1),
    .single-menu-template .s-expect__item:nth-last-child(1):nth-child(2n) {
        border-bottom: 0;
    }
}

/* ===== 1列 ===== */
@media only screen and (max-width: 767px) {
    .single-menu-template .single-menu-section-block .s-point__img,
	.single-menu-template .single-menu-section-block .s-point__img.s-point__img--center,
	.single-menu-template .s-point__img.s-point__img--center,
    .single-menu-template .single-menu-section-block .s-point__img.is-left,
    .single-menu-template .single-menu-section-block .s-point__img.is-right,
    .single-menu-template .s-point__img,
    .single-menu-template .s-point__img.is-left,
    .single-menu-template .s-point__img.is-right {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 10px 0 20px;
    }

    .single-menu-template .s-point__img--center {
        margin: 20px auto 0;
    }

    .single-menu-template .s-expect__item {
        width: 100%;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom: 1px solid #C3C3C3;
    }

    .single-menu-template .s-expect__item:first-child {
        border-top: 1px solid #C3C3C3;
    }

    .single-menu-template .s-expect__item:last-child {
        border-bottom: 0;
    }
}