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


/*******************************************************************************
**
**  定義
**
*******************************************************************************/

:root {
  --card-column: 3;
}

@media (width <=1023px) {
  .body:not(.front-top-page) .header-container {
    display: none;
  }
}

@media (width <=834px) {
   :root {
    --card-column: 2;
  }
}

@media (width <=480px) {
   :root {
    --card-column: 1;
  }
}


/*******************************************************************************
**
**  全体
**
*******************************************************************************/

.body:not(.editor-styles-wrapper) {
  background-image: url("https://tomo-conan.com/wp-content/uploads/2024/11/2f65b9eff1fa5c1e82ef885b8f74c71e-1.jpg");
  background-position: left top;
  background-size: contain;
  background-repeat: repeat;
  background-attachment: scroll;
}

.content-in {
  padding: 0 10px!important;
}


/*******************************************************************************
**
**  ヘッダー
**
*******************************************************************************/

.header-container {
  background-color: transparent;
}


/*******************************************************************************
**
**  フロントページ
**
*******************************************************************************/


/* 検索 */

.header-search {
  align-content: center;
}

.search-submit {
  color: #ffb6c1;
}

.header-search .search-box {
  margin: 0;
  width: 200px;
}

.front-top-page .search-box {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}


/* フロントカード */

.front-top-page .widget-entry-cards {
  column-gap: 0.5%;
  display: grid;
  grid-template-columns: repeat(var(--card-column), minmax(0, 1fr));
}

.front-top-page .widget-entry-cards .a-wrap {
  border-color: var(--cocoon-three-d-border-colors);
  border-style: solid;
  border-width: 1px;
}


/* タグクラウド */

.wp-block-tag-cloud a {
  color: #ffb0e1;
  text-decoration: none;
}

.wp-block-tag-cloud a:before {
  content: "\f02b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.4em;
}


/* 見出し */

.front-top-page .article-header {
  display: none;
}


/*******************************************************************************
**
**  投稿
**
*******************************************************************************/


/* 見出しh2（吹き出し） */

.article h2 {
  background-color: #FFB6C1;
  padding: 20px 25px!important;
  position: relative;
}

.article h2:before {
  background-color: #FFB6C1;
  bottom: -10px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  height: 11px;
  left: 30px;
  position: absolute;
  transform: translateX(-50%);
  width: 22px;
}


/* 見出しh3 */

.entry-content h3 {
  border: 0;
}