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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*ヘッダー調整*/
.header-container-in.hlt-top-menu .site-name-text{
	display: flex;
    align-items: flex-end;
}
.header-container-in.hlt-top-menu .site-name-text::after{
	content: "BLOG";
	color: white;
	margin-left: 8px;
	display: flex;
	font-weight:bold;
	line-height: 1em;
}

/*文字調整*/
em {
	display:block;
	font-family: 'Hiragino Kaku Gothic ProN';
	font-style: italic;
	font-weight: bold;
}
strong{
	background: linear-gradient(to bottom, transparent 60%, yellow 60%);
}
li{
	font-size: 0.9em;
	margin-bottom: -0.5em;
}
#archive-title{
	background-image: url(https://www.militarygoods-jp.com/user_data/packages/bootstrap3/img/picture/meisai.gif);
	font-size: 20px;
	line-height: 1em;
    padding: .4em .5em .2em .5em;
	color: white;
}
h2.wp-block-heading{
	line-height: 1em;
    padding: .6em .5em .4em 2em;
	background-image: url(https://www.militarygoods-jp.com/user_data/packages/bootstrap3/img/picture/anmo.svg), url(https://www.militarygoods-jp.com/user_data/packages/bootstrap3/img/picture/meisai.gif);
    background-repeat: no-repeat, repeat;
    background-size: auto, auto;
    background-position: left .5em center, left top;
}
h3.wp-block-heading{
	font-size: 20px;
	line-height: 1em;
    padding: .4em .5em .2em .5em;
    border-color: #6e6643;
	color: #6e6643;
}
h4.wp-block-heading{
	border-top: none;
	padding: 0;
	margin: 0.75em;
	font-size: 0.95em;
}
h5.wp-block-heading{
	font-size: 18px;
	line-height: 1em;
    padding: 0 0 0.2em 0;
    border-color: #666;
    margin-bottom: 0.8em;
}
p+h2{
	margin-top: 3em;
}

/*目次*/
.toc-content ol.toc-list.open{
	display: flex;
    flex-wrap: wrap;
	column-gap: 2em;
}
.toc-content ol.toc-list.open li{
	flex: 1 1 max(40%, 256px);
}

/*サイドバー*/
.sidebar h3{
	line-height: 1em;
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

/* ▼ まず全カテゴリの子カテゴリをデフォルトで表示する */
.widget_categories ul li.cat-item > ul.children {
    display: block;
}

/* ▼ 特定カテゴリ（cat-item-18）だけは非表示にする */
.widget_categories ul li.cat-item.cat-item-18 > ul.children {
    display: none;
}

/* ▼ 特定カテゴリ（cat-item-18）のみ小さく */
.widget_categories > ul > li.cat-item-18 {
    text-align: right;
	font-size: small;
}

/* ▼ 子カテゴリ位置調整 */
.widget_categories ul li ul {
	margin-top: -20px;
}

/* 親カテゴリの記事数（post-count）を無効化（非表示） */
.widget_categories > ul > li.cat-item-18 .post-count {
    display: none;
}

/*画像調整系*/
.header-container{
	border-bottom: 16px solid #31594b;
}
.ketaipost-images {
	display: flex;
	justify-content: center;
}
.ketaipost-images a {
	display: flex;
	justify-content: center;
	width: 100%;
}
.ketaipost-images a img {
	width: 100%;
}
div.eye-catch-wrap{
	height: 180px;
	overflow-y: hidden;
	margin-bottom: 16px;
}
img{
	object-fit: contain;
}
figure.wp-block-image.alignleft.size-full{
	width: 100%;
	display: flex;
    justify-content: center;
}
div.eye-catch-wrap figure,
div.eye-catch-wrap figure img{
	width: 100%;
	height: 180px;
}
div.eye-catch-wrap figure img{
	display: block;
	object-fit: contain;
}
figure.eye-catch {
  position: relative;
  overflow: hidden;
}

figure.eye-catch::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bg-image);
	background-color: rgba(255, 255, 255, 0.7);
	background-blend-mode: overlay;
  background-size: cover;
  background-position: center;
  filter: blur(8px);
  transform: scale(1.1);
  z-index: -1;
}

figure.eye-catch img,
figure.eye-catch figcaption {
  position: relative;
}


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

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

/*480px以下*/
@media screen and (max-width: 480px){
  .wp-block-group {
    display: flex;
    flex-direction: column;
  }
}