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

.nodisplay {
    display: none;
}

/* Style for the search form */
.search-form {
	max-width: 800px;
	  
    margin: 10px 0;
	margin: 0 auto;
    padding: 10px;
    border: none;

}

/* 表形式のフィルター */
.filter-table {
    width: 100%;
    border-collapse: collapse;
	margin-bottom: 20px;

}

.filter-table .filter-title {
    background-color: #FAB45E;
    color: #fff;
    padding: 10px;
    text-align: center; /* タイトルを真ん中に配置 */
}

.filter-table th {
    background-color: #ffedcc; /* 薄いオレンジ */
    color: #ff8c00; /* 濃いオレンジ */
    padding: 10px;
    text-align: left;
    border: 1px solid #ccc;
}

.filter-table td {
    background-color: #fff; /* 白色 */
    color: #000; /* 黒色 */
    padding: 10px;
    border: 1px solid #ccc;
}


.filter-table th {
    background-color: #ffedcc; /* 薄いオレンジ */
    color: #ff8c00; /* 濃いオレンジ */
    padding: 10px;
    text-align: left;
    border: 1px solid #ccc;
	  width: 30%;
	white-space: nowrap;
}

.filter-table td {
    background-color: #fff; /* 白色 */
    color: #000; /* 黒色 */
    padding: 10px;
    border: 1px solid #ccc;

}

/* Style for the dropdown selects */
.store-select,
.app-select,
.plan-count-select {
    display: block;
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 5px;
}

.table-check {
    margin-right: 10px;
}

/* Style for the submit button */
.search-submit {
    display: block;
    margin: 10px auto; /* 上下に10pxの余白、左右は自動で真ん中に配置 */
    padding: 8px 30px; /* 横方向のパディングを増やしてボタンを横長にします */
    background-color: #ff8c00;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 150px; /* または必要な幅に設定します */
}

/* サブミットボックスを真ん中に配置 */
.submit-box {
    text-align: center;
}

/* Hover effect for the submit button */
.search-submit:hover {
    background-color: #e55b00;
}