@charset "UTF-8";
/*
Theme Name: Cocoon
Description: SEO・高速化・モバイルファースト最適化済みの無料テーマ。
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Text Domain: cocoon
Version: 2.8.5.3
Requires at least: 6.1.0
Requires PHP: 7.4.0
Tags: two-columns, left-sidebar, right-sidebar
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

// 以下調整用CSS


//固定値
@import "defins";
/* クリアフィックス */
.cf::after {
  clear: both;
  content: "";
  display: block;
}
//本文パーツ
@import "font";
@import "extension";
@import "extension-layout";
@import "speech-balloon";
@import "iconlist-box";
@import "tab";
@import "item-ranking";
@import "timeline";
@import "tab";
@import "faq";
@import "blogcard";
@import "widget";
@import "navi-shortcode";
@import "box-menus";
@import "info-list";
@import "toc";
@import "author-box";
@import "cta-box";
@import "kaereba";
@import "box-border";
@import "box-menus";
@import "box-style";
@import "swiper";
@import "sns-share";
@import "sns-follow";
@import "fontawesome-before";
@import "fontawesome5";
@import "icomoon";
@import "./animation/keyframes";
// @import "amp-exclusions";/

// メディアクエリ
@import "breakpoints/breakpoints";


/* 後で消す */
.block-box p:first-of-type,
.tab-block p:first-of-type{
  margin-top: 0;
}

.a-wrap {
  text-decoration: none;
  display: block;
  color: var(--cocoon-text-color);
  padding: 1.5%;
  transition: all 0.3s ease-in-out;
}
.a-wrap:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}


.blogcard,
.ecb-entry-border .entry-card-wrap,
.border-square .a-wrap,
.author-box {
  border-color: var(--cocoon-three-d-border-colors);
  border-width: 1px;
  border-style: solid;
}

.blogcard img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.blogcard-thumbnail img{
  aspect-ratio: 16/9;
  object-fit: cover;
}
/*
.widget-entry-card-date{
  display: none;
} */

.widget-entry-card-post-date.post-date,
.widget-entry-card-update-date.post-update{
  color: var(--cocoon-text-color);
  font-size: 11px;
  margin-right: 8px;
}

.large-thumb-on .widget-entry-card-post-date.post-date,
.large-thumb-on .widget-entry-card-update-date.post-update{
  color: var(--cocoon-white-color);
}

.widget-entry-card-date .entry-date{
  margin-left: 4px;
}

.box-menu-icon{
  color: #f6a068;
}

/*プロフィールの円形画像用*/
.circle-image img{
  border-radius: 50%;
}

.toc-checkbox{
  display: none;
}

// ブログカードラッパー内にiframe.wp-embedded-contentがあると画面が横揺れするのを修正
.blogcard-type iframe.wp-embedded-content{
  width: auto !important;
}

///////////////////////////////////////
// iOS対応
///////////////////////////////////////
.author-thumb,
.blogcard-thumbnail,
.related-entry-card-thumb,
.popular-entry-card-thumb,
.new-entry-card-thumb{
  margin-right: $thumb_content_margin;
}

///////////////////////////////////////
// 非表示のものは非表示にする
///////////////////////////////////////
.display-none {
  display: none;
}

.is-list-horizontal .swiper-button-next,
.is-list-horizontal .swiper-button-prev{
  margin: auto !important;
}