@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
body{
  background: url(../../uploads/images/back.png)no-repeat top center #f4f5f7; 
}
#header-container{
border-bottom: 1px solid #fff;
box-shadow: 0px 1px 2px #897db3;
}

a{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
}
　
#main{
 margin-right: 0;　
box-shadow: 1px 1px 2px #c1b8e6;
}
#sidebar{
box-shadow: 1px 1px 2px #c1b8e6;
}
 
.wp-block-image figcaption{
text-align:center;
}

h1 {
  border-bottom: solid 2px #d7e6cf;
  position: relative;
padding-bottom: 4px;
}

#header h1{
border-bottom: 0;
}

h1:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #c1b8e6;
  bottom: -2px;
  width:16%;
}
 
#header h1:after{
border-bottom: 0;
}

.home h2, .page h2, .single h2{
margin: 20px 0;
padding: 10px;
font-size: 1.2em;
}
 
#main h2{
background: url(../../uploads/images/h2-back.png)no-repeat right center #e2e2d3; 
color: #333;
height: 40px;
padding: 2px 0px 0px; 
box-sizing: border-box;
} 
 

/* カテゴリー一覧調整　------------------------------*/
#main #list .entry-card-content h2.entry-card-title{
padding-left: 2em;
padding-top: 0.65em;
padding-bottom: 0.5em;
height: auto;
}
#list .entry-card-content h2.entry-card-title:before{
content: "" !important;
top: 0.1em;
} 

#main h2:before{
content: '';
  display: inline-block;
  width: 32px;
  height: 40px;
  background-image: url(../../uploads/images/h2-before.png);
  background-size: contain;
  vertical-align: middle;
} 
 
/*
.home h3, .page h3, .single h3{
margin: 20px 0;
padding: 7px;
font-size: 1.1em;
}
 
#main h3{
 border: 1px solid #ddd !important;
  background: -webkit-linear-gradient(top, #efefef 0%, #e2e2d3 100%);
  background-image: linear-gradient(to bottom, #efefef 0%, #e2e2d3 100%);
  color: #333;
height: 30px;
padding-bottom: 2px;
} 
*/ 

.home h3, .page h3, .single h3{
margin: 20px 0;
padding: 3px;
font-size: 1.1em;
}  
 
#main h3 {
border-color: #e69cef !important;
border-bottom: solid 2px #e69cef;
border-top: none !important;
border-left: none;
border-right: none;
position: relative;
padding-bottom: 4px;
}
 
#main h3:before{
content: '■ ';
color: #9966cc;
}

#main h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #9966cc;
  bottom: -2px;
  width:80%;
} 
 
#main h4{
border-top: none;
border-bottom: none;
font-size: 1em;
color: #808000;
margin: 0;
padding-left: 3px;
}

#main h4:before{
content: '■ ';
color: #cccc66;
}

.breadcrumb-item span.fa-file-o, .breadcrumb-item span.fa-folder{
display: none;
}
 　
.t-center{
text-align: center;
}

.t-right{
text-align: right;
}

table.t-center td{
text-align: center;
}

.nw{
white-space:nowrap;
}

.mb-only{display: none;}

.f-shima{font-family: "Shimanami JIS2004";}
.f-a1{font-family: "A1 Mincho";}


/* グローバルメニュー------------------------------*/
#header-container header{
display: flex; /*IE11*/
background: #fff;
box-shadow: 0px -1px 1px  #bbb inset;
}
 　
#header-container nav{
 font-family: "リュウミン R-KL";
}

.header-in{
position: relative;
}

.toggle-button{
text-align: left;
}

#navi-in ul ul{
border-top: 1px solid #fff;
box-shadow: 1px 1px 2px #c1b8e6;
border-radius: 2px;
}
 
#navi-in li a:hover{
border-bottom: 1px solid #b88fcc;
}


/* トップページ------------------------------*/
/* カルーセル*/
.slick-prev{
 left: 0px;
 z-index: 2;
}
.slick-next{
 right: 0px;
}

.carousel-content a {
  width: 100%;
}

/* ロゴ*/
.logo-image{
/* width: 330px;*/
/* width: 224px;*/
width: 300px;
height: auto;
padding: 0px; 
}
.logo-image a{
margin:0;
}

.site-name-text{
line-height: 0;
}


#logo-com{
white-space: nowrap;
line-height: 130%;
letter-spacing: 2px;
color: #929945;
text-shadow: 1px 1px 4px #fff;
margin-left: 10px; 
font-family: "UD新ゴ R";　
padding-top: 4px;
position: absolute;
right: 0;
text-align:right;
}　
/*IE11*/
@media screen and (-ms-high-contrast: none) {
  *::-ms-backdrop, #logo-com { margin-left: 150px; }
}

#logo-com a[href^="tel:"] {
    pointer-events: none;
}
 
.home h1{
display: none;
}
 
/* top２ボタン*/
.home .column-2:first-child{
margin-top: -20px;
margin-bottom: -20px;
}
 
