@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* スクロール固定のPCヘッダー */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
#fix_header .sub-menu {
	height: 80vh; 
	overflow: auto ;
}
.c-gnav .sub-menu {
	height: 210px !important; 
	overflow: scroll !important;
}

.c-gnav>.menu-item:hover>.sub-menu {
	height: 210px !important; 
	overflow: scroll !important;
}


/* SP下部固定メニュー */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */

#fix_bottom_menu .menu_list {
	padding: 0;
}
#fix_bottom_menu .menu-item {
	height: 100%;
}
#fix_bottom_menu .menu-item a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #fff;
	font-weight: bold;
	width: 100%;
	height: 100%;
}
#fix_bottom_menu .menu-item.line a {
	background: #FF8080;
}
#fix_bottom_menu .menu-item.tel a {
	background: var(--color_faq_q);
}

/* メニューは非表示 */
#fix_bottom_menu .menu_list .menu_btn {
	display: none;
}

/* メインビジュアル */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */

@media (min-width: 600px) {
    .p-mainVisual__slideTitle {
        font-size: 40px;
    }
    .p-mainVisual__slideText {
        font-size: 18px;
    }
}



/* 共通パーツ */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */

/* 固定ページのタイトル */
.c-pageTitle {
    color: var(--color_main);
    font-weight: normal;
}



/* 投稿系 */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */

.editor-styles-wrapper h2,
.post_content h2 {
    font-size: 1.5em;
    font-weight: normal;
    margin: 0;
    margin-bottom: 1em;
}
@media (min-width: 600px) {
    .editor-styles-wrapper h2,
    .post_content h2 {
        font-size: 2em;
        margin-bottom: 2em;
    }
}

/* カテゴリーニュースのサムネイルを正方形に */
#body_wrap.category-news .c-postThumb__figure::before  {
	padding-top: 100%;
}



/* ブログパーツ */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */

.my-footer-content {
    padding: 40px 0;
}
.my-footer-content .wp-block-image img {
    margin: 0;
}
.my-footer-content .swell-block-button__link {
    color: #fff;
    font-weight: normal;
}
.my-footer-content .my-menu {
    /* color: var(--color_main); */
    line-height: 2;
}



/* 再利用ブロック */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */

/* （再利用）チップリスト */
/* ********************************************** */
.my-tip-list[class][class][class] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    padding: 0 !important;
}
.my-tip-list > li {
    color: #fff;
    background-color: var(--color_main);
    border-radius: 4px;
    list-style: none;
    padding: 0.35em 0.5em;
}

/* （再利用）症例ブロック */
/* ********************************************** */
/* .my-shourei-block {
} */
.my-shourei-block > * {
    position: relative;
}
.my-shourei-block > * h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.5em;
    background-color: var(--color_main);
    padding: 10px;
    width: 50%;
    aspect-ratio: 1/1;
    position: absolute;
    top: 0;
    left: 0;
}
.my-shourei-block > * p {
    color: #fff;
    font-size: 0.8em;
    background-color: #c9beaf;
    padding: 20px;
    width: 65%;
    aspect-ratio: 4/3;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
@media (max-width: 781px) {
    .my-shourei-block > * h2 {
        font-size: 1.3em;
        position: static;
        aspect-ratio: auto;
        width: 100%;
        margin-bottom: 0;
    }
    .my-shourei-block > * p {
        position: static;
        aspect-ratio: auto;
        width: 100%;
    }
}

/* TOP 症例ブロック */
/* ********************************************** */
.my-top-shourei > .my-img img {
    object-fit: contain;
}
.my-top-shourei > .my-desc {
    order: -1;
}
@media (min-width: 782px) {
    .my-top-shourei {
        position: relative;
    }
    .my-top-shourei > * {
        flex: 0 0 auto !important;
    }
    .my-top-shourei > .my-img {
        width: 65%;
    }
    .my-top-shourei > .my-img img {
        width: 100% !important;
        height: auto !important;
    }
    .my-top-shourei > .my-desc {
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: -15%;
        width: 45%;
        padding: 40px;
        order: 0;
    }
    .my-top-shourei > .my-desc h3 {
        font-weight: normal;
    }
}

/* TOP 施術紹介 各部位のリンク＋背景画像 */
/* ********************************************** */
.my-sejutu-parts-link {
	position: relative;
}
/* 画像 */
/* *************** */

.my-sejutu-parts-link .is-sp-show {
    display: none;
}
@media (max-width: 900px) {
    .my-sejutu-parts-link .is-pc-show {
        display: none;
    }
    .my-sejutu-parts-link .is-sp-show {
        display: block;
    }
}
.my-sejutu-parts-link img {
	width: 100%;
	height: auto;
}

/* リンクリストの親 */
/* *************** */
.my-sejutu-parts-link ul {
	padding: 0;
}
@media (max-width: 900px) {
	.my-sejutu-parts-link ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px 20px;
		padding: 0 20px;
	}
}
@media (max-width: 640px) {
	.my-sejutu-parts-link ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px 10px;
	}
}

