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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@font-face {
  font-family: NGTPMincho;
  src: url(./fonts/ngtmp_1st_lv.woff);
  format: ("woff");
  font-style: normal;
}

.container,
.slideshow-h1-copy {
  font-family: 'NGTPMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.home.page .entry-title {
  display: none;
}

.home.page .post-date {
  display: none;
}

.home.page .post-update {
  display: none;
}

.home.page .author-info {
  display: none;
}

.carousel .cat-label {
  display: none;
}

.home .container {
  width: 100vw;
}

.home .no-sidebar .content-in {
  display: block;
  width: 100vw;
}

.home main {
  padding: 0;
}

.home .content,
.home .content .entry-content {
  margin-top: 0;
}

.home .date-tags {
  margin-bottom: 0;
}

.tag-cloud-link {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  margin: 0.25rem;
  padding: 0.5rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 1);
  border-radius: 0.5rem;

}

.tag-cloud-link:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.tag-cloud-link.btn-item-categories {
  font-size: 12pt;
  margin: 0;
  padding: 0.5rem 1rem;
  width: 100%;
}

a[title="menu-online-shop"] {
  background: #ec1d25;
  color: #FFF;
  -webkit-transition: all 0.3 ease-in-out;
  transition: all 0.3s ease-in-out;
}

a[title="menu-online-shop"]:hover,
a[title="menu-online-shop"]:active,
a[title="menu-online-shop"]:focus {
  background: #c6151c;
  color: #FFF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.1em;
}

.wp-block-image,
.su-posts img {
  border-radius: 5px !important;
}

.su-posts a {
  color: #333;
  text-decoration: none;
  display: block;
  font-size: 18px;
  transition: all 0.3s ease-in-out;
}

.su-posts a:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: #333;
}

.su-posts h6 {
  border: none;
}

.wp-block-image {
  margin-bottom: 0.3em !important;
}

p a {
  color: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}

p a:hover {
  color: #e53900;
}

.body {
  animation: fadein 1s forwards;
  /*アニメーション指定*/
}

@keyframes fadein {
  0% {
    opacity: 0
  }

  /*アニメーション開始時*/
  100% {
    opacity: 1
  }

  /*アニメーション終了時*/
}

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

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

/*480px以下*/
@media screen and (max-width: 480px) {

  /*必要ならばここにコードを書く*/
  .home.page .entry-title {
    display: none;
  }

  .home.page #navi {
    display: none
  }

  .wp-block-cocoon-blocks-column-left,
  .wp-block-cocoon-blocks-column-right {
    padding: 0.25rem 0;
  }
}