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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
*, *::before, *::after {box-sizing: border-box; }
.date-tags {display:none;}
#content-in {padding:0; margin:0; width:100%;}
.references_list i { font-style: normal; padding-left: 0.5em;}
.references_list {font-size:15px; line-height:1.2;}
.references_list ul { padding-left:1.25em;}
cite {font-style: normal; padding-left: 0.5em;}
.kaigyou:after {content:""; display:block; clear:both;}

#container, .container {padding:0; margin:0; width:100%; }
#header-container {position: relative; height:80px; background: #333333;}
#header-container #header-container-in #header #header-in .logo {height:60px; margin:10px 0 10px 0; padding:0; text-align:left; display: flex; align-items: center; width:50%;}
#header-container .navi {background: transparent; background: transparent; text-align:left;}
#header-container .navi ul li a{color:#FFFFFF; font-weight:bold; }
#header-container .navi ul li a:hover{background: transparent; color:#a8a8a8;}
#navi-in .menu-header {  justify-content: flex-end; }

.home #header-container {background: transparent;  }
.home #header-container.is-scrolled {background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));}/* スクロールで背景色が変化 javascriptも変更 */

.header-container-in {width:100%;}

.home #content-top { margin: 0; padding: 0; }
.home #content-top-in { width: 100%; max-width: none; margin: 0; padding: 0; }
.home #content-top .custom-html-widget { display: flex; flex-wrap: nowrap; }

.home #header-container {
  position: fixed;
  z-index: 9999;
  width: 100%;
}


.home_bg_box {
  width: 100%;

height: 100svh;
  background-color: #000;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)),
    url("https://parallelworker.com/wp-content/uploads/2026/08/top_bg.webp");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.home_bg_box {
  display: flex;
  align-items: center;      /* 垂直方向の中央 */
  justify-content: center;  /* 水平方向の中央 */
}

.home_bg_box_copy01 {color:#FFFFFF; font-weight:bold; font-size:3.4vw; letter-spacing: 0.05em; text-align:right;}
.home_bg_box_copy02 {color:#FFFFFF; font-size:2.0vw; letter-spacing: 0.05em;  text-align:right;}


.home .content {margin:0; }
.home #content, .home .content, .home #content-in, .home .content-in, .home #main, .home .main {width:100%; padding:0; margin:0;}
.home .entry-content{padding-top:0; margin-top:0;}
.home #content-top, .home #content-top-in, .home #custom_html-4, .home #content-top .custom-html-widget { margin: 0; padding: 0;}

.entry-card-wrap .entry-card-categorys .entry-category, .entry-card-wrap .fa-clock-o {display:none;}
.entry-card-wrap h2.entry-card-title {text-decoration-line: underline; text-decoration-color: #333; text-decoration-thickness: 2px; text-underline-offset: 4px;}

/* ページネイション */
.pagination-next-link {display:none; margin-top:0;}
.pagination {margin-top:0; margin-bottom: 50px;}
.pagination > .page-numbers{color: #151515; border:solid 3px #151515; border-radius:0; margin-top:0;}
.pagination > .current{background:#f5f5f5;}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  #header-container { display: none !important; }
	
.home_bg_box_copy01 {font-size:6.4vw; }
.home_bg_box_copy02 {font-size:4.0vw; }
	
.mobile-header-menu-buttons {background:#333333; box-shadow: none; border-bottom:none;}
.mobile-header-menu-buttons > .menu-button:nth-child(1) {width: calc(100% / 2); padding:0 7%;}
.mobile-header-menu-buttons > .menu-button:nth-child(2) {width: calc(100% / 5); }
.mobile-header-menu-buttons > .menu-button:nth-child(2) a{color:#FFFFFF;}
.mobile-header-menu-buttons > .menu-button:nth-child(3) {width: calc(100% / 5); color:#FFFFFF; }
	
.menu-drawer > .menu-item a{background-color:#FFFFFF; color:#1f4063; padding:8px 0 8px; margin-bottom:8px; text-align:center; letter-spacing: 0.05em; font-size:20px;}
.menu-drawer > .menu-item:nth-child(1){margin-top:30px;}	
.navi-menu-close-button .fa {color:#1f4063;}

.home .mobile-header-menu-buttons {background:transparent; box-shadow: none; border-bottom:none;}
.home #content-top { margin: 0; padding: 0; margin-top:-50px;}
	
}

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

}

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