:root{
--shadow: drop-shadow(2px 2px 1px rgba(50,30,20,.25));
}

body{
background: #e3dcc0;
font-family: "Noto Sans JP", sans-serif;
}
#footer{
background: rgba(153,119,85,1) !important;
}

/*////////// ヘッダー //////////*/
/* 非表示 */
.siteName,#headerContactBtn{
	display: none;
}
@media screen and (max-width: 730px){/*SP*/
.header_contents figure {
    width: 65%;
    margin: 3vw auto;
}
}
@media screen and (min-width: 731px){/*PC*/
#headerContactInfo{
	display: none;
}
.header_contents{
	width: 1050px;
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 1087px){
.header_contents{
	width: 96.6vw;
}
}
.header_contents figure {
	max-width: 420px;
	width: 40%;
}
}

.header_btn{
	display: flex;
	align-items: center;
	max-width: 294px;
	width: 28%;
}
.header_btn a{
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3em;
	background: #975;
	outline: 1px solid rgba(255, 255, 255, .75);
	outline-offset: -4px;
	color: rgba(255, 255, 255, .85);
}

/*////////// ナビメニュー //////////*/
#mainMenu{background-color: transparent;}
#mainMenuInner, #headerContactInfo{
background: rgba(153,119,85,.85);
border: none;
}
.fixedMenu, .fixed{
border: none;
box-shadow: none;
}
#mainMenuBox > ul > li > a, #mainMenu #mainMenuBox > ul > li > .subMenu > li > a, #mainMenu ul .subMenu[level="1"] > li > a {
    font-weight: 400;
}
#mainMenu ul .subMenu[level="1"] > li > a, #mainMenu #mainMenuBox > ul > li > .subMenu > li > a {
    background: rgba(213, 116, 109, .75) !important;
}
/* PCグローバルナビ */
@media screen and (min-width: 731px){/*////////// PC //////////*/
#mainMenuBox>ul>li {
    position: relative;
    box-shadow: none;
}
#mainMenuBox>ul>li:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0%;
    left: 50% !important;
    top: 50%;
    background: #865;
    z-index: 1;
    transition: .3s;
    transform: skewX(100deg);
}
#mainMenuBox>ul>li:has(a:hover):before {
    width: 100%;
    height: 100%;
    left: 0% !important;
    top: 0%;
    background: #ffc0cb;
    transform: skewX(-6deg);
}
#mainMenuBox>ul>li>a {
    border: none;
    box-shadow: none;
    height: 2.85em;
    text-shadow: 1px 1px 3px #543308;
    position: relative;
    z-index: 3;
}
#mainMenuBox>ul>li>a:hover {
    background: none;
    color: #000!important;
    text-shadow: none;
}
#mainMenuBox>ul>li.current>a {
    background: rgba(255,205,155,.3);
    color: #000!important;
    text-shadow: none;
}
}/*////////// PC //////////*/
@media screen and (max-width: 730px){/*////////// SP //////////*/
#mainMenu ul li a {
    background: #ecada8 !important;
}
#mainMenu li.parent a i.fa-chevron-circle-down {
    background: rgba(213, 116, 109, 1);
}
}/*////////// SP //////////*/

#mainMenuBox, #headerContactInfo {
    border: none;
}

/*////////// 共通見出し //////////*/
header.pointTit {
    margin: 1em 0 1.5em;
    padding: .2em 0 .4em .9em;
    background: linear-gradient(180deg, rgba(136,145,82,1) 34%, rgba(173,207,47,1) 34%, rgba(173,207,47,1) 66%, rgba(211,149,144,1) 66%) no-repeat border-box left top/4px !important;
}
header.pointTit div {
    display: none;
}
h1.t_pageHeading {
    background: none !important;
    padding: 0 !important;
    color: #635f5b !important;
    font-size: 1.6em;
    font-weight: 400 !important;
}
h2.t_itemTitle {
    color: #642;
    border-color: #975 !important;
}
@media screen and (max-width: 730px){/*:::::::::: SP ::::::::::*/
header.pointTit {
    background-size: 1vw !important;
}
h1.t_pageHeading {
    font-size: 6.5vw;
}
}/*::::::::::SP(max-width: 730px)::::::::::*/

/*////////// SP MENU一覧 //////////*/
#mainMenu ul li a {
/* background: #997755; */
}


/*////////// 画像関連 //////////*/
#main .textBox img{
	vertical-align: top !important;
}
article.img_l .imgBox {
    float: left;
    margin: 5px 15px 0px 0 !important;
    width: 240px;
}
@media screen and (max-width: 730px){/*:::::::::: SP ::::::::::*/
article.img_l .imgBox {
    margin: 1vw 3vw 0px 0 !important;
    width: 42.5vw;
}
}/*::::::::::SP(max-width: 730px)::::::::::*/

.img_flex .articleInner {
    display: flex;
    gap: 1em;
}
.img_flex .articleInner .imgBox {
    flex-basis: 65%;
}
.img_flex .articleInner .textBox {
    flex-basis: fit-content;
}
@media screen and (max-width: 730px){/*:::::::::: SP ::::::::::*/
.img_flex .articleInner {
	flex-direction: column;
    gap: .5rem;
}
}/*::::::::::SP(max-width: 730px)::::::::::*/

