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

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

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

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

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

@media screen and (max-width: 834px) {
.container{margin-top:50px}
}
.logo-image{padding:0;margin-left:0;margin-top:1em;margin-bottom:1em;max-height:60px}
.logo{text-align:left}
.logo-header img{box-shadow:none!important}
.navi-in > ul{justify-content:flex-start}
.navi-in>ul li{line-height:50px;height:50px}
.navi-in a{font-size:15px}
#navi .navi-in a:hover{transform:none!important}
.navi-in > ul .sub-menu a{padding:0}
.sub-menu{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}
.sub-menu .caption-wrap{color:#333;border-top:dotted #ddd;background:#fff;padding:0 0 0 2em;margin:0}
.navi-in > ul .sub-menu a:hover{transform:none!important}
div#header-container{box-shadow:none}
div.item-label{font-weight:700}
div#recommended-in.recommended-in.wrap.cf{margin-top:20px;max-height:220px}
@media screen and (min-width: 1024px) {
div#recommended-in.recommended-in.wrap.cf{padding:0 2em}
}
div#content.content.cf{margin-top:0}
.widget-entry-cards .a-wrap:hover{transform:translateY(-1px);transition:all .3s}
figure.navi-entry-card-thumb.widget-entry-card-thumb.card-thumb{opacity:.8}
.recommended.rcs-center-white-title .a-wrap:hover .card-content{transition:all .1s;opacity:1}
.widget-entry-cards.large-thumb-on .card-content{background:rgba(151,151,151,0)}
a.navi-entry-card-link.widget-entry-card-link.a-wrap{border-radius:10px!important;margin:1em .5em;background-color:#EFF1F5}
div.navi-entry-card-title.widget-entry-card-title.card-title{color:#333;font-weight:700;font-size:.8em;background-color:rgba(255,255,255,0.8);padding:.6em .5em;border-radius:30px}
@media (max-width:834px) {
a.navi-entry-card-link.widget-entry-card-link.a-wrap{margin:.3em 0}
div.navi-entry-card.widget-entry-card.e-card.cf{border-radius:10px!important;overflow:hidden;max-height:100px;margin:0 .3em;box-shadow:0 1px 4px 0 rgba(0,0,0,.1)!important}
.widget-entry-cards.large-thumb-on .a-wrap:hover{box-shadow:none}
}
@media (max-width:834px) {
div.navi-entry-card-title.widget-entry-card-title.card-title{font-size:.6em;padding:.5em}
div#recommended-in.recommended-in.wrap.cf{margin:.7em .2em .3em}
.widget-entry-cards.large-thumb-on .card-content{background:rgba(151,151,151,0.2)}
}
main#main.main{margin:0}
.home .entry-title{display:none}.home main#main{padding-top:0}.home .column-wrap.column-2{margin-top:0}.home .container .column-wrap>div{padding-top:0}