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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* RSS を隠す（Gutenberg標準＆汎用） */
.sidebar .wp-block-social-links .wp-social-link-rss,
.sidebar .wp-block-social-links li a[aria-label*="RSS"],
.sidebar .social-icons .rss { display:none !important; }

/* Feedly を隠す（テーマ差吸収のため複数パターン） */
.sidebar .wp-block-social-links li a[aria-label*="Feedly"],
.sidebar .wp-block-social-links li a[href*="feedly.com"],
.sidebar .social-icons .feedly { display:none !important; }

/* メニュー表 */
* {
    scroll-behavior: smooth;
    scroll-padding: 2em;
}
.body:not(.home) #custom_html-2,
.body:not(.home) #custom_html-3 {
    display: none;
}
.show-price-btn {
    display: block;
    padding: .25em;
    background-color: #9b7b6c;
    border-radius: .25em;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.show-price-btn:hover {
    background-color: #84695C;
    color: #fff;
}
#price-table :is(h2,
h3) {
    text-align: center;
}
#price-table h3 {
    margin-bottom: 2rem;
}
.tablepress {
    border-bottom: 1px solid var(--border-color);
}
.tablepress:not(:has(+ small)),
#price-table small {
    margin-bottom: 2rem;
}
.tablepress:has(+ small) {
    margin-bottom: 0;
}
#price-table small {
    display: block;
}
#price-table td.column-2 {
    width: 7em;
}
@media (max-width:767px) {
    #price-table h2 {
        font-size: 1.5em;
    }
    #price-table h3 {
        font-size: 1.25em;
    }
    #price-table h4 {
        font-size: 1em;
    }
}
@media (min-width:768px) {
    #price-table h2 {
        font-size: 24px;
    }
    #price-table h3 {
        font-size: 20px;
    }
    #price-table h4 {
        font-size: 18px;
    }
}

/* ホーム画面: ページ送りボタンを料金表の上に移動 */
.home .main {
    display: flex;
    flex-direction: column;
}
.home .widget-index-top {
    order: 0;
}
.home #list {
    order: 1;
}
.home .pagination-next {
    order: 2;
}
.home .pagination {
    order: 3;
}
.home .widget-index-bottom {
    order: 4;
}

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

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

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