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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
:root{ --site_color: #29abe2; }
.ac { text-align: center; }
.home #main h2 { font-size: 1.6rem; }

/* かき消し 上書き */
#header-container-in header { position: relative; min-height: 300px; background: url('http://mylife-news.hptrial.com/wp-content/uploads/2022/11/mv-scaled.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#header-container-in header::after { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; opacity: 0.15; background-image: -webkit-linear-gradient(135deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent); background-size: 5px 5px; }
#header-container-in header #header-in { z-index: 3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; overflow: hidden;}
#header-container-in header #header-in::after { content: ""; background: rgba(255, 255, 255, 0.6); position: absolute; width: 100%; height: 100%; }
#header-container-in header #header-in .tagline,
#header-container-in header #header-in .logo-header { width: 1256px; margin: auto; z-index: 4; padding: 0 29px 30px;  }
#header-container-in header #header-in .tagline { padding: 30px 29px 0; }
#header-container .tagline { text-align: left; margin: 1em 0 0; }
#header-container .logo { text-align: left; padding: 1em 0 30px; }
#header-container .site-name-text-link { padding: 0; }
#header-container .logo-header { padding: 0 0 30px; }

#sidebar { font-size: 16px; }
.widget h2 { font-size: 18px; }
.sidebar h2, .sidebar h3 { padding: 5px 1rem; position: relative; }
.sidebar h2::before, .sidebar h3::before { content: ""; border-left: 3px solid var(--site_color); top: 50%; left: 0px; width: 2px; height: 50%; position: absolute; transform: translateY(-50%); }
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .widget_block ul li a { padding: 7px 1em; position: relative; }
.widget_block ul li a::before { content: "■";  position: absolute; left: 0; width: 2px; height: 50%; color: var(--site_color); }

/* かき消し 上書き 記事ページ */
.article .entry-content h2 { margin: 20px 0; padding: 15px 5px; color: #fff; background: var(--site_color); }
.article .entry-content h3 { border-color: var(--site_color); }
.article .entry-content p { padding: 0 5px; }

/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	#header-container-in header { min-height: 200px; }
}

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