/*
Theme Name: Twenty Ten for for 
Theme URI: https://wordpress.org/themes/twentyten/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: https://wordpress.org/
Version: 4.4
Tested up to: 6.8
Requires at least: 3.0
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, footer-widgets, featured-image-header, block-patterns
Text Domain: twentyten
*/


/* =Reset default browser CSS. Based on work by Eric Meyer.
-------------------------------------------------------------- */
@import url("./layout.css");
@import url("./page.css");
@import url("./smart.css");

/* job-table.css */

.job-table {
  width: 100%;
  max-width: 900px; /* 必要に応じて調整 */
  margin: 1.2em 0;
  border-collapse: collapse;
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}

/* 見出し行 */
.job-table thead th {
  text-align: left;
  padding: 12px 14px;
  background: #f5f5f5;
  border-bottom: 2px solid #e6e6e6;
  font-weight: 600;
  font-size: 15px;
}

/* 行のスタイル */
.job-table tbody tr:nth-child(odd) {
  background: #ffffff;
}
.job-table tbody tr:nth-child(even) {
  background: #fbfbfb;
}

/* セル */
.job-table th[scope="row"], .job-table td {
  padding: 12px 14px;
  vertical-align: top;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  line-height: 1.6;
}

/* 項目列（左列）を強調 */
.job-table th[scope="row"] {
  width: 28%; /* 左列幅を固定めに */
  color: #333;
  background: transparent;
  font-weight: 700;
}

/* モバイル対応：画面が狭ければ縦並びに見せる */
@media (max-width: 640px) {
  .job-table thead {
    display: none; /* ヘッダを非表示にして各行をカード風に */
  }
  .job-table, .job-table tbody, .job-table tr, .job-table td, .job-table th {
    display: block;
    width: 100%;
  }
  .job-table tr {
    margin-bottom: 12px;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 10px;
  }
  .job-table th[scope="row"] {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #444;
    margin-bottom: 6px;
  }
  .job-table td {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 14px;
  }
}

/* アクセシビリティ補助（画面読み上げ用に非表示キャプション） */
.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}