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

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

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

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

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

/*コンテンツ背景*/
.main{
    background-color: #323232;
	color: #f7f7f7;/
}

.a-wrap {
    color: #323232;
}

.sidebar {
    background-color: #323232;
}

.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 {
 
    color: #323232;
}

/*アピールエリアの画像の縦横比を保持*/
#appeal {
    height: calc(100vw * calc(350 / 1000));
}

/*h2デザイン変更*/
h2 {
  /*線の種類（二重線）太さ 色*/
  border-bottom: double 4px #69b42e;
}

/*ヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #323232;
}

.logo-menu-button.menu-button{
	background-color: #323232;
}

/* 投稿日付を非表示 */
.post-date {
display:none;
}

/*ブログURLを非表示*/
.blogcard-footer {
	display: none;
}

/*スマホのサイドバーメニューを左から右に表示*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/*サムネイル左上に表示されるカテゴリー表記を非表示*/
.cat-label {
display: none;
}

/*h2エントリーカードの文字変更*/
h2.entry-card-title.card-title.e-card-title{
	font-size:20px;
	color:#fff;
}

/*ウィジェットの関連記事のタイトル文字変更*/
article.related-entry-card.e-card.cf{
	color:#fff;
}

/*ウィジェットの新着情報のタイトル文字変更*/
div.new-entry-card-title.widget-entry-card-title.card-title{
color:#fff;
}

/*ウィジェットの人気ページのタイトル文字変更*/
div.popular-entry-card.widget-entry-card.e-card.cf{
color:#fff;
}

/*ウィジェットタイトル位置変更*/
h3.widget-sidebar-title.widget-title{
	text-align :center;
}

/* 箇条書きの行間css */
 ul li {
 padding-top:1px;
 padding-bottom:1px;
 }

ol li {
padding-top:1px;
padding-bottom:1px;
}

/*ページネーション（次のページ）*/
.pagination-next {
background-color: aliceblue;/*背景色*/
}

/*ホバー時のページネーション（次のページ）*/
.pagination-next-link:hover{
　background-color: #fff; /*背景色*/
　color: #fff;/*文字色*/
　font-size: 20px;/*文字の大きさ*/
　font-weight: bold;/*文字の太さ*/
　border: 1px solid #369;/*枠線の太さ、スタイル*/
}

/*ページネーション（番号）*/
.page-numbers {
background-color: aliceblue;/*背景色*/
}

/*ホバー時のページネーション（番号）*/
.pagination a:hover {
background-color: #fff; /*背景色*/
　color: #fff;/*文字色*/
　font-size: 20px;/*文字の大きさ*/
　font-weight: bold;/*文字の太さ*/
　border: 1px solid #369;/*枠線の太さ、スタイル、色*/
}


/*画像キャプションの文字色*/
.wp-caption {
    padding-top: 4px;
    border: 1px solid #eee;
    border-radius: 3px;
    background-color: #f5f6f7;
	color: #000;
    text-align: left;
    max-width: 100%;
}


/*動画位置を中央揃い*/
.video-container{
margin: 0px auto;
}