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

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

/*固定ページの日付非表示*/
.page .date-tags {
display: none;
}
/* キャッチコピー1 */
.catch {
	font-size: 30px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif,"ＭＳ Ｐ明朝","MS PMincho";
	line-height: 150%;
	font-weight: bold;
}
.big {
	font-size: 30px; 
}
/*黒で太い・大きい*/
.bold-big {
  font-weight: bold;
	font-size: 30px; 
}
.bold-big2 {
  font-weight: bold;
	font-size: 18px; 
}

/* 下線 */
.kasen {
    background: linear-gradient(transparent 60%,#fedad6 60%);
	  font-weight: bold;
}
/* オレンジ */
.orange {
    color: #f60;
    font-weight: 700;
}
/* リンクの矢印 */
.arrow {
    padding: 0 0 0 28px;
    background-image: url(https://capybaraseitai.com/wp-content/uploads/arrow2.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-size: 21px;
}

/* h1 */
.article h1 {
	background-color:#7f5c0b;
	color:#fff;
	font-size: 26px;
  font-weight: 600;
	padding: 10px 10px 10px 20px;
	border-radius: 5px;
}
/* h1トップページのみ */
#post-395 h1 {
background-color:transparent;
color:#111;
font-size: 12px;
font-weight: 100;
padding: 0px 0px 0px 0px;
}

/* h2 */
.article h2{
	border-radius: 10px;
}
/* h2患者様の声 */
.article h2.voice{
	padding: 10px 20px;
	  margin: 1.2em 10 0;
    border-radius: 10px;
    line-height: 150%;
    clear: both;
    background-color: #fab822;
    position: relative;
    font-size: 24px;
    text-shadow: 1px 1px 0 #fff;
}
.article h2.voice:after {
	top: 100%;
    left: 100px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(250,184,34,0);
    border-top-color: #fab822;
    border-width: 15px;
    margin-left: -15px;
} 
/* h3 */
.article h3 {
	clear: both;/*画像の回り込み解除*/
	border-radius: 5px;
}  

/* h4 */
.article h4 {
	border:initial;/*上下左右の枠線リセット*/
	border-bottom: solid 3px #fab822;
	display: inline-block;
	padding: 0px 10px 0px 0px;
	font-size: 1.3em;
}
/* サイドバー */
.widget h3 {
border-radius: 5px;
}

/*cocoonの文字装飾*/
.marker-under,.marker-under-red,.marker,.marker-red,.marker-under-blue{
	font-weight: bold;
}
/*cocoonメインの上部を詰める*/
.main.main {
    padding-top: 10px;
}
/*cocoonパンくずリストの色*/
.breadcrumb-caption{
	color:#333;
}
/*cocoonのモバイル固定フッター文字装飾*/
.mobile-footer-menu-buttons {
        background-color: #f8e58c;
	}
/*cocoonのモバイル固定フッター文字大きく*/
.mobile-menu-buttons .menu-caption {
		font-size:15px;
	}
 /* cocoonスマホ用フッターの下のパディングを詰める */
.footer-mobile{
padding: 10px 16px 0px 16px;
	margin-bottom: -30px;
}
/*画像のキャプション*/
figcaption.wp-element-caption {
	font-size: 1.0em;
	opacity: 1.0;
	}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/*画像のキャプション*/
figcaption.wp-element-caption {
	font-size: 1.0em;
	opacity: 1.0;
	}
}

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

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