@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/*****************************************************************
*トップページの診療時間
****************************************************************/
table th.time{
	width: 160px;
    font-size: 12px;
	background-color: #765A46;
	padding: 0px 0px 0px 0px; 
}

table th.youbi,table td.youbi{
    font-size: 12px;
	padding-left: 5px; 
    padding-right: 5px;
}

table th.youbi{
	background-color: #765A46;
}

/*****************************************************************
*重要なニュースの日付とタイトルを横並びにする
****************************************************************/
.important-news dl,
.normal-news dl {
  display: grid;
  grid-template-columns: auto 1fr; /* 左：日付、右：タイトル */
  column-gap: 1.5em;
  row-gap: 0;
  margin: 0;
}

.important-news dt,
.important-news dd,
.normal-news dt,
.normal-news dd {
  margin: 0;
  padding: 0.6em 0;
  border-bottom: 1px dotted #ccc;
}

.important-news dt,
.normal-news dt {
  white-space: nowrap; /* 日付を折り返さない */
}

/* スマホでは縦並び（不要なら削除してOK） */
@media (max-width: 600px) {
  .important-news dl,
  .normal-news dl {
    grid-template-columns: 1fr;
  }
  .important-news dt,
  .normal-news dt {
    border-bottom: none;
    padding-bottom: 0;
  }
  .important-news dd,
  .normal-news dd {
    padding-top: 0.2em;
  }
}