@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

/*#navi-footer .menu-footer {
flex-wrap:nowrap;
}
.navi-footer-in > .menu-footer li.menu-item {
    width: unset!important;
}*/

/*
.widget-sidebar .new-entry-cards figure{
	display:none;	
}
.widget-sidebar .new-entry-cards .widget-entry-card-content {
    margin-left: 0px;
	display:flex;
	flex-direction:row-reverse;
	justify-content: flex-end;
}
.widget-sidebar .new-entry-cards .new-entry-card-date {
	display: block!important;
}
.widget-sidebar .new-entry-cards .new-entry-card-date .post-update {
	display:none;
}*/



/* ランキング調整 */
/*.ranking-item-description p,
.ranking-item-description table {
	font-size: 0.8em!important;
}*/

/* ギャラリーブロックの画像サイズをそろえる */
/*.blocks-gallery-grid .blocks-gallery-item,  .wp-block-gallery .blocks-gallery-item {
    flex-grow: initial!important;
}*/


/* リンク用 */
.widget_links h3 { display: none; }
ul.xoxo.blogroll  {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
ul.xoxo.blogroll li {
  margin: 0px;
  padding: 0px;
  text-align: center;
}


/* サムネイルの余白調整  jQuery&CSS */
figure.e-card-thumb img {
 max-width: none;
 width: 100%;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-right: -50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

figure.e-card-thumb {
 position: relative;
 overflow:hidden;
 background-color: #fff;
}

/* Webフォント用 */
.wf-nicomoji,
.logo-text,
.logo-menu-button { font-family: "Nico Moji"; }

/* サイトロゴ */
.site-name-text, .logo-menu-button.menu-button > a { font-size: 48px; color: #777777!important;}
.logo-text { padding: 0;}
@media screen and (max-width: 1024px) {.site-name-text, .logo-menu-button.menu-button > a { font-size: 32px!important; }}
@media screen and (max-width: 834px) {.site-name-text, .logo-menu-button.menu-button > a { font-size: 32px!important; }}
@media screen and (max-width: 480px) {.site-name-text, .logo-menu-button.menu-button > a { font-size: 28px!important; }}

/* スキン用オーバーライド */
/*.entry-card-wrap.a-wrap:before, .related-entry-card-wrap.a-wrap:before { transition: all 0.05s; }
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a { transition-duration: 0.1s;}
.widget-entry-cards figure::after, .carousel-entry-card figure::after { background: rgba(255,255,255,0.2); transition: transform 0.25s; }
#navi .navi-in a, #navi .navi-in a::before, #navi .navi-in a::after { transition: all 0.1s; }
#navi .navi-in a::after { transform: none; }
.mobile-header-menu-buttons li { background-color: #fff!important;}
.tagline {font-size: 11px; font-weight: bold;color: #666;}
.blogcard-wrap.a-wrap:after { transition: all 0.25s; transform: scale(1); width: 100%; height: 25%; }*/

/* コード */
/*:not(pre)>code {background-color: #eaeaea;font-size: 0.9em; margin: 0 4px;padding: 4px 8px;border-radius: 4px;}
.ad-area {overflow: visible!important;}*/

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

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

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

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