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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
* {font-family: "Zen Kaku Gothic New", sans-serif;}
img{vertical-align:top;}
.kaigyou:after {content:""; display:block; clear:both;}
article {margin-bottom:0 !important; }
.page .date-tags { display: none;}
.article .date-tags {margin-bottom:40px;}
.fa-clock { display: none;}
.mt30 {margin-top:30px;}
.e-card-categorys .entry-category {display:none;}
.info-list-item-categorys .entry-category {display:none;}
.references_list {font-size:14px;}
.references_list ul { padding-left:1.25em;}
.references_list cite {padding-left:0.5em; font-style: normal;}


/* 著者情報 */
#author_box { border: 1px solid #A0A0A0; padding: 0px; width: 100%; max-width: 100%; margin: 0 auto;}
#author_box_title {padding-left:20px; font-size: 16px; font-weight: bold; margin-bottom: 10px; color:#FFFFFF; background:#A0A0A0; }
#author_box_inner {padding: 10px 20px 20px 20px; display: flex; align-items: flex-start; width: 100%; }
#author_picture {width:19%; margin-right:3%; }
#author_box_inner_inner { width: 78%; }
#author_name {color:#A0A0A0; font-size: 20px; font-weight: bold; padding-top:0; line-height: 1.0; padding-bottom:5px;}
#author_profession {margin-top:10px; color:#A0A0A0; font-size: 16px; line-height: 1.3; margin-top:0; }
#author_biography {color:#A0A0A0; padding: 0px 20px 20px 20px;}

/* ページネイション */
.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:#FFFDD0;}

#main {background:#FFFFFF; }
#main h1 {padding:0 0 20px;}