/* 新着情報表示 レイアウト*/
.top-info figure{display: none;}
.top-info .widget-entry-card-content{margin-left:1em;}
.top-info .new-entry-card-content .display-none{display: inline !important;} 
.top-info .new-entry-card-content .new-entry-card-post-date{display: inline !important;} 


/* カテゴリーページ------------------------------*/
/* メイン*/
.category h1{
font-size: 1.2em;
font-weight: normal;
}
.category h1 span{
display: none; 
}

a.entry-card-wrap:active{
background-color: #9e8ae6;
}


#list  .entry-card-content h2.entry-card-title{
padding-left: 0.8em;
}
 
#list  .entry-card-content h2.entry-card-title:before{
 font-family: FontAwesome;
  content: "\f0da";
  position: absolute;
  left : 0; 
  color: #c1b8e6; 
font-weight: normal;
}
 
#list .entry-card-content .entry-category, .category .cat-label, .category-4 #list .entry-card-thumb{
display: none;
}

.category #main #list .entry-card-content h2.entry-card-title{
padding-left: 0.4em;
}
.category #list h2:before{
background-image: none;
}
.category #main #list .entry-card-content, .category #main #list .related-entry-card-content{
padding-bottom: 0;
}

/* 新着情報カテゴリー レイアウト*/
.category-info article img{ display: none;}
.category-info .ect-vertical-card{
flex-direction: column;
}
.category-info .ect-vertical-card .entry-card-wrap{
width: 100%;
margin-bottom: 0;
}

/* サイドバー*/
 #sidebar  .widget-entry-card-title{
margin-left; 1em
}

#sidebar .widget-entry-card-title{
padding-left: 1.8em;
padding-bottom: 3px;
border: 1px solid #fff;
}

#sidebar .widget-entry-card-title:hover, #sidebar #nav_menu-2 .menu-item a:hover, #sidebar #nav_menu-3 .menu-item a:hover{
background-color: #c1b8e6;
border-radius: 4px;
border: 1px solid #c1b8e6;
}
 

#sidebar .widget-entry-card-title:before{
 font-family: FontAwesome;
  content: "\f0da";
  position: absolute;
  left : 1em;
  color: #c1b8e6;
font-weight: normal;
}

#sidebar .widget .new-entry-card-thumb {
	display: none;
}

#sidebar .widget-entry-card-content{
margin-left: 0;
}

/* クリニックについて・診療について　サイドメニュー*/
#sidebar #nav_menu-2 .menu-item a, #sidebar #nav_menu-3 .menu-item a{
padding: 0em 0em 0em 1.5em;
margin-bottom:1em;
}
#sidebar #nav_menu-2 .menu-item:before, #sidebar #nav_menu-3 .menu-item:before{
 font-family: FontAwesome;
  content: "\f0da";
  position: absolute;
  color: #c1b8e6; 
font-weight: normal;
}
 

 
/* フッター------------------------------*/
#footer{
border-top: 1px solid #fff;
box-shadow: 0px -1px 1px #beccb8;
}

#footer a{
text-decoration: none;
}
 
#footer-in{
padding-top: 1em;
font-family: "ナウ-GM";
}

.footer-left p{
margin-top: 0;
}

.footer-left .cl1{
margin-bottom: 0;
font-family: "UD新ゴ R";
}

.footer-left .cl2{
font-size: 1.2em;
font-family: "UD新ゴ R";
/*font-family: "リュウミン R-KL";*/
line-height: 100%;
margin-bottom: 2px;
}

.footer-left .cladd{
line-height: 130%;
margin-bottom: 0.1em;
}

.footer-left .cltel span{
font-size: 1.2em;
line-height: 100%;
}

.footer-left .cltel span a{
text-decoration: none;
color: #808000 !important;
}

.f-instagram{
	font-size: 0.8em;
	line-height: 120%;
}
.f-instagram i{
	margin: 0 2px 0 2px;
}
.f-instagram span{
	font-size: 1.4em;
	color: #99995c;
}

.footer-center h3{
margin: 0;
padding: 0;
font-size: 1em;
border-bottom: 1px dotted #fff;
}

.footer-center .fa{
color: #99995c;
margin-right: 6px;
}
 
.footer-center ul{
letter-spacing: 0.1em;
}
 
.footer-center h3 + p{
margin: 1em;
font-size: 0.9em;
}
 
.footer-right .gmap{
border: 10px solid #fff;
width: 98%;
height: 260px;
box-shadow: 2px 2px 4px #afb3a6;
border-radius: 2px;
}
 
.footer-bottom{
border-top: 1px solid #fff;
margin-top: 4px;
}
 
/* スライドインメニュー------------------------------*/
.navi-menu-content{
font-size: 0.9em;
font-family: "ナウ-GM";
}
.menu-drawer .sub-menu{
margin: 0.5em;
}
.menu-drawer a:hover {
	background-color: #c1b8e6;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 0 #c1b8e6; 
}
　
.navi-menu-close-button, .menu-close-button{ 
 color: #9e8ae6;
}

