{"id":5904,"date":"2026-07-23T18:36:23","date_gmt":"2026-07-23T09:36:23","guid":{"rendered":"https:\/\/hado-official.com\/hado-arena\/?p=5904"},"modified":"2026-07-23T18:36:24","modified_gmt":"2026-07-23T09:36:24","slug":"hado-world%e8%b2%b8%e5%88%87%e4%bd%93%e9%a8%93%e3%83%97%e3%83%a9%e3%83%b3%e4%ba%88%e7%b4%84%e9%96%8b%e5%a7%8b%ef%bc%81","status":"publish","type":"post","link":"https:\/\/hado-official.com\/hado-arena\/5904\/","title":{"rendered":"HADO WORLD\u8cb8\u5207\u4f53\u9a13\u30d7\u30e9\u30f3\u4e88\u7d04\u958b\u59cb\uff01"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   HADO WORLD \u8cb8\u5207\u4f53\u9a13\u30d7\u30e9\u30f3\n======================================== *\/\n\n.hado-world {\n  --main-color: #341eff;\n  --sub-color: #00d8ff;\n  --accent-color: #ffdf2b;\n  --dark-color: #11152c;\n  --text-color: #20243d;\n  --light-color: #f3f5ff;\n  --soft-purple: #f0efff;\n  --notice-color: #fff8e7;\n\n  width: 100%;\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 40px 20px 80px;\n  box-sizing: border-box;\n  color: var(--text-color);\n  font-family:\n    \"Noto Sans JP\",\n    \"Hiragino Kaku Gothic ProN\",\n    \"Yu Gothic\",\n    \"Meiryo\",\n    sans-serif;\n  line-height: 1.8;\n}\n\n.hado-world *,\n.hado-world *::before,\n.hado-world *::after {\n  box-sizing: border-box;\n}\n\n.hado-world img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n.hado-world h1,\n.hado-world h2,\n.hado-world h3,\n.hado-world p {\n  margin-top: 0;\n}\n\n.hado-world a {\n  text-decoration: none;\n}\n\n.sp-only {\n  display: none;\n}\n\n\n\/* ========================================\n   \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\n======================================== *\/\n\n.hero-box {\n  position: relative;\n  overflow: hidden;\n  padding: 75px 55px;\n  border-radius: 30px;\n  color: #ffffff;\n  text-align: center;\n  background:\n    radial-gradient(\n      circle at 15% 15%,\n      rgba(0, 216, 255, 0.42) 0,\n      rgba(0, 216, 255, 0) 30%\n    ),\n    radial-gradient(\n      circle at 90% 80%,\n      rgba(255, 0, 222, 0.35) 0,\n      rgba(255, 0, 222, 0) 34%\n    ),\n    linear-gradient(\n      135deg,\n      #101a58 0%,\n      #351de3 48%,\n      #6c1ce2 100%\n    );\n  box-shadow: 0 18px 45px rgba(31, 25, 123, 0.2);\n}\n\n.hero-box::before,\n.hero-box::after {\n  position: absolute;\n  content: \"\";\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.hero-box::before {\n  top: -130px;\n  right: -90px;\n  width: 330px;\n  height: 330px;\n}\n\n.hero-box::after {\n  bottom: -170px;\n  left: -80px;\n  width: 400px;\n  height: 400px;\n}\n\n.hero-label {\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  margin-bottom: 16px;\n  padding: 5px 18px;\n  border: 1px solid rgba(255, 255, 255, 0.7);\n  border-radius: 999px;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n}\n\n.hero-box h1 {\n  position: relative;\n  z-index: 1;\n  margin-bottom: 28px;\n  color: #ffffff;\n  font-size: clamp(32px, 5vw, 54px);\n  font-weight: 900;\n  line-height: 1.35;\n  letter-spacing: 0.03em;\n  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);\n}\n\n.hero-text {\n  position: relative;\n  z-index: 1;\n  max-width: 850px;\n  margin: 0 auto 14px;\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 2;\n}\n\n.hero-support {\n  position: relative;\n  z-index: 1;\n  max-width: 760px;\n  margin: 28px auto 0;\n  padding: 16px 24px;\n  border-radius: 14px;\n  color: #ffffff;\n  background: rgba(255, 255, 255, 0.13);\n  font-size: 15px;\n  font-weight: 700;\n  backdrop-filter: blur(6px);\n}\n\n\n\/* ========================================\n   \u5171\u901a\u898b\u51fa\u3057\n======================================== *\/\n\n.section-title {\n  margin-bottom: 35px;\n  color: var(--dark-color);\n  font-size: 32px;\n  font-weight: 900;\n  line-height: 1.4;\n  text-align: center;\n}\n\n.section-title span {\n  display: block;\n  margin-bottom: 5px;\n  color: var(--main-color);\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 0.2em;\n}\n\n\n\/* ========================================\n   \u30d7\u30e9\u30f3\u60c5\u5831\n======================================== *\/\n\n.info-section {\n  padding-top: 75px;\n}\n\n.info-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 25px;\n}\n\n.info-card {\n  position: relative;\n  padding: 35px 27px 30px;\n  border-radius: 22px;\n  background: var(--light-color);\n  text-align: center;\n}\n\n.info-card:nth-child(2) {\n  background: #f5f3ff;\n}\n\n.info-card:nth-child(3) {\n  background: #eefaff;\n}\n\n.info-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 64px;\n  height: 64px;\n  margin: 0 auto 16px;\n  border-radius: 50%;\n  background: #ffffff;\n  font-size: 30px;\n}\n\n.info-card h3 {\n  margin-bottom: 22px;\n  color: var(--dark-color);\n  font-size: 22px;\n  font-weight: 900;\n}\n\n.price-list {\n  margin-bottom: 22px;\n}\n\n.price-list p {\n  display: flex;\n  align-items: baseline;\n  justify-content: center;\n  gap: 5px;\n  margin-bottom: 8px;\n}\n\n.price-label {\n  min-width: 53px;\n  padding: 2px 7px;\n  border-radius: 5px;\n  color: #ffffff;\n  background: var(--dark-color);\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.price-list strong {\n  color: var(--main-color);\n  font-size: 26px;\n  font-weight: 900;\n}\n\n.price-list small {\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.student {\n  margin-bottom: 0;\n  padding: 13px 10px;\n  border-radius: 12px;\n  background: #fff1a8;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.6;\n}\n\n.student strong {\n  color: #e84315;\n  font-size: 21px;\n  font-weight: 900;\n}\n\n.main-info {\n  margin-bottom: 20px;\n}\n\n.main-info strong {\n  color: var(--main-color);\n  font-size: 25px;\n  font-weight: 900;\n}\n\n.time-list {\n  overflow: hidden;\n  border-radius: 12px;\n  background: #ffffff;\n}\n\n.time-list p {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0;\n  padding: 11px 15px;\n}\n\n.time-list p + p {\n  border-top: 1px solid #e8e8f5;\n}\n\n.time-list span {\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.time-list strong {\n  color: var(--main-color);\n  font-size: 20px;\n  font-weight: 900;\n}\n\n.start-date {\n  margin-bottom: 0;\n  padding: 14px;\n  border-radius: 12px;\n  background: #ffffff;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.7;\n}\n\n.start-date strong {\n  color: var(--main-color);\n  font-size: 24px;\n  font-weight: 900;\n}\n\n\n\/* ========================================\n   LINE\u4e88\u7d04\n======================================== *\/\n\n.reservation-box {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  margin-top: 45px;\n  padding: 35px 40px;\n  border-radius: 22px;\n  color: #ffffff;\n  background: linear-gradient(\n    135deg,\n    #00a849 0%,\n    #06c755 100%\n  );\n}\n\n.reservation-label {\n  margin-bottom: 3px;\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 0.2em;\n  opacity: 0.85;\n}\n\n.reservation-box h2 {\n  margin-bottom: 8px;\n  color: #ffffff;\n  font-size: 27px;\n  font-weight: 900;\n  line-height: 1.4;\n}\n\n.reservation-box p {\n  margin-bottom: 0;\n  color: #ffffff;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.8;\n}\n\n.line-button {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  min-width: 250px;\n  padding: 17px 24px;\n  border-radius: 999px;\n  color: #00a849;\n  background: #ffffff;\n  font-size: 16px;\n  font-weight: 900;\n  transition:\n    transform 0.25s ease,\n    opacity 0.25s ease;\n}\n\n.line-button:hover {\n  color: #00a849;\n  opacity: 0.92;\n  transform: translateY(-3px);\n}\n\n.line-button span {\n  font-size: 22px;\n  line-height: 1;\n}\n\n\n\/* ========================================\n   HADO WORLD\u3068\u306f\n======================================== *\/\n\n.content-box {\n  margin-top: 75px;\n  padding: 55px;\n  border-radius: 30px;\n  background: var(--light-color);\n}\n\n.content-heading {\n  margin-bottom: 32px;\n  text-align: center;\n}\n\n.content-heading p {\n  margin-bottom: 4px;\n  color: var(--main-color);\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 0.2em;\n}\n\n.hado-world .content-heading h2 {\n  margin-bottom: 0;\n  color: #111111 !important;\n  font-size: 32px;\n  font-weight: 900;\n}\n\n.content-layout {\n  display: grid;\n  grid-template-columns: 1.2fr 1fr;\n  align-items: center;\n  gap: 45px;\n}\n\n.content-image {\n  overflow: hidden;\n  border-radius: 20px;\n}\n\n.content-image img {\n  width: 100%;\n  height: auto;\n  object-fit: contain;\n}\n\n\n\/* \u8aac\u660e\u6587\u3092\u3059\u3079\u3066\u9ed2\u5b57\u306b\u56fa\u5b9a *\/\n\n.hado-world .content-text {\n  color: #111111 !important;\n}\n\n.hado-world .content-text p {\n  margin-bottom: 18px;\n  color: #111111 !important;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.hado-world .content-text strong {\n  color: #111111 !important;\n  font-size: 21px;\n  font-weight: 900;\n}\n\n.hado-world .content-catch {\n  margin-bottom: 0 !important;\n  padding: 18px 22px;\n  border-left: 5px solid var(--main-color);\n  border-radius: 0 12px 12px 0;\n  color: var(--dark-color) !important;\n  background: #ffffff;\n  font-size: 20px !important;\n  font-weight: 900 !important;\n  line-height: 1.7;\n}\n\n\n\/* ========================================\n   HADO WORLD\u7279\u8a2d\u30da\u30fc\u30b8\u30dc\u30bf\u30f3\n   \u76ee\u7acb\u3064\u9ec4\u8272\u30c7\u30b6\u30a4\u30f3\n======================================== *\/\n\n.special-page-button-area {\n  position: relative;\n  z-index: 1;\n  margin-top: 42px;\n  text-align: center;\n}\n\n.special-page-lead {\n  position: relative;\n  display: inline-block;\n  margin-bottom: 12px;\n  color: #111111;\n  font-size: 14px;\n  font-weight: 900;\n}\n\n.special-page-lead::before,\n.special-page-lead::after {\n  display: inline-block;\n  width: 22px;\n  height: 2px;\n  margin: 0 10px 4px;\n  content: \"\";\n  background: #111111;\n}\n\n.special-page-lead::before {\n  transform: rotate(55deg);\n}\n\n.special-page-lead::after {\n  transform: rotate(-55deg);\n}\n\n.special-page-button {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 18px;\n  width: 100%;\n  max-width: 520px;\n  min-height: 72px;\n  margin: 0 auto;\n  padding: 18px 35px;\n  overflow: hidden;\n  border: 3px solid #111111;\n  border-radius: 999px;\n  color: #111111 !important;\n  background: linear-gradient(\n    135deg,\n    #fff76a 0%,\n    #ffdc00 52%,\n    #ffb800 100%\n  );\n  box-shadow:\n    0 9px 0 #111111,\n    0 18px 35px rgba(255, 190, 0, 0.42);\n  font-size: 19px;\n  font-weight: 900;\n  letter-spacing: 0.03em;\n  text-align: center;\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease,\n    filter 0.2s ease;\n  animation: special-button-pulse 2.2s ease-in-out infinite;\n}\n\n.special-page-button::before {\n  position: absolute;\n  top: -70%;\n  left: -35%;\n  width: 22%;\n  height: 240%;\n  content: \"\";\n  background: rgba(255, 255, 255, 0.78);\n  transform: rotate(24deg);\n  animation: special-button-shine 2.8s infinite;\n}\n\n.special-page-button:hover {\n  color: #111111 !important;\n  filter: brightness(1.04);\n  transform: translateY(-4px) scale(1.025);\n  box-shadow:\n    0 13px 0 #111111,\n    0 25px 42px rgba(255, 190, 0, 0.5);\n}\n\n.special-page-button:active {\n  transform: translateY(5px);\n  box-shadow:\n    0 4px 0 #111111,\n    0 10px 18px rgba(255, 190, 0, 0.3);\n}\n\n.special-page-button-text {\n  position: relative;\n  z-index: 1;\n  color: #111111;\n}\n\n.special-page-button-arrow {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  color: #ffffff;\n  background: #111111;\n  font-size: 23px;\n  line-height: 1;\n}\n\n@keyframes special-button-shine {\n\n  0% {\n    left: -35%;\n  }\n\n  45%,\n  100% {\n    left: 125%;\n  }\n\n}\n\n@keyframes special-button-pulse {\n\n  0%,\n  100% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(1.018);\n  }\n\n}\n\n\n\/* ========================================\n   HADO WORLD\u306e\u9b45\u529b\n======================================== *\/\n\n.feature-section {\n  padding-top: 75px;\n}\n\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 35px;\n}\n\n.feature-card {\n  position: relative;\n  padding: 25px 15px;\n  text-align: center;\n}\n\n.feature-number {\n  margin-bottom: 5px;\n  color: var(--main-color);\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 0.12em;\n}\n\n.feature-icon {\n  margin-bottom: 12px;\n  font-size: 42px;\n}\n\n.feature-card h3 {\n  margin-bottom: 12px;\n  color: var(--dark-color);\n  font-size: 20px;\n  font-weight: 900;\n}\n\n.feature-card > p:last-child {\n  margin-bottom: 0;\n  color: var(--text-color);\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n\n\/* ========================================\n   HADO WORLD\u4f53\u9a13\u5199\u771f\n======================================== *\/\n\n.feature-photo-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n  margin-top: 40px;\n}\n\n.feature-photo {\n  overflow: hidden;\n  border-radius: 20px;\n  background: #eeeeee;\n}\n\n.feature-photo img {\n  display: block;\n  width: 100%;\n  height: 320px;\n  object-fit: cover;\n  transition: transform 0.4s ease;\n}\n\n.feature-photo:hover img {\n  transform: scale(1.03);\n}\n\n\n\/* ========================================\n   \u6ce8\u610f\u4e8b\u9805\n======================================== *\/\n\n.notice-box {\n  margin-top: 70px;\n  padding: 35px 40px;\n  border-radius: 20px;\n  background: var(--notice-color);\n}\n\n.notice-heading {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 20px;\n}\n\n.notice-icon {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  color: #ffffff;\n  background: #f0a500;\n  font-size: 25px;\n  font-weight: 900;\n}\n\n.notice-heading p {\n  margin-bottom: 0;\n  color: #d48900;\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 0.18em;\n}\n\n.notice-heading h2 {\n  margin-bottom: 0;\n  color: var(--dark-color);\n  font-size: 25px;\n  font-weight: 900;\n}\n\n.notice-box ul {\n  margin: 0;\n  padding-left: 1.5em;\n}\n\n.notice-box li {\n  margin-bottom: 9px;\n  padding-left: 5px;\n  color: var(--text-color);\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.notice-box li:last-child {\n  margin-bottom: 0;\n}\n\n\n\/* ========================================\n   \u30bf\u30d6\u30ec\u30c3\u30c8\n======================================== *\/\n\n@media screen and (max-width: 900px) {\n\n  .info-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .info-card {\n    padding: 30px 25px;\n  }\n\n  .reservation-box {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .line-button {\n    width: 100%;\n    max-width: 420px;\n  }\n\n  .content-layout {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n\n  .content-text {\n    text-align: center;\n  }\n\n  .hado-world .content-catch {\n    border-left: 0;\n    border-top: 5px solid var(--main-color);\n    border-radius: 12px;\n  }\n\n}\n\n\n\/* ========================================\n   \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\n======================================== *\/\n\n@media screen and (max-width: 600px) {\n\n  .hado-world {\n    padding: 20px 14px 55px;\n  }\n\n  .pc-only {\n    display: none;\n  }\n\n  .sp-only {\n    display: block;\n  }\n\n\n  \/* \u30e1\u30a4\u30f3\u90e8\u5206 *\/\n\n  .hero-box {\n    padding: 50px 20px 42px;\n    border-radius: 21px;\n  }\n\n  .hero-label {\n    margin-bottom: 13px;\n    padding: 4px 13px;\n    font-size: 10px;\n  }\n\n  .hero-box h1 {\n    margin-bottom: 23px;\n    font-size: 29px;\n    line-height: 1.45;\n  }\n\n  .hero-text {\n    margin-bottom: 15px;\n    font-size: 14px;\n    line-height: 1.9;\n  }\n\n  .hero-support {\n    margin-top: 23px;\n    padding: 14px 15px;\n    font-size: 13px;\n    line-height: 1.8;\n  }\n\n\n  \/* \u30bb\u30af\u30b7\u30e7\u30f3\u898b\u51fa\u3057 *\/\n\n  .info-section,\n  .feature-section {\n    padding-top: 55px;\n  }\n\n  .section-title {\n    margin-bottom: 25px;\n    font-size: 26px;\n  }\n\n\n  \/* \u30d7\u30e9\u30f3\u60c5\u5831 *\/\n\n  .info-grid {\n    gap: 16px;\n  }\n\n  .info-card {\n    padding: 28px 18px 24px;\n    border-radius: 17px;\n  }\n\n  .info-icon {\n    width: 57px;\n    height: 57px;\n    font-size: 26px;\n  }\n\n  .info-card h3 {\n    margin-bottom: 18px;\n    font-size: 20px;\n  }\n\n  .price-list strong {\n    font-size: 24px;\n  }\n\n  .main-info strong {\n    font-size: 22px;\n  }\n\n\n  \/* LINE\u4e88\u7d04 *\/\n\n  .reservation-box {\n    margin-top: 30px;\n    padding: 28px 18px;\n    border-radius: 18px;\n  }\n\n  .reservation-box h2 {\n    font-size: 23px;\n  }\n\n  .reservation-box p {\n    font-size: 13px;\n  }\n\n  .line-button {\n    min-width: 0;\n    padding: 15px 18px;\n    font-size: 15px;\n  }\n\n\n  \/* HADO WORLD\u3068\u306f *\/\n\n  .content-box {\n    margin-top: 55px;\n    padding: 35px 18px;\n    border-radius: 21px;\n  }\n\n  .content-heading {\n    margin-bottom: 24px;\n  }\n\n  .hado-world .content-heading h2 {\n    color: #111111 !important;\n    font-size: 25px;\n  }\n\n  .content-layout {\n    gap: 25px;\n  }\n\n  .content-image {\n    border-radius: 15px;\n  }\n\n  .hado-world .content-text p {\n    color: #111111 !important;\n    font-size: 14px;\n    line-height: 1.9;\n  }\n\n  .hado-world .content-text strong {\n    color: #111111 !important;\n    font-size: 19px;\n  }\n\n  .hado-world .content-catch {\n    padding: 15px;\n    color: var(--dark-color) !important;\n    font-size: 17px !important;\n  }\n\n\n  \/* \u7279\u8a2d\u30da\u30fc\u30b8\u30dc\u30bf\u30f3 *\/\n\n  .special-page-button-area {\n    margin-top: 32px;\n  }\n\n  .special-page-lead {\n    margin-bottom: 10px;\n    font-size: 12px;\n  }\n\n  .special-page-lead::before,\n  .special-page-lead::after {\n    width: 15px;\n    margin-right: 7px;\n    margin-left: 7px;\n  }\n\n  .special-page-button {\n    width: 100%;\n    min-height: 62px;\n    padding: 15px 15px;\n    border-width: 2px;\n    box-shadow:\n      0 7px 0 #111111,\n      0 14px 25px rgba(255, 190, 0, 0.4);\n    font-size: 15px;\n  }\n\n  .special-page-button:hover {\n    box-shadow:\n      0 9px 0 #111111,\n      0 18px 30px rgba(255, 190, 0, 0.45);\n  }\n\n  .special-page-button-arrow {\n    width: 32px;\n    height: 32px;\n    font-size: 20px;\n  }\n\n\n  \/* HADO WORLD\u306e\u9b45\u529b *\/\n\n  .feature-grid {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .feature-card {\n    padding: 20px 12px;\n  }\n\n  .feature-icon {\n    font-size: 38px;\n  }\n\n\n  \/* \u5199\u771f *\/\n\n  .feature-photo-grid {\n    grid-template-columns: 1fr;\n    gap: 15px;\n    margin-top: 25px;\n  }\n\n  .feature-photo {\n    border-radius: 15px;\n  }\n\n  .feature-photo img {\n    height: auto;\n    aspect-ratio: 16 \/ 10;\n    object-fit: cover;\n  }\n\n\n  \/* \u6ce8\u610f\u4e8b\u9805 *\/\n\n  .notice-box {\n    margin-top: 55px;\n    padding: 25px 18px;\n    border-radius: 17px;\n  }\n\n  .notice-heading {\n    gap: 11px;\n  }\n\n  .notice-icon {\n    width: 45px;\n    height: 45px;\n    font-size: 21px;\n  }\n\n  .notice-heading h2 {\n    font-size: 22px;\n  }\n\n  .notice-box li {\n    font-size: 13px;\n    line-height: 1.8;\n  }\n\n}\n\n\n\/* ========================================\n   \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u63a7\u3048\u305f\u3044\u7aef\u672b\u5411\u3051\n======================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .special-page-button,\n  .special-page-button::before {\n    animation: none;\n  }\n\n}\n<\/style>\n\n<div class=\"hado-world\">\n\n  <!-- \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb -->\n  <section class=\"hero-box\">\n\n    <p class=\"hero-label\">\n      NEW EXPERIENCE\n    <\/p>\n\n    <h1>\n      HADO WORLD<br class=\"sp-only\">\n      \u8cb8\u5207\u4f53\u9a13\u30d7\u30e9\u30f3\u4e88\u7d04\u958b\u59cb\uff01\n    <\/h1>\n\n    <p class=\"hero-text\">\n      \u30aa\u30ea\u30b8\u30ca\u30eb\u306eHADO\u306e\u904a\u3073\u65b9\u3092\u30d9\u30fc\u30b9\u306b\u3001<br class=\"pc-only\">\n      \u305d\u308c\u305e\u308c\u306e\u7279\u5fb4\u3092\u6301\u3064\u30d2\u30fc\u30ed\u30fc\u8a2d\u5b9a\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3057\u305f\u3002\n    <\/p>\n\n    <p class=\"hero-text\">\n      \u30d2\u30fc\u30ed\u30fc\u306e\u30b9\u30ad\u30eb\u3092\u7d44\u307f\u5408\u308f\u305b\u3001\u6226\u7565\u3092\u99c6\u4f7f\u3057\u3066\u52dd\u5229\u3092\u63b4\u3081\uff01<br class=\"pc-only\">\n      \u5727\u5012\u7684\u306a\u30d3\u30b8\u30e5\u30a2\u30eb\u6f14\u51fa\u3067\u3001\u6ca1\u5165\u611f\u306e\u3042\u308b\u7570\u6b21\u5143\u4f53\u9a13\u3092\u697d\u3057\u3082\u3046\uff01\n    <\/p>\n\n    <p class=\"hero-support\">\n      \u30a4\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u304c\u30eb\u30fc\u30eb\u8aac\u660e\u304b\u3089\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u306e\u3067\u3001<br class=\"pc-only\">\n      \u521d\u3081\u3066\u306e\u65b9\u3067\u3082\u5b89\u5fc3\u3057\u3066\u304a\u697d\u3057\u307f\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n    <\/p>\n\n  <\/section>\n\n\n  <!-- \u30d7\u30e9\u30f3\u8a73\u7d30 -->\n  <section class=\"info-section\">\n\n    <h2 class=\"section-title\">\n      <span>PLAN INFORMATION<\/span>\n      \u30d7\u30e9\u30f3\u8a73\u7d30\n    <\/h2>\n\n    <div class=\"info-grid\">\n\n      <!-- \u6599\u91d1 -->\n      <div class=\"info-card\">\n\n        <div class=\"info-icon\">\n          &#x1f4b0;\n        <\/div>\n\n        <h3>\u6599\u91d1<\/h3>\n\n        <div class=\"price-list\">\n\n          <p>\n            <span class=\"price-label\">\u5e73\u65e5<\/span>\n            <strong>2,800\u5186<\/strong>\n            <small>\uff0f\u540d<\/small>\n          <\/p>\n\n          <p>\n            <span class=\"price-label\">\u571f\u65e5\u795d<\/span>\n            <strong>3,300\u5186<\/strong>\n            <small>\uff0f\u540d<\/small>\n          <\/p>\n\n        <\/div>\n\n        <p class=\"student\">\n          \u5b66\u751f\u306f\u901a\u5e38\u6599\u91d1\u304b\u3089<br>\n          <strong>500\u5186OFF\uff01<\/strong>\n        <\/p>\n\n      <\/div>\n\n\n      <!-- \u4eba\u6570\u30fb\u6642\u9593 -->\n      <div class=\"info-card\">\n\n        <div class=\"info-icon\">\n          &#x1f465;\n        <\/div>\n\n        <h3>\u4eba\u6570\u30fb\u4f53\u9a13\u6642\u9593<\/h3>\n\n        <p class=\"main-info\">\n          <strong>4\uff5e15\u540d<\/strong>\n        <\/p>\n\n        <div class=\"time-list\">\n\n          <p>\n            <span>4\uff5e9\u540d<\/span>\n            <strong>60\u5206<\/strong>\n          <\/p>\n\n          <p>\n            <span>10\uff5e15\u540d<\/span>\n            <strong>90\u5206<\/strong>\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- \u4e88\u7d04\u65b9\u6cd5 -->\n      <div class=\"info-card\">\n\n        <div class=\"info-icon\">\n          &#x1f4c5;\n        <\/div>\n\n        <h3>\u4e88\u7d04\u65b9\u6cd5<\/h3>\n\n        <p class=\"main-info\">\n          <strong>\u516c\u5f0fLINE\u3088\u308a\u53d7\u4ed8\u4e2d<\/strong>\n        <\/p>\n\n        <p class=\"start-date\">\n          \u3054\u5229\u7528\u958b\u59cb\u65e5<br>\n          <strong>8\u67085\u65e5\uff5e<\/strong>\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- LINE\u4e88\u7d04 -->\n  <section class=\"reservation-box\">\n\n    <div class=\"reservation-text\">\n\n      <p class=\"reservation-label\">\n        RESERVATION\n      <\/p>\n\n      <h2>\n        \u3054\u4e88\u7d04\u306f\u516c\u5f0fLINE\u304b\u3089\uff01\n      <\/h2>\n\n      <p>\n        \u3054\u5e0c\u671b\u306e\u65e5\u6642\u30fb\u4eba\u6570\u3092\u3054\u78ba\u8a8d\u306e\u3046\u3048\u3001<br>\n        \u516c\u5f0fLINE\u3088\u308a\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n\n    <\/div>\n\n    <a class=\"line-button\" href=\"https:\/\/line.me\/R\/app\/1655541895-oNwqy9GM?type=app&#038;b=3161&#038;v=60325&#038;_platform=line&#038;ref=odaibahp\" target=\"_blank\" rel=\"noopener noreferrer\">\n      \u516c\u5f0fLINE\u3067\u4e88\u7d04\u3059\u308b\n      <span>\u2192<\/span>\n    <\/a>\n\n  <\/section>\n\n\n  <!-- HADO WORLD\u3068\u306f -->\n  <section class=\"content-box\">\n\n    <div class=\"content-heading\">\n\n      <p>\n        ABOUT HADO WORLD\n      <\/p>\n\n      <h2>\n        &#x2694; HADO WORLD\u3068\u306f\uff1f\n      <\/h2>\n\n    <\/div>\n\n    <div class=\"content-layout\">\n\n      <div class=\"content-image\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/hado-official.com\/hado-arena\/wp-content\/uploads\/2026\/07\/72e17c3252e64e43b5c2d2b85db91d62.jpg.webp\"\n          alt=\"HADO WORLD\u306e\u4f53\u9a13\u30a4\u30e1\u30fc\u30b8\"\n        >\n\n      <\/div>\n\n      <div class=\"content-text\">\n\n        <p>\n          \u6700\u5927<strong>3\u5bfe3<\/strong>\u3067\u5bfe\u6226\u3059\u308b\u3001<br>\n          \u65b0\u611f\u899a\u306eAR\u30b9\u30dd\u30fc\u30c4\u3067\u3059\u3002\n        <\/p>\n\n        <p>\n          \u500b\u6027\u8c4a\u304b\u306a\u30d2\u30fc\u30ed\u30fc\u3092\u9078\u629e\u3057\u3001<br>\n          \u305d\u308c\u305e\u308c\u306e\u30b9\u30ad\u30eb\u3092\u7d44\u307f\u5408\u308f\u305b\u306a\u304c\u3089\u6226\u3044\u307e\u3059\u3002\n        <\/p>\n\n        <p>\n          \u30c1\u30fc\u30e0\u7de8\u6210\u306b\u3088\u3063\u3066\u6226\u7565\u306f\u7121\u9650\u5927\uff01\n        <\/p>\n\n        <p class=\"content-catch\">\n          \u4ef2\u9593\u3068\u6700\u5f37\u30c1\u30fc\u30e0\u3092\u4f5c\u3063\u3066\u3001<br>\n          \u52dd\u5229\u3092\u76ee\u6307\u305d\u3046\uff01\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- HADO WORLD\u7279\u8a2d\u30da\u30fc\u30b8\u30dc\u30bf\u30f3 -->\n    <div class=\"special-page-button-area\">\n\n      <p class=\"special-page-lead\">\n        \u30d2\u30fc\u30ed\u30fc\u3084\u30b9\u30ad\u30eb\u306e\u8a73\u7d30\u306f\u3053\u3061\u3089\n      <\/p>\n\n      <a class=\"special-page-button\" href=\"https:\/\/hado-official.com\/contents\/hado-world\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <span class=\"special-page-button-text\">\n          HADO WORLD\u7279\u8a2d\u30da\u30fc\u30b8\u3078\n        <\/span>\n\n        <span class=\"special-page-button-arrow\">\n          \u2192\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- HADO WORLD\u306e\u9b45\u529b -->\n  <section class=\"feature-section\">\n\n    <h2 class=\"section-title\">\n      <span>POINT<\/span>\n      HADO WORLD\u306e\u9b45\u529b\n    <\/h2>\n\n    <div class=\"feature-grid\">\n\n      <!-- \u9b45\u529b1 -->\n      <div class=\"feature-card\">\n\n        <p class=\"feature-number\">\n          01\n        <\/p>\n\n        <div class=\"feature-icon\">\n          &#x1f9b8;\n        <\/div>\n\n        <h3>\n          \u30d2\u30fc\u30ed\u30fc\u3092\u9078\u629e\n        <\/h3>\n\n        <p>\n          \u305d\u308c\u305e\u308c\u7570\u306a\u308b\u80fd\u529b\u3092\u6301\u3064\u3001\u500b\u6027\u8c4a\u304b\u306a\u30d2\u30fc\u30ed\u30fc\u304b\u3089\u9078\u3079\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n\n      <!-- \u9b45\u529b2 -->\n      <div class=\"feature-card\">\n\n        <p class=\"feature-number\">\n          02\n        <\/p>\n\n        <div class=\"feature-icon\">\n          &#x265f;&#xfe0f;\n        <\/div>\n\n        <h3>\n          \u6226\u7565\u306f\u7121\u9650\u5927\n        <\/h3>\n\n        <p>\n          \u30d2\u30fc\u30ed\u30fc\u306e\u30b9\u30ad\u30eb\u3084\u30c1\u30fc\u30e0\u7de8\u6210\u306b\u3088\u3063\u3066\u3001\u3055\u307e\u3056\u307e\u306a\u6226\u3044\u65b9\u304c\u697d\u3057\u3081\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n\n      <!-- \u9b45\u529b3 -->\n      <div class=\"feature-card\">\n\n        <p class=\"feature-number\">\n          03\n        <\/p>\n\n        <div class=\"feature-icon\">\n          &#x2728;\n        <\/div>\n\n        <h3>\n          \u5727\u5012\u7684\u306a\u6ca1\u5165\u611f\n        <\/h3>\n\n        <p>\n          \u8feb\u529b\u3042\u308b\u30d3\u30b8\u30e5\u30a2\u30eb\u6f14\u51fa\u3067\u3001\u7570\u6b21\u5143\u306e\u30d0\u30c8\u30eb\u4f53\u9a13\u3092\u697d\u3057\u3081\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- \u4f53\u9a13\u5199\u771f2\u679a -->\n    <div class=\"feature-photo-grid\">\n\n      <div class=\"feature-photo\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/hado-official.com\/hado-arena\/wp-content\/uploads\/2026\/07\/f78be259c7afd2d32a5b9281acf408b9-1024x683.jpg.webp\"\n          alt=\"HADO WORLD\u4f53\u9a13\u98a8\u666f1\"\n        >\n\n      <\/div>\n\n      <div class=\"feature-photo\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/hado-official.com\/hado-arena\/wp-content\/uploads\/2026\/07\/0e1250c277ab4a8367c7c9941e97dc8e-3-1024x683.jpg.webp\"\n          alt=\"HADO WORLD\u4f53\u9a13\u98a8\u666f2\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- \u6ce8\u610f\u4e8b\u9805 -->\n  <section class=\"notice-box\">\n\n    <div class=\"notice-heading\">\n\n      <span class=\"notice-icon\">\n        \n      <\/span>\n\n      <div>\n\n        <p>\n          NOTICE\n        <\/p>\n\n        <h2>\n          \u6ce8\u610f\u4e8b\u9805\n        <\/h2>\n\n      <\/div>\n\n    <\/div>\n\n    <ul>\n\n      <li>\n        \u30a4\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u4e0d\u8981\u306e\u5834\u5408\u306f\u3001\u30b3\u30fc\u30c8\u30ec\u30f3\u30bf\u30eb\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002\n      <\/li>\n\n      <li>\n        \u4f53\u9a13\u6642\u306f\u5ba4\u5185\u30b7\u30e5\u30fc\u30ba\u3092\u3054\u6301\u53c2\u304f\u3060\u3055\u3044\u3002\n      <\/li>\n\n      <li>\n        \u30ec\u30f3\u30bf\u30eb\u30b7\u30e5\u30fc\u30ba\u306f\u30011\u540d\u306b\u3064\u304d300\u5186\u3067\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n      <\/li>\n\n      <li>\n        \u4f53\u9a13\u4e2d\u306e\u4e8b\u6545\u30fb\u30b1\u30ac\u30fb\u7d1b\u5931\u7b49\u306b\u3064\u304d\u307e\u3057\u3066\u306f\u3001\u8cac\u4efb\u3092\u8ca0\u3044\u304b\u306d\u307e\u3059\u3002\n      <\/li>\n\n    <\/ul>\n\n  <\/section>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NEW EXPERIENCE HADO WORLD \u8cb8\u5207\u4f53\u9a13\u30d7\u30e9\u30f3\u4e88\u7d04\u958b\u59cb\uff01 \u30aa\u30ea\u30b8\u30ca\u30eb\u306eHADO\u306e\u904a\u3073\u65b9\u3092\u30d9\u30fc\u30b9\u306b\u3001 \u305d\u308c\u305e\u308c\u306e\u7279\u5fb4\u3092\u6301\u3064\u30d2\u30fc\u30ed\u30fc\u8a2d\u5b9a\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3057\u305f\u3002 \u30d2\u30fc\u30ed\u30fc\u306e\u30b9\u30ad\u30eb\u3092\u7d44\u307f\u5408\u308f\u305b\u3001\u6226\u7565\u3092\u99c6\u4f7f\u3057\u3066\u52dd\u5229 [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/hado-official.com\/hado-arena\/5904\/\">\u7d9a\u304d\u3092\u8aad\u3080&#8230;<span class=\"screen-reader-text\"> from HADO WORLD\u8cb8\u5207\u4f53\u9a13\u30d7\u30e9\u30f3\u4e88\u7d04\u958b\u59cb\uff01<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":5830,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[8],"tags":[],"class_list":["post-5904","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-odaiba"],"jetpack_featured_media_url":"https:\/\/hado-official.com\/hado-arena\/wp-content\/uploads\/2026\/07\/72e17c3252e64e43b5c2d2b85db91d62.jpg","meta_field":{"_edit_lock":["1784877545:5"],"rank_math_seo_score":["23"],"rank_math_internal_links_processed":["1"],"_edit_last":["5"],"_simple_css":[".hado-world{\r\n\r\nmax-width:900px;\r\n\r\nmargin:auto;\r\n\r\nfont-size:16px;\r\n\r\nline-height:1.9;\r\n\r\n}\r\n\r\n\r\n\/* \u6700\u521d\u306e\u7d39\u4ecb *\/\r\n\r\n.hero-box{\r\n\r\nbackground:linear-gradient(135deg,#00a8ff,#0086d1);\r\n\r\ncolor:#fff;\r\n\r\npadding:35px;\r\n\r\nborder-radius:18px;\r\n\r\nmargin-bottom:40px;\r\n\r\nbox-shadow:0 10px 30px rgba(0,0,0,.15);\r\n\r\n}\r\n\r\n\r\n\/* \u30ab\u30fc\u30c9 *\/\r\n\r\n.info-grid{\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:repeat(auto-fit,minmax(250px,1fr));\r\n\r\ngap:20px;\r\n\r\nmargin-bottom:35px;\r\n\r\n}\r\n\r\n.info-card{\r\n\r\nbackground:#fff;\r\n\r\npadding:25px;\r\n\r\nborder-radius:15px;\r\n\r\nbox-shadow:0 5px 20px rgba(0,0,0,.08);\r\n\r\ntransition:.3s;\r\n\r\n}\r\n\r\n.info-card:hover{\r\n\r\ntransform:translateY(-5px);\r\n\r\n}\r\n\r\n.info-card h2{\r\n\r\nfont-size:22px;\r\n\r\nmargin-bottom:15px;\r\n\r\ncolor:#00a8ff;\r\n\r\n}\r\n\r\n.student{\r\n\r\ncolor:#ff6b00;\r\n\r\nfont-weight:bold;\r\n\r\n}\r\n\r\n\r\n\/* \u6ce8\u610f\u4e8b\u9805 *\/\r\n\r\n.notice-box{\r\n\r\nbackground:#fff8f2;\r\n\r\nborder-left:6px solid #ff7a00;\r\n\r\npadding:25px;\r\n\r\nborder-radius:12px;\r\n\r\nmargin:40px 0;\r\n\r\n}\r\n\r\n.notice-box h2{\r\n\r\ncolor:#ff7a00;\r\n\r\nmargin-bottom:15px;\r\n\r\n}\r\n\r\n.notice-box ul{\r\n\r\nmargin:0;\r\n\r\npadding-left:20px;\r\n\r\n}\r\n\r\n\r\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4\u7d39\u4ecb *\/\r\n\r\n.content-box{\r\n\r\nbackground:#081b34;\r\n\r\ncolor:#fff;\r\n\r\npadding:35px;\r\n\r\nborder-radius:18px;\r\n\r\n}\r\n\r\n.content-box h2{\r\n\r\ncolor:#48d4ff;\r\n\r\nmargin-bottom:15px;\r\n\r\n}\r\n\r\n.content-box p{\r\n\r\nmargin:0;\r\n\r\n}\r\n\r\n\r\n\/* \u753b\u50cf *\/\r\n\r\n.wp-block-image img{\r\n\r\nborder-radius:18px;\r\n\r\nbox-shadow:0 10px 25px rgba(0,0,0,.18);\r\n\r\n}\r\n\r\n\r\n\/* \u30b9\u30de\u30db *\/\r\n\r\n@media(max-width:768px){\r\n\r\n.hero-box{\r\n\r\npadding:25px;\r\n\r\n}\r\n\r\n.info-grid{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n.info-card h2{\r\n\r\nfont-size:20px;\r\n\r\n}\r\n\r\n}"],"_single_add_custom_css":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"63ea6ea5bd98be11838c728ceea33e4a\";s:6:\"images\";a:1:{i:0;i:5830;}}"],"rank_math_primary_category":["8"],"_thumbnail_id":["5830"]},"jetpack_sharing_enabled":true,"acf":[],"_links":{"self":[{"href":"https:\/\/hado-official.com\/hado-arena\/wp-json\/wp\/v2\/posts\/5904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hado-official.com\/hado-arena\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hado-official.com\/hado-arena\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hado-official.com\/hado-arena\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/hado-official.com\/hado-arena\/wp-json\/wp\/v2\/comments?post=5904"}],"version-history":[{"count":10,"href":"https:\/\/hado-official.com\/hado-arena\/wp-json\/wp\/v2\/posts\/5904\/revisions"}],"predecessor-version":[{"id":5936,"href":"https:\/\/hado-official.com\/hado-arena\/wp-json\/wp\/v2\/posts\/5904\/revisions\/5936"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hado-official.com\/hado-arena\/wp-json\/wp\/v2\/media\/5830"}],"wp:attachment":[{"href":"https:\/\/hado-official.com\/hado-arena\/wp-json\/wp\/v2\/media?parent=5904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hado-official.com\/hado-arena\/wp-json\/wp\/v2\/categories?post=5904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hado-official.com\/hado-arena\/wp-json\/wp\/v2\/tags?post=5904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}