@charset "UTF-8";

/* ======================================
   Clinic Match デザイン共通
   （ページ専用はここに入れない）
====================================== */

/* ========= ヘッダー ========= */
.site-header{
  background:#fff;
  box-shadow:var(--cm-shadow-soft);
}

/* ========= トップページ ========= */
.top-hero{
  margin:20px auto;
  text-align:center;
}

.top-start{
  border-radius:14px;
  padding:14px;
}

/* ========= 共通セクション ========= */
.inline-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* ========= フラッシュ ========= */
.flash-message{
  padding:10px 12px;
  border-radius:10px;
  background:#fff;
  border:1px solid #eee;
}

/* ========= simple list ========= */
.simple-list{
  list-style:none;
  padding:0;
  margin:0;
}
.simple-item{
  padding:10px 0;
  border-bottom:1px solid #eee;
}

/* ========= pager ========= */
.review-pager{
  display:flex;
  justify-content:center;
  gap:10px;
}

/* ========= 汎用meta ========= */
.meta{
  font-size:14px;
  color:#777;
}

/* =========================================
   トップページ（index.php）
========================================= */

/* ページ全体（mainに index が付く前提） */
.site-main.index {
  background:
    linear-gradient(0deg,
      rgba(255, 255, 255, 1) 41%,
      rgba(255, 255, 255, 0.31) 64%,
      rgba(255, 255, 255, 0) 89%
    ),
    url(../img/bg/01_1.jpg) no-repeat center top,
    url(../img/bg/01_1.jpg) no-repeat left top;
  background-size: cover;
}

/* indexだけコンテンツ幅の扱いが違う */
.index .page-wrapper {
  max-width: 100%;
  padding-top: 360px;
}