@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
*/



/* 共通 */

/* マージンボトム */
.u-mb-80 {
	margin-bottom: 8em!important;
}

.u-mb-100 {
	margin-bottom: 10em!important;
}

.u-mb-120 {
	margin-bottom: 12em!important;
}

@media (max-width: 959px) {
	.u-mb-80 {
		margin-bottom: 6em!important;
	}

	.u-mb-100 {
		margin-bottom: 6em!important;
	}

	.u-mb-120 {
		margin-bottom: 6em!important;
	}
}

@media (max-width: 599px) {
    .text-align-left {
        text-align: left !important;
    }
}




/* ヘッダー */


/* ヘッダー問い合わせボタン */
.l-header .w-header__inner .swell-block-button .swell-block-button__link {
	background-color: #9E8950;
	color: #FFFFFF;
}

.l-header .w-header__inner .swell-block-button .swell-block-button__link span {
	
}


.l-header .w-header__inner .widget_text .wp-block-columns,
.l-fixHeader__inner .w-header__inner .widget_text .wp-block-columns {
    --wp-column-gap: 1em;
}

@media (max-width: 599px) {
    .-txt .c-headLogo__link {
        font-size: 4vw !important;
    }
}



/* 固定ページ ページヘッダー */
.c-pageTitle {
	text-align: center;
	letter-spacing: 0.2em;
}



/* 固定ページ セクションタイトル */
.page h2.is-style-section_ttl:after {
    display: block;
    border-bottom: 2px solid #6ABF4B;
    width: 60px;
    content: "";
    margin: 15px auto 0;
}



/* 固定ページ フッターの隙間埋める */
.page-menu .l-content,
.page-reservation .l-content {
	margin-bottom: 0 !important;
}



/* 固定ページ テーブル */
.page .wp-block-table td {
	border-color: #FFFFFF !important;
}

.menu-table table td:nth-child(odd) {
    width: 25%;
}

.menu-table table td:nth-child(even) {
	width: 75%;
}


/* ページ予約について */
.parts-reservation-section .is-style-section_ttl {
	background: #6ABF4B;
	color: #FFFFFF;
	padding: 3px 0 6px;
}

.page .parts-reservation-section h2.is-style-section_ttl:after {
	display: none;
	border: none;
	margin: 0;
}

@media (max-width: 599px) {
    .parts-reservation-section .is-style-section_ttl {
        font-size: 18px;
        padding: 3px 10px 6px;
    }

    .page .parts-reservation-section h2.is-style-section_ttl:after {
    }
}



/* TOPページ メインビジュアルサイズ調整 */
@media (max-width: 959px) {
	/*.p-mainVisual__inner {
		height: 60vh;
	}*/
}



