/* index.php  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,p,blockquote,th,td { 
	margin:0;padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
/*******ヘッダー********/

/*******共通エリア********/

.container {
margin: 0 auto;
display:block;
}
#main_area {
margin:10px auto;
width:100%;
max-width:1200px;
display:block;
}
#left_area{
width:100%;
max-width:550px;
float:left;
}
#right_area{
width:100%;
max-width:550px;
float:left;
}

@media screen and (max-width:1280px){
#left_area{
width:100%;
max-width:550px;
margin:0 auto;
}

#right_area{
width:100%;
max-width:550px;
}
.container {
width:100%;
}
}
@media screen and (max-width:1200px){
#left_area{
width:100%;
max-width:550px;
margin:0 auto;
}

#right_area{
width:100%;
max-width:550px;
}
.container {
width:100%;
}
}

@media screen and (max-width:992px){
#left_area{
width:100%;
max-width:initial;
margin:0 auto;
}

#right_area{
width:100%;
max-width:initial;
margin:0px auto;
}
.container {
width:100%;
}
}

@media screen and (max-width:768px){
#left_area{
width:100%;
}
#right_area{
width:100%;
}
}
/*******右エリア********/
.y_setsumei {
    width:100%;
    float: left;
    padding: 5px;
    border-radius: 10px;
    color: rgb(51, 51, 51);
    line-height: 1.6em;
    background-color: rgb(255, 255, 255);
}
#y_tel {
    float: left;
    margin: 15px auto;
    padding: 15px;
    border-radius: 10px;
    width: 68%;
    color: rgb(51, 51, 51);
    line-height: 1.6em;
    background-color: rgb(255, 255, 255);
}
#y_sumaho {
    float: right;
    margin: 15px auto;
    border-radius: 10px;
    width: 25%;
    color: rgb(51, 51, 51);
    line-height: 1.6em;
    background-color: rgb(255, 255, 255);
    text-align: center;
}
@media screen and (max-width:768px){
#y_tel {
    width: 92%;
}
#y_sumaho {
display:none;
}

}

/*******ログイン********/
#login_area .login_head {
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 1px 0px 0px rgba(0,0,0,0.10);
}
#login_area > div > div {
    margin-bottom: 35px;
    position: relative;
}
#login_form {
    background-color: #ffffff;
    -moz-border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
}

.login_head {
    background: #12855b;
    padding: 0 5px;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    color: #fff;
    margin: -15px -15px 15px;
}
#login_area .login_body {
    padding: 15px;
}
.input_append {
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
#login_area .login_input {
    border: 1px solid #ccc;
    width: 100%;
    text-indent: 10px;
}
.login_input {
    padding: 10px 5px 15px 20px;
    font-size: 22px;
    border: 1px #ccc solid;
    height: 50px;
    cursor: auto;
}
.login_input {
    padding: 0px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
}
.login_btn {
    padding: 10px 5px 15px 20px;
    font-size: 22px;
    border: 1px #ccc solid;
    height: 50px;
    cursor:pointer;
    width: 100%;
}

.login_form input[type="text"], 
.login_form input[type="password"]{
/*    max-width: 260px;*/
    width:100%;
    padding: 4px;
    font-size: 22px;
}
.login_form input[type="submit"]  {
    width: 100%;
}

.nav_btn {
    padding: 3px 7px;
    border: 1px solid #888;
    text-decoration: none;
    color: #111;
    font-size: 0.9rem;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 5px;
cursor: pointer;
}
.menu_btn {
    padding: 3px 7px;
    border: 1px solid #888;
    text-decoration: none;
    color: #111;
    font-size: 0.9rem;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
white-space: nowrap;
}
.menu_btn a:hover , .menu_btn:hover{
    background: #2563eb !important;
    text-decoration: none;
    cursor: pointer;
}

