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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* body.page-id-20 {background-color: #D5E1E9;} */

.is-layout-flex {
    gap: 0.3rem !important;
}

.wp-block-button__link {
color:#1C1B1B !important;
background-color: #fff !important;
}

@media screen and (max-width: 760px) {
  /* スマホの場合 */
.wp-container-core-buttons-is-layout-af5f8f84 {
    row-gap: 0.3rem !important;
    column-gap: 0.3rem !important;
}
}

.skin-grayish .breadcrumb {
    padding: 0em 32px !important;
}

.skin-grayish .sidebar .tnt-none .toc-list>li li a {
    margin-top: 0em;
}

.skin-grayish .tnt-none .toc-list>li li a {
    margin-left: 0em;
}

.skin-grayish .tnt-none .toc-list>li a {
    padding: 0em;
}

.skin-grayish .widget-entry-card-link.a-wrap .widget-entry-card-thumb img {
	display: none;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    width: 80%;
}

@media screen and (max-width: 760px) {
  /* スマホの場合 */
.wp-block-gallery.has-nested-images figure.wp-block-image img {
    width: 100% !important;
}
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
    width: 80% ;
}

figure.wp-block-gallery.has-nested-images {
    margin-bottom: 8px !important;	
}

/*ギャラリースマホ横並び維持*/
.g-nowrap{
flex-wrap:nowrap!important;
}

@media screen and (max-width: 760px) {
  /* スマホの場合 */
.article h3 {
    font-size: 15px !important;
}
}

@media screen and (max-width: 760px) {
  /* スマホの場合 */
.article h2 {
    font-size: 19px !important;
}
}

.article h3 {
    font-size: 18px;
}

.tablepress>:not(caption)>*>* {
    padding: 0.15rem !important;
}

.skin-grayish {
    letter-spacing: 0.05rem !important;
}

@media screen and (min-width: 761px) {
  /* pc、タブレットの場合 */
    .br-sp {
     display: none;
    }
   }

 @media screen and (max-width: 2400px) {
    main.main, div.sidebar {
        padding: 1px 16px !important;
    }
}

.entry-content {
    margin-top: 0em !important;
}

.entry-content>*, .demo .entry-content p {
    line-height: 1.3;
}

.skin-grayish .sidebar .toc-list>li li a {
   font-size: 13px;
}

/* はみ出た分をスクロール可能にするコード */
.sidebar #toc-2 .toc-content {
	overflow-y: scroll; /* 縦スクロールを可能に */
	max-height: 390px; /* 目次の高さ上限 */
}

@media screen and (max-width: 2400px){
    .skin-grayish .navi-in>ul>li.search-menu-button.menu-button, 
	.skin-grayish .mobile-menu-buttons .navi-menu-content .menu-drawer>.search-menu-button .search-edit, 
	.search-box.input-box, 
	.skin-grayish .search-submit 
	{
    display: none !important;
}
}

    .skin-grayish .breadcrumb {
        font-size: 14px;
    }

@media screen and (max-width: 760px) {
  /* スマホの場合 */
    .skin-grayish .breadcrumb {
        font-size: 12px;
    }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/* モバイル時に表示したい画像のURLを設定する */
/* .skin-grayish.front-top-page .container .header-container .header {
 	background-image: url(https://futabakai.xsrv.jp/wp-content/uploads/2024/11/tonjyo-header-2-mobile-1.png);
	background-position: center center;
 }	

}
}


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

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