/*// 小デバイス（横向きモバイル, 576px 以上）*/
@media (min-width: 576px) {  }

/*// 中デバイス（タブレット, 768px 以上）*/
@media (min-width: 768px) {  }

/*// 大デバイス（デスクトップ, 992px 以上）*/
@media (min-width: 992px) {  }

/*// 特大デバイス（ワイド・デスクトップ, 1200px 以上）*/
@media (min-width: 1200px) {  }





/*// 極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 575.98px) {  }

/*// 小デバイス（横向きモバイル, 768px 未満）*/
@media (max-width: 767.98px) {  }

/*// 中デバイス（タブレット, 992px 未満）*/
@media (max-width: 991.98px) {  }

/*// 大デバイス（デスクトップ, 1200px 未満）*/
@media (max-width: 1199.98px) {  }






.wf-notosansjapanese {
    font-family: "Noto Sans JP";
}

.wf-sawarabimincho {
    font-family: "Sawarabi Mincho";
}

body {
    font-family: "Noto Sans JP";
    color: #666;
}


/*ヘッダー周り*/
.sitename h1 {
    margin: 0;
    padding: 0;
    width: 250px;
}

.sitename .head-info {
    font-size: 1.3rem;
    text-align: right;
    margin-top: 10px;
}
.sitename .head-info .tel{
    font-size: 0.5rem;
    border-bottom: solid 1px #000;
    margin-right: 0.2rem;
    vertical-align:middle;
    display: inline-block;
}
.sitename .head-info a{
    display: block;
}
.sitename .head-info i {
    margin-right: 0.3em;
}


.sitename .logo{
    max-width: 290px;
}
.sitename .head-info .otoiawase{
    border: solid 1px #b85f91;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 6px;
    display: inline;
    padding: 0.1rem 1.4rem;
}
.sitename .head-info a.otoiawase:link{
    color: #b85f91;
}
.sitename .head-info a.otoiawase:visited{
    color: #b85f91;
}
.sitename .head-info a.otoiawase:hover{
    color: #fff;
    background-color: #b85f91;
}
.sitename .head-info .otoiawase i{
    font-size: 1.2rem;
}


.sitename {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sitename a {
    color: inherit;
}
.sitename .row{
    align-items: flex-end;
}

/*// 極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 575.98px) {
    .uketsuke{
        margin-top: 0.7rem;
    }
    .sitename .head-info{
        margin-top: 0.2rem;
        text-align: center;
    }
    .sitename .head-info a{
        display: inline-block;
    }
}

/*// 小デバイス（横向きモバイル, 768px 未満）*/




li i {
    color: inherit;
    margin-right: 0.3em;
}

nav.navbar{
    background-color: #b85f91!important;
}


#Navber li {
  flex-grow: 1;
  text-align: center;
}
#Navber li + li {
  border-left: 1px solid rgba(255,255,255,.2);
}

@media (max-width: 767.98px) {
    #Navber ul{
    }
    #Navber li {
        
    }
    #Navber li+li {
        border-left: none;
    }
}


.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #e5e5e5
}



/*ヘッダここまで*/


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


/* 画面幅が1170px以上になった場合に背景色をつける */

.main-v {
    position: relative;
    margin-bottom: 30px;
}