/*data_maint_2.php用*/
/* レイアウト：PC 2カラム / SP 1カラム（左右は維持） */
#main_area{
  max-width:1200px;margin:14px auto;padding:0 12px;
  display:grid;grid-template-columns:1fr;gap:16px
}
@media (min-width:960px){ #main_area{ grid-template-columns: 1fr 1fr; } }
#main_area > .container{ float:none !important; /*width:auto !important;*/ }

/* カードUI（右も共通） */
.mj-card{border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(30,58,138,.12);overflow:hidden}
.mj-caption{padding:10px 12px;font-weight:800;color:#fff;letter-spacing:.3px;font-size:14px;background:linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6)}
.mj-body{padding:12px 14px}

/* 右側カード */
.info-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff;box-shadow:0 3px 12px rgba(30,58,138,.08);margin-bottom:12px}
.info-title{margin:0 0 8px;font-weight:800;color:#1e3a8a;border-left:4px solid var(--blue-500);padding-left:8px;font-size:1.05rem}
.section-title{margin:8px 0 6px;font-weight:800;color:#1e3a8a;border-left:4px solid var(--blue-500);padding-left:8px;font-size:1rem}
.keyline{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin:6px 0}
.note-red{color:#e03131;font-weight:700}

/* === 呼び出しPHP（.table_area_grn）ブルー化 & 2行化（タイトル→入力） === */
.table_area_grn{
  --ta-border:#c7ddff;
  --ta-head-bg:#1a3d8f; /* 見出し用 濃い青（コントラストUP） */
  --ta-grad-1:#1e3a8a;  /* グラデ上 */
  --ta-grad-2:#2563eb;  /* グラデ中 */
  --ta-grad-3:#1f4fd1;  /* グラデ下 */
  --ta-head-fg:#ffffff; /* 見出し文字 */
  --ta-row-even:#ffffff;
  --ta-row-odd:#f7fbff;
}

/* 見出し（白文字＋影で可読性UP、※は薄黄） */
.table_area_grn .midashi{
  background:linear-gradient(135deg,var(--ta-grad-1),var(--ta-grad-2),var(--ta-grad-3));
  color:var(--ta-head-fg) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
  border:1px solid var(--ta-border);
  border-radius:10px 10px 0 0;
  padding:10px 12px !important;
}
.table_area_grn .midashi .midashi-title{font-weight:800;letter-spacing:.3px}
.table_area_grn .midashi .midashi-sub{margin-left:8px;opacity:.95}
.table_area_grn .midashi .req{color:#fffbcc}

/* 表全体 */
.table_area_grn .meisai{
  border:1px solid var(--ta-border) !important;
  box-shadow:0 4px 14px rgba(30,58,138,.08)
}
.table_area_grn .right-tools{float:right}

/* --- ここがポイント：各行を2行構成に固定（タイトル->入力） --- */
.table_area_grn .meisai tr{display:block;border-bottom:1px solid #e5e7eb}
.table_area_grn .meisai tr:last-child{border-bottom:none}
.table_area_grn .meisai th,
.table_area_grn .meisai td{
  display:block; width:100%;
  border:1px solid #e5e7eb !important;
  box-sizing:border-box;
  padding:10px 12px;
}
.table_area_grn .meisai th{
  background:var(--blue-100);
  color:#0b1e5b;
  font-weight:800;
  border-bottom:none !important;
  border-radius:8px 8px 0 0;
}
.table_area_grn .meisai td{
  background:#fff; color:#111;
  border-top:none !important;
  border-radius:0 0 8px 8px;
}

/* 交互の淡色は行全体の背景として維持（視認性） */
.table_area_grn .meisai tr:nth-child(odd) td{ background: var(--ta-row-odd) }
.table_area_grn .meisai tr:nth-child(even) td{ background: var(--ta-row-even) }

/* 入力欄（青フォーカス） */
.table_area_grn input[type="text"],
.table_area_grn input[type="email"],
.table_area_grn input[type="tel"],
.table_area_grn input[type="password"],
.table_area_grn select, .table_area_grn textarea{
  border:1px solid var(--border);
  border-radius:10px;
  padding:9px 10px;
  font-size:1rem;
  background:#fff;
  width:100%;
  max-width:560px;
}
.table_area_grn input:focus,
.table_area_grn select:focus,
.table_area_grn textarea:focus{
  outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.2);border-color:#93c5fd
}

/* ボタン（既存 .menu_btn を青グラデ化） */
.menu_group{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0}
.menu_btn{
  display:inline-block;padding:10px 16px;font-size:1rem;font-weight:800;letter-spacing:.02em;
  color:#fff;text-decoration:none;border:none;border-radius:10px;
  background:linear-gradient(135deg,#2563eb,#1f4fd1);
  box-shadow:0 8px 18px rgba(37,99,235,.22);
  white-space:nowrap;cursor:pointer
}
.menu_btn:hover{filter:brightness(1.03)}
.menu_btn:active{transform:translateY(1px)}
.menu_btn.outline{
  background:#fff;color:#1e3a8a;border:1px solid var(--border);box-shadow:none
}
.menu_btn.outline:hover{background:#f7fbff}
.menu_btn.ghost{
  background:var(--blue-100);color:#1e3a8a;border:1px solid var(--border);box-shadow:none
}
.menu_btn.ghost:hover{filter:brightness(1.02)}

/* 整列補助（既存） */
.ta_left{text-align:left}
.ta_center{text-align:center}
/*data_maint_2.php用 end*/










#header_title {
    font-size: 1.3rem !important;
}