@charset "UTF-8";

/*
  佛喜トップページ専用CSS
  既存の960px固定レイアウトを維持し、既存CSSとの衝突を避けるため
  すべての名前を butsuki-top- で統一しています。
*/

#butsuki-top-panel,
#butsuki-top-panel * {
  box-sizing: border-box;
}

#butsuki-top-panel {
  width: 960px;
  margin: 24px auto 12px;
  border: 1px solid #d7cdbd;
  background: #fbf8f2;
  color: #433f3a;
  text-align: left;
  overflow: hidden;
  box-shadow: 0 2px 7px rgba(58, 43, 31, 0.08);
}

.butsuki-top-heading {
  padding: 9px 16px;
  background: #5d4658;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.butsuki-top-intro {
  padding: 18px 22px 14px;
  text-align: center;
  background: #fbf8f2;
}

.butsuki-top-intro h2 {
  width: auto;
  margin: 0 0 8px;
  color: #4f3848;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
}

.butsuki-top-intro p {
  width: 880px;
  margin: 0 auto;
  color: #4d4842;
  font-size: 14px;
  line-height: 1.9;
  white-space: nowrap;
}

.butsuki-top-menu {
  width: 940px;
  margin: 0 auto 10px;
  border-collapse: separate;
  border-spacing: 10px;
  table-layout: fixed;
}

.butsuki-top-menu td {
  width: 50%;
  height: 136px;
  padding: 0;
  vertical-align: top;
}

.butsuki-top-card {
  display: block;
  height: 136px;
  min-height: 136px;
  padding: 14px 125px 13px 16px;
  border: 1px solid #d7cab7;
  color: #49423c !important;
  text-decoration: none !important;
  background-color: #fffdf9;
  background-image:
    linear-gradient(90deg, rgba(255,253,249,0.99) 0%, rgba(255,253,249,0.96) 54%, rgba(255,253,249,0.50) 100%),
    url("../images/top-lotus-button-v3.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right bottom;
  background-size: auto, 260px 90px;
  box-shadow: 0 2px 5px rgba(67, 50, 37, 0.06);
}

.butsuki-top-card:hover {
  border-color: #bca98e;
  background-color: #fff;
}

.butsuki-top-kicker {
  display: inline-block;
  margin-bottom: 6px;
  padding: 2px 8px;
  border: 1px solid #d6c8b3;
  background: #eee4d5;
  color: #665648;
  font-size: 11px;
  line-height: 1.5;
}

.butsuki-top-card strong {
  display: block;
  margin-bottom: 5px;
  color: #50394a;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.45;
}

.butsuki-top-desc {
  display: block;
  font-size: 13px;
  line-height: 1.7;
}

.butsuki-top-contact {
  padding: 13px 16px 14px;
  border-top: 1px solid #ded3c3;
  background: #f4eee5;
  text-align: center;
}

.butsuki-top-contact-text {
  display: inline-block;
  margin-right: 12px;
  color: #514940;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  vertical-align: top;
}

.butsuki-top-contact-button,
.butsuki-top-line-button {
  display: inline-block;
  min-width: 155px;
  margin: 0 4px;
  padding: 9px 14px;
  border: 1px solid #5c4939;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  background-color: #6b5743;
  background-image:
    linear-gradient(90deg, rgba(107,87,67,0.96), rgba(107,87,67,0.78)),
    url("../images/top-lotus-button-v3.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right bottom;
  background-size: auto, 170px 59px;
}

.butsuki-top-line-button {
  border-color: #3e5c47;
  background-color: #4f7159;
  background-image:
    linear-gradient(90deg, rgba(79,113,89,0.96), rgba(79,113,89,0.78)),
    url("../images/top-lotus-button-v3.png");
}

/* 既存CSSの #topbox 固定高・横幅超過の影響を避けるため、旧topboxは使用しません。 */