/*グーグルマップボタン*/
.acc_map .gmapBtn a {
	margin: 0 auto !important;
	background: linear-gradient(to bottom, #f5f5f5 0%, #d5d5d5 100%) !important;
	padding: .4em .75em !important;
	font-size: 1em;
	line-height:1.1em !important;
}
.acc_map .gmapBtn a:hover {
	color: #16a6ee !important;
}
.acc_map .gmapBtn i {
	font-size: 1.15em;
	margin-left: .3em !important;
}

/*////////// 共通バナー関連 //////////*/
/* こだわりバナー・院長メッセージバナー・選ばれる理由バナー */
@media screen and (min-width: 731px) {/* PC */
	#cmnbnrgroup{
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#cmnbnrgroup  > article,#cmnbnrgroup > div{
		flex-basis: 48.5%;
	}
	#cmnbnrgroup > div:nth-child(n+3){
		margin-top: 32px !important;
	}
	#cmnbnrgroup  > article:nth-child(even),#cmnbnrgroup  > div:nth-child(even){
		margin-left:3% !important;
	}
}
@media screen and (max-width: 730px){/* SP */
	#cmnbnrgroup > div~div{
		margin-top: 10vw !important;
	}
}

/* お役立ち情報バナー・Q&Aバナー*/
@media screen and (min-width: 731px) {/* PC */
	#infoqabnrgroup{
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#infoqabnrgroup > div{
		flex-basis: 48.5%;
	}
}
@media screen and (max-width: 730px){/* SP */
	.mcbnrgroup #infoqabnrgroup{
		margin-top: 10vw;
	}
	#infoqabnrgroup > div~div{
		margin-top: 10vw !important;
	}
	#infoqabnrgroup #infobnrRead + .bnrbtm_text{
		margin-bottom: 10vw !important;
	}
}

/* お問合せバナー */
#cntctbnrgroup img,div[id^="cntctbnrRead"] img{
	display: block;
}

/*共通バナー*/
.mcbnrgroup{
	clear:both;
}
.contentsText .mcbnrgroup{
	margin-top: 40px !important;
	margin-bottom: 50px !important;
}
@media screen and (min-width: 731px) {/* PC */
	.mcbnrgroup > div.bnrbtmbox ,#infoqabnrgroup{
		margin-top: 50px !important;
	}
	#cmnbnrgroup + .bnrbtmbox{
		margin-top: 35px !important;
	}
}
@media screen and (max-width: 730px){/* SP */
	.mcbnrgroup > div:not(#cmnbnrgroup) ~ div:not(#cmnbnrgroup){
		margin-top: 10vw !important;
	}
	.mcbnrgroup #cmnbnrgroup{
		margin-top: 10vw;
	}
}

/*高さが違う場合はいるバナー下テキストかけるかは要検討*/
/* 選ばれる理由バナー・院長メッセージバナー・こだわりバナー */
@media screen and (min-width: 731px) {/* PC */
	#cmnbnrgroup  > article,#cmnbnrgroup > div{
		align-self: flex-end;
	}
	#cmnbnrgroup > div:nth-child(n+3){
		margin-top: 50px !important;
	}
}

/*////////// SP メニューを閉じる //////////*/
#mainMenu .closeBtn a {
	background: rgba(153,119,85,.85);
}



/*////////// SP メニュー隣の電話マーク //////////*/
@media screen and (max-width: 730px) {
    #headerContactInfo li .fa-phone {
        color: #d5746d;
    }
}


/*////////// サイド //////////*/
.sideBanner {
	filter: var(--shadow);
}
.sideBorderBox {
    padding: 12px 12px 0;
    border: rgba(153,119,85,1) 1px solid;
    border-radius: 0;
    background: #fff;
}
.tit01, h3.tit01 {
    border: none;
    background: rgba(153,119,85,1);
    padding: 6px 0;
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    text-align: center;
}
.tit01:after {
    display: none;
}


/*////////// サブメニュー //////////*/
.catList {
    border-color: #643;
}
.catList .catListTitle {
    background-color: #754;
}


/*////////// 所在地 //////////*/
body .sideBorderBox address{
color: #8e4433;
background-color:#fff;
}
/* 電話マークと番号 濃いピンク */
#side .TelNo{
color:#d5746d !important;
}
#side .TelNo .svgColor{
fill:#d5746d !important;
}


/*////////// お問合せ・アクセス・地図ボタン //////////*/
.btnColor {
border-color: #d5746d;
}
.btnColor a {
background: linear-gradient(to top, rgba(236, 199, 196, 1), #fff 100%) !important;
color: #d5746d !important;
}


/*////////// フッター //////////*/
/* 【電話番号】ベージュ */
#footer .innerL{
color:#421 !important;
}
/* 電話マークと番号 */
#footer .TelNo{
color:#e3dcc0 !important;
}
#footer .TelNo .svgColor{
fill:#e3dcc0 !important;
}
/* 【所在地】ベージュ */
#fMapBox h3{
color:#421 !important;
}
/* 住所 */
#fMapBox address{
color:#e3dcc0 !important;
}



/*////////// フッター目次 //////////*/
/* 目次見出し こげ茶 */
#footer #siteMapTitle {
color:#643 !important;
border-bottom: 1px solid #643 !important;
}
/* 目次項目 濃いピンク */
#footer #footerSitemap ul li a {
color: #d5746d !important;
}
/* 目次その他 茶色 */
#footer #footerSitemap ul li.parent > i {
color: #997755;
}


/*////////// フッタータイトル //////////*/
/* PC */
@media screen and (min-width: 731px) {
#footer #footerSiteName a {
color: #e3dcc0 !important;
}
}
/* SP */
#footer #footerSiteName .pcNone a {
color: #e3dcc0 !important;
}


/*////////// 特殊 //////////*/
/* セパレータ打消し:sepNoneクラス付けた記事の前のセパレータを消す */
.sep02:has(+.sepNone) {
    background: none;
    padding-bottom: 0;
}