/*
Theme Name: Lightning Child Sample
Theme URI: 
Template: lightning-pro
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

/* テーブルヘッダのスタイル */
th {
    background-color: #f2f2f2;
    text-align: left;
    padding: 10px;
}

/* テーブルのセルのスタイル */
td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 10px;
}

/* 奇数行の背景色を変える */
tr:nth-child(odd) {
    background-color: #f2f2f2;
}

/* テーブル全体を囲む枠線 */
table {
    border: 1px solid #dddddd;
}

/* テーブルの幅を調整 */
table {
    width: 80%;
    margin: 0 auto;
}

/* キャスト一覧 */
.cast-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* 左寄せに変更 */
}

    .cast-item {
        text-align: center; /* 真ん中 */
        width: 200px; /* 要素の幅を指定 */
        margin: 10px;
        display: inline-block; /* または display: inline-flex; */
    }

    .cast-item img {
        width: 100%; /* 画像の幅を100%にして親要素にフィットさせる */
        height: auto; /* 高さは自動調整 */
    }

/* スケジュール */
/* テーブルのスタイルを変更 */
table {
    border-collapse: collapse;
    width: 100%;
}

/* テーブルのヘッダーセル（日付と時間帯の列）のスタイル */
th {
    border: 1px solid black;
    padding: 10px;
    text-align: center;
}

/* グレーアウトにしたいフィールドのクラスを指定 */
.slug-field {
    color: #aaa; /* グレーアウトにしたいテキストの色 */
    background-color: #f9f9f9; /* グレーアウトにしたいテキストの背景色 */
    pointer-events: none; /* 入力を無効にする */
}

.custom-table td {
    text-align: left;
	color:#000
}

.tag-box {
    display: inline-block;
    margin: 5px;
    text-align: left;
}

.tag-box a {
    display: block;
    text-decoration: none;
    color: black;
    padding: 5px 10px;
    border: 2px solid black;
    background-color: white;
    border-radius: 5px;
}


.custom-table th {
    background-color: #e0e0ff; /* 薄い青の背景色 */
	color:#000
}
.custom-table td {
    background-color: #fff; /* 白の背景色 */
}
/************************************
** お問い合わせフォームの入力
************************************/


.form-field-slug {
    background-color: #f2f2f2; /* グレーアウトの背景色 */
    color: #666; /* グレーアウトのテキスト色 */
	pointer-events: none; /* 入力を無効にする */
}

.form-label {
    background-color: #e0eaf1; /* 薄い青背景色 */
    padding: 10px; /* 必要に応じて余白を追加 */
}

.form-field {
    background-color: #ffffff; /* 白背景色 */
    padding: 10px; /* 必要に応じて余白を追加 */
}

/* Flexboxを使用してフォームを配置 */
.wpcf7-form {
    display: flex;
    flex-direction: column; /* 垂直方向に配置 */
}
.form-table {
    width: 100%;
}