@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;500&display=swap");
#page-title { margin: 0; background: none; }
#page-title h1 { color: #a08543; font-size: 1.25rem; }
#page-title h1 span { font-family: 'Chakra Petch', sans-serif; font-weight: 300; }
@media screen and (min-width: 480px) { #page-title h1 { font-size: 2rem; } }

.img { position: relative; line-height: 1; }
.img img { line-height: 1; }
.img .cap { position: absolute; bottom: 6px; right: 6px; padding: 0; font-size: 11px; line-height: 1; text-align: right; font-feature-settings: "palt"; letter-spacing: 0.05em; }
.img .cap.out { width: 100%; position: static; }
.img .cap.fff { color: #fff; }
.img .cap.t-shadow { text-shadow: 0 0 1px rgba(0, 0, 0, 0.64), 0 0 2px rgba(0, 0, 0, 0.56), 0 0 2px rgba(0, 0, 0, 0.48), 0 0 2px rgba(0, 0, 0, 0.4); }

.plan_detail { display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin: auto; }
.plan_detail .type-image { width: 100%; margin-bottom: 2.4rem; }
.plan_detail .specArea { width: 45%; font-size: 17px; line-height: 1; }
.plan_detail .specArea b { font-size: 2em; font-weight: normal; }
.plan_detail .specArea .type { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.plan_detail .specArea .type2 { display: flex; flex-wrap: wrap; }
.plan_detail .specArea .type2 .typename { margin-right: 1rem; }
.plan_detail .specArea .type2 .openkitchen { display: flex; justify-content: center; align-items: center; margin: 0.5rem 0 0; padding: 5px 10px; text-align: center; font-size: 15px; color: #fff; background: #172a88; font-feature-settings: "palt"; letter-spacing: 0.05em; }
.plan_detail .specArea .type2 .ugoclo { display: flex; justify-content: center; align-items: center; margin: 0.5rem 0 0; padding: 5px 10px; text-align: center; font-size: 14px; color: #fff; background: #172a88; font-feature-settings: "palt"; letter-spacing: 0.05em; }
.plan_detail .specArea .type2 .ugoclo .txt_s { font-size: 12px; }
.plan_detail .specArea .menseki2 { font-size: 13px; margin-top: 10px; }
.plan_detail .specArea .point { font-size: 15px; margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px; line-height: 1.5; font-feature-settings: "palt"; letter-spacing: 0.05em; }
.plan_detail .specArea .point li { margin-bottom: 10px; }
.plan_detail .specArea .point li .ttl { display: flex; margin-bottom: 0.5rem; }
.plan_detail .specArea .point li .ttl .num { width: 22px; margin-right: 0.5rem; text-align: center; color: #fff; background: #BBA674; }
.plan_detail .specArea .point li .txt { font-size: 14px; }
.plan_detail .specArea .point.pc { display: block; }
.plan_detail .plan_img { /*width: 52%;*/ width: 52.084%; }
.plan_detail .plan_img img { width: 100%; height: auto; }
.plan_detail .point.sp { display: none; }
.plan_detail .hanrei { width: 100%; margin-top: 2rem; }
.plan_detail .hanrei span.aw { margin-right: 20px; }
.plan_detail .hanrei img { height: 1em; width: auto; margin-right: 5px; }
.plan_detail #ugoclo { width: 100%; margin: 2rem auto 0; border: solid 2px #680000; }
.plan_detail #ugoclo img { width: 100%; height: auto; }
.plan_detail #ugoclo .logo_u { width: 80%; max-width: 480px; margin: auto; padding: 3rem 0 1rem; }
.plan_detail #ugoclo .ugoclo-movielist { width: 90%; max-width: 800px; display: flex; justify-content: space-between; margin: 0 auto; padding: 1.5rem 0 3rem; list-style: none; }
.plan_detail #ugoclo .ugoclo-movielist li { width: 30%; transition: 1s ease 0s filter; overflow: hidden; font-size: 0; }
.plan_detail #ugoclo .ugoclo-movielist li img { border-radius: 0.5rem; }
.plan_detail #ugoclo .ugoclo-movielist li:hover { filter: brightness(2); cursor: pointer; transition-duration: 0.3s; }
.plan_detail .back_plan { width: 100%; }
.plan_detail .back_plan a { display: block; max-width: 400px; margin: 3rem auto 2rem; padding: 10px; background: #5B5B5B; color: #fff; text-align: center; position: relative; transition: .3s; }
.plan_detail .back_plan a::after { content: ""; display: block; position: absolute; top: 42%; left: 12px; width: 10px; height: 10px; box-sizing: border-box; border: 1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(-135deg); }
.plan_detail .back_plan a:hover { background: #a08543; }
@media screen and (max-width: 480px) { .plan_detail .specArea { width: 100%; margin-bottom: 2rem; padding-bottom: 20px; font-size: 15px; border-bottom: 1px solid #ccc; }
  .plan_detail .specArea .type { text-align: center; }
  .plan_detail .specArea .type2 { flex-direction: column; }
  .plan_detail .specArea .type2 .openkitchen { margin: 1rem auto 0; }
  .plan_detail .specArea .type2 .ugoclo { margin: 1rem auto 0; }
  .plan_detail .specArea .point { font-size: 14px; }
  .plan_detail .specArea .point.pc { display: none; }
  .plan_detail .plan_img { width: 100%; }
  .plan_detail .point { font-size: 14px; margin-top: 20px; line-height: 1.5; font-feature-settings: "palt"; letter-spacing: 0.05em; }
  .plan_detail .point.sp { display: block; }
  .plan_detail .point li { margin-bottom: 10px; }
  .plan_detail .point li .ttl { display: flex; margin-bottom: 0.5rem; }
  .plan_detail .point li .ttl .num { width: 22px; margin-right: 0.5rem; text-align: center; color: #fff; background: #BBA674; }
  .plan_detail .point li .txt { font-size: 14px; } }

/* bnr_4ldk */
.bnr_4ldk { width: 100%; max-width: 800px; margin: 3rem auto 0; }
.bnr_4ldk a:hover { filter: brightness(110%); }
.bnr_4ldk img { width: 100%; height: auto; vertical-align: top; }
@media screen and (max-width: 480px) { .bnr_4ldk { margin: 2rem auto 0; } }