@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* 文字装飾
–––––––––––––––––––––––––––––––––––––––––––––––––– */
p{
  font-size: 17px;
}

.entry-card-title {
  font-size: 20px;
} 
.post-date{
  font-size: 14px;
}
.admin-pv{
  font-size: 14px !important;
}
.cat-label,.cat-link{
  background-color: #1bb267;
}

/* リンク
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a:hover {
color:#aeda93;
}

a:active {
color:#aeda93;
}

a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
	color:#333;
}

.navi-footer-in a:hover { 
  color: white;
  background: #39e18d;
}
.footbottom :hover { 
  color: white;
  background: #39e18d;
}

/* フレックスボックス
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[class^="flex-col"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-child { 
  margin: 0 0.2em 0 0;
  padding: 0 2em 0 1em;
}

.flex-col2 .flex-child { width: calc( (100% - 10px) / 2 ); }

@media screen and (max-width: 575px) {
	.flex-col2 .flex-child,
	.flex-col3 .flex-child,
	.flex-col4 .flex-child { width: 100%; }
}

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

/* スライダー装飾
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (min-width: 960px) {
.metaslider .caption p a{
	font-size: 200%;
	font-weight: bold;
	line-height: 1.5;
	color: #fff;
	text-decoration: none;
	transition: .3s;
	margin: 25px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.8);
}

.metaslider .caption p a:hover{
	color: #0076ff;
}
.metaslider .caption-wrap {
	top: 100px;
	left: 0;
	height: 35%;
	opacity: 1!important;
	background: rgba(255,255,255,0.7)!important;
}
}

/* 診療時間
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.biz-hour {
  border-collapse: collapse;
  font-size: 1.4em;
}
@media screen and (max-width: 414px) {
  .biz-hour {
   width: 100%;
  }
}

.biz-hour th, .biz-hour td {
  padding: 10px;
  background-color: white;
  text-align: center;
  border-bottom: 1px solid #1bb267;
}

.biz-hour th {
  color: white;
  background: #1bb267;
  font-weight: normal;
  border: none;
}
.bhbg{
   background-color: #E5FBF0 !important;
}
.noborder {
  border: 0px none;
}

/* メニュー区切り
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#navi .navi-in > ul > li{
  border-left: 1px solid #39e18d;
}

#navi .navi-in > ul > li:last-child{
  border-right: 1px solid #39e18d;
}

.navi-in > ul > .menu-item-has-children > a::after{ 
  right: 10px; 
}

/* リスト
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* 黒丸 */
.entry-content ul li {
  list-style-type: none;
}

.entry-content ul li::before {
  position: relative;
  top: -2px;
  left: -18px;
 
  display: inline-block;
 
  width: 5px;
  height: 5px;
 
  content: '';
 
  border-radius: 100%;
  background: #333;
}

ul {
 text-indent: -0.3em;
}

/* 数字 */
ol  {
  position: relative;
  margin: 0;
  padding-right: 10px;
  font-size: 17px;
}
ol li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
}