.main-container {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

img {
    max-width: 100%;
    height: auto;
}

.main-img {
    display: block;
}



/* メインのテキスト装飾 */

.main-info h2 {
    color: #b85f91;
    padding: 30px 0 0 0;
    font-family: "Sawarabi Mincho";
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 0.1rem;
}

.main-info h2 span {
    color: #666;
    font-size: 0.7em!important;
    padding: 0 0.3em;
}


/*slick*/

.slick-slide img {
    opacity: 0.4;
    transition: all 1s;
}

.slick-center img {
    opacity: 1;
    transition: all 1s;
}

.center-slider {
    margin: 0 0 50px;
}

.center-slider img {
    width: 100%;
    height: auto;
}

.center-slider .slick-next {
    right: 20px;
    z-index: 99;
}

.center-slider .slick-prev {
    left: 15px;
    z-index: 100;
}


/*bootstrapのメディアクエリに合わせて、表示位置やフォントサイズを調整*/

@media screen and (max-width: 767px) {
    .main-info h2 {
        font-size: 1.3em;
    }
}

@media screen and (min-width: 768px) {
    .main-info h2 {}
}


/* Medium devices (desktops, 992px and up) */

@media screen and (min-width: 992px) {}


/* Large devices (large desktops, 1200px and up) */

@media screen and (min-width: 1200px) {}


/******************メインビジュアルここまで**********************/


/******************コンテンツタイトル**********************/



/*タイトル2020*/
#titleWarp{
    text-align: center;
}
#title{
    background-image: url(../image/contents/title01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 400px;
}
#title.title02{
    background-image: url(../image/contents/title02.jpg);
}
#title.title03{
    background-image: url(../image/contents/title03.jpg);
}

#titleArea{
    font-family: "Sawarabi Mincho";
    text-align: center;
    background-color: #fff;
    display: inline-block;
    margin-top: -50px;
    margin-right: auto;
    margin-left: auto;
    padding: 2rem 2rem 0;
    border-radius: 80%;
}
#contnets-h1{
    color: #000;
    font-size: 1.8rem;
    text-align: center;
}


/**********************基本設定**************************/

h2 {
    text-align: center;
    display: block;
    float: none;
    clear: both;
}

h2 span {
    font-size: 12px;
}


h2.icon{
    color: #000;
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    margin-bottom: 2rem;
}
h2.icon::before{
    content: url(../image/common/h2-icon@3x.png);
    display: block;
    transform: scale(0.2);
    height: 140px;
}


#pagetop {
    position: fixed;
    bottom: 20px;
    right: 10px;
	z-index: 999;
	opacity: 0.8;
}

.img-box {
    margin-bottom: 0.3em;
}


/*news ブログRSS*/
#news {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}
#news dl#rssfeed {}

#news dl#rssfeed dt {
    clear: left;
    float: left;
    margin: 0;
    padding: 10px 0 10px 0.5em;
    width: 10em;
    line-height: 1.8em;
    font-size: 0.8rem;
    font-weight: normal;
}

#news dl#rssfeed dd {
    font-family: "Sawarabi Mincho", sans-serif;
    margin: 0;
    padding: 10px 0.5em 10px 7em;
    border-bottom: 1px dotted #CCC;
    line-height: 1.5em;
}

#news dl#rssfeed a {
    padding: 5px 20px 5px 0;
    color: #399CCD;
    text-decoration: underline;
}
#news dl#rssfeed a:link{
    color: #666;
    text-decoration: none;
}
#news dl#rssfeed a:visited{
    color: #666;
}
#news dl#rssfeed a:hover{
    color: #666;
    text-decoration: underline;
}
#news div.bloglist {
    text-align: center;
}
#news div.bloglist img{
    max-width: 200px;
}


/*tokucho ３つの特徴*/

#tokucho {
    margin-bottom: 4em;
}

.tokuchoInner {
    padding: 0.5em;
    margin-top: 0.5em;
    border-left: solid #bbb 1px;
    border-right: solid #bbb 1px;
}
.tokuchoInner+ .tokuchoInner  {
    border-left: 0;
    border-right: solid #bbb 1px;
}

.tokuchoInner h3 {
    font-size: 1.3rem;
    margin-top: 0.5em;
    font-family: "Sawarabi Mincho", sans-serif;
    color: #000;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    padding: 0 1rem;
}
.tokuchoInner p{
    padding: 0 1rem;
    line-height: 1.5rem;
    font-size: 0.8rem;
}
#tokucho .col-sm-4 {
    padding: 10px;
}

