/* ==============================================================================
 *  トップページ用ＣＳＳ
 * ============================================================================== */
 /* キャッチフレーズの背景色 */
#header_slider_catch_area h2.catch{
  background-color: #ffeb9a;
  margin:0;
  padding: 5px 10px;
}

@media (max-width: 800px) {
  #header_slider_catch_area{
    padding-bottom: 40px;
  }
}

/* クエリループブロック関連の設定 */
.wp-block-query ul {
  margin-left:0;
  list-style: none;
}

.wp-block-query h3{
  margin-top: 10px;
  margin-bottom: 10px;
}

.wp-block-query .wp-block-post-excerpt__excerpt{
  margin-bottom: 10px;
  line-height: 1.8;
}

.wp-block-query .wp-block-columns{
  margin-bottom: 30px;
}

.wp-block-query .wp-block-post-date{
  margin-top: 10px;
}

/* オンラインサロン・ショップへのリンク画像の装飾 */
.online-salon-link,
.shop-link{
  padding: 0;
  border: #8A6500 solid 1px;
  margin-bottom: 30px;
}

/* リンク有画像のマウスホバー時 */
div.post_content a img:hover{
  opacity: 0.5;
}

/* 項目タイトルの設定 */
/* ※ヘッダキャッチコピーもh2タグのため、除外 */
div.post_content h2:not(.catch){
  color: #8A6500;
  font-size: 36px;
  font-weight: 600;
}

@media (max-width: 800px) {
  div.post_content h2:not(.catch){
    font-size: 28px;
  }
}

div.post_content > h2:first-child{
    margin:3em 0 1.3em 0;
}

@media (max-width:800px) {
  div.post_content > h2:first-child{
    margin:2.5em 0 1em 0;
  }
}

@media (max-width:600px) {
  div.post_content > h2:first-child{
    margin: 2.3em 0 1em 0;
  }
}

/* Events Organiserのカレンダータイトルの設定 */
/* 項目タイトルの設定に対して上書きしているため、この位置に記載 */
div.post_content .fc h2{
  color: #000;
  font-size: 28px;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  div.post_content .fc h2{
    font-size: 20px;
  }
}

/* 区切り線の設定 */
div.post_content hr{
  width: 100vw;
  margin-left:calc(50% - 50vw);
  border-top-width: 1px;
}

/* h3タグのリンク設定 */
div.post_content h3 a:hover {
  text-decoration: none;
  color: #ffeb9a;
}