@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;
}

/*画像の角丸表示*/
.wp-block-image img{ 
border-radius: 20px; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
}

/*グローバルナビのサイズ*/
#navi .navi-in > ul li{
	height: 80px;;
	line-height: 1.2em;
}
/*マウスオーバー時のメニューの色を変更*/
#navi .navi-in a:hover{
	color: #999!important;
	background: #ffffff;
	transition: all 0.5s ease;
}

/* 見出しカスタマイズ */

/* H2 */

.article h2{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

.article h2{
background:none;
padding: 0;
}

/* H3 */

.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
font-family:serif;}

.article h3 {
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  margin-top:4em;
  margin-bottom:3em;
}

.article h3:before, .article h3:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
}

.article h3:before {
  left: 7px;
}

.article h3:after {
  right: 7px;
}
 
/* H4 */

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

.article h4{
  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
  margin-top:6em;
font-family:serif;}

/* H5 */

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

.article h5 {
  position: relative;
  padding: 1.5rem 1rem;
}

.article h5:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* H6 */

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

:target::before {
    content:"";
    display:block;
    height:4rem;       /* 移動する距離。 私の場合は、height:3rem; 　高さは調節してくださいね。*/
    margin:-4rem 0 0;  /* heightのマイナス値と0　0。 私の場合は、margin:-3rem 0 0; */
}

/* ページ内ジャンプの位置調整 */

a.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

a {
    text-decoration:none; 
}

/* お問い合わせフォームの送信時入力欄を非表示にする */
.sent .contact-input-area{
display: none;
}

/*コンタクトフォームのrecapchaをセンタリング*/
.recaptcha{
	text-align: center;
}
#recaptcha{
	margin-right:auto;
	margin-left:auto;
	width: 300px;
}


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

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

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