/*// 小デバイス（横向きモバイル, 768px 未満）*/
@media (max-width: 767.98px) {
	.tokuchoInner {
		border: none;
	}
	.tokuchoInner+ .tokuchoInner{
		border: none;
	}
}




/*tokucho こだわりポイント*/

#tokucho2 {
    margin-bottom: 4em;
}

#tokucho2 .col-sm-3 {
    padding: 10px;
}


/*20191021 news tokucho 横幅調整*/

#row-otoiawase {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}


/*aisatsu 院長ごあいさつ*/

#aisatsu {
 /*   background-color: #f1dfe9;
    position: relative;*/
    background-image: url(../image/contents/aisatsu-bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

#incho {
    font-family: "Sawarabi Mincho";
}
#incho h3{
    font-size: 2rem;
    color: #b85f91;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}
#incho p{
    font-size: 0.9rem;
}
.inchoimg{
    margin-top: 20px;
}


/*shinryou 診療案内*/

#shinryou {}

#shinryou div {
    margin-bottom: 1rem;
}



/*touin 当院のご案内*/

.arrow_box {
    margin-top: 1em;
    position: relative;
    background: #ffffff;
    border: 1px dashed #aaa390;
    border-radius: 10px;
    padding: 0.5em;
}

.arrow_box:after,
.arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: dashed transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.arrow_box:before {
    border-color: rgba(219, 219, 219, 0);
    border-bottom-color: #aaa390;
    border-width: 11px;
    margin-left: -11px;
}


/*form お問い合わせ*/
#row-otoiawase{
    margin-top: 4rem;
    margin-bottom: 4rem;
}

/* footer 受付時間*/

#footer {
    background-color: #b85f91;
    padding-bottom: 1em;
    padding-top: 1em;
    color: #fff;
}

#footer a {
    color: #fff;
}

#footer .footernav {
    padding-top: 1em;
    padding-bottom: 1em;
}

#footer ul {
    text-align: center;
}

#footer ul li {
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
}

#footer ul li {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

#footer ul li+li {
    border-left: 0;
    border-right: 1px solid #fff;
}

#footer h3 {
    width: 250px;
}

#footer .footertel {
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 80%;
    margin-top: 0.8rem;
}

#footer .footertel span {
    display: block;
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 2em;
}

#footer .footertable {
    font-size: 0.8rem;
}
    #footer .footertable table.table{
    color: #fff;
    font-size: 0.9rem;
}


/*// 小デバイス（横向きモバイル, 768px 未満）*/
@media (max-width: 767.98px) {
	#footer .footernav {
		font-size: 0.8rem;
		text-align: center;
	}
	#footer ul{
		padding-left: 0;
	}
}

#copyright {
    display: block;
    text-align: center;
    background-color: #fff;
    color: #b85f91;
    padding: 0.5rem;
    font-size: 0.9rem;
}


/*共通　画像のマージントップ調整*/

.floatImgMarginTopUse {
    margin-top: 3em;
}


/*フォントサイズ*/
span.rem06{
	font-size: 0.6rem;
}
span.rem07{
	font-size: 0.7rem;
}
span.rem08{
	font-size: 0.8rem;
}
span.rem10{
	font-size: 1rem;
}


/* 20250325 トップページバナー */

#banner_area {
    width: 23%;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: .3s;
    opacity: 1;
    visibility: hidden;
    z-index: 1;
}
#banner_area a {
    margin-top: 5px;
    padding-bottom: 10px;
    display: block;
    transition: .3s;
}
#banner_area a img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 10.4/4;
}
#banner_area.changebanner {
    visibility: hidden;
    opacity: 0;
}

#banner_area.loadbanner{
    visibility: visible;
    transition: 1s;
    position: fixed;
    bottom: 80px;
    right: 20px;

}

@media (max-width: 767.98px) {
    #banner_area {
        width: 45%;
        position: fixed;
        bottom: 20px;
        right: 20px;
        transition: .3s;
        opacity: 1;
        visibility: hidden;
        z-index: 1;
    }

}