@charset "utf-8";
/*
Theme Name: AGENDA child
Template: agenda_tcd059
Version: 1.0.0
Text Domain: tcd-agenda-child
*/

/* 事例紹介の選択中タブ */
#report_category_list li.active a {
  background:#4f0f20;
  border-color:#4f0f20;
  color:#fff;
}

/* PCヘッダーメニュー: 最後の項目も通常の位置にドロップダウンを出す */
.pc #global_menu > ul > li:nth-last-of-type(1) > ul {
  left:-24px;
  right:auto;
}

.pc #global_menu > ul > li:nth-last-of-type(1) > ul ul {
  left:100%;
  right:auto;
}

/* アクセスページ */
.access-block {
  width:70%;
  margin:0 0 50px;
  margin-left:auto;
  margin-right:auto;
}

.access-title {
  border-top:4px solid #000;
  padding:18px 20px;
  margin:0;
  font-size:20px;
  line-height:1.4;
  font-weight:600;
}

.access-map iframe {
  display:block;
  width:100%;
  height:450px;
}

.access-table {
  width:100%;
  border-collapse:collapse;
  margin:0 !important;
}

.post_content .access-table th,
.post_content .access-table td {
  border:1px solid #ddd;
  padding:18px 24px;
  background:#fff;
  line-height:1.8;
}

.post_content .access-table th {
  width:24%;
  text-align:center;
  vertical-align:middle;
  font-weight:600;
}

@media screen and (max-width:750px) {
  .access-block {
    width:100%;
  }

  .access-title {
    padding:15px;
    font-size:18px;
  }

  .access-map iframe {
    height:320px;
  }

  .post_content .access-table th,
  .post_content .access-table td {
    padding:14px 8px;
  }

  .post_content .access-table td {
    padding-left:16px;
    padding-right:16px;
  }

  .post_content .access-table th {
    width:20%;
  }
}

/* フッター: プライバシーマーク */
#footer_info .footer_info_body {
  display:grid;
  grid-template-columns:minmax(0, 1fr) 70px;
  grid-template-rows:auto auto;
  column-gap:8px;
}

#footer_info .footer_info_body .info {
  grid-column:1;
  grid-row:1;
}

#footer_info .footer_info_body #footer_social_link {
  grid-column:1;
  grid-row:2;
}

#footer_info .footer_info_body .footer_privacy_mark {
  grid-column:2;
  grid-row:1 / -1;
  align-self:end;
  margin-bottom:6px;
}

#footer_info .footer_privacy_mark img {
  display:block;
  width:70px;
  height:auto;
}

#footer_info .footer_privacy_mark a {
  display:block;
  transition:opacity 0.2s ease;
}

#footer_info .footer_privacy_mark a:hover {
  opacity:0.7;
}

@media screen and (max-width:750px) {
  #footer_info .footer_info_body {
    display:block;
  }

  #footer_info .footer_privacy_mark {
    margin:20px auto 0;
    width:70px;
  }
}