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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/** 投稿者名非表示 2022.0112**/
.author-info {
display: none;
}

#appeal {
    height: calc(100vw * 0.3);
}

.go-to-top {
    right: 30px;
    bottom: 55px;
 }

.go-to-top-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #1d2087;
    color:white;
    box-shadow: 2px 2px 4px darkgrey;
}

.go-to-top-button:hover {
    color: white;
}
 
.sidebar {
  background-color: #fffaf0;
}

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

/* プレビュー時のみ管理バーを非表示 */
body.single.preview,
body.page.preview {
	margin-top: -32px; /* 管理バー空白を埋める */
}
 
@media screen and (max-width:782px){
	body.single.preview,
	body.page.preview {
		margin-top: -46px; /* 管理バー空白を埋める */
	}
}
 
body.single.preview #wpadminbar,
body.page.preview #wpadminbar{
    display: none; /* 投稿、固定ページのプレビューで管理バー非表示 */
}

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

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

.eye-catch {
  display: none;
}

/************************************
ヘッダー下の余白
************************************/

/************************************
** グローバルメニュー PC
************************************/
/* ロゴの大きさ・幅に関するもの */

/* メニュー幅に関するもの　2021.08.25 変化なし */

.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}
/* ここまで追加　変化なし */

#header-container {
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
}
.site-name-text-link {
  color: #fff;
}
.navi {
  background: none;
}
.navi-in > ul .sub-menu {
  background: #fff;
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
}
.navi-in > ul li {
  　 width: auto;
	/* height:50px; */ /* 文字縦幅 2021.08.20 20px */
	/*height: 30px; */
	/*line-height: 30px; */
}
.navi-in a {
  font-size: 13px; /* ナビ文字大きさ 2021.08.20 13px->14px */
  font-weight: bold;
  position: relative;
  color: #fff; /* ナビ文字色 */
  padding: 0 20px; /* 2021.0820 20px->8px 変化なし*/
  display: block;
  text-decoration: none;
}
.navi-in a:hover {
  background: none;
}
.navi-in a:before {
  position: absolute;
  left: 0;
  bottom: 6px; /* 2021.08.26 6px -> 2px*/
  content: "";
  display: block;
  width: 100%;
  height: 3px;  /* 2021.08.26  3px ->  1px */ 
  background: #1d2087; /* マウスON時の下線色 */
  transform: scale(0, 1);
  transition: 0.4s;
}
.navi-in a:hover:before {
  transform: scale(1);
}
.navi-in > ul .sub-menu a {
  color: #666; /* サブメニュー文字色 */
  font-size: 12px; /* サブメニュー文字の大きさ 2021.08.20 12px->13px */
  text-align: center;
}
.navi-in > ul .sub-menu a:before {
  background: #42d5e7; /* サブメニューマウスON時の下線色 */
}

.header-small {
  opacity: 0.9;
}


[id^="toc"]:target {
  padding-top: 84px;
  margin-top: -84px;
}

.home main, .archive main{
    background-color: transparent;
    margin-top: 0;
    padding-top: 0;
}
.entry-card-wrap{
    background-color: white;
    border-radius: 4px;
    margin-bottom: 1em!important;
}
.entry-card-wrap:hover{
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
    transform: translateY(-2px);
    background-color: white; 
    transition: all .3s ease;
}

/************************************
****　インデックス
************************************/
a.entry-card-wrap.a-wrap.border-element.cf{/*カード本体*/
padding:0 0 .5em;
border-radius:10px;
width:48%;
margin-bottom:2em;
}
figure.entry-card-thumb.card-thumb.e-card-thumb{/*サムネイル大きさ・位置をflexで中心に*/
max-height:150px;
border-radius:10px 10px 0 0/ 10px 10px 0 0;
overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
}

main.main, div.sidebar {/*モバイル表示などの本文全体の周りの空白にも影響している*/
padding:0;
}
a.entry-card-wrap.a-wrap.border-element.cf .post-date,
a.entry-card-wrap.a-wrap.border-element.cf .post-update{/*日付・更新日*/
margin-right:1.5em!important;
color:#7b7b7b;
font-size:.86em;
}
.eye-catch .cat-label, .cat-label{/*カテゴリラベル全体デザイン*/
font-size:.7em;
border-radius:10px;
margin:0.5em;
padding:0 0.5em 0;
background-color:#1d2087;
color:#fff;
		text-align: center
}

div.admin-pv{/*閲覧数を非表示*/
display:none;
}


/*全てをまとめて非表示*/
h1.entry-title{
 display:none;
}

.content-top-in
{
	text-align:center;
}  

/*カルーセル*/
#carousel .carousel-in{
   box-shadow:none;
   background-color:#f7f7f7;
}
#carousel .a-wrap{
   margin:0;
   box-shadow:none;
   border:none;
}
#carousel .carousel-entry-card-title{
   font-size:0.75em;
   font-weight:bold;
   color:#333;
}

/* 新着記事表示 2020.12.4 固定ページ用*/

.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {
width: 50.0%;
}