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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
.header-container,
.main,
.sidebar,
.footer {
background-color: #161616
}


.main,
.sidebar {
background-color: #161616;
}

.comment-btn {
color: white;
}

.comment-body {
border: 1px solid #4e4e4e;
background: #fff;
}
.comment-author,
.comment-content {
color: #000000;
}

/* コメントの表示 */
.comment-notes {
display: none;
}

@media screen and (max-width: 1023px) {
.mobile-menu-buttons .menu-button {
color: #333;
}
}


.article .toc {
border-color: #fff;
}


.toc a {
color: #b29700;
}


#sidebar{
color: #fff;
}


#sidebar a {
color: #b29700;
}


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

.entry-card-title, .related-entry-card-title, .e-card-info > span, .entry-card-snippet {
color: #fff;
}


.comment-form-email,.comment-form-url,.comment-notes{
display:none;
}

#slide-in-sidebar {
color: #fff;
}
#slide-in-sidebar a {
color: #b29700;
}

#pager-post-navi .prev-post .prev-post-title{ color:#ffffff}
#pager-post-navi .next-post .next-post-title{ color:#ffffff}


.pagination-next-link,
.page-numbers {
border-color: #fff;
color: #fff;
}


.page-numbers.current {
border-color: #fff;
background-color: #fff;
color: #000;
}


#sidebar-menu-content {
background-color: #000000;
}


.cat-link, .tag-link {
background-color: #ffffff;
color: #000000;
}

.cta-box {
background-color: #ffffff;
color: #000000;
padding: 20px;
}

.mobile-menu-buttons .menu-button:hover {
background-color: #a9a9a9; /* 背景色 */
color: #fff; /* 文字の色 */
}
/* トップ・ホームの『文字』は構造上別途必要 */
.top-menu-button a:hover, /*トップに戻る画像を入れる場合はこの1行削除*/
.home-menu-button a:hover {
color: #fff; /* ここは同じ文字色を */
}

.widget-below-comment-form .a-wrap {
color: #b29700;
}
.widget-entry-cards.ranking-visible .card-thumb::before {
width: auto;
min-width: 18px;
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/* 目次開始 */
.article .toc {
  width: 100%;
  max-width: 600px;
  border-color: #E6E6E6;
  font-size: 85%;
  box-sizing: border-box;
  margin: 30px auto;
  padding: 1em;
}
.article .toc ol a,
.article .toc ul a {
  vertical-align: middle;
  width: 84%;
  display: inline-block;
  padding: 10px 0;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}
.toc-title {
  font-size: 1.1em;
  text-align: center;
  display: block;
  padding: 2px 16px;
}
.toc ul, .toc ol {
  padding-left: 5px;
}
.article ul li, .article ol li {
  padding-left: 5px;
}
/* 目次終了 */

.widget-entry-cards .a-wrap {
color: #fff;
}

.widget-entry-cards .a-wrap:hover {
color: #fff;
background-color: #3e3e3e;
}

#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*---SNSボタンを丸くする---*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #ffffff; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #ffffff; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}


/*トップページのカテゴリ別最新記事の幅固定*/
.widget-entry-cards .widget-entry-card-content{
padding-top:0.5em;
height:100px; 
}
/*ここまで*/

.post-type-archive-news .widget-index-top {
    display: none;
}

.post-type-archive-news .widget-index-bottom {
    display: none;
}

.rating-star .rating-number {
    color: #ffffff; /* 色 */
}

/*カテゴリ一覧　タイトル*/
.list-title{
border: 1px solid #ffffff; /*枠線*/
background-color: #6e6e6e; /*背景色*/
color:#fff; /*文字色*/
padding:5px; /*余白*/
font-size:17px; /*文字サイズ*/
font-weight: 700; /*太字*/
}
.list-title-in:before,
.list-title-in:after {
background-color: #fff; /*前後の線の色*/
}

/*カテゴリーごと表示の「もっと見る」ボタン*/
.list-more-button:hover{
background: #ffffff; /*背景色*/
color:#000000; /*文字色*/
}
.list-more-button{
background: #b29700; /*背景色*/
color:#fff; /*文字色*/
}

.entry-card-snippet.card-snippet.e-card-snippet{
	font-size: 16px;
	margin: 10px 0px;
   color:#fff; /*文字色*/
}

.appreach {
text-align: left;
padding: 10px;
overflow: hidden;
border: 5px double #ffffff;
background-color: #232323;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}
.menu-content { background-color:#000000; } 