@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

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

/*----------------------------------*/
/* 投稿日付を非表示                 */
/*----------------------------------*/
.post-date {
    display:none;
}


/*----------------------------------*/
/* 全固定ページで非表示 */
/*----------------------------------*/
.page .entry-title {
display: none;
}

/*----------------------------------*/
/* 診療時間のご案内　下の文字のバランス */
/*----------------------------------*/
div .details{
    width: 230px;               /* 幅指定 */
    height: 90px;               /* 高さ指定 */
    text-align:  center;             /* 中央寄せ */
}

div .details span{
	margin:  5px; 
	
}
/*----------------------------------*/
/* 投稿者非表示 */
/*----------------------------------*/
/*固定ページの著者情報を消す場合*/
.page .author-info {
    display: none;
}

/*投稿ページの著者情報を消す場合*/
.post .author-info {
    display: none;
}

/*----------------------------------*/
/* アピールエリア  □非表示　　　　 */
/*----------------------------------*/
.appeal-content {
	display: none;
}


/* ブログカード日付のみ不要な場合 */
.internal-blogcard-date {
	display: none;
}

table.shinsatsu {
   table-layout: fixed;
   width: 100%;
}
table th.title {
   width: 10em   /* セルの横幅：1.8文字分 */
}

table.footer {
   table-layout: fixed;
   width: 100%;
}
table th.title {
   width: 6em   /* セルの横幅：1.8文字分 */
}
table.footer th,td{
	white-space: nowrap;
}


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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	
	/* スマホ縦持ちの時だけテーブルを縦に並べる */
@media screen and (max-width: 480px) {
  .entry-content .wp-block-table tr {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ddd; /* 行の区切り線 */
    padding: 10px 0;
  }
  .entry-content .wp-block-table td {
    display: block;
    width: 100% !important;
    border: none !important;
    padding: 5px 10px !important;
    box-sizing: border-box;
  }
  /* 2つ目のセル（金額など）を右寄せにしたい場合は追加 */
  .entry-content .wp-block-table td:nth-child(2) {
    text-align: right;
  }
  }