@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#sidebar{
    display: none;
    }
	.logo img{/*ロゴ画像のサイズ*/
		height: 50px !important;
		margin: .5em auto;
	}
	ul.menu-mobile{/*スマホグローバルナビを横スクロールできるように*/
		overflow-x: auto;
		overflow-y: hidden;
		display: flex !important;
		flex-wrap: nowrap;
		font-size: 14px;
		justify-content: flex-start;
		padding: 0 1em;
		-webkit-overflow-scrolling: touch;
		position: relative;
	}

	ul.menu-mobile > li{
		padding-right: 1em;
		white-space: nowrap;
	}
	ul.menu-mobile　.item-label{
		white-space: nowrap;
		font-size: 14px;
	}
	.footer-bottom{
		margin-top: 5px;
		margin-bottom: 50px;
	}
}

/*以下、自分で編集した部分*/
.cat-label {/*カテゴリーラベルのカスタマイズ*/
    top: 0.5em; /*上からの距離*/
    left: 0.5em; /*左からの距離*/
    border: none; /*ボーダーを消す*/
    font-size: 12px; /*文字サイズ*/
    color: #ffffff; /*文字色*/
    background-color: #f288a9; /*背景色*/
    padding: 1px 10px; /*余白*/
    border-radius: 5px; /*角を丸く*/
}
/*見出しのデザイン変更*/

.article h3 {
	border: none;
	color: #444444;
    padding: .4em 1em;
    margin-top: 40px;
	border-left: 6px solid #64c8ff;
}

/*メインカラム、サイドバーの背景色*/
.main,
.sidebar {
  background-color: #ffffff;
}

/*固定ページのSNSボタンを非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}

.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
	background-color: #444444;
}

/*ヘッダーのロゴ下の空間をなくす*/
.logo-image {
	padding: 10px 0 0;
}
.logo-image * {
	display: block;
	margin: auto;
}
/*ヘッダーのキャッチフレーズ上下の空間をなくす*/
.logo-text {
	padding: 20px 0 0;
}
.tagline {
	margin: 0 0 .6em
}
/*グローバルナビ、文字*/
#navi {
font-weight: bold; /* 太文字 */
border-top:solid 2px #14c8ff; /*上の線(種類 太さ 色)、種類：solid（一本線）、hidden（線なし）*/
border-bottom:solid 2px #14c8ff; /*下の線(種類 太さ 色)*/
}