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

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

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

img{vertical-align:top;}
.page .date-tags { display: none;}
a:hover { opacity: 0.9; transition: 1.1s;}
.site-name-text-link{width:30%;  filter: drop-shadow(0px 0px 5px #5959FF);}
.breadcrumb .fa-home, .breadcrumb .fa-folder, .breadcrumb .fa-file-o {display: none; /*非表示*/
}

.iwakan {border: 0.5px solid #FF0000; background-color: rgba(255,0,0,0.2); padding:3%; font-size:18px; font-weight:bold;}/*非表示0.2 */
.iwakan p {color:#FFFFFF; font-family: serif;
}

/*ボディの背景の画像（編集ページの背景にも写らないようにするために分ける）*/
body.post-template-default, body.page-template-default, body.home, body.archive, body.category {
 background-image: url(https://umigamesh.com/wp-content/uploads/2024/09/body_bg_page_r_pc.webp), url(https://umigamesh.com/wp-content/uploads/2024/09/body_bg_page_l_pc.webp);
 background-attachment: fixed, fixed;
 background-size: auto 100%, auto 100%;
 background-position:top right, top left;
 background-repeat:no-repeat, no-repeat;
 background-color:#0d161d;
}

/*透明にするゾーン＆.home(トップページのパディングをゼロにする)*/
#header-container {background:transparent;}
#sidebar {background:transparent; padding:0; box-sizing:border-box}
#footer {background:transparent; color:#FFFFFF;}
.home #main {background:transparent; padding:0;}

/* トップページのカード */
.home .front-page-type-index a.entry-card-wrap {background-color: rgba(255,255,255,0.2); padding:3%;}
#navi-footer-in ul li a{color:#FFFFFF;}

.home .front-page-type-index h2 {color:#e7d8b0;}
.home .front-page-type-index .entry-card-snippet {color:#e7d8b0;}
.home .front-page-type-index .post-date {color:#e7d8b0;}

/* 本文下の関連記事 */
main #related_entries-2 {margin-top:80px;}
main #related_entries-2 .widget-related-entry-card-thumb {margin-top:0;}
main #related_entries-2 .widget-single-content-bottom-title {color:#e7d8b0; text-align:center; border-top:solid 2px #e7d8b0; border-bottom:solid 2px #e7d8b0; margin-bottom:10px; font-weight:bold; padding:0; }
.widget-related-entry-card-link {background: linear-gradient(to bottom,#394258,#54617f,#394258); color:#e7d8b0; border:solid 1px #e7d8b0;}
.widget-related-entry-card-link:hover {background-color: #898989; color:#e7d8b0;}
.widget-related-entry-card-link .widget-related-entry-card{padding:2.5%;}
.widget-related-entry-card-link .widget-related-entry-card .widget-related-entry-card-title {padding-left:1%;}

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

/*ヘッダーメニュー*/
#header-container #navi {background:transparent; }
#header-container #navi ul li{ width:calc(100% / 4); padding-right:1%;}
#header-container #navi ul li:nth-child(3){padding-right:0.5%;}
#header-container #navi ul li:nth-child(4){padding-right:0; padding-left:0.5%;}
#header-container #navi ul li a{ box-shadow:inset 0px 0px 10px 0px #FFFFFF;  border:solid 0.5px #FFFFFF; font-size:16px; color: #FFFFFF; text-decoration: none; text-align: center; text-shadow: 0px 0px 5px #5959FF;}
#header-container #navi ul li a:hover { color:#FF0000; box-shadow:inset 0px 0px 0px 0px #000000; transition: 1.1s;}

/*ヘッダーの下とメニューの下の間隔*/
header {margin-bottom:30px;}
.header-container {margin-bottom:30px;}

/*固定（こてい）ページのmainとh1～h3*/
.page .main {background-color:#19212e; padding: 4%; margin-bottom:30px; border:solid 1px #e7d8b0; color:#FFFFFF; border-radius:0px;}
.page .main h1{line-height:1.3; color:#e7d8b0; background: tranparent; text-align:center; margin-bottom:0px; padding-bottom:0; font-size: 22px; font-weight:bold; border:none;}
.page .main h2 {margin: 0px 0px 30px 0px; padding:0; background: transparent; color: #e7d8b0; border-bottom: 1px solid #e7d8b0; font-size: 20px;}
.page .main h3{color:#e7d8b0; margin:50px 0px 20px 0px; padding:0 0 5px 0; left:0; border:none; border-bottom: 1px dotted #e7d8b0; font-size: 19px;}

/*投稿（とうこう）ページのmainとh1～h3*/
.post-template-default .main {border:none; border:solid 1px #b8a579; border-radius:0px; padding-top:20px;}
.post-template-default .main h1{ background: linear-gradient(90deg,#081934,#1d3c80,#081934); margin-top:0; padding:15px 10px; color:#FFFFFF; border: solid 1px #b8a579;}
.categoryid-4 .main h1{ background: #FFFFFF; margin-top:0; padding:15px 0px; color:#a18861; border: none; }
.post-template-default .main h2{color:#a18861; border-bottom:solid 0.5px #a18861; background:#FFFFFF; padding:0 0 5px 0; margin:0 0 20px 0; font-weight: 400;}
.post-template-default .main h3{color:#a18861; border:none; border-bottom:dotted 0.5px #a18861; padding:0 0 5px 0; margin:0 0 10px 0; font-weight: 400;}

/*ウミガメのスープ出題ページ*/
.umigame_question {border: solid 1px #b8a579;}
.umigame_question_bar {background:linear-gradient(90deg,#15350c,#2f6a18,#15350c); color:#FFFFFF; font-weight:bold; text-align:center; padding:10px;}
.umigame_question_sentence {padding:20px 3% 1px 3%;} 

.umigame_yesno {border: solid 1px #b8a579;}
.umigame_yesno_bar {background: linear-gradient(90deg,#133038,#357080,#133038); color:#FFFFFF; font-weight:bold; text-align:center; padding:10px;}

.umigame_yesno ul li{margin-top:30px; text-indent: -0.5%;} 

/*サイドのメニュー*/
#sidebar .quiz_menu a{border:solid 1px #FFFFFF; color:#FFFFFF; background-color: rgba(0,0,0,0.6); text-align:center; padding:15px; margin-bottom:30px; font-size: 18px; text-decoration:none; display:block;}

/*サイドの新着記事*/
#sidebar #info_list-2 {border: 1px solid #0c3057; background-color: rgba(12,48,87,0.4);}
#sidebar #info_list-2 h3{margin-top:0; border-radius:0; color:#FFFFFF; background:#0c3057; text-align:center; margin-bottom:0;}
#sidebar #info_list-2 #info-list {border:none;}
#sidebar #info_list-2 .info-list-item-content-link {color:#FFFFFF;}
#sidebar #info_list-2 .info-list-item-date {color:#FFFFFF;}
#sidebar #info_list-2 span.entry-category {color:#FFFFFF; padding-right:5px; padding-left:5px; border:solid 0.5px #FFFFFF;}
#sidebar #info_list-2 #info-list { padding-top:0;}

/* ウミガメのスープ専用 */
.umisui_hidden_box {margin:0;}
.umisui_hidden_box label { padding: 20px; font-weight: bold; border: solid 1px #e7d8b0; display:block; cursor :pointer;  width:80%; text-align:center; margin-right:auto; margin-left:auto; } /*ボタン装飾*/
.umisui_hidden_box .umisui_label1 {background: linear-gradient(90deg,#925213,#d78435,#925213); color:#FFFFFF; margin-top:50px;}
.umisui_hidden_box .umisui_label2 {background: linear-gradient(90deg,#78191b,#d63b3e,#78191b); color:#FFFFFF;}
.toumigame_button a{background: linear-gradient(90deg,#270a2e,#5a196b,#270a2e); color:#FFFFFF; width:80%; text-align:center; margin-right:auto; margin-left:auto; padding: 20px 5px; display:block; font-weight:bold; text-decoration:none; border: solid 1px #e7d8b0; display:block;}

.umisui_hidden_box label:hover { opacity: 0.8; transition: 1.1s; } /*ボタンホバー時*/
.umisui_hidden_box input { display: none; } /*チェックは見えなくする*/

.umisui_hidden_show {margin-bottom:25px;}
.umisui_hidden_box .umisui_hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s;} /*中身を非表示にしておく*/
.umisui_hidden_show p {margin-bottom:0;}
.umisui_hidden_box input:checked ~ .umisui_hidden_show { padding: 0px 0; height: auto; opacity: 1; } /*クリックで中身表示*/



/* 共通の（ヒント） */
.common_hint_box {margin:0;}
.common_hint_box label { padding: 20px; font-weight: bold; border: solid 2px #e7d8b0; display:block; cursor :pointer;  width:80%; text-align:center; margin-right:auto; margin-left:auto; box-shadow:3px 3px #A1977B;} 
.common_hint_box .common_hint_label {background: #FFFFFF; color:#e7d8b0; margin-top:50px;}
.common_hint_box label:hover { opacity: 0.8; transition: 1.1s; } 
.common_hint_box input { display: none; } 
.common_hint_show {margin-bottom:25px; padding:1%; padding:20px 1% 15px;}
.common_hint_box .common_hint_show { height: 0; padding: 0; overflow: hidden; opacity: 0; } 
.common_hint_show p {margin-bottom:0;}
.common_hint_box input:checked ~ .common_hint_show { height: auto; opacity: 1; } 


/* 共通の（解答） */
.common_answer_box {margin:0 0 50px 0;}
.common_answer_box label { padding: 5px; font-weight: bold; border: solid 2px #e7d8b0; display:block; cursor :pointer;  width:80%; text-align:center; margin-right:auto; margin-left:auto; box-shadow:3px 3px #A1977B;} 
.common_answer_box .common_answer_label {background: #FFFFFF; color:#e7d8b0; margin-top:50px;}
.common_answer_box label:hover { opacity: 0.8; transition: 1.1s; } 
.common_answer_box input { display: none; } 
.common_answer_show {margin-bottom:25px; padding:1%; padding:20px 1% 15px;}
.common_answer_box .common_answer_show { height: 0; overflow: hidden; opacity: 0; } 
.common_answer_show p {margin-bottom:0;}
.common_answer_box input:checked ~ .common_answer_show { height: auto; opacity: 1; } 



/* SNS用のボタン */
#main .sns-share {margin-top:30px;}
.sns-share-buttons a {margin-right:1.5vw !important; }
.sns-share-buttons a:last-child {margin-right:0px !important; }
.sns-share.ss-top .sns-buttons a {width: 3.5vw; height: 3.5vw; border-radius: 50%; color:#FFFFFF; background: radial-gradient(#999999, #555555);}
.sns-share.ss-top .sns-buttons a .social-icon {	font-size: 18px;}
.sns-share.ss-top .sns-buttons a .button-caption { display: none; }

#navi-footer-in ul li a:hover {background-color: rgba(12,48,87,0.4);}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
body.home {
background-image:none;
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.5)),url(https://umigamesh.com/wp-content/uploads/2024/09/body_bg_page_sp.webp);
background-position:top center;
background-size:100% auto;
background-attachment: fixed;
background-repeat:no-repeat, no-repeat;
}


body.post-template-default, body.page-template-default, body.archive, body.category {
background-image:none;
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.5)),url(https://umigamesh.com/wp-content/uploads/2024/09/123.webp);
background-position:top center;
background-size:100% auto;
background-attachment: fixed;
background-repeat:no-repeat, no-repeat;
}
	
.umigame_yesno ul { padding-left:5.5%; padding-right:0.5%;} 
.umigame_yesno ul li{margin-top:25px; text-indent: -0.2%;} 

/* SNS用のボタン */
.sns-share-buttons a {margin-right:2.8vw !important; }
.sns-share.ss-top .sns-buttons a {width: 10vw; height: 10vw; border-radius: 50%; }


#content {padding-right:3%; padding-left:3%;}

#main {margin-bottom:50px;}
	
.post-template-default .main {margin: 0 calc(50% - 50vw); width: 100vw; border-right:none; border-left:none;}

	
.site-name-text-link{width:70%; }

#header-container #navi {padding-right:1%; padding-left:1%;}
#header-container #navi ul li a{background-color: rgba(12,48,87,0.5); border:solid 0.5px #0c3057; font-size:3.5vw; color: #FFFFFF; }
#header-container #navi {background:transparent; }
#header-container #navi ul li{ width:calc(100% / 2); }
#header-container #navi ul li:nth-child(1){padding-left:2%; padding-right:2%; margin-bottom:2%;}
#header-container #navi ul li:nth-child(2){padding-left:0%; padding-right:2%; margin-bottom:2%;}
#header-container #navi ul li:nth-child(3){padding-left:2%; padding-right:2%;}
#header-container #navi ul li:nth-child(4){padding-left:0%; padding-right:2%; }
	

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

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