/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/* -----------------------
粉銘柄と対峙ログの読み込みカード
-------------------------- */
.flour-logs-wrapper {
    display: flex;
    flex-wrap: wrap;       /* 幅が足りなければ折り返す */
    gap: 20px;             /* カード間の隙間 */
padding-bottom: 40px;
}

/* 個々のカード */
.log-card {
    width: 300px;          /* カード幅調整 */
/*    border: 1px solid #ccc;*/
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
/*    border-radius: 6px;*/
    transition: transform 0.2s;
}

/* カード内リンクをフレックスで横並びに */
.log-card-inner {
    display: flex;
    flex-direction: row;   /* 画像とテキストを横並び */
    align-items: center;   /* 縦位置を中央揃え */
    text-decoration: none;
    color: inherit;
}

/* サムネイル */
.log-card-thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 10px;
}

/* タイトル・日付 */
.log-card-text {
    display: flex;
    flex-direction: column;
}

/* タイトル */
.flour-log-title {
/*    margin-bottom: 4px;*/
}

/* 日付 */
.flour-log-date {
    font-size: 0.85em;
    color: #666;
}

/* カードにホバー効果 */
.log-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}


/* -----------------------
TOP製粉所・タグフィルター
-------------------------- */
#mill-filter,
#tag-filter {
    width: 300px;
}
.filters {
    display: flex;
    flex-direction: column;
    gap: 10px; /* 上下の間隔 */
	padding-bottom: 30px;
}

#chartlink {
  width: 300px;
  height: 40px;
  border: 1px solid #e1e8ed;
  border-radius: 3px; /* 角丸1px */
  display: flex;
  align-items: center;         /* 上下中央揃え */
}

#chartlink a {
  display: block;              /* div 全体をクリック可能にする */
  width: 100%;
  font-size: 15px;
  padding-left: 20px;          /* 左から10px */
  text-decoration: none;  color: #192a3d;
}


/* -----------------------
テーブル設定
１列目　td:first-child
２列目　td:nth-child(2)
３列目　td:nth-child(3)
-------------------------- */

.wp-block-table table th,
.wp-block-table table td  {
	border-collapse: collapse;
	border-color: #ada651 !important;
	font-size: 15px;
}
.flour-table {
table-layout: fixed;
width: 100%;
}

.flour-table td:first-child {
width: 140px;
white-space: nowrap;
}

.flour-table td:last-child {
width: auto;
}


.log-table {
table-layout: fixed;
width: 100%;
}

.log-table td:first-child {
width: 200px;
white-space: nowrap;
}

.log-table td:last-child {
width: auto;
}

.aboutsoba_table {
table-layout: fixed;
width: 100%;
}

.aboutsoba_table td:first-child {
width: 100px;
white-space: nowrap;
}
.aboutsoba_table td:nth-child(2) {
width: 100px;
white-space: nowrap;
}
.aboutsoba_table td:last-child {
width: auto;
}


/* 蕎麦についてスクロール */
.table-scroll{
  overflow-x:auto;
}

.table-scroll table{
  min-width:600px;
}

/* -----------------------
五角形チャート一覧
-------------------------- */
.chart-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.chart-card {
    width: 300px;
    text-align: center;
}

.chart-card img.chart-image,
.chart-single img.chart-image {
    width: 100%;
    height: auto;
    display: block;
}

.chart-card a {
    text-decoration: none;
    color: inherit;
}
/*　スクロール可能にして１行で流す場合
.chart-list {
    display: flex;
    overflow-x: auto;
    gap: 20px;
}

.chart-card {
    flex: 0 0 auto;  横並び固定幅 
    width: 150px;
}
*/