@charset "UTF-8";

/*!
Theme Name: Cocoon Child Forked by Takao
Description: Cocoon専用の子テーマ Forked by Cocoon Child 1.1.3
Theme URI: https://wp-cocoon.com/
Author: takao
Author URI: https://takao.eu.org/
Template:   cocoon-master
Version:    2.0.0
*/

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

/*******************************************************************************
**  全体（基本カラーで色設定するなら不要）
*******************************************************************************/
:root {
  --main-color: #adbab5!important;
  --main-rgb-color: 173 186 181!important;
  --hover-color: #f3f5f4!important;
  --text-color: #ffffff!important;
  --body-color: #fbf5e9!important;
  --body-rgb-color: 251 245 233!important;
  --hvn-white-color: #fffef8!important;
  --cocoon-default-font: "M PLUS 2", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif!important;
}

.body::-webkit-scrollbar {
  width: 15px;
}

.body::-webkit-scrollbar-track {
  background-color: var(--color5);
}

.body::-webkit-scrollbar-thumb {
  background-color: var(--main-color);
  border-radius: 100px;
}

#footer {
  background: var(--main-color);
}


/*******************************************************************************
**  カード
*******************************************************************************/

.hvn.front-top-page .main,
.hvn.search .list, 
.hvn.archive .list {
  --thumb-width: 200px;
}

.hvn.front-top-page .main .card-thumb,
.hvn.archive .list .card-thumb {
  border-radius: var(--border-radius10);
}

@media (width <=480px) {
  .hvn.front-top-page .main,
  .hvn.archive .list {
    --thumb-width: 120px;
  }
}


/*******************************************************************************
**  タイトル
*******************************************************************************/
:root {
  --color1: #f5d1c3;
  --color2: #a9b7ba;
  --color3: #c4d7d1;
  --color4: #b4b1a0;
  --color5: #e0d8c7;
  --color6: #e0d3e5;
}

.hvn.body .list-title-in {
  color: var(--color4);
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.hvn.body .list-title-in:before {
  content: none;
}

.hvn.body .list-title-in:after {
  background-color: unset;
  border-radius: 100px;
  box-shadow: 10px 0px 0px var(--color1), 25px 0px 0px var(--color2), 40px 0px 0px var(--color3), 55px 0px 0px var(--color4), 70px 0px 0px var(--color5), 85px 0px 0px var(--color6);
  display: block;
  height: 10px;
  left: 50%;
  margin: 0;
  position: relative;
  transform: translateX(-52.5px);
  width: 10px;
}

.hvn.front-top-page .list-title-in {
  margin-bottom: var(--gap30);
}


/*******************************************************************************
**  ページネーション
*******************************************************************************/

.hvn .pagination-next {
  display: none;
}

.ff-meiryo,
.wf-loading body,
.wp-admin-ff-meiryo .editor-styles-wrapper {
  font-family: "M PLUS 2", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif!important;
}

pre {
  font-family: "M PLUS 1 Code", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif!important;
}

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

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

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