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

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

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

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

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

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=BIZ+UDGothic&family=Sawarabi+Mincho&display=swap" rel="stylesheet">

/*上部詰め*/
.content-top {
    margin-top: 0;
}
.main {
    padding: 5px 29px;
}

/* フッター企業バーナー */
.futter-kigyou {
  width: auto;
  display: flex;
  justify-content:space-between;
}
.futter-kigyou a {
  height: 60px;
  width: 184px;
}

/*リンク表示*/
a {
	text-decoration: none;
}
a:hover{
    opacity: 0.7;
	transition: 0.5s;
}

/*ReCaptha非表示*/
.grecaptcha-badge { visibility: hidden; }

/* カテゴリー非表示 */
.carousel .cat-label {
	display: none;
}
.entry-card .cat-label{
	display: none;
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
  display: none;
}

/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: none;
}

/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}

/*検索の「検索」文字を消す*/
.wp-block-search__label {
	display : none ;
}
/*検索ボタンの色変更*/
.wp-block-search__button {
	background : #0c2982 ;
}

/* ヘッダーメニューをホバーしたときに下部に中央から線を出す */
#navi .navi-in a:after{
  position: absolute;
  content: "";
  left: 0%;
  bottom: 0px;
  height: 10px; /*線の高さを指定する*/
  width: 100%;
  background: #14f7f4; /*線の色を指定する*/
  opacity: 0.5; /*線の透明度を指定する*/
  transform: scale(0,1);
  transition: 0.3s;
}
#navi .navi-in a:hover:after{
  transform: scale(1);
}
#navi .navi-in a {
background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 42%, rgba(63,116,167,1) 100%);
}
#navi {
background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 42%, rgba(63,116,167,1) 100%);
}

/*コンタクトフォーム*/
input[type=submit] {
	color: #ffffff;
	background-color: #0a176b;
	border-radius: 4px;
}

/*ヘッダーコピー*/
.tagline {
    text-align: center;
	color:#ffffff;
	background-color:#000000;
	width: 100%;
	font-size: 14px;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

/* 見出しデザインのリセット */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    background-color: transparent; /* 背景色を透明に */
    border: none; /* 枠線なし */
    border-radius: 0; /* 角の丸みなし */
}
/*見出し*/

    /*H2見出し*/
main h2.wp-block-heading {
    color: #ffffff;/*文字色*/
	  background: linear-gradient(150deg, rgba(231, 160, 26, 1), rgba(233, 160, 17, 1) 0%, rgba(228, 209, 147, 1) 38%, rgba(184, 149, 22, 1) 43%, rgba(245, 227, 180, 1) 100%, rgba(240, 200, 113, 1) 100%, rgba(223, 186, 55, 1));
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
    font-size: 20px;/*文字サイズ*/
    padding: 20px;/*文字回りの余白（上下左右）*/
    display: block;
    border: 2px solid #000000;/*囲み線（太さ 実線 色）*/
	border-radius: 0px 0px 0px 0px;
    position: relative;
  font-family: "BIZ UDGothic", serif;
  font-weight: 700;
  font-style: normal;
}

main h2.wp-block-heading:after {
    content: '';
    background:#80c2ff;/*背景色*/
	background-image: linear-gradient(-225deg, #012547 0%, #185287 48%, #032e57 100%);
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    position: absolute;
    top: 5px;/*背景の上下位置ずらし*/
    left: 5px;/*背景の左右位置ずらし*/
    z-index: -1;
}

/*H3見出し*/
main h3.wp-block-heading {
	  font-weight: bold;
	  padding: 0.5em 1em;
	  border: 3px solid #4c9ac0;
		border-radius: 10px;
	  overflow: hidden;
	  position: relative;
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
main h3.wp-block-heading:after {
	  content: '';
	  position: absolute;
	  left: 0;
	  top: 0;
	  border-width: 20px 20px 0 0;
	  border-style: solid;
	  border-color: #4c9ac0 #fff #4c9ac0;
}

/*H4見出し*/
main h4.wp-block-heading {
  position: relative;
  color: white;
  background: #88d7eb;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

main h4.wp-block-heading:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  font-weight: 900;
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

/*モバイルスライドインメニュー*/
.navi-menu-content{
  background-color: #084170; 
}
span.fas.fa-times::before{
font-family: "Font Awesome 5 Free";
content: "\f060";
color:#90C31F;/*矢印色変更はこちら*/
}
ul.menu-drawer:before{
font-size:0.8em;
background: ;
color:#ffffff;
margin-bottom:1em;
content: "メニュー";
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
padding:0;
}
.menu-drawer li{
font-weight: bold;
}
.menu-drawer a{
font-size:1em;
background-color:#0667b8;
color:#ffffff;
margin: .5em 0;
}
.menu-drawer a:hover{
background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
padding:0;
}
.menu-drawer .sub-menu li{
font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
font-family: "Font Awesome 5 Free";
content : "\f105";
color:#7b7b7b;
margin:0 .5em 0 1em;
}

/*画像全幅設定*/
.hamidashi {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}

/*モバイルでサイドバーアイコン非表示*/
.mobile-menu-buttons .sidebar-menu-button {
	display: none;
}

/*モバイルでトップのキャッチフレーズを消す*/
@media screen and (max-width: 1023px) {
  .tagline {
    display: none;
  }
}