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

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

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

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

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

/* カードを横並びにする */
.front-top-page .entry-content .card-large-image .a-wrap {
  max-width: unset;
}

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

@media (width<=834px) {
  .front-top-page .entry-content .widget-entry-cards {
    --column: 1;
  }
}

@charset "UTF-8";

/*!
追加事項
*/


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

.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 {
  color: var(--s-text-color);
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  margin-right: 3px;
}


.widget-entry-card-date .post-update{
  order:unset;
}


/*******************************************************************************
**  プロフィール
*******************************************************************************/

.profile-block-box {
  background-color: rgb(255 255 255 / 50%);
}