@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: #F7FAFC

}



.main,

.sidebar {

background-color: #F7FAFC;

}

.comment-btn {

color: #333333;

}

.comment-body {

border: 1px solid #2F78C8;

background: #FFFFFF;

}

.comment-author,

.comment-content {

color: #333333;

}

/* コメントの表示 */

.comment-notes {

display: none;

}

@media screen and (max-width: 1023px) {

.mobile-menu-buttons .menu-button {

color: #333333;

}

}



.article .toc {

border-color: #2F78C8;

}



.toc a {

color: #2F78C8;

}



#sidebar{

color: #333333;

}



#sidebar a {

color: #2F78C8;

}



.page .post-date {

display: none;

}

.entry-card-title, .related-entry-card-title, .e-card-info > span, .entry-card-snippet {

color: #333333;

}



.comment-form-email,.comment-form-url,.comment-notes{

display:none;

}

#slide-in-sidebar {

color: #333333;

}

#slide-in-sidebar a {

color: #2F78C8;

}

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

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



.pagination-next-link,

.page-numbers {

border-color: #2F78C8;

color: #333333;

}



.page-numbers.current {

border-color: #2F78C8;

background-color: #2F78C8;

color: #FFFFFF;

}



#sidebar-menu-content {

background-color: #F7FAFC;

}



.cat-link, .tag-link {

background-color: #2F78C8;

color: #FFFFFF;

}

.cta-box {

background-color: #F7FAFC;

color: #333333;

padding: 20px;

}

.mobile-menu-buttons .menu-button:hover {

background-color: #F7FAFC;

color: #333333;

}

/* トップ・ホームの『文字』は構造上別途必要 */

.top-menu-button a:hover,

.home-menu-button a:hover {

color: #333333;

}

.widget-below-comment-form .a-wrap {

color: #2F78C8;

}

.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: #2F78C8;

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 #F7FAFC;

}

.toc-title {

font-size: 1.1em;

text-align: center;

display: block;

padding: 2px 16px;

color: #333333;

}

.toc ul, .toc ol {

padding-left: 5px;

}

.article ul li, .article ol li {

padding-left: 5px;

}

/* 目次終了 */

.widget-entry-cards .a-wrap {

color: #333333;

}

.widget-entry-cards .a-wrap:hover {

color: #333333;

background-color: #F7FAFC;

}

#main .button-caption {

display: none;

}

/*---SNSボタンを丸くする---*/

#main .button-caption {

display: none;

}

/*SNSシェアボタン*/

.sns-share-message{

font-weight: bold;

color: #333333;

}

.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: #333333;

}

.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: #333333;

}

/*カテゴリ一覧　タイトル*/

.list-title{

border: 1px solid #2F78C8;

background-color: #2F78C8;

color:#FFFFFF;

padding:5px;

font-size:17px;

font-weight: 700;

}

.list-title-in:before,

.list-title-in:after {

background-color: #2F78C8;

}

/*カテゴリーごと表示の「もっと見る」ボタン*/

.list-more-button:hover{

background: #F7FAFC;

color:#333333;

}

.list-more-button{

background: #2F78C8;

color:#FFFFFF;

}

.entry-card-snippet.card-snippet.e-card-snippet{

font-size: 16px;

margin: 10px 0px;

color:#333333;

}

.appreach {

text-align: left;

padding: 10px;

overflow: hidden;

border: 5px double #2F78C8;

background-color: #F7FAFC;

}

.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: #A7B8C1;

}

.appreach__star__evaluate {

position: absolute;

color: #2F78C8;

overflow: hidden;

white-space: nowrap;

}

.menu-content {

background-color:#F7FAFC;

}

/* =================================
 ティンコ村

 スマホのサイトタイトルを強制1行

 ================================= */

@media screen and (max-width: 767px) {

/* ヘッダー内のタイトル領域 */

#header .logo-header.logo-text {

 width: calc(100% - 100px) !important;

 max-width: none !important;

 min-width: 0 !important;

 padding-left: 0 !important;

 padding-right: 0 !important;

 margin-left: auto !important;

 margin-right: auto !important;

}

/* タイトルのリンク */

#header .logo-header .site-name-text-link {

 display: block !important;

 width: 100% !important;

 max-width: none !important;

 white-space: nowrap !important;

 word-break: keep-all !important;

 overflow: visible !important;

 text-overflow: clip !important;

}

/*固定ページの日付を非表示にするCSS*/

.page .date-tags {

display: none;

}