/* 各リスト */
/* *************** */
.my-sejutu-parts-link li {
	list-style: none;
	position: absolute;
	margin: 0;
}
@media (max-width: 900px) {
	/* .my-sejutu-parts-link li {
		position: static;
	} */
	.my-sejutu-parts-link li {
		opacity: 0;
        width: 27vw;
        height: 9.3vw;
	}
	.my-sejutu-parts-link li::before,
	.my-sejutu-parts-link li::after {
		display: none;
	}
}

/* 線の共通スタイル */
/* *************** */
.my-sejutu-parts-link li::before {
	content: "";
	border: dashed 1px var(--swl-text_color--black);
	height: 1px;
	position: absolute;
}

/* 黒丸の共通スタイル */
/* *************** */
.my-sejutu-parts-link li::after {
	content: "";
	background-color: var(--swl-text_color--black);
	border-radius: 100vmax;
	width: 1vw;
	height: 1vw;
	position: absolute;
	display: none; /* 黒丸削除。復活の可能性があるのでここで一時的に非表示にする */
}

/* 各ボタン特有スタイル - ヒアルロン酸注射 */
/* *************** */
.my-sejutu-parts-link li.my-hiaruronsan {
	top: 25%;
	left: 10%;
}
@media (max-width: 900px) {
    .my-sejutu-parts-link li.my-hiaruronsan {
        top: 19.3vw;
        right: 4.5vw;
        left: auto;
    }
}
.my-sejutu-parts-link li.my-hiaruronsan::before {
	width: 167%;
    top: 165%;
    left: 89%;
    transform: rotate(25deg);
}
.my-sejutu-parts-link li.my-hiaruronsan::after {
	top: 277%;
	left: 246%;
}

/* 各ボタン特有スタイル - 貴族フィラー */
/* *************** */
.my-sejutu-parts-link li.my-kizoku {
	top: 40%;
	left: 10%;
}
@media (max-width: 900px) {
    .my-sejutu-parts-link li.my-kizoku {
        top: 23.7vw;
        left: 5vw;
    }
}
.my-sejutu-parts-link li.my-kizoku::before {
    width: 144%;
    top: 75%;
    left: 90%;
    transform: rotate(7deg);
}
.my-sejutu-parts-link li.my-kizoku::after {
    top: 94%;
    left: 230%;
}

/* 各ボタン特有スタイル - 糸リフト */
/* *************** */
.my-sejutu-parts-link li.my-itorifuto {
	top: 55%;
	left: 10%;
}
@media (max-width: 900px) {
    .my-sejutu-parts-link li.my-itorifuto {
        top: 38.2vw;
        left: 5vw;
    }
}
.my-sejutu-parts-link li.my-itorifuto::before {
    width: 120%;
    top: 18%;
    left: 83%;
    transform: rotate(-11deg);
}
.my-sejutu-parts-link li.my-itorifuto::after {
    top: -31%;
    left: 198%;
}

/* 各ボタン特有スタイル - 肩ボトックス */
/* *************** */
.my-sejutu-parts-link li.my-katabotokkusu {
	top: 75%;
	left: 10%;
}
@media (max-width: 900px) {
    .my-sejutu-parts-link li.my-katabotokkusu {
        top: 52.7vw;
        left: 5vw;
    }
}
.my-sejutu-parts-link li.my-katabotokkusu::before {
    width: 50%;
    top: 63%;
    left: 91%;
    transform: rotate(12deg);
}
.my-sejutu-parts-link li.my-katabotokkusu::after {
	top: 71%;
	left: 138%;
}

/* 各ボタン特有スタイル - 脂肪溶解注射 */
/* *************** */
.my-sejutu-parts-link li.my-sibouyoukai {
	top: 15%;
	right: 10%;
}
@media (max-width: 900px) {
    .my-sejutu-parts-link li.my-sibouyoukai {
        top: 5.7vw;
        right: 4.5vw;
    }
}
.my-sejutu-parts-link li.my-sibouyoukai::before {
	width: 130%;
	top: 149%;
	left: -121%;
	transform: rotate(-27deg);
}
.my-sejutu-parts-link li.my-sibouyoukai::after {
	top: 245%;
	left: -118%;
}

/* 各ボタン特有スタイル - HIFU */
/* *************** */
.my-sejutu-parts-link li.my-hifu {
	top: 30%;
	right: 10%;
}
@media (max-width: 900px) {
    .my-sejutu-parts-link li.my-hifu {
        top: 9vw;
        left: 5vw;
    }
}
.my-sejutu-parts-link li.my-hifu::before {
    width: 100%;
    top: 70%;
    left: -98%;
    transform: rotate(-8deg);
}
.my-sejutu-parts-link li.my-hifu::after {
    top: 85%;
    left: -101%;
}

