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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*見出し3変更*/
.article h3 {
	border-left: 8px solid #860665;
	border-right: none;
	border-top: none;
	border-bottom: none;
	font-size: 1.4rem;
	padding: .4em 1em;
	background-color: #ddd;
	background: linear-gradient(to right,#e5bce0 30%,#fff 100%) !important;
}
/*グローバルメニューの高さを変更*/
#navi .navi-in > ul li{
	height: 40px;
	line-height: 40px;
}
/*グローバルメニュー 文字の大きさを変更*/
#navi .navi-in > .menu-header .item-label{
	font-size: 13px;
}
/* モバイル表示時のグローバルナビを横一列にする */
@media screen and (min-width: 631px) and (max-width: 1023px) {
  #navi .navi-in > .menu-mobile {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center; /* ←ここを center に変更 */
  }
  #navi .navi-in > .menu-mobile li {
    width: auto;
    margin: 0 1px;
  }
  #navi .navi-in > .menu-mobile li > a {
    font-size: 13px; /* 文字サイズを少し小さめに */
  }
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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