/* コンテナ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wrapper {
  width: 620px;
  max-width: 100%;
  margin: 0 auto !important;
}
.inner {
  display: inline-block;
}
.wrapper2 {
  width: 770px;
  max-width: 100%;
  margin: 0 auto !important;
}

/* 見出し
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main h1.entry-title{
  color: #1bb267;
}

.article h2 {
	position: relative;
	margin-bottom: 1em;
	text-align: center;
    background: none !important;
}
.article h2:before {
	content: '';
	position: absolute;
	bottom: -5px;
	display: inline-block;
	width: 8%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #1bb267;
}

.article h3 {
  position: relative;
  padding: 0.25em 0;
  line-height: 2;
  border: none;
}
.article h3:after {
  content: "";
  display: block;
  height: 2px;
  border: none;
  background: -webkit-linear-gradient(to right, #1bb267,#9ecb3a);
  background: linear-gradient(to right,  #1bb267,#9ecb3a);
}

.article h4{
  border-top:none;
  border-bottom:none;
  padding: 0;
}

.article h4 {
  padding: 0.25em 0.5em;
  background: transparent;
  border-left: solid 5px #9ecb3a;
}

.article h5{
border-bottom:none;
padding: 0;
}

/* お知らせ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.newsbox{
  margin: 5em;
}

.newsbox p{
  text-align: left;
  border-bottom: solid;
  border-color: #E3F0C6;
  border-width: 2px;
  padding-left: 1em;
  margin-top: -1em;
}

/* クリニック概要
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table.clinique {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 400px;
　max-width: 100%;
  table-layout: fixed;
  font-size: 15px;
  line-height: 2.0;
}
@media screen and (max-width: 480px){table.clinique {font-size: 15px;}}

table.clinique tr {
  background-color: #E5FBF0;
  border-bottom: 2px solid #fff;
}
table.clinique th,
table.clinique td {
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-right: 2px solid #fff;
  text-align: left;
}

table.clinique tbody th {
    background: #1BB267;
    color: #fff;
    text-align: center;
}

.wdm{
   width: 120px;
}
@media screen and (max-width: 480px){.wdm {width: 30%;}}

/* お問い合わせフォーム
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wpcf7 input[type="submit"] {
width: 250px;
border-radius:10px;
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
border: none;
color: white;
font-size: 1em;
background: #9ecb3a;
transition: 0.3s;
margin-left: 10px;
}
.wpcf7-submit:hover {
background: #9ecb3a;
transform: translate3d(0px, 3px, 1px);
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
}

/* モバイルトップメニュー色変更
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.slicknav_menu{
    background-color:#1bb267;
    padding:0
}

.slicknav_btn{
    background-color:transparent;
}

#navi-menu-input:checked ~ #navi-menu-content, .mobile-menu-buttons{
	color: white!important;
	background: #1bb267;
}

.menu-button-in{
	color: white!important;
	background: #1bb267!important;
}

.navi-menu-icon .menu-icon a{
	background: #1bb267!important;
}

/* PCスマホ表示切り替え
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pc { display: block !important; }
.sp { display: none !important; }
 
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

@media screen and (min-width: 768px){
.br-sp {display: none; }
}

/* スマホメニュー
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/************************************
**モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
color: #1cb266!important;
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;
}
span.fa.fa-search::before{
margin-left:1em;
color: #1cb266!important;
}
span.fa.fa-bars::before{
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}

/************************************
**モバイル表示　ヘッダーメニュー
************************************/
.fa.fa-close{/*戻るボタン*/
color: #fff!important;
}
.menu-content .menu-drawer {
padding: 0 1em;
margin:0;
background-color: #1cb266;
}
ul.menu-drawer:before{
font-size:1.2em;
display: block;
font-weight: normal;
background: white;
color:#7b7b7b;
padding: .5em;
margin-bottom:1em;
font-family: sans-serif;
text-align: center;
border-bottom:3px dotted #90C31F;
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
background-color:#1cb266;
padding:0;
border-radius:20px;
}
.menu-drawer a{
font-size:1em;
background-color:#1cb266;
color:#fff!important;
margin: 10px 0;
padding: 4px 1em;
border-radius:20px;
}
.menu-drawer a:hover{
background-color:#1cb266!important;
color:#fff!important;
transition: 0.2s ;
}
.menu-drawer .sub-menu {
padding-left:30px;
margin-top:0;
}
.menu-drawer .sub-menu a {
background-color:#1cb266!important;
}
.menu-drawer ul.sub-menu li {
font-size: 0.7em;
}
@media (max-width:834px){
.sub-menu{
box-shadow: none!important;
}
}

/* モバイルボタンのラベル削除
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mobile-menu-buttons .menu-caption{
  display:none;
}

/* 固定ページ日付削除
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page .date-tags {
    display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}