/* 各ボタン特有スタイル - エラボトックス */
/* *************** */
.my-sejutu-parts-link li.my-erabotokkusu {
	top: 45%;
	right: 10%;
}
@media (max-width: 900px) {
    .my-sejutu-parts-link li.my-erabotokkusu {
        top: 34.4vw;
        right: 4.5vw;
    }
}
.my-sejutu-parts-link li.my-erabotokkusu::before {
	width: 96%;
    top: 71%;
    left: -95%;
    transform: rotate(-9deg);
}
.my-sejutu-parts-link li.my-erabotokkusu::after {
    top: 86%;
    left: -95%;
}

/* 各ボタン特有スタイル - Cカールリップ */
/* *************** */
.my-sejutu-parts-link li.my-ckarurippu {
	top: 60%;
	right: 10%;
}
@media (max-width: 900px) {
    .my-sejutu-parts-link li.my-ckarurippu {
        top: 49.3vw;
        right: 4.5vw;
    }
}
.my-sejutu-parts-link li.my-ckarurippu::before {
	width: 141%;
    top: 20%;
    left: -140%;
    transform: rotate(6deg);
}
.my-sejutu-parts-link li.my-ckarurippu::after {
    top: -15%;
    left: -144%;
}

/* 各ボタン特有スタイル - 脂肪吸引 */
/* *************** */
.my-sejutu-parts-link li.my-siboukyuuin {
	top: 75%;
	right: 10%;
}
@media (max-width: 900px) {
    .my-sejutu-parts-link li.my-siboukyuuin {
        top: 64.4vw;
        right: 4.5vw;
    }
}
.my-sejutu-parts-link li.my-siboukyuuin::before {
    width: 148%;
    top: -35%;
    left: -141%;
    transform: rotate(19deg);
}
.my-sejutu-parts-link li.my-siboukyuuin::after {
    top: -126%;
    left: -138%;
}

/* ボタン */
/* *************** */
.my-sejutu-parts-link li a {
	display: block;
	color: #fff;
	font-size: 1.3vw;
	text-align: center;
	background-color: var(--swl-text_color--black);
	border: solid 1px var(--swl-text_color--black);
	border-radius: 4px;
	padding: 1em 1em;
	width: 16vw;
	position: relative;
	z-index: 1;
	transition: color .3s, background-color .3s;
}
.my-sejutu-parts-link li a:hover {
	color: var(--swl-text_color--black);
	background-color: #fff;
}
@media (max-width: 900px) {
	/* .my-sejutu-parts-link li a {
		width: 100%;
		font-size: 14px;
	} */
	.my-sejutu-parts-link li a {
		font-size: 0;
        width: 100%;
        height: 100%;
	}
}

/* Flexible Block ストライプ背景色変更 */
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) td{
	background-color: #F2EFEB;
}

/* 記事とフッターの間の余白をなくす */
.l-content {
    margin: 0 auto 0em;
}

/* ハンバーガーメニュータイトル色変更 */
.c-widget__title.-spmenu {
    background: #B99E93;
}

/* QA内の色を変更 */
[data-q=fill-main] .faq_q:before {
    background-color: #B99E93;
}

.swell-block-step__number{
	background-color:#B99D93!important;
}

/* TOP FV 文字の位置を下げた */
@media (min-width: 900px) {
.p-mainVisual__textLayer {
    height: 130%;
}
}

@media (max-width: 900px) {
.p-mainVisual__textLayer {
    height: 120%;
}
}

/* 見出し装飾 */
.title_borderB_Gold {
    position: relative;
    border-bottom: 1px solid #b99e93;
    padding-bottom: 10px;
    width: 100%;
    display: block;
    margin: auto;
}

.title_borderB_Gold::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background-color: #D0B572;
    bottom: -4px;
    left: 0;
}

.title_borderB_Gold::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background-color: #D0B572;
    bottom: -4px;
    right: 0;
}

.text-center {
    text-align: center !important;
}

.cDarkGrey {
    color: #434241 !important;
}

margin-left: auto !important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.ti-rating{
display:none!important;
}


/*タイトルのボーダー */

.title_borderB_Gold {
    position: relative;
    border-bottom: 1px solid #b99e93;
    padding-bottom: 10px;
    width: 100%;
    display: block;
    margin: auto;
}

.title_borderB_Gold::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background-color: #b99e93;
    bottom: -4px;
    left: 0;
}

.title_borderB_Gold::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background-color: #b99e93;
    bottom: -4px;
    right: 0;
}

/*フッターSNSアイコンを小さく */
.snssmall {
    max-width: 60%;
    margin: 0 auto;
}

/* プラグイン MetaSlider */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
body .metaslider .flexslider .flex-direction-nav li {
	position: static;
}