@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: 
Author: newgate　260812_01
Author URI: 
Template:   cocoon-master
Version:    1.1.3
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1100px;
}

main {
  padding: 0 !important;
}

.entry-content {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}
.entry-content > * {
  margin: 0 !important;
  text-align: center !important;
}
.entry-content picture {
  display: block;
}

.date-tags,
#breadcrumb,
#custom_html-5 {
  display: none;
}

#event_eyecatch .image {
  max-width: 1470px;
}

#event_cta > div {
  max-width: none;
  background-image: radial-gradient(rgba(8, 19, 105, 0.5), transparent);
  padding: 0 0 4rem;
}
#event_cta .button {
  margin-bottom: 2rem;
}
#event_cta .button a {
  display: inline-block;
  width: 45%;
  margin: auto;
  padding: 1rem 1rem;
  background: #8f7d50;
  color: #ffffff;
  font-size: 2.5rem;
}
#event_cta .notice {
  color: #c9cbd1;
  font-size: 0.8rem;
}

/*1023px以下 */
@media screen and (max-width: 1120px) {
  .entry-content picture img {
    width: 100%;
  }
}
/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
}
/*781px以下 デフォルトのカラム落ち位置？ */
@media screen and (max-width: 781px) {
  #event_cta > div {
    padding: 0 0 13vw;
  }
  #event_cta .button {
    margin-bottom: 7vw;
  }
  #event_cta .button a {
    width: 80%;
    padding: 2vw;
    font-size: 6vw;
  }
  #event_cta .notice {
    font-size: 3vw;
  }
}
/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}