/* ハンバーガーメニューボタン色つけ*/
.mobile-header-menu-buttons li.navi-menu-button, .mobile-header-menu-buttons li.navi-menu-button:hover{
 background-color: #9e8ae6;
 color: #ffffff;
}

.mobile-menu-buttons .menu-icon::before{
font-size: 1.2em; 
}


/* モバイルフッターボタン　お電話用画像*/
.mobile-footer-menu-buttons{
background-color: rgba(158,138,230,0.85);
} 
.mobile-footer-menu-buttons #menu-item-309 {
	background: url(../../uploads/images/mobile-footer.png) no-repeat;
	background-size: contain;
	background-position: 50%; 
	margin: 1px 0;
}　

.mobile-footer-menu-buttons #menu-item-309{
width: 80%;
}

.mobile-footer-menu-buttons #menu-item-309 .fa-star:before{
content: "";
}

.mobile-footer-menu-buttons #menu-item-309 .menu-caption{
display: none; 
}

.mobile-footer-menu-buttons .top-menu-button{
width: 20%;
color: #571a82;
font-weight: bold;
font-size: 1.1em;
}

.mobile-footer-menu-buttons .top-menu-button span{
color: #571a82;
font-weight: normal;
}



/*Contact Form 7カスタマイズ------------------------------*/
/*必須*/
.inquiry .required{
	background: #FF1A00;
 	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 3px;
	padding: 3px 5px;
	letter-spacing: 0.2em;
}

.inquiry input{
font-family: "UD新ゴ R";
}
 
/*見出し欄*/
.inquiry th{
 text-align:left;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;　
 border:solid 1px #d7d7d7;
white-space:nowrap;
}
.inquiry th.first{background: #fdeff2;}
.inquiry th.second{background: #fff3cc;}
.inquiry th.third{background: #ebf6f7;}

/*通常欄*/
.inquiry td{
 border:solid 1px #d7d7d7;	
 line-height: 180%;
}
/*姓名iput*/
.inquiry td.name input{
width: 84%;
margin-left: 0.5em;
}
/*生年月日ドロップダウン*/
.inquiry td.bd select{
width: auto;
margin-right: 0.5em;
}
/*日時iput*/
.inquiry td.date input, .inquiry td.date select{
width: auto;
margin-right:1em;
} 
.inquiry td.date input{
padding: 8px;
} 
.inquiry td.date select{
padding: 11px;
}  

/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:350px;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;
}


/*コンテンツカスタマイズ------------------------------*/
 
/* 関連記事------------------------------*/
#main .related-list h3, #main .related-list h3:after{
border-bottom: none;
margin: 0;
}

/* 関連記事上タグfontfamily除外------------------------------*/
footer.entry-footer span.fa:before {
font-family: "FontAwesome";
} 


/* タグページ------------------------------*/
.tag h1{
font-family: "丸フォーク M" ;
}

.tag h1 .fa-tags:before{
color:#c1b8e6;
}

.tag #main h2:before{
background-image:none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1260px以下*/
@media screen and (max-width: 1260px){

}

/*1023px以下*/
@media screen and (max-width: 1023px){

}
 
/*768px以下*/
/* ページ内リンクの位置を調整する */
@keyframes modify {
    from { padding-top: 60px; margin-top: -60px; }
    to { padding-top: 0; margin-top: 0; }
}

@media screen and (max-width: 768px){
/* ページ内リンクの位置を調整する */
:target {
        animation: modify 0.1s;
    } 


 .go-to-top{
		right: 10px;
		bottom: 70px;
	}
 .go-to-top-button{
		background-color: rgba(180, 163, 210, 0.6) ;
		width: 30px;
		height: 34px;
	}

.res-img figure, .res-img figure img, .res-img{
box-sizing: border-box;
width: 100%;
padding: 10px;
}
 
.img-noborder img{
margin: 0px;
}
 
.mb-only{display: block;}
.mb-nd{display:none;}

.home .content-top, .home #content{
margin: 0px;
}

.menu-content{
	margin-left: 50px;
	max-width: 100%;
	}
.navi-menu-content {
	right: 0;
 	-webkit-transform: translateX(130%);
 	transform: translateX(130%);
	}
.footer-widgets {
		display: block;
	}
#footer-in{
padding-top: 0;
}
.footer-center, .footer-bottom{
display: none;
} 

/*Contact Form 7カスタマイズ*/
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}


/*トップページ２カラム保持*/
.home .column-wrap{
flex-direction: row;
}
.home .column-wrap .wp-block-image {
margin-bottom: 0;
}
.home .column-wrap .column-left{
margin-right: 10px;
}

/*お悩み別一覧ページ２カラム保持*/
.page-id-308 .column-wrap{
flex-direction: row;
padding: 0;
margin: 0;
} 
.page-id-308 .container .column-wrap > div{
padding: 4px;
} 
.page-id-308 .column-wrap .wp-block-image {
margin-bottom: 0;
}
.page-id-308 .column-wrap .column-left{
margin-right: 10px;
}

}
 
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.home h2, .page h2, .single h2{font-size: 1.0em;}
	.home h3, .page h3, .single h3{font-size: 0.9em;}
}