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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*ボディの背景の画像（編集ページの背景にも写らないようにするために分ける）*/
img{vertical-align:top;}
.kaigyou:after {content:""; display:block; clear:both;}
#main .eye-catch img{border-radius:5px;}
.page .date-tags {display: none;}
.breadcrumb .fa-home, .breadcrumb .fa-folder, .breadcrumb .fa-file-o {display: none; /*非表示*/}

.post-template-default .main .entry-content {margin-top:50px;}
.page-template-default .main .entry-content {margin-top:50px;}

.post-template-default .main h1 {padding-right:0; padding-left:0;}

.tagline {color:#FFFFFF; margin-bottom:0;}
.logo .site-name-text-link {width:50%; padding-top:0;}
.logo {padding-top:0;}



/* 背景全体の画像 */
body.post-template-default, body.page-template-default, body.home, body.archive, body.category {
background-image: url(https://quizmondai.com/wp-content/uploads/2025/07/brick_500.webp);
background-attachment: scroll;
background-size: auto;
background-position: top left;
background-repeat: repeat;
background-color:#0d161d;
}

body.post-template-default::before,
body.page-template-default::before,
body.home::before,
body.archive::before,
body.category::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* 暗い半透明の黒 */
  pointer-events: none; /* クリックイベントを透過させる */
  z-index: -1;
}

body.post-template-default .main, body.page-template-default .main {border:solid 3px #dcbf86;}

/* 透明色にするエリア */
#header-container {background:transparent;}
#sidebar {padding-top:0; box-sizing:border-box; border:solid 3px #dcbf86;}
#footer {background:transparent; color:#FFFFFF;}
.home #main {background:transparent; padding:0;}

/* ホームの新着情報 */
.home main #info_list-2{color:#FFFFFF; background: radial-gradient(#cfae79, #816137); border:solid 3px #FFFFFF; border-radius:5px;}
.home main #info_list-2 .info-list {border:none;}
.home main #info_list-2 .widget-index-top-title {text-align:center; margin-top:10px;}
.home main #info_list-2 .info-list-item-content a {color:#FFFFFF;}
.home main #info_list-2 .info-list-item-categorys span {border:solid 0.5px #d3c5af;}

/* ホームのコマンドメニュー */
nav.toppage_menubox {border:solid 3px #FFFFFF; padding:3%; display:block; background-color: rgba(0,0,0,0.8); border-radius:5px;}
nav.toppage_menubox ul {padding:0 0 0 3px; margin:0; list-style:none; }
nav.toppage_menubox ul li{width:calc(100% / 2); float:left; margin-bottom:15px;  padding-left:25px; color:#FFFFFF; position: relative;}
nav.toppage_menubox ul li a {font-weight:bold; text-decoration:none; color:#FFFFFF; float:left; display:block; padding:5px 0;}
nav.toppage_menubox ul li:hover::before {  content: '▶ ';  position: absolute;  left: 0; /* 左端に配置 */  top: 50%; /* 高さを中央 */  transform: translateY(-50%); /* 高さ中央揃え */ color:#FFFFFF;}
nav.toppage_menubox ul li:nth-child(3) {clear:left;}
nav.toppage_menubox ul li:nth-child(5) {clear:left;}
nav.toppage_menubox ul li:nth-child(7) {clear:left;}
nav.toppage_menubox ul li:nth-child(9) {clear:left;}

/* ホームのエントリーカード */
.home .front-page-type-index a.entry-card-wrap {background-color: rgba(0,0,0,0.8); padding:3%; border:solid 3px #FFFFFF; border-radius:5px;}
.home .front-page-type-index h2 {color:#FFFFFF;}
.home .front-page-type-index .entry-card-snippet {color:#FFFFFF;}
.home .front-page-type-index .post-date {color:#FFFFFF;}

/* 本文下関連記事 */
#main #related-entries .related-entry-card-thumb {margin-top:0;}
#main #related-entries {background: radial-gradient(#cfae79, #816137); padding:3%; border-radius:5px;}
#main .related-entry-card-wrap {background:#FFFFFF; border:solid 3px #816137; border-radius:5px; padding:3% 3% 1% 3%;}
#main h2.related-entry-heading {display:none;}
#main #related-entries span.cat-label {display:none;}
#main #related-entries .rect-entry-card {margin-bottom:0;}
#main #related-entries .related-list { margin-bottom: 0em;}



/* ページネイション */
.pagination-next-link {display:none; margin-top:0;}
.pagination {margin-top:0; margin-bottom: 50px;}
.pagination > .page-numbers{color: #FFFFFF; border:solid 3px #FFFFFF; border-radius:0; margin-top:0; background-color: rgba(0,0,0,0.8); border-radius:5px;}
.pagination > .current{background-color: rgba(255,255,255,0.2);}
.page-numbers.dots {background-color:transparent; color: #e7d8b0; border:solid 3px #FFFFFF;}

/* サイドバーの項目 */
#sidebar h3 {background: linear-gradient(90deg,#382714,#6a4425,#382714); text-align:center; color:#FFFFFF; border:solid 3px #dcbf86;}
#sidebar .widget_nav_menu ul li {border-bottom:dotted 1px #dcbf86;}

#sidebar .side_banner {border:solid 3px #dcbf86; box-shadow: 3px 3px #6a4425;}
#sidebar .side_banner:hover { opacity: 0.4; transition: 1.1s;}

#navi-footer-in ul li a{color:#FFFFFF;}


/*ヒントと回答ボタンの開閉*/
.hidden_box { margin: 2em 0;/*前後の余白*/    padding: 0;}
/*ボタン装飾*/
.hidden_box label { padding: 15px; font-weight: bold; border: solid 2px black; cursor :pointer;}
/*ボタンホバー時*/
.hidden_box label:hover { background: #efefef;}
/*チェックは見えなくする*/
.hidden_box input {display: none;}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s;}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {padding: 10px 0; height: auto; opacity: 1;}


/*グローバルメニュー　コマンド（メニュー）ボタン装飾*/
.hidden_box_menu {margin:0;}
.hidden_box_menu span { animation: tikatika 1s step-end infinite;}
@keyframes tikatika {0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }
.hidden_show_menu {margin-bottom:25px;}
/*ボタン装飾*/
.hidden_box_menu label {padding: 20px; font-weight: bold; border: solid 3px #FFFFFF; border-radius:5px; display:block; cursor :pointer;  width:80%; text-align:center; margin-right:auto; margin-left:auto; }
.hidden_box_menu .label_topmenu {background-color: rgba(0,0,0,0.8); color:#FFFFFF; margin-top:10px;}
/*ボタンホバー時*/
.hidden_box_menu label:hover { opacity: 0.8; transition: 1.1s;}
/*チェックは見えなくする*/
.hidden_box_menu input { display: none;}
/*中身を非表示にしておく*/
.hidden_box_menu .hidden_show_menu {height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
/*クリックで中身表示*/
.hidden_box_menu input:checked ~ .hidden_show_menu {padding: 0px 0; height: auto; opacity: 1;}


/*SNSシェアのためのボタン*/
.sns-share.ss-top .sns-buttons a {color:#FFFFFF; background: radial-gradient(#cfae79, #816137);}
.sns-share.ss-top .sns-buttons a .button-caption { display: none; }

/*ウミガメの目次の前に点をつける*/
p.pre-point{margin-top:0; margin-bottom:0;}
p.pre-point::before { content: "・";}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.logo .site-name-text-link {width:100%; }
#content {padding-right:2%; padding-left:2%;}

body.post-template-default, body.page-template-default, body.home, body.archive, body.category {
background-size: 100% auto; 
}

.hidden_box_menu label {margin-right:2%; margin-left:2%; padding:10px;}
.hidden_show_menu {margin-right:2%; margin-left:2%;}

nav.toppage_menubox {padding:3% 1%;}
nav.toppage_menubox ul li {font-size:3.5vw; padding-left:3.5vw;}
nav.toppage_menubox ul li:nth-child(even){padding-left:5.5vw;}
nav.toppage_menubox ul li a {font-size:3.5vw;}
	
#main #related-entries h3.related-entry-card-title {font-size:3.6vw;}

}

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

}

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

}