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

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


/************************************
** グローバルメニュー スマホ
************************************/
#mobile-fixed-menu {
  display: none;
}


@media screen and (max-width: 834px) {
  #container {
    padding-top: 16px;
background: #00081A;  /* 背景色*/
  }

  #header {
    background: #00081A;  /* 背景色*/
    position: fixed;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 50px; /* ヘッダー高さ */
    transition: .5s;
    box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.2)
  }

  #header-in {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.5em;
  }

  #header-in .logo {
    padding: 0;
    text-align: left;
  }

  .header-container-in.hlt-top-menu .logo-header img {
    width: 100% !important; /* ロゴ大きさ */
    vertical-align: middle;
  }

  #header-in .tagline {
    margin: 0;
    font-size: 14px; /* キャッチフレーズ文字サイズ */
    text-align: left;
  }

  #mobile-fixed-menu {
    margin-left: auto;
    line-height: 1;
    height: 50px; /* メニューボタン高さ */
    padding-top: 10px; /* メニューボタン上部余白 */
    display: block;
  }

  #mobile-fixed-menu .menu-icon::before {
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    content: '\f0c9';
  }

  #mobile-fixed-menu .menu-icon {
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #fff; /* メニューアイコン色 */
  }

  #mobile-fixed-menu .menu-caption {
    font-size: 14px;
    font-weight: bold;
    color: #fff; /* メニューアイコン文字色 */
  }

  .menu-close-button {
    color: #fff; /* メニューを閉じるボタン色 */
    padding: 1em 0 0;
  }

  #sidebar-menu-content {
    color: #fff; /* サイドバー文字色*/
background: #00081A;  /* 背景色*/
  }

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

  .menu-close-button::before {
    font-family: "Font Awesome 5 Free";
    font-size: 25px;
    content: '\f00d';
    padding: 0;
    font-weight: 600;
    color: #fff;
  }


.widget_nav_menu a i:before{
    color: #00081A; /* 文字色 */
    padding: 0.5em; /* 余白 */
    background: #00081A; /* 背景色 */
    font-weight: bold; /* 文字の太さ */
    width: 20px; /* 横幅 */
    height: 20px; /* 高さ */
    display: inline-block;
    text-align: center; /* 中央寄せ */
    border-radius: 50%; /* 角丸 */
    margin-right: 0.2em; /* 余白 */
}

.widget_nav_menu ul li a{
  color:#fff; /* 文字色 */
font-size: 17px;
}

.widget_nav_menu ul{
  padding:0.5em; /* 全体の余白 */
}

.widget_nav_menu li{
  border-bottom:1px dashed #ccc; /* 下線 */
  padding:0.3em 0; /* 行の余白 */
}

.widget_nav_menu li:last-child{
  border:none; /* 最後だけ下線削除 */
}

.sidebar h3 {
  background: #0f1a33;
}

/************************************
** 何でも追従機能
************************************/
/* PC(タブレット) */
.fixed-wrap{
  position:fixed;
  z-index:100;
  max-width:180px; /* 最大横幅 */
  display:none;
  bottom:20px; /* 配置場所(画面下からの距離) */
  right:90px; /* 配置場所(画面右からの距離) */
}

.fixed-wrap img{
  width:100%;
  height:auto;
}
/* スマホ */
@media screen and (max-width: 559px) {
  .fixed-wrap{
    max-width:130px; /* 最大横幅 */
    bottom:60px; /* 配置場所(画面下からの距離) */
    left:10px; /* 配置場所(画面左からの距離) */
    right:unset;
  }
}


.article h2 {
background: #0f1a33;
font-size: 22px;
color: #fff;
padding-top: 0.8em;
padding-bottom: 0.8em;
padding-left: 0.4em;
padding-right: 0.0em;
margin-top: 10px;
}

.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}


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

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

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

/* パンくずリスト */
.breadcrumb, .breadcrumb-caption, .breadcrumb a{
color: #fff; /* 文字の色 */
font-size: 15px;
}


.author-box .sns-follow-buttons a.follow-button {
	background-color: #00081A;
	color: #fff;
	border: 0px;
}


.nwa .author-box .author-description { /*プロフィール情報*/
	font-size: 16px; /*フォントサイズ*/
	color: #fff;
	line-height: 120px;

}

.nwa .author-box .author-name {
	font-size: 16px;
}

.nwa .author-box .author-thumb img { /*プロフィールアイコン回転*/
  animation: kaiten 8s linear infinite; /*アニメーション*/
}

