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

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

/* ナビメニュー 上下枠線 */
#navi {
 border-top:solid 1px #5FB3F5;
 border-bottom:solid 1px #5FB3F5;
}

/* ナビメニュー 文字*/
#navi {
font-weight: bold; /* 太文字 */
text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* 影 */
}
/* ナビメニュー（アイコン） */
#navi .menu-item-has-children>a::after {
display: none; /* 非表示 */
}

/*ナビメニュー下線*/
.navi-in a:hover {
background:none;
border-bottom:solid 3px #0104ad;
transition: all .2s ease;
}
.navi-in>ul .sub-menu {
background-color: #fff;
opacity: 0.95;
padding-bottom:3px;
}

/* =-=-=-=-=- 見出しの設定 =-=-=-=-=- */

/* fritz 見出しＨ２の修飾*/
.page h2, .article h2, .single h2 {
color: #364e96;
text-align: center;
padding: 0.25em;
border-top: solid 2px #6cb4e4;
border-bottom: solid 2px #6cb4e4;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

/* fritz 見出しＨ３の修飾*/
.single h3, .article h3, .page h3 {
color: #364e96;/*文字色*/
padding: 0.1em 0.5em;/*上下の余白*/
border-top: solid 1px #6cb4e4;/*上線*/
border-bottom: solid 1px #6cb4e4;/*下線*/
border-left: solid 5px #7db4e6;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

/* fritz 見出しＨ４の修飾*/
.single h4, .article h4, .page h4 {
border-top: solid 1px #6cb4e4;/*上線*/
border-bottom: solid 1px #6cb4e4;/*下線*/
}

/* =-=-=-=-=- ページ毎の設定 =-=-=-=-=- */

/*タイトルを非表示*/
.single .entry-title, .page .entry-title{
	display: none;
}

/* 枠を表示するためのクラス */
/* 枠青 */
.fritz_border_blue {
  border-radius: 6px; border: 1px solid blue;
}

/* ギャラリーの枚数が合わないときに画像サイズが変わるのを防ぐ*/
.wp-block-gallery .blocks-gallery-item {
	flex-grow: 0;
}

/*フォローボタンを非表示*/
.single .sns-follow, .page .sns-follow{
	display: none;
}

/*更新日を非表示*/
.single .post-update, .page .post-update{
	display: none;
}

/*投稿者名を非表示*/
.single .author-info, .page .author-info{
	display: none;
}


/***************************************************************************************/


.nomargin {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.extendh { 
 font-size: 28px; 
 padding: 5px 10px 5px !important; 
 border-top: solid 5px orange;
 border-bottom: solid 5px orange;
 border-left: none !important;
 display: flex;
 align-items: center;
}
.extendh::before { 
 font-family:"Font Awesome 5 Free"; 
 font-size: 2.0em;
 color: orange;
 content:"\f5ab"; 
 margin-right:9px; 
}

.extendPoint { 
 font-size: 28px; 
 padding: 5px 10px 5px !important; 
 border-top: solid 5px #0693e3;
 border-bottom: solid 5px #0693e3;
 border-left: none !important;
 display: flex;
 align-items: center;
}
.extendPoint::before { 
 font-family:"Font Awesome 5 Free"; 
 font-size: 2.0em;
 color: orange;
 content:"\f0a4"; 
 margin-right:9px; 
}

.ArrowPoint { 
 border-left: none !important;
 padding: 5px 10px 5px !important; 
 display: flex;
 align-items: center;
}
.ArrowPoint::before { 
 font-family:"Font Awesome 5 Free"; 
 font-size: 1.8em;
 color: #0726e3;
 content:"\f2f5"; 
 margin-right:9px; 
}


h1 { 
	font-size: 3.0em; 
 padding: 5px 10px 5px !important; 
 border-top: solid 5px orange;
 border-bottom: solid 5px orange;
 display: flex;
 align-items: center;
 color: #ff6a6a;
}

h1::before { 
 font-family:"Font Awesome 5 Free"; 
 font-size: 2.0em;
 color: orange;
 content:"\f138"; 
 margin-right:9px; 
}



/* ===== GroupBox: contact us ===== */

.mycontactusbox {
  margin: 2em 0;
  border: solid 3px #066ac7;
  border-radius: 8px;
}
.mycontactusbox .mybxtitle {
  display: inline-block;
  position: relative;
  top: -14px;
  left: 10px;
  padding: 0 9px;
  margin: 0 7px;
  background: #f9f9f9;
  color: #066ac7;
  font-size: 19px;
  line-height: 1.4;
}
.mycontactusbox .mybxcontent {
  padding: 0 1.5em 24px;
}
.mycontactusbox .mybxtitle:before {
  padding-right: 4px;
  font-family: FontAwesome;
  content: "\f87b";
}

/* ===== GroupBox: ID Card ===== */

.myidcardbox {
  margin: 2em 0;
  border: solid 3px #066ac7;
  border-radius: 8px;
}
.myidcardbox .mybxtitle {
  display: inline-block;
  position: relative;
  top: -14px;
  left: 10px;
  padding: 0 9px;
  margin: 0 7px;
  background: #f9f9f9;
  color: #066ac7;
  font-size: 19px;
  line-height: 1.4;
}
.myidcardbox .mybxcontent {
  padding: 0 1.5em 24px;
}

.myidcardbox .mybxtitle:before {
  padding-right: 4px;
  font-family: FontAwesome;
  content: "\f2c2";
}









/****************************************************************************************/


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

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

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

@media (max-width: 768px) {

  .home-hero-fix.wp-block-buttons.is-layout-flex {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  .home-hero-fix.wp-block-buttons.is-layout-flex
  > .wp-block-button {
    width: 90% !important;
  }

  .home-hero-fix .wp-block-button__link {
    width: 100% !important;
    white-space: nowrap !important;
  }

}