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

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

/*タイトルフォント*/
.site-name-text {
font-family: "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}
#main {
font-family: "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}
.article h1{
font-family:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

.article h2{
font-family:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

/*フロント固定ページのタイトル*/
.home.page .entry-title{
font-family:"Sawaragi Mincho" "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

#main{
    background: rgba(255,255,255,0);
}

:root {
  --cocoon-twitter-color: #000000;
  --cocoon-mastodon-color: #6364FF;
  --cocoon-bluesky-color: #0085ff;
  --cocoon-misskey-color: #96d04a;
  --cocoon-facebook-color: #3b5998;
  --cocoon-hatebu-color: #2c6ebd;
  --cocoon-google-plus-color: #dd4b39;
  --cocoon-pocket-color: #ef4056;
  --cocoon-line-color: #00c300;
  --cocoon-linkedin-color: #0077b5;
  --cocoon-website-color: #002561;
  --cocoon-instagram-color: #405de6;
  --cocoon-pinterest-color: #bd081c;
  --cocoon-youtube-color: #cd201f;
  --cocoon-tiktok-color: #000000;
  --cocoon-note-color: #41c9b4;
  --cocoon-soundcloud-color: #ff8800;
  --cocoon-flickr-color: #111;
  --cocoon-amazon-color: #ff9900;
  --cocoon-twitch-color: #6441a4;
  --cocoon-rakuten-color: #bf0000;
  --cocoon-rakuten-room-color: #c61e79;
  --cocoon-slack-color: #e01563;
  --cocoon-github-color: #4078c0;
  --cocoon-codepen-color: #333;
  --cocoon-feedly-color: #2bb24c;
  --cocoon-rss-color: #f26522;
  --cocoon-red-color: #e60033;
  --cocoon-pink-color: #e95295;
  --cocoon-purple-color: #884898;
  --cocoon-deep-color: #55295b;
  --cocoon-indigo-color: #1e50a2;
  --cocoon-blue-color: #0095d9;
  --cocoon-light-blue-color: #2ca9e1;
  --cocoon-cyan-color: #00a3af;
  --cocoon-teal-color: #007b43;
  --cocoon-green-color: #3eb370;
  --cocoon-light-green-color: #8bc34a;
  --cocoon-lime-color: #c3d825;
  --cocoon-yellow-color: #ffd900;
  --cocoon-amber-color: #ffc107;
  --cocoon-orange-color: #f39800;
  --cocoon-deep-orange-color: #ea5506;
  --cocoon-brown-color: #954e2a;
  --cocoon-grey-color: #949495;
  --cocoon-blue-gray-color: #607d8b;
  --cocoon-black-color: #333333;
  --cocoon-white-color: #ffffff;
  --cocoon-watery-blue-color: #f3fafe;
  --cocoon-watery-yellow-color: #fff7cc;
  --cocoon-watery-red-color: #fdf2f2;
  --cocoon-watery-green-color: #ebf8f4;
  --cocoon-custom-background-color: inherit;
  --cocoon-custom-text-color: inherit;
  --cocoon-custom-border-color: #ccc;
  --cocoon-default-font: ""Sawaragi Mincho" "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
  --cocoon-text-color: #333;
  --cocoon-pallid-text-color: #777;
  --cocoon-x-pallid-text-color: #999;
  --cocoon-default-text-size: 18px;
  --cocoon-text-size-s: 0.8em;
  --cocoon-basic-border-color: #ccc;
  --cocoon-three-d-border-colors: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
  --cocoon-middle-thickness-color: #888;
  --cocoon-thin-color: #ddd;
  --cocoon-x-thin-color: #eee;
  --cocoon-xx-thin-color: #f5f6f7;
  --cocoon-xxx-thin-color: #fafbfc;
  --cocoon-current-background-color: #eee;
  --cocoon-select-background-color: #d8eaf2;
  --cocoon-basic-border-radius: 4px;
  --cocoon-badge-border-radius: 2px;
  --cocoon-middle-border-radius: 8px;
  --cocoon-box-padding: 1em 1.5em;
  --cocoon-list-padding: min(1%, 8px) min(2%, 16px) min(1%, 8px) min(3%, 24px);
  --cocoon-list-wide-padding: min(3%, 24px) min(5%, 40px) min(3%, 24px) min(7%, 56px);
  --cocoon-box-border-color: #47585c;
  --cocoon-sns-color: var(--cocoon-text-color);
  --card-ratio: 16/9;
}

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

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

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


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


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

.front-top-page {
  overflow-x: clip;
}

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

.front-top-page .main {
  background-color: unset;
  border: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.front-top-page .content,
.front-top-page .article,
.front-top-page .entry-content,
.front-top-page .footer,
.front-top-page .footer-bottom {
  margin: 0;
}


/* カバーブロック */

.front-top-page .wide.visual {
  padding: 0;
}


/*******************************************************************************
**  メインビジュアル
*******************************************************************************/

.main-visual {
  position: relative;
}

.main-visual .wp-block-cover {
  min-height: 75vh;
  margin: 0;
}

.scroll {
  color: #fff;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
}

.scroll:after {
  animation: pathmove 1.4s ease-in-out infinite alternate;
  content: '\f078';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

@keyframes pathmove {
  from {
    bottom: -20px;
  }
  to {
    bottom: -40px;
  }
}


/*******************************************************************************
**  ワイドブロック
*******************************************************************************/

.front-top-page .wide {
  margin: 0 calc(50% - 50vw);
  padding: 30px calc(50vw - 50%);
}

.front-top-page .new-list .a-wrap {
  max-width: unset;
}


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


/* スニペット */

.card-snippet {
  padding-bottom: 15px;
}


/* 日付 */

.widget-entry-card-date {
  align-items: center;
  bottom: 0;
  display: flex;
  position: absolute;
  right: 0;
}

.widget-entry-card-date::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  margin-right: 3px;
}

.ff-meiryo,
.wf-loading body,
.wp-admin-ff-meiryo .editor-styles-wrapper {
  font-family: Meiryo, "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

.ff-yu-gothic,
.wp-admin-ff-yu-gothic .editor-styles-wrapper {
  font-family: "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;

.ff-ms-pgothic,
.wp-admin-ff-ms-pgothic .editor-styles-wrapper {
  font-family:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

.ff-noto-sans-jp,
.wf-active .ff-noto-sans-jp,
.wp-admin-ff-noto-sans-jp .editor-styles-wrapper {
  font-family: "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

.ff-noto-serif-jp,
.wf-active .ff-noto-serif-jp,
.wp-admin-ff-noto-serif-jp .editor-styles-wrapper {
  font-family: "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

.ff-mplus-1p,
.wf-active .ff-mplus-1p,
.wp-admin-ff-mplus-1p .editor-styles-wrapper {
  font-family: "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

.ff-rounded-mplus-1c,
.wf-active .ff-rounded-mplus-1c,
.wp-admin-ff-rounded-mplus-1c .editor-styles-wrapper {
  font-family:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

.ff-kosugi,
.wf-active .ff-kosugi,
.wp-admin-ff-kosugi .editor-styles-wrapper {
  font-family:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

.ff-kosugi-maru,
.wf-active .ff-kosugi-maru,
.wp-admin-ff-kosugi-maru .editor-styles-wrapper {
  font-family: "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

.ff-sawarabi-gothic,
.wf-active .ff-sawarabi-gothic,
.wp-admin-ff-sawarabi-gothic .editor-styles-wrapper {
  font-family:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
}

.ff-sawarabi-mincho,
.wf-active .ff-sawarabi-mincho,
.wp-admin-ff-sawarabi-mincho .editor-styles-wrapper {
  font-family: "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;

	body {
  /* フォントの種類 */
  font-family: "游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;
  /* フォントのサイズ */
  font-size: var(--cocoon-default-text-size);
  /* フォントの色 */
  color: var(--cocoon-text-color);
  /* カーニングの設定 */
  /* 行間の設定 */
  line-height: 1.8;
  margin: 0;
  overflow-wrap: break-word;
  background-color: #f4f5f7;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
		
}