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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.logo-header{
  display: none;
} 

.gallery-thumbnails {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; /* リストアイテムを横並びにする */
  flex-wrap: wrap; /* 画面幅を超えた場合に折り返す */
}

.gallery-thumbnails li {
  margin-right: 10px; /* サムネイル間の間隔 */
  margin-bottom: 10px; /* 下側のマージンを追加して縦の間隔を調整 */
}

.gallery-thumbnails li:last-child {
  margin-right: 0; /* 最後のアイテムには右のマージンを適用しない */
}

.gallery-thumbnails img {
  width: 210px; /* 画像の幅 */
  height: 210px; /* 画像の高さ */
  object-fit: cover; /* 画像を整形してサムネイルボックスに合わせる */
}

@media (max-width: 767px) { /* スマートフォンの幅に合わせる */
  .gallery-thumbnails li {
  margin-right: 3px; /* サムネイル間の間隔 */
  margin-bottom: 3px; /* 下側のマージンを追加して縦の間隔を調整 */
}
  
  .gallery-thumbnails img {
    width: 100px; /* 画像の幅を100pxに固定 */
    height: 100px; /* 画像の高さを100pxに固定 */
  }
}

.location-thumbnails {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; /* リストアイテムを横並びにする */
  flex-wrap: wrap; /* 画面幅を超えた場合に折り返す */
}

.location-thumbnails li {
  margin-right: 10px; /* サムネイル間の間隔 */
  margin-bottom: 10px; /* 下側のマージンを追加して縦の間隔を調整 */
}

.location-thumbnails img {
  width: 200px; /* 画像の幅 */
  height: 200px; /* 画像の高さ */
  object-fit: cover; /* 画像を整形してサムネイルボックスに合わせる */
}

.location-thumbnails li:last-child {
  margin-right: 0; /* 最後のアイテムには右のマージンを適用しない */
}

@media (max-width: 767px) { /* スマートフォンの幅に合わせる */
  .location-thumbnails li {
  margin-right: 3px; /* サムネイル間の間隔 */
  margin-bottom: 3px; /* 下側のマージンを追加して縦の間隔を調整 */
}
  
  .location-thumbnails img {
    width: 100px; /* 画像の幅を100pxに固定 */
    height: 100px; /* 画像の高さを100pxに固定 */
  }
}

.page .entry-header {
    display: none;
}



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

@media only screen and (min-width: 1024px) {
.ect-vertical-card .entry-card-wrap {
    max-width: 30%;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 20%);
    background-color: #fff;
    border-radius: 3px;
    padding: 0;
}
}

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

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