/*
Theme Name: GCDA (Gifu City Dental Association)
Description: gcda.jp の見た目(青い背景・バナー・タブ・左メニュー・水色の本文エリア)を再現したテーマ
Version: 1.0
Text Domain: gcda
*/
html { margin: 0; }
body { margin: 0; padding: 0; background: #2f7cb2; color: #494949; font: 13px/1.6 Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
a { color: #1a5fa8; }
img { max-width: 100%; height: auto; border: 0; }

#gcda-container { width: 900px; max-width: 100%; margin: 0 auto; background: #fff; }
#gcda-topbar { height: 28px; border-bottom: 1px solid #dfe4e7; }
#gcda-banner { display: block; width: 100%; height: auto; }

/* header tabs */
ul.gcda-tabs { list-style: none; margin: 0; padding: 0; display: flex; }
ul.gcda-tabs li { flex: 1 1 0; margin: 0; padding: 0; min-width: 0; }
ul.gcda-tabs a { display: block; height: 35px; line-height: 35px; overflow: hidden; white-space: nowrap; padding: 0 0 0 14px;
  font-size: 12px; font-weight: bold; color: #00295f; text-decoration: none;
  background: url(images/btn_r.gif) no-repeat left top; background-size: 100% 200%; }
ul.gcda-tabs li:first-child a { background-image: url(images/btn_l.gif); }
ul.gcda-tabs a:hover { background-position: left bottom; }

#gcda-body { display: flex; align-items: stretch; }
#gcda-side { width: 220px; flex: none; background: #fff; }
#gcda-main { flex: 1 1 auto; min-width: 0; background: #f0fcff; border-left: 2px solid #64cbca; border-top: 1px solid #e6e6e6; padding: 8px 10px 30px; }

/* side menu */
ul.gcda-sidemenu { list-style: none; margin: 0; padding: 0; }
ul.gcda-sidemenu a { display: block; margin-bottom: 1px; padding: 3px 10px 3px 5px; color: #494949; text-decoration: none; font-weight: bold;
  border: 1px solid; border-color: #efefef #aaa #aaa #efefef; border-left: 5px solid #ccc; }
ul.gcda-sidemenu a:hover, ul.gcda-sidemenu .current-menu-item > a { background: #e9f2fb; color: #4e62a9; }

/* content */
.gcda-title { margin: 0 0 10px; padding: 0 0 0 8px; border-left: 3px solid #64cbca; font-size: 15.6px; font-weight: bold; }
.gcda-content h2 { margin: 18px 0 10px; padding: 0 0 0 8px; border-left: 3px solid #64cbca; font-size: 15.6px; }
.gcda-content h3 { margin: 16px 0 6px; font-size: 14px; }
.gcda-content p { margin: 0 0 6px; }
.gcda-content table { border-collapse: collapse; background: #fff; margin: 8px 0; }
.gcda-content th, .gcda-content td { border: 1px solid #aac; padding: 3px 8px; vertical-align: top; }
.gcda-content th { background: #e9f2fb; }
.gcda-content ul { margin: 6px 0 12px 1.4em; padding: 0; }

#gcda-footer { padding: 8px; text-align: right; color: #a3a3a3; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; background: #fff; }

@media (max-width: 700px) {
  #gcda-body { flex-direction: column; }
  #gcda-side { width: auto; }
  ul.gcda-tabs { flex-wrap: wrap; }
  ul.gcda-tabs li { flex: 1 1 50%; }
}