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

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

.info-list-item-meta {
  font-size: 20px;
  opacity: 0.6;
  line-height: 1.5;
}

.info-list-item-categorys .entry-category {
	border: 2px solid #007fff;
	font-size: 18px;
	font-weight: bold;
	border-radius: 3em;
	display: inline-block;
}

/* 新着記事のNEW!（背景色付き） */
.new-txt {
   background-color: #ff4500; /* 背景色：赤オレンジ */
   color: #fff; /* 文字色：白 */
   font-size: .8em;
   border-radius: 0.5em; /* 角の丸み */
   padding: .1em .5em; /* 内側余白 */
   margin-right: 10px; /* 右側の余白 */
}

/* Full画面幅 */
.full-width {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 10px; /* 不要なら削除または、任意の数値を設定してください */
	padding-bottom: 10px; /* 不要なら削除または、任意の数値を設定してください */
}

/*YouTube動画の中央配置*/
.video-container{
margin: 0px auto;
}

/************************************
** アイコンの色を変える
************************************/
.box-menu-icon{
	color: #192f60;/*こちらにカラーコードを入力*/
}

.box-menu:hover{
	box-shadow: inset 2px 2px 0 0 #192f60,
	2px 2px 0 0 #192f60,
	2px 0 0 0 #192f60,
	0 2px 0 0 #192f60;
}

@media screen and (min-width: 600px){
.box-menu{
	width: calc(100%/2);
}
}

.box-menu:first-child{
    margin-left: auto;
}

.box-menu:last-child{
    margin-right: auto;
}


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

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

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

/************************************
****　全体のバランス
************************************/
.entry-content {/*本文下の空白を削除*/
padding-bottom: 0;
margin-bottom: 0;
}
@media (max-width:100%;){
article > .entry-content, aritcle > footer.article-footer {/*本文左右の空白*/
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
}
@media screen and (max-width: 480px){
.page-body {
font-size: 15px;
}
}
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.body .article {/*本文SNSフォロー下の空白*/
margin-bottom: 0;
}

/************************************
****　モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
box-shadow: none;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
margin-left:1em;
}
span.fas.fa-bars::before{
color:#90C31F;/*ハンバーガーメニュー色変更はこちら*/
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}