@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){
  /*必要ならばここにコードを書く*/
}


/************************************
** ページをフェードイン表示する
************************************/

.body {
	animation: fadein 1s forwards; /*アニメーション指定*/
}

@keyframes fadein {
	0% {opacity: 0} /*アニメーション開始時*/
	100% {opacity: 1} /*アニメーション終了時*/
}



/*ふわっと移動させて影をつける*/
.a-wrap:hover{
transform: translateY(-2px);
box-shadow: 2px 2px 6px 0 #ccc;
}

/************************************
** ■ヘッダーメニュー ホバーエフェクト化のカスタマイズ
************************************/
#navi .navi-in a {
  position: relative;
}
#navi .navi-in a::after {
  position: absolute;
  /

  bottom: 0px;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 4px;
  /*background: #3082cf;*/
	background: #3082cf;
  transform: scaleX(0);
  transition: transform 0.4s;
}
#navi .navi-in a:hover::after {
  transform: scaleX(1);
  transition: transform 0.3s;
}





/*選択中のカテゴリーにアンダーライン*/
.current-menu-item:not(:first-child):after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 4px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #eb3434;/*線の色*/
}






/*ボタンデザイン*/
.btn-m, .btn-wrap.btn-wrap-m > a {
    padding: 14px 35px;
    font-size: 16px;
}









/*ヘッダーページ間隔*/
.entry-content {
  margin-top: 0;
}

.date-tags {
  margin-bottom: 0;
}

.main {
  border-top: none;
padding: 0px 29px;
}

/*プラグインArkhe Blocks*/
.arkb-tabBody {
    padding: 0em;
    position: relative
}


/*パンくずリストの文字色*/
.breadcrumb-caption{
	color: black;
	font-size: 14px;
	font-weight: bold;
}




/*モバイル下部メニューの背景色を設定*/
.mobile-menu-buttons {
  background: #e9e9e9;/* メニューの背景色 */
  box-shadow:0 -2px 6px gray;/* メニューに影をつける */
}


/* スライドインメニュー背景色 */
.navi-menu-content {
	background: #e4eeef;
}


/* モバイルスライドインメニュー */
.fa-times {
color: #000057;/* 閉じるボタンの色 */
font-size: 0.8em;
}
ul.menu-drawer:before {
background-color: #000057;/* Menu背景色 */
font-size: 1.2em;
}
ul.menu-drawer:after {
background-color: #fff;
}
.menu-drawer a {
color: #333 !important;/* 文字色 */
font-size: 1.2em;
font-weight: 900;
}
.menu-drawer a:hover {
background-color: #eff8f9;
}
.menu-drawer a .fas, .menu-drawer a .far,.menu-drawer a .fa,.menu-drawer a .fab {
margin-right: 3px;
}
.sub-menu li {
font-size: 0.8em;
}

/*アピールポイントの囲み透明*/
.appeal-content {
    background-color: rgb(255 255 255 / 0%);
}

/*アピールポイントの目次文字サイズ大きく*/
.appeal-title {
    font-size: 2.1em;
}


/*メニュー左寄せ*/
.tagline,
.logo {
	text-align: left;
}
.navi-in > ul {
	justify-content: left;
}

/*アピールポイントサイズ*/
.appeal-title {
    font-size: 1.9em;
}