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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* common */

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

/* toppage-ranking */
.entry-content .fp-ranking{
max-width:1000px;
margin: 0 auto 3em;
}
.entry-content .fp-ranking br,
.entry-content .fp-ranking p:empty{
display:none;
}
.entry-content .fp-ranking p{
margin:unset;
}
.entry-content .fp-ranking__title{
width:fit-content;
margin:0 auto;
display:block;
}
.entry-content .fp-ranking__list{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1em;
margin-top: 3em;
}
.entry-content .fp-ranking__item{position:relative;background:white;border: 1px solid lightgray;padding: 1em 0.6em;box-shadow: 0 8px 8px #00000044;display: grid;grid-template-columns: 100%;gap: .4em;}
.entry-content .fp-ranking__item a{text-decoration:none;border: 1px solid;padding: 0.2em 2em;width: fit-content;margin: 0 auto;display: flex;align-items: center;gap: 1em;position: relative;font-size: 14px;color: #ce1112;transition: .2s;margin-top: auto;}

.entry-content .fp-ranking__item a:hover {
background: #ce1112;
color: white;
}

.entry-content .fp-ranking__item a:after {
content: "";
display: block;
width: 0.3em;
height: 0.3em;
border: 0.3em solid transparent;
box-sizing: border-box;
border-left-color: inherit;
position: absolute;
right: 0.4em;
}
.entry-content .fp-ranking__crown{
display:block;
width:30%;
left:0;
right:0;
margin:0 auto;
top:-2em;
position: absolute;
z-index: 10;
}
.entry-content .fp-ranking__eyecatch{
	position:relative;
	z-index: 5;
	display: block;
	width: 100%;
	height: 180px;
	object-fit: cover;
	border: 1px solid lightgray;
}
.entry-content .fp-ranking__name{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: dimgray;
    line-height: 1.3;
}


/* toppage-entry-list */
.entry-content .widget-entry-cards{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:1em;
}
.entry-content .widget-entry-cards.large-thumb-on .card-content{
    background:linear-gradient(to bottom,#33333344,#333);
}


/* MainVisual */
.front-top-page .header{
	background:url(/wp-content/uploads/2023/10/mainvisual-h325.jpg) center/cover no-repeat;
}
.header{
	display:none;
}
.front-top-page .header{
	display:unset;
}

/* blog-card tweek */
.blogcard-footer{
  display:none;
}

/* ranking-banner */
a.ranking-banner__sp {display:none}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1256px以下*/
@media screen and (max-width: 1256px){
}

/*1023px以下*/
@media screen and (max-width: 1023px){

/* MainVisual */
.front-top-page .header{
	background:url(/wp-content/uploads/2023/10/mainvisual-sp.jpg) center/cover no-repeat;
}

/*834px以下*/
@media screen and (max-width: 834px){

/* toppageRanking */
.entry-content .fp-ranking__list {
    grid-template-columns: 100%;
    gap: 14vw;
    margin-top: 14vw;
}
.entry-content .fp-ranking__crown {
    top: -10vw;
}
.entry-content .fp-ranking__eyecatch {
    height: 44vw;
}

/* toppage-entry-list */
.entry-content .widget-entry-cards {
    display: block;
}
.entry-content .widget-entry-cards.card-large-image .a-wrap{
    max-width:unset;
}
.entry-content .new-entry-cards {
    display: block;
}
.entry-content .new-entry-card-link{
    max-width:unset;
}
.entry-content .widget-entry-cards.large-thumb-on .card-content{
    font-size:14px;
	max-height:unset;
}

/* ranking-banner */
a.ranking-banner__sp {display:block;position: sticky;bottom: 0;left: 0;width: 100%;background: #000000bb;}
a.ranking-banner__sp img {vertical-align: bottom;max-width: 500px;margin: 0 auto;display: block;width: 100%;}

}

/*480px以下*/
@media screen and (max-width: 480px){

}