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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.page .date-tags { display: none;}

#header-container #navi {background:#e7d8bb; box-shadow: 0 4px 6px rgba(0,0,0,0.3); }
#header-container #navi ul li a{font-size:20px; font-family:serif; font-weight:bold; color:#46361e; text-shadow: 2px 2px 4px rgba(255,255,255,0.5);}
#header-container #navi ul li a:hover{background:transparent; color:#898989;}
#header-container {background: center / cover no-repeat fixed url("https://parallelworker.com/wp-content/uploads/2025/08/top_bg_pc.webp");}
#header-container .logo {width:15%; margin:0 auto;}


body.page-id-9 {background: center / cover no-repeat fixed url("https://parallelworker.com/wp-content/uploads/2025/08/top_bg_pc.webp");}
body.page-id-9 #header-container {height:100vh; background:transparent;   background-image: url("https://parallelworker.com/wp-content/uploads/2025/08/scroll_05.gif");
  background-repeat: no-repeat;
  background-position: 50% 85%; /* 水平中央、垂直80%位置 */
  background-size: auto 13%;    /* 画像の高さ=headerの15%、比率維持で全体表示 */
}
body.page-id-9 #main {width:60%; margin:20px auto 20px; background: radial-gradient(#f5f3e5, #efebd4); border:solid 5px #a58e76;}
body.page-id-9 #main h1{text-align:center; font-family:serif; color: #46361e; margin-bottom:50px;}
body.page-id-9 #main .entry-content {margin:0 10% 0;}
body.page-id-9 #header-container .logo {width:35%; margin:0 auto;}
body.page-id-9 #header-container .logo  img{ filter: drop-shadow(15px 15px 10px #FFFFFF);}
#footer {width:100%; background:#46361e; color:#FFFFFF;}
#footer .navi-footer-in ul li a{font-family:serif; font-weight:bold; color:#FFFFFF;}
#footer .navi-footer-in ul li a:hover{background:transparent; color:#898989;}

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


body.page-id-9 { height:100vh; width:100%;
background-image: url(https://parallelworker.com/wp-content/uploads/2025/08/top_bg_sma.webp);
 background-attachment: fixed;
 background-size: 100% auto;
 background-position:top center;
 background-repeat:no-repeat;
 background-color:#0d161d; position:relative;}

body.page-id-9 #header-container {height:100vh; background:transparent;   background-image: url("https://parallelworker.com/wp-content/uploads/2025/08/logo_top.webp"),url("https://parallelworker.com/wp-content/uploads/2025/08/scroll_05.gif");
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 20%, 50% 80%; /* 水平中央、垂直80%位置 */
  background-size: 70% auto,  auto 13%;    /* 画像の高さ=headerの15%、比率維持で全体表示 */ 
  filter: drop-shadow(5px 5px 5px #FFFFFF);
}

body.page-id-9 #header-container img{ filter: drop-shadow(15px 15px 10px #FFFFFF);}

body.page-id-9 #main {width:88%; margin:20px auto 20px; background: radial-gradient(#f5f3e5, #efebd4); border:solid 5px #a58e76;}
body.page-id-9 #main .entry-content {margin:0 2% 0;}
	
}

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

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