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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.date-tags{display:none;}
.opa9{opacity: 90%;}
.f-vw{font-size:clamp(1.5rem, 2vw + 1rem, 2.625rem);font-weight:800;}
.entry-title,.f-tw{font-size: clamp(18px, 1.8vw, 32px);font-family: "Libre Baskerville", serif;font-weight: 700;font-style: normal;color:#ccc;}
.m-vw{margin-top:7.2vw!important}
.shadow {box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}
.full-width {margin: 0 calc(50% - 50vw); padding: 5em calc(50vw - 50%);}
.pc_view{display: block;}
.sp_view{display: none;}
.date-tags {display:none;}
.main{background: transparent;}
.footer {margin: 0 calc(50% - 50vw); padding: 5em calc(50vw - 50%);}
#header-container{margin:0 calc(50% - 50vw); padding: 1.3em calc(50vw - 50%);}
 #navi .navi-in a:hover {background-color: #103355;color: #fff;}
 
 /************************************
** Hタグの装飾
************************************/
.article h1{text-align: center;font-weight:600;color:#000;position: relative;min-height: 80px;}
.article h2 {font-family: 'Bellefair', serif;position: relative;padding: 30px 0 12px 120px;border-bottom: 2px dotted #CCC7C2;font-size: 2rem;border-left:none;border-right:none;border-top:none;background-color:transparent;}
.article h2::before {position: absolute;top: 15px;left: 10px;content:;}
.article h2:after {position: absolute;content: " ";display: block;border-bottom: solid 5px #041B57;bottom: -3px;width: 20%;}
.article h3 {border-left: 7px solid #041B57;border-right: 1px solid #CCC7C2;border-top: 1px solid #CCC7C2;border-bottom: 1px solid #CCC7C2; font-size: 25px;padding: 12px 20px;}

/************************************
** サイドバー関係の設定
************************************/
.sidebar{background-color:#ffffff00;}
.no-scrollable-sidebar .sidebar {height: 100%;margin-top: 20px;}
.sidebar h3 {background-color: #CCC7C2;padding: 12px 0 12px 40px;margin: 5px 0;border-radius: 5px;font-size: 1.2rem;}
.cat-label {color: #fff !important; border-radius: 5px;}/*カテゴリ表記の色*/
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {padding: 5px 0;padding-right: 9px;padding-left: 20px;transition: all 1s;font-size:14px;}
.widget_recent_entries ul li a:hover{transform: translate(20px,0px);background-color: #fcfcfc;}
.widget_categories ul li a:hover{transform: translate(20px,0px);}
.widget_recent_entries ul li a::after { position: absolute; content: ""; display: block; width: 10px; height: 10px; background-color: #CCC7C2; border-radius: 50%; top: 10px; left: -20px; opacity: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.widget_recent_entries ul li a:hover::after { opacity: 1;}
.widget_categories ul li a::after{ position: absolute; content: ""; display: block; width: 10px; height: 10px; background-color: #CCC7C2; border-radius: 50%; top: 10px; left: -20px; opacity: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.widget_categories ul li a:hover::after{ opacity: 1;}
/************************************
** table関係の設定
************************************/
.tdpad td{padding:10px 0px 10px 25px!important;}
table tr:nth-of-type(2n+1) {background-color:transparent!important;}
table th,table td {border: none;padding: 2px;}
table td .fs {font-size:0.7rem;color:#696969;}
.tableline{background-color:transparent;border-bottom: 1px dotted #a9a9a9;}
.tableline th,.tableline td{background-color:transparent;border-bottom: 2px dotted #a9a9a9;padding:10px 0px 10px 25px!important;;border-left:none;border-right:none;}

/************************************
****　エントリーカードインデックス
************************************/
.ect-vertical-card .entry-card-wrap .entry-card-content{padding:3px;margin:0;display:flex;flex-direction:column;height:100%;background-color: #ffffff;}
a.entry-card-wrap.a-wrap.border-element.cf{padding:0 0 .5em;border-radius:6px;width:33%;margin-bottom:1em}
a.entry-card-wrap.a-wrap{transition:all .1s}
a.entry-card-wrap.a-wrap:hover{transform:translateY(-1px);transition:all .1s;background-color:#fff}
figure.entry-card-thumb.card-thumb.e-card-thumb{max-height:200px;border-radius:6px 6px 0 0/ 6px 6px 0 0;overflow:hidden;display:flex;justify-content:center;align-items:center}
.e-card-thumb .cat-label{margin-top:.3em;margin-left:.3em}
.cat-label{background-color:#004f9d!important}
h2.entry-card-title.card-title.e-card-title{font-size:18px;color:#7b7b7b;font-weight:700;text-align:center;line-height:1.5rem;margin-top:.5em;margin-bottom:1rem;padding:0 .3em}
.entry-card-snippet.card-snippet.e-card-snippet{font-size:14px;color:#7b7b7b;text-align:center;border-top:3px dotted silver;line-height:1.8em;padding-top:.6em;margin-left:2em;margin-right:2em;margin-bottom:1em;max-height:20em}
.eye-catch .cat-label,.cat-label{font-size:.7em;padding:0 .5em;opacity:.85;background-color:#f5f5f5;color:#696969}
div.admin-pv{display:none}

 /************************************
**　トップ新着・人気・関連記事ウィジェット 投稿日・更新日表示
************************************/
.new-entry-cards.a-wrap{display:flexbox}
.widget-entry-cards.card-large-image .a-wrap{border:solid 1px #ccc;border-radius:20px;width:24%;text-align:left;padding:0;margin:1px;height:400px}
.widget-entry-cards:not(.large-thumb-on) .card-title{font-size:16px;color:#7b7b7b;font-weight:700;text-align:center;line-height:1.5rem;margin-top:.5em;margin-bottom:1rem;padding:0 .3em}
.widget-entry-card-snippet{font-size:12px;color:#7b7b7b;text-align:center;border-top:3px dotted silver;line-height:1.5em;padding-top:.6em;margin-left:2em;margin-right:2em;margin-bottom:1em;max-height:20em}
.widget-entry-cards.card-large-image figure img{width:100%;display:block;border-radius:20px 20px 0 0;object-fit:cover}
.widget-entry-card-thumb{margin-top:0!important}
.eye-catch .cat-label,.cat-label{font-size:.7em;padding:0 .5em;margin-left:5px;opacity:.85;background-color:#f5f5f5;color:#696969}
div.admin-pv{display:none}
.new-entry-card-date{display:block;color:#a3a1a1;text-align:right;margin-right:15px}
.widget-entry-card-update-date{display:none}
.widget-entry-card-date{display:block;position:absolute;right:0;font-size:18px}
.widget-entry-card-date::before{font-family:"Font Awesome 5 Free";content:"\f017";font-weight:400;padding-right:0;font-size:14px}

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

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

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