@keyframes kaiten {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-35deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(35deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


/*カラム背景色*/
.header-container {
background-color: #00081A;
}
.container {
background-color: #00081A;
}
.main {
background-color: #00081A;
}
.sidebar {
background-color: #00081A;
}
.footer {
background-color: #00081A;
}

/* インデックスカード タイトル文字色 */
.entry-card-title,
.entry-card-content {
color: #fff;
font-size: 16px;
}

/*人気記事のタイトル文字色 */
.popular-entry-card-title,
.popular-entry-card-content {
color: #fff;
font-size: 16px;
}

/*新着記事のタイトル文字色 */
.new-entry-card-title,
.new-entry-card-content {
color: #fff;
font-size: 16px;
}
.new-entry-card-snippet {
	font-size: 14px;
}

/* 関連記事 タイトル文字色 */
.related-entry-card-title,
.related-entry-card-content {
color: #fff;
font-size: 16px;
}
.related-entry-card-snippet {
	font-size: 14px;
}



/*記事タイトルのカスタマイズ*/
main h1.entry-title {
color: #fff;
text-align: left;
padding-top: 0.8em;
padding-bottom: 0.8em;
padding-left: 0.4em;
padding-right: 0.0em;
margin-top: 10px;
background: #0f1a33;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
font-size: 22px;
}



.toc-title {
	font-size:16px;
	color: #fff;
}

.toc .toc-list li a {
	font-size:17px; /*見出しの文字サイズ*/
	color: #fff; /*見出しの文字の色*/
}

.toc .toc-list li{
	font-size:17px; /*数字部分の文字サイズ*/
	color: #fff; /*数字部分の文字色*/
}

.toc{width:100%;}


.cat-link {
 background-color: #0f1a33;
 color: #222;
 border: 1px solid #fff;
 font-size: 10pt;
}

.tag-link {
 background-color: #0f1a33;
 color: #fff;
 border: 1px solid #fff;
}

.cat-label {
display: none;
}

table td {
	background: #00081A;
}

.a-wrap:hover {
background-color: #0f1a33;
}


.post-date,
.post-update {
color: #ccc;
font-size: 10pt;
}


.under-entry-content {
background-color: #00081A;
color: #fff;
}

.entry-card-wrap:hover{
background-color: #0f1a33;
}

.entry-content {
color: #fff;
}

.archive-title {
color: #fff;
	text-align: left;
	padding: .8em;
	margin-top: 40px;
	background: #0f1a33;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	font-size: 25px;
}

.archive-title :before {
display: none;
}
.a-wrap:hover {
background-color: #0f1a33;
}

.page .date-tags {
display: none;
}

.toc{
 width:100%;
}

.body{
    background-color: #555;
}

/* table01 */
#table01 tr {
  border-bottom: 1px solid #555;
}

#table01 th,
#table01 td {
  padding: 24px 0;
  border: none;
}

#table01 th {
  width: 30%;
}

/* sp */
@media only screen and (max-width: 480px) {
  #table01 th,
  #table01 td {
    width: 100%;
    display: block;
  }

  #table01 th {
    width: 100%;
  }

  #table01 td {
    padding-top: 0;
  }
}

.pager-post-navi {/*ページ送りナビ*/
background: #00081a;/*背景色*/
color: #ffffff;/*文字色*/
border: 1.2px dashed #ffffff;/*枠の大きさ、スタイル、色*/
}

.pager-post-navi a:hover {/*ホバー時のページ送りナビ*/
background-color: #0f1a33;/*背景色*/
color: #ffffff;/*文字色*/
border: 1.2px dashed #ffffff;/*枠の大きさ、スタイル、色*/
}

.pager-post-navi a{/*ページ送りナビ*/
border-bottom: 1.2px dashed #ffffff;/*枠の大きさ、スタイル、色*/
color: #ffffff;/*文字色*/
font-weight: bold;/*文字の太さ*/
}

.prev-post-title:before,
.next-post-title:before {
    color: #ffffff; /* 文字色 */
    font-size: 13px; /* 文字サイズ */
    margin-bottom: 1.5em;
    display: block;
}

.next-post-title:before {
    content: '次のページ';
}
.prev-post-title:before {
    content: '前のページ';
}


#carousel .a-wrap {
  padding-top: -10px;
  margin: initial;
  margin-top: -6px !important;
}



#carousel .carousel-in {
  background-color: transparent;
}

#carousel .slick-dots {
  display: none !important;
}

.slick-slide img {
  border-radius: 10px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 22%);
}

.carousel-entry-card-thumb {
  width: 100%;
}

.carousel .cat-label {
  display: none; /* カテゴリーを消す */
}