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

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

/*rssのリスト表示*/
.widget-single-content-bottom-title.main-widget-label.widget-title {
    display: none;
}
.widget_rss li {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	padding-left: 0px;
	margin-left: 0px;
	justify-content: flex-end;
    width: 100%;
	border-bottom: 1px dotted #535353;
}
.widget_rss .rss-date {
	width: 20%;
}
ul li a.rsswidget {
    padding-top: 0;
    width: 80%;
}


/*メニューの縦棒*/
.navi .item-label, .navi .item-description {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #e2e2e2;
}

/*サイドバーランキングのナンバリングフォントの大きさ*/
.widget-entry-cards.ranking-visible .card-thumb::before {
    font-size: 10px;
}

/*楽天アフィリエイトのバナーを横100%*/
.rakutenbana div {
    width: 100%!important;
}
/*楽天アフィリエイトの横長バナーを横100%*/
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf {
    width: 100%;
}
/*画像ボケを治す*/
img {
	image-rendering: -webkit-optimize-contrast;
}

/*TOPタブの色*/
.index-tab-buttons .index-tab-button {
    background-color: #cee6ff;
}

/*ヘッダーの高さと文字サイズ*/
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 35px;
}
div#header-container-in {
    width: 100%;
}
.hlt-tm-small .navi-in > ul li, .cl-slim .navi-in > ul li {
    height: 60px;
    line-height: 60px;
}

.navi-in a {
    font-size: 12px;
    font-weight: bold;
}

/*フロントページレイアウト*/
.ect-vertical-card .entry-card-wrap .entry-card-thumb {
    padding-top: 67%;
}

.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
}


/*サイドバーのフォントサイズ*/
.skin-grayish .sidebar {
    font-size: 0.6rem;
}
.widget-sidebar ul li a {
font-size: 0.9em;
}
/*サイドバーの親カテゴリーのみ*/
.widget_nav_menu ul:not(.sub-menu)  > li> a{
background-color:#e2e2e2;
font-weight:bold;
}

/*カテゴリー一覧のテキスト中央*/
.related-entry-card-title, .entry-card-title {
    text-align: center;
}

/*サイドバーのピックアップブランド、ブランドカテゴリー*/
.widget_nav_menu ul:not(.sub-menu) > li> a {
    background-color: white; 
    font-weight: bold;
    border-bottom: 1px dotted #cccccc;
    padding-left: 10px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


/*1023px以下*/
@media screen and (min-width: 1024px){
  /*必要ならばここにコードを書く*/
	.os {
		display:none;
	}
}



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

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

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