@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: #FFFDF8
}


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

.comment-btn {
color: #3A3028;
}

.comment-body {
border: 1px solid #E6D8C0;
background: #FFFFFF;
}

.comment-author,
.comment-content {
color: #3A3028;
}

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

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


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


.toc a {
color: #A77A2F;
}


#sidebar{
color: #3A3028;
}


#sidebar a {
color: #A77A2F;
}


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

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


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

#slide-in-sidebar {
color: #3A3028;
}

#slide-in-sidebar a {
color: #A77A2F;
}

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


.pagination-next-link,
.page-numbers {
border-color: #C9A45C;
color: #3A3028;
}


.page-numbers.current {
border-color: #C9A45C;
background-color: #9B6262;
color: #FFFFFF;
}


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


.cat-link, .tag-link {
background-color: #9B6262;
color: #FFFFFF;
}

.cta-box {
background-color: #FFF8EE;
color: #3A3028;
padding: 20px;
}

.mobile-menu-buttons .menu-button:hover {
background-color: #E8C7C7;
color: #3A3028;
}

/* トップ・ホームの『文字』は構造上別途必要 */
.top-menu-button a:hover,
.home-menu-button a:hover {
color: #3A3028;
}

.widget-below-comment-form .a-wrap {
color: #A77A2F;
}

.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: #C9A45C;
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 #D8C7A5;
}

.toc-title {
font-size: 1.1em;
text-align: center;
display: block;
padding: 2px 16px;
color: #3A3028;
}

.toc ul, .toc ol {
padding-left: 5px;
}

.article ul li, .article ol li {
padding-left: 5px;
}

/* 目次終了 */

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

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

#main .button-caption {
  display: none;
}

/*---SNSボタンを丸くする---*/
#main .button-caption {
  display: none;
}

/*SNSシェアボタン*/
.sns-share-message{
  font-weight: bold;
  color: #3A3028;
}

.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: #3A3028;
}

.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: #3A3028;
}

/*カテゴリ一覧　タイトル*/
.list-title{
border: 1px solid #C9A45C;
background-color: #9B6262;
color:#FFFFFF;
padding:5px;
font-size:17px;
font-weight: 700;
}

.list-title-in:before,
.list-title-in:after {
background-color: #C9A45C;
}

/*カテゴリーごと表示の「もっと見る」ボタン*/
.list-more-button:hover{
background: #E8C7C7;
color:#3A3028;
}

.list-more-button{
background: #C9A45C;
color:#FFFFFF;
}

.entry-card-snippet.card-snippet.e-card-snippet{
  font-size: 16px;
  margin: 10px 0px;
  color:#3A3028;
}

.appreach {
text-align: left;
padding: 10px;
overflow: hidden;
border: 5px double #C9A45C;
background-color: #FFF8EE;
}

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

.appreach__star__evaluate {
position: absolute;
color: #C9A45C;
overflow: hidden;
white-space: nowrap;
}

.menu-content {
background-color:#FFFDF8;
}

/* =================================
   ティンコ村
   スマホのサイトタイトルを強制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;
}