/* TOPページ メインビジュアルテキスト */
.p-mainVisual__slideTitle {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.p-mainVisual__slideText {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

@media (max-width: 959px) {	
	.p-mainVisual__slideTitle {
		font-size: 28px;
	}

	.p-mainVisual__slideText {
		font-size: 16px;
	}
}


@media (max-width: 599px) {	
	.p-mainVisual__slideTitle {
		font-size: 22px;

	}

	.p-mainVisual__slideText {
		font-size: 14px;
        margin-top: 0.25em !important;
	}
}



/* TOPページ */
/*.home .l-content {
	margin: 0 auto 0;
}*/



/* TOPページ セクションタイトル */
.home h2.is-style-section_ttl:after {
    content: none;
    margin: 0;
}

@media (max-width: 599px) {
}



/* TOPページ当院について */
.home .top-about-section {
	
}

.home .top-about-section .top-about-bt {
	width: 700px;
	margin: 0 auto;
}

.home .top-about-section .top-about-bt .is-style-more_btn {
	--the-min-width: 90% !important;
}



/* TOPページ当院の治療*/
.home .top-treatment-box {
	
}

.home .top-treatment-box .top-treatment-box-text a {
	color: #222222 !important;
}

.home .top-treatment-box .top-treatment-box-text a:link {
	color: #222222 !important;
}

.home .top-treatment-box .top-treatment-box-text a:valid{
	color: #222222 !important;
}

.home .top-treatment-box .top-treatment-box-text a:hover {
	color: #6ABF4B !important;
	text-decoration: none;
}

.home .top-treatment-box .top-treatment-box-text a:active {
	color: #222222 !important;
}



/* TOPページプロフィール */
.home .top-profile-section {
	
}

.home .top-profile-section ul li {
	color: #FFFFFF;
}



/* お問い合わせ */
.page-contact .smf-action .smf-button-control__control {
	border: 1px solid #6ABF4B;
	border-radius: 0;
	background-color: #FFFFFF;
	background-image: none;
	color: #6ABF4B;
	transition: 0.3s;
	width: 20em;
}

.page-contact .smf-action .smf-button-control__control:hover {
	background-color: #6ABF4B;
	background-image: none;
	color: #FFFFFF;
}

.page-contact .smf-form.smf-form--letter .smf-complete-content .has-text-align-center {
    margin-bottom: 30px;
}


/*.smf-action .smf-button-control__control {
    --_border-radius: var(--_global--border-radius);
    --_transition-duration: var(--_global--transition-duration);
    --_transition-function-timing: var(--_global--transition-function-timing);
    --_transition-delay: var(--_global--transition-delay);
    background-color: var(--_lighter-color-gray);
    background-image: linear-gradient(180deg,#fff,var(--_lighter-color-gray));
    border: 1px solid var(--_form-control-border-color);
    border-radius: var(--_border-radius);
    border-radius: var(--_global--border-radius);
    color: var(--_color-text);
    cursor: pointer;
    display: inline-block;
    outline: 0;
    padding: var(--_padding-2) var(--_padding-1);
    text-decoration: none;
    transition: border var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)
}

.smf-action .smf-button-control__control:hover {
    border-color: var(--_form-control-border-color-hover)
}

.smf-action .smf-button-control__control:active,.smf-action .smf-button-control__control:focus,.smf-action .smf-button-control__control:focus-within,.smf-action .smf-button-control__control[aria-selected=true] {
    border-color: var(--_form-control-border-color-focus)
}*/



/* 施術時間ブログパーツ */
.ticket-price-box {
}

.ticket-price-box ul {
    display: flex;
    padding: 0;
    justify-content: space-between;
}

.ticket-price-box ul li {
    list-style: none;
    width: 48%;
}

.contact-blog-parts-box ul {
    width: 70%;
    display: flex;
    padding: 0;
    margin: 0 auto;
    justify-content: space-between;
}

.contact-blog-parts-box ul li {
    list-style: none;
    width: 50%;
    text-align: center;
    
}

.contact-blog-parts-box ul li a {
    display: block;
    transition: opacity .25s
}

.contact-blog-parts-box ul li a:hover {
    opacity: .8
}

.business-hours-box {
	
}

.business-hours-box .business-hours-title {
	text-align: center;
	color: #583911;
	font-size: 22px;
	font-weight: bold;
	border-top:3px double #583911;
	border-bottom:3px double #583911;
	margin-bottom: 30px;
	padding-bottom: 5px;
	background: #FFF;
}

.business-hours-table-pc {
	line-height: 1.2 !important;
	font-size: 14px;
	border-collapse: separate !important;
	border-spacing: 1px 1px !important;
}

.business-hours-table-pc th {
	background: #C3E5B7;
	text-align: center;
	padding: 0.7em 0;
	border: none;
}

.business-hours-table-pc td {
	width: 10%;
	background: #FFF;
	text-align: center;
	padding: 0.7em 0;
	border: none;
}

.business-hours-table-pc .time-table {
	width: 18%;		
}

@media (max-width: 959px) {
    .ticket-price-box {
    }

    .ticket-price-box ul {
    }

    .ticket-price-box ul li {
    }

    .contact-blog-parts-box ul {
        width: 100%;
    }

    .contact-blog-parts-box ul li {
        width: 48%;
    }

    .contact-blog-parts-box ul li a {
    }

    .contact-blog-parts-box ul li a:hover {
    }
    
	.business-hours-box {

	}

	.business-hours-box .business-hours-title {
		width: 96% !important;
		margin: 0 auto;
		font-size: 18px;
		margin-bottom: 20px;
		padding: 1px 0 3px;
	}

	.business-hours-table-pc {
		font-size: 12px;
		width: 96% !important;
		margin: 0 auto;
		/*white-space: pre;*/
	}

	.business-hours-table-pc th {
		padding: 0.4em 0;
	}

	.business-hours-table-pc td {
		padding: 0.4em 0;
		/*-webkit-writing-mode: vertical-rl;
		-moz-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-ms-writing-mode: vertical-rl;
		writing-mode: vertical-rl;*/
	}
	
	.business-hours-table-pc td.time-td {
		/*-ms-writing-mode: lr-tb;
  		writing-mode: horizontal-tb;*/
	}

	.business-hours-table-pc .time-table {
	}
}



/* フッター直前 */
.w-beforeFooter {
    margin: 0 auto 0;
	padding: 2em 0 0;
	text-align: center;
	background: #6ABF4B;
	color: #FFFFFF;
}

.w-beforeFooter address {
	font-style: normal;
	font-size: 14px;
	margin-bottom: 10px;
}

.w-beforeFooter ul {
	display: inline-flex;
}

.w-beforeFooter ul li {
	margin: 0 5px;
}

.w-beforeFooter ul li a {
    transition: opacity .25s;
}

.w-beforeFooter ul li a:hover {
    opacity: .8
}

.footer-menu {
	background: #FFFFFF;
	text-align: center;
	padding: 5px 0;
	font-size: 14px;
}

.footer-menu a {
	color: #222222 !important;
}

.footer-menu a:link {
	color: #222222 !important;
}

.footer-menu a:valid{
	color: #222222 !important;
}

.footer-menu a:hover {
	color: #6ABF4B !important;
	text-decoration: none;
}

.footer-menu a:active {
	color: #222222 !important;
}

@media (max-width: 959px) {
	.w-beforeFooter ul {
		flex-wrap: wrap;
		justify-content: center;
	}
}