body.post-template-default, body.page-template-default, body.home, body.archive, body.category, body.blog {margin-bottom:0;  background-image: url(https://sinrik.com/wp-content/uploads/2025/05/bg.webp);
 background-size: contain;
 background-position:middle center;
 background-attachment: scroll;
 background-repeat:repeat;}



#header-container {background:transparent; padding-top:10px;}
#header-container-in {width:1186; margin-right:auto; margin-left:auto; border:solid 3px #151515; background:#FFFFFF; padding:10px 0;}
#header-container-in ul li a{font-weight:bold;}

#main {border:solid 3px #151515; border-radius:0;}
#sidebar {border:solid 3px #151515; border-radius:0;}
#sidebar h3.widget-sidebar-title {background:#FFFFFF; text-align:center; border:solid 3px #151515; border-radius:0;}



body.home {background-image: url(https://sinrik.com/wp-content/uploads/2025/05/bodey_mikaeri_bijin.webp), url(https://sinrik.com/wp-content/uploads/2025/05/bg.webp);
background-attachment: scroll, scroll;
background-size: 18% auto, contain;
background-position: bottom left, center center;
background-repeat: no-repeat, repeat; }

.blog #main { border:none; width:100%; background:transparent;}
.blog .front-page-type-index .entry-card-wrap {margin:0px 18% 0 18%; background:#FFFDD0; padding:1%; border:solid 3px #151515;}

.blog #sidebar {display:none;}
.paged #sidebar {display:none;}
.archive #sidebar {display:none;}

.falling-kyoutu1 {display:none;}

#footer {background:transparent; }

#navi-footer-in ul li{text-align:center;}
.footer-bottom-content .copyright, #navi-footer-in ul li { text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px  1px 0 white, 1px  1px 0 white; font-weight:bold;}

/*フロントページの設定*/
body.home #content-in {width: 100%;}
body.home .toppage_zenmen {height:100vh; width:100%;
background-image: url(https://sinrik.com/wp-content/uploads/2025/04/raijin_fujin_bg.webp);
 background-attachment: fixed;
 background-size: 100% 100%;
 background-position:top center;
 background-repeat:no-repeat;
 background-color:#0d161d; position:relative; margin:0; padding:0; overflow: hidden;}
body.home #content-top { margin:0; padding:0; width:100%;}
body.home #content-top-in { margin:0; padding:0; width:100%;}

body.home #header-container {position:relative; padding:0;}
body.home #header-container-in {display:block; padding:0; width:15%; top:3vh; right:3vh; position:absolute; background:#FFFDD0; z-index:1;}
body.home #header-in {border-bottom:solid 3px #151515;}
body.home #header-container-in .logo-header a { padding:1% 5% 5%; } 
body.home #header-container-in ul li {background:#FFFDD0; }
body.home #header-container-in #navi ul{background:#FFFDD0; padding:0;}

body.home #main {background:transparent; padding:0; width:100%; }
body.home #main {border: none; }
body.home #main h1{background:transparent; padding:0; margin:0px 35% 0 35%;}
body.home #main h1 img{ filter: drop-shadow(7px 7px 5px #1a1a1a); padding-top:50px;}

body.home .entry-content {margin:50px 0 0 0; }
body.home .entry-content .home_introduction {margin:0 20% 0 20%;}/*h1下の説明文*/
body.home .entry-content .home_introduction p{font-weight:bold;}

body.home #service_upper {width:100%; padding:0; margin: 0;
background-image: url(https://sinrik.com/wp-content/uploads/2025/05/blog_cloud_right.webp);
background-size: 20% auto;
background-position:bottom right;
background-repeat:no-repeat; }
body.home #service_upper img {height:auto; width:30%; position:top left;}


/*ショートコード新着記事*/
body.home .toppage_newarrival_box {margin: 0 20% 5%; padding:5%; border:solid 1px #c1b4a4; background:#FFFFFF;}
body.home .toppage_newarrival_bar {color:#a18861; text-align:center; margin:0 auto 30px; font-family:serif; width:18%;}
body.home .new-entry-card-link {border-bottom:dotted 1px #a8a8a8; }
body.home .new-entry-card-title {color:#6495ed; font-size:16px; }
body.home .new-entry-card-update-date {display:none;}
body.home .new-entry-card-post-date {padding-left:0; }
body.home .entry-date {margin-left:0;}
body.home .toppage_newarrival_to_blog {margin:10px auto 5px; text-align:center;}
body.home .toppage_newarrival_to_blog a {display:block; width:50%; text-align:center; padding:5px; margin:0 auto; color:#FFFFFF; background:#a18861; text-decoration: none; border-radius:4px; border:solid 1px #a28877; box-shadow: 3px 3px #808080;}
body.home .toppage_newarrival_to_blog a:hover { opacity: 0.7; transition: 1.0s;}

/*選ばれる理由　外側*/
body.home .toppage_guidance_box {padding:50px 5% 50px; background:#FFFDD0; margin:0 20%;}
body.home .toppage_guidance_box h2 {padding: 5px 0 5px; background:#FFFDD0; border-bottom:solid 1px #000000; }
body.home .toppage_guidance_box h3 {padding: 3px 0 3px 10px; border:none; border-left:solid 5px #000000; }

.toppage_slogan span{font-family: serif;}
body.home .toppage_slogan {color:#FFFFFF; font-weight:bold; font-size:28vh; line-height:1.0; height:100vh; overflow:hidden;}
.toppage_slogan span{color: rgba(0, 0, 0, 0.0); animation: textDarken 3.5s ease-in-out forwards;}
@keyframes textDarken{ from { color: rgba(255, 255, 255, 0.0); } to { color: rgba(255, 255, 255, 1.0); }}


body.home .yusuke_logo {display:block;
  position: absolute;
  top: -200px; /* 初期位置：画面外上部 */
  left: 50%;
  transform: translateX(-50%);
  width: 30%; /* 必要に応じて調整 */
  animation: fallToCenter 2.8s ease-out forwards;
}
body.home .yusuke_logo img{ filter: drop-shadow(15px 15px 10px #000000);}

@keyframes fallToCenter {
  to {
    top: 45vh;
    transform: translate(-50%, -50%);
  }
}

body.home .scroll_yajirusi {display:block; width:4%;
      position: absolute;
      top: 78%;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      animation: blink 2.0s infinite;
      animation-delay: 6.7s; /* 12秒後に開始 */
    }

body.home .scroll_yajirusi img{ filter: drop-shadow(10px 10px 5px  #000000);}

    /* 点滅アニメーション定義 */
    @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }

/*トップページの画像が降ってくるアニメーションlinear infinite*/
.falling-kyoutu {display:block; position: absolute; height: auto; }
.falling-kyoutu img{ filter: drop-shadow(5px 5px 5px #000000);}
.falling-container-daruma {left: 50%; width: 13%; animation: fall-rotate-left 2.5s ease-in forwards;}
.falling-container-tanuki {left: 15%; width: 18%; animation: fall-rotate 2.5s ease-in forwards; animation-delay: 0.5s;}
.falling-container-turu {left: 75%; width: 18%; animation: fall-rotate-left 2.5s ease-in forwards; animation-delay: 1.5s;}
.falling-container-uma {left: 50%; width: 18%; animation: fall-rotate 2.5s ease-in forwards; animation-delay: 2s;}
.falling-container-negi {left: 20%; width: 18%; animation: fall-rotate-left 2.5s ease-in forwards; animation-delay: 2.5s;}
.falling-container-hataori {left: 70%; width: 18%; animation: fall-rotate 2.5s ease-in forwards; animation-delay: 3s;}
.falling-container-busho {left: 55%; width: 18%; animation: fall-rotate-left 2.5s ease-in forwards; animation-delay: 3.5s;}
.falling-container-yagibusi {left: 15%; width: 18%; animation: fall-rotate-left 2.5s ease-in forwards; animation-delay: 4s; }
.falling-container-jinja {left: 60%; width: 20%; animation: fall-rotate 2.5s ease-in forwards; animation-delay: 4.5s;}
.falling-container-marketing {left: 40%; width: 28%; animation: fall-rotate 3.5s ease-in forwards; animation-delay: 0.5s;}
.falling-container-kanekoyusuke {left: 12%; width: 26%; animation: fall-rotate 3.5s ease-in forwards; animation-delay: 2s;}
.falling-container-consulting {left: 26%; width: 28%; animation: fall-rotate-left 3.5s ease-in forwards; animation-delay: 1.5s;}
.falling-container-branding {left: 54%; width: 28%; animation: fall-rotate 3.5s ease-in forwards; animation-delay: 3s;}
.falling-container-sinrigaku {left: 61%; width: 26%; animation: fall-rotate-left 3.5s ease-in forwards; animation-delay: 0.25s;}
.falling-container-sosikikaikaku {left: 68%; width: 28%; animation: fall-rotate 3.5s ease-in forwards; animation-delay: 2.8s; }
.falling-container-koudoukeizaigaku {left: 18%; width: 28%; animation: fall-rotate-left 3.5s ease-in forwards; animation-delay: 3.8s;}

@keyframes fall-rotate {
0% {top: -300px; transform: translateX(-50%) rotate(280deg); }
100% {top: 130vh; display:none; transform: translateX(-50%) rotate(540deg); }
}
@keyframes fall-rotate-left { 
0% {top: -300px; transform: translateX(-50%) rotate(460deg);} 
100% {top: 130vh; display:none; transform: translateX(-50%) rotate(280deg); } }

.toppage_sm_menu {display:none;}


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

#header-container-in {display:none;}

#main {margin:20% 3% 3%;}
body.blog #main{margin:20% 0 3%;}
#sidebar {margin:0px 3% 50px;}

body.single-post #main {margin:20% 0 3%; border:none;
  --cut:30px; /* 切り落とし量 */
  clip-path: polygon(
    var(--cut) 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut)),
    0 var(--cut)
  );
}
body.single-post #main h1 {margin-top:20px;}


/* 著者情報 */
#author_picture {width:25%; margin-right:3%;}
#author_box_inner_inner { width: 72%; }
#author_name {font-size: 18px; }
#author_profession {font-size: 3.7vw; }
#author_biography {line-height:1.5;}


.mobile-header-menu-buttons {background:#FFFDD0; margin:3%; padding:1%; border:solid 3px #151515; box-shadow:none;}

.blog .front-page-type-index .entry-card-wrap {margin:0px 0 0 0; }
.blog .main {padding:3% 3% 3%;}
.blog #list .entry-card-wrap {padding:3% 3% 0 3%;}
.blog #list .entry-card-wrap .entry-card-content {padding-bottom:3%;}

.pagination {margin-right:5%; margin-left:5%; max-width:90%;}	


.footer { margin-top: 0px;  padding: 0px;}
.footer-bottom {  margin-top: 0px;  padding: 0px;}
.footer-bottom-content {padding:0; margin:0; height:300px; background-image: url(https://sinrik.com/wp-content/uploads/2025/05/custom_html2-ukiyoe-nami.webp);
background-size: 100% 300px;
background-position:bottom center;
background-repeat:no-repeat; display:block; position:relative;}

.footer-bottom-content #navi-footer {position:absolute; top:150px;}
.footer-bottom-content .source-org {position:absolute; top:250px;}

/*フロントページの設定*/
body.home ul.mobile-header-menu-buttons {display:none;}
#header-container {display:none;}
body.home:where(.mblt-header-mobile-buttons) { margin-top: 0px; }
	
body.home #main {margin:0; padding:0;}
body.home #main h1{margin:0px 15% 0 15%;}
body.home #main h1 img{padding-top:20px}

body.home .entry-content {margin:0; padding:0;}

body.home .entry-content .home_introduction {margin:0 5%;}
body.home .toppage_newarrival_box {margin: 10% 5% 15%; }
body.home .toppage_newarrival_bar {font-size:6vw;  margin:20px auto 25px; width:35%;}
body.home .toppage_guidance_box {margin:0 5%; padding:5% 5% ;}

body.home .toppage_zenmen {position: relative; height:100vh; width:100%;
background-image: url(https://sinrik.com/wp-content/uploads/2025/05/sm_home_bg.webp);
 background-attachment: fixed;
 background-size: 100% auto;
 background-position:top center;
 background-repeat:no-repeat;
 background-color:#0d161d; position:relative; }
	
body.home .toppage_slogan {writing-mode: vertical-rl; font-size:16vh; margin: 0 auto; line-height:33.33vw; width:100%;}

body.home .yusuke_logo {display:block;
  position: absolute;
  top: -200px; /* 初期位置：画面外上部 */
  left: 50%;
  transform: translateX(-50%);
  width: 60%; /* 必要に応じて調整 */
  animation: fallToCenter 4.5s ease-out forwards;
}

@keyframes fallToCenter {
  to {
    top: 37%;
    transform: translate(-50%, -50%);
  }
}


body.home .scroll_yajirusi {display:block; width:7%;
position: absolute;
top:85%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
animation: blink 2.0s infinite;
animation-delay: 8.0s; /* 12秒後に開始 */
}

    /* 点滅アニメーション定義 */
    @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }

/*トップページの画像が降ってくるアニメーションlinear infinite*/
.falling-kyoutu {display:block; position: absolute; height: auto; -webkit-transform: translateX(-50%); } .falling-kyoutu img{ filter: drop-shadow(5px 5px 5px #000000); } 
.falling-container-daruma {left: 50%; width: 34%; animation: fall-rotate-left 4s ease-in forwards;} 
.falling-container-tanuki {left: 15%; width: 30%; animation: fall-rotate 4s ease-in forwards; animation-delay: 0.5s;} 
.falling-container-turu {left: 75%; width: 30%; animation: fall-rotate-left 4s ease-in forwards; animation-delay: 1.5s;} 
.falling-container-uma {left: 50%; width: 30%; animation: fall-rotate 4s ease-in forwards; animation-delay: 2s;} 
.falling-container-negi {left: 20%; width: 30%; animation: fall-rotate-left 4s ease-in forwards; animation-delay: 2.5s;} 
.falling-container-hataori {left: 70%; width: 38%; animation: fall-rotate 4s ease-in forwards; animation-delay: 3s;} 
.falling-container-busho {left: 55%; width: 36%; animation: fall-rotate-left 4s ease-in forwards; animation-delay: 3.5s;} 
.falling-container-yagibusi {left: 15%; width: 36%; animation: fall-rotate 4s ease-in forwards; animation-delay: 4s; } 
.falling-container-jinja {left: 70%; width: 36%; animation: fall-rotate-left 4s ease-in forwards; animation-delay: 4.5s;}
.falling-container-marketing {left: 40%; width: 45%; animation: fall-rotate 5s ease-in forwards; animation-delay: 0.5s;}
.falling-container-koudoukeizaigaku {left: 12%; width: 38%; animation: fall-rotate-left 5s ease-in forwards; animation-delay: 2.2s;}
.falling-container-consulting {left: 26%; width: 40%; animation: fall-rotate 5s ease-in forwards; animation-delay: 1.5s;}
.falling-container-kanekoyusuke {left: 54%; width: 45%; animation: fall-rotate-left 5s ease-in forwards; animation-delay: 2.3s;}
.falling-container-sosikikaikaku {left: 68%; width: 40%; animation: fall-rotate 5s ease-in forwards; animation-delay: 2.8s; }
.falling-container-branding {left: 28%; width: 45%; animation: fall-rotate-left 5s ease-in forwards; animation-delay: 3.3s;}
@keyframes fall-rotate {
0% {top: -300px; transform: translateX(-50%) rotate(280deg); }
100% {top: 120vh; display:none; transform: translateX(-50%) rotate(540deg); }
}
@keyframes fall-rotate-left { 
0% {top: -300px; transform: translateX(-50%) rotate(460deg);} 
100% {top: 120vh; display:none; transform: translateX(-50%) rotate(280deg); } }
	
@-moz-document url-prefix() { .falling-kyoutu img{ filter: none; }}/* FireFoxのカクカクを抑えるために影を削除 */

.toppage_sm_menu {width:40%; display:block; position: absolute; top:50%; left: 50%; transform: translateX(-50%); margin-right:auto; margin-left:auto; 
opacity: 0; /* 初期は非表示 */
animation: menufadeIn 3s ease forwards; /* 2秒かけて表示 */
animation-delay: 7.0s; }
@keyframes menufadeIn { from { opacity: 0; } to { opacity: 1; }}

.toppage_sm_menu ul{ padding:0; list-style: none; text-align:center; }
.toppage_sm_menu ul li {margin-bottom:2vh; width:100%;}
.toppage_sm_menu ul li a{text-decoration:none; font-weight:bold; font-size:5vw; font-family:serif; color:#FFFFFF; background:rgba(149, 252, 252, 0.8); width:100%; display:block; padding:1px 1%;}
.toppage_sm_menu ul li:hover { opacity: 0.7; transition: 1.0s;}
.toppage_sm_menu ul li:nth-child(2) {width:92%; margin:0 auto 2vh auto;}
.toppage_sm_menu ul li:nth-child(3) {width:84%; margin:0 auto 2vh auto;}
.toppage_sm_menu ul li:nth-child(4) {width:76%; margin:0 auto 2vh auto;}


	
}

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

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