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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*CTAボックスの背景変更*/
.cta-box {
border: solid 1px #9d9d9d;
border-radius: 8px;
background-color: #fff;
color:#444;
}

/*投稿ページ見出し設定*/
.article h1 {
  border-top: 2px solid #113d73;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(241, 249, 254, 1));
  padding: 30px 20px 0;
}

.article h2{
  border-top: 2px solid #113d73;
  border-bottom: 2px solid #113d73;
  background-color: #fff!important;
  color: #113d73;
}

.article h3{
  border-left:  initial;
  border-right:  initial;
  border-top:  initial;
  border-bottom:  initial;
}

.article h3{
  background-color: #f1f9fe;
}

/*投稿ページサイドバー設定*/
.sidebar h3{
  text-align: center;
  border-bottom: 2px solid #113d73;
  color: #113d73;
}

.sidebar h3{
  background-color:  initial;
}

/*一覧ページ設定*/
.pagination-next-link{
  background-color:  #f1f9fe;
}

.pagination-next-link{
  border:  initial;
}

.pagination-next-link:hover{
  color: #fff;
  background-color:  #113d73;  
}

.pagination a:hover {
  background-color: #113d73;
  color: #fff;
}

.pagination .current {
  background-color: #f0f9fd;
}

/*お問い合わせ設定*/
.form-table {
  border-collapse: collapse;
  table-layout: fixed;
}

.form-table th{
  width: 30%;
  text-align: left;
  padding-left: 18px;
  vertical-align: middle;
}

.contact-label{
  font-size: 12px;
  padding: 4px 8px;
  margin-right: 16px;
}

.contact-label{
  border-radius: 3px;
  }

.req{
  color: #fff;
  background-color: #731611;
}

.any{
  color: #fff;
  background-color: #113d73;
}

/*日表示設定*/
.author-info{
  display: none;
}

/* 人気記事のランキング部分 */
.widget-entry-cards.ranking-visible .card-thumb::before {
  top: -5px; /*上方向に配置調整*/
  left: -5px; /*左方向に配置調整*/
  border-radius: 50%; /*丸くする*/
  border: 2px solid #113d73; /*実線の太さと色*/
  font-size: 12px; /*数字のサイズ*/
  color: #113d73; /*数字の色*/
  font-weight: bold; /*太字にする*/
  padding: 1px; /*内側余白*/
}

.widget-entry-cards.ranking-visible .no-1 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-4 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-5 .card-thumb::before {
  background: #ffffff; /*ランキングの丸の背景色*/
}

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

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

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