@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Yellowtail&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');

* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  background: #141010;
}

a {
  color: #141010;
}

a:hover {
  color: #D41428;
}

img {
  max-width: 100%;
}

.lt-burst {
  clip-path: polygon(
    50.0% 0.0%, 56.9% 10.6%, 67.1% 3.0%, 70.0% 15.4%, 82.1% 11.7%,
    80.6% 24.3%, 93.3% 25.0%, 87.6% 36.3%, 99.2% 41.3%, 90.0% 50.0%,
    99.2% 58.7%, 87.6% 63.7%, 93.3% 75.0%, 80.6% 75.7%, 82.1% 88.3%,
    70.0% 84.6%, 67.1% 97.0%, 56.9% 89.4%, 50.0% 100.0%, 43.1% 89.4%,
    32.9% 97.0%, 30.0% 84.6%, 17.9% 88.3%, 19.4% 75.7%, 6.7% 75.0%,
    12.4% 63.7%, 0.8% 58.7%, 10.0% 50.0%, 0.8% 41.3%, 12.4% 36.3%,
    6.7% 25.0%, 19.4% 24.3%, 17.9% 11.7%, 30.0% 15.4%, 32.9% 3.0%,
    43.1% 10.6%
  );
}

.lt-outline {
  -webkit-text-stroke: 2px #FFF3D6;
  color: transparent;
}

.lt-logo-pop {
  filter: drop-shadow(7px 7px 0 #E0202E);
}

.lt-ticker {
  display: flex;
  gap: 40px;
  white-space: nowrap;
  animation: lt-scroll 26s linear infinite;
}

@keyframes lt-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .lt-ticker { animation: none; }
}

.lt-card {
  transition: transform .15s ease;
}

.lt-card:hover {
  transform: rotate(0deg) translate(-3px, -3px) !important;
}


/* 元HTMLのインライン指定を整理したクラス */
.u001 { font-family: 'Zen Kaku Gothic New', 'Hiragino Sans', sans-serif; color: #141010; background: #FFF3D6; overflow: hidden }
.u002 { background: #141010; color: #FFF3D6; border-bottom: 4px solid #1C4FA0 }
.u003 { max-width: 1280px; margin: 0 auto; padding: 14px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px }
.u004 { display: flex; align-items: center; min-height: 44px }
.u005 { height: 34px; width: auto; display: block }
.u006 { display: flex; flex-wrap: wrap; gap: 6px 26px; align-items: center; font-family: 'Dela Gothic One', sans-serif; font-size: 15px; letter-spacing: 0.08em }
.u007 { color: #FFF3D6; text-decoration: none; padding: 12px 0 }
.u008 { color: #141010; background: #FFE500; text-decoration: none; padding: 12px 20px; border: 3px solid #FFF3D6; border-radius: 999px }
.u009 { position: relative; padding: 72px 24px 96px; background-color: #FFE500; background-image: radial-gradient(rgba(255, 128, 0, .55) 1.8px, transparent 2.2px); background-size: 12px 12px; border-bottom: 4px solid #141010 }
.u010 { max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 56px }
.u011 { flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 28px }
.u012 { margin: 0; font-family: 'Yellowtail', cursive; font-size: clamp(30px, 4vw, 48px); color: #E0202E; transform: rotate(-4deg); transform-origin: left }
.u013 { width: 100%; max-width: 680px; height: auto; display: block }
.u014 { margin: 0; font-family: 'Dela Gothic One', sans-serif; font-weight: 400; font-size: clamp(30px, 4.4vw, 58px); line-height: 1.25; letter-spacing: 0.02em }
.u015 { background: #141010; color: #FFF3D6; padding: 0 12px; box-decoration-break: clone; -webkit-box-decoration-break: clone }
.u016 { background: #1C4FA0; color: #FFFFFF; padding: 0 12px; box-decoration-break: clone; -webkit-box-decoration-break: clone }
.u017 { margin: 0; max-width: 560px; font-size: 18px; line-height: 1.9; font-weight: 700 }
.u018 { display: flex; flex-wrap: wrap; gap: 16px }
.u019 { display: inline-flex; align-items: center; min-height: 56px; padding: 0 30px; background: #E0202E; color: #FFFFFF; font-family: 'Dela Gothic One', sans-serif; font-size: 18px; text-decoration: none; border: 3px solid #141010; border-radius: 999px; box-shadow: 5px 5px 0 #141010 }
.u020 { display: inline-flex; align-items: center; min-height: 56px; padding: 0 30px; background: #FFF3D6; color: #141010; font-family: 'Dela Gothic One', sans-serif; font-size: 18px; text-decoration: none; border: 3px solid #141010; border-radius: 999px; box-shadow: 5px 5px 0 #141010 }
.u021 { flex: 1 1 460px; min-width: 0; display: flex; justify-content: center; align-items: center; position: relative }
.u022 { width: 100%; max-width: 640px; height: auto; display: block }
.u023 { position: absolute; left: 0; bottom: 4%; background: #FFFFFF; color: #141010; border: 3px solid #141010; box-shadow: 5px 5px 0 #141010; padding: 10px 16px; transform: rotate(-6deg); font-family: 'Dela Gothic One', sans-serif; font-size: 18px; line-height: 1.3 }
.u024 { color: #E0202E }
.u025 { background: #1C4FA0; color: #FFE500; padding: 18px 0; overflow: hidden; border-bottom: 4px solid #141010 }
.u026 { font-family: 'Dela Gothic One', sans-serif; font-size: 28px; letter-spacing: 0.06em }
.u027 { color: #FFF3D6 }
.u028 { padding: 104px 24px; background: #FFF3D6 }
.u029 { max-width: 1280px; margin: 0 auto; display: flex; flex-direction: column; gap: 56px }
.u030 { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px }
.u031 { display: flex; flex-direction: column; gap: 4px }
.u032 { font-family: 'Yellowtail', cursive; font-size: 36px; color: #E0202E; transform: rotate(-4deg); transform-origin: left }
.u033 { margin: 0; font-family: 'Dela Gothic One', sans-serif; font-weight: 400; font-size: clamp(56px, 9vw, 120px); line-height: 0.95; letter-spacing: 0.01em }
.u034 { margin: 0; max-width: 420px; font-size: 17px; line-height: 1.9; font-weight: 700 }
.u035 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 32px }
.u036 { background: #E0202E; color: #FFFFFF; border: 3px solid #141010; box-shadow: 8px 8px 0 #141010; padding: 32px 28px; display: flex; flex-direction: column; gap: 14px; transform: rotate(-1.2deg) }
.u037 { font-family: 'Dela Gothic One', sans-serif; font-size: 18px; color: #FFF3D6 }
.u038 { margin: 0; font-family: 'Dela Gothic One', sans-serif; font-weight: 400; font-size: 30px; line-height: 1.2 }
.u039 { margin: 0; font-weight: 900; font-size: 18px }
.u040 { margin: 0; font-size: 15px; line-height: 1.85; font-weight: 500 }
.u041 { background: #FFE500; color: #141010; border: 3px solid #141010; box-shadow: 8px 8px 0 #141010; padding: 32px 28px; display: flex; flex-direction: column; gap: 14px; transform: rotate(1deg) }
.u042 { font-family: 'Dela Gothic One', sans-serif; font-size: 18px; color: #E0202E }
.u043 { background: #141010; color: #FFF3D6; border: 3px solid #141010; box-shadow: 8px 8px 0 #1C4FA0; padding: 32px 28px; display: flex; flex-direction: column; gap: 14px; transform: rotate(-0.6deg) }
.u044 { font-family: 'Dela Gothic One', sans-serif; font-size: 18px; color: #FFE500 }
.u045 { background: #FFFFFF; color: #141010; border: 3px solid #141010; box-shadow: 8px 8px 0 #141010; padding: 32px 28px; display: flex; flex-direction: column; gap: 14px; transform: rotate(0.8deg) }
.u046 { background-color: #FFE500; color: #141010; border: 3px solid #141010; box-shadow: 8px 8px 0 #141010; padding: 32px 28px; display: flex; flex-direction: column; gap: 14px; transform: rotate(-1deg) }
.u047 { font-family: 'Dela Gothic One', sans-serif; font-size: 18px; background: #141010; color: #FFE500; align-self: flex-start; padding: 2px 10px }
.u048 { background: #FFF3D6; padding: 0 8px }
.u049 { margin: 0; font-size: 15px; line-height: 1.85; font-weight: 700; background: #FFF3D6; padding: 10px 12px; border: 2px solid #141010 }
.u050 { background-color: #141010; color: #FFF3D6; padding: 112px 24px; border-top: 4px solid #141010; border-bottom: 4px solid #E0202E }
.u051 { max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 56px; align-items: center }
.u052 { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 26px }
.u053 { font-family: 'Yellowtail', cursive; font-size: 38px; color: #FFE500; transform: rotate(-4deg); transform-origin: left }
.u054 { margin: 0; font-family: 'Dela Gothic One', sans-serif; font-weight: 400; font-size: clamp(40px, 6.4vw, 88px); line-height: 1.12 }
.u055 { margin: 0; max-width: 640px; font-size: 18px; line-height: 2; font-weight: 500 }
.u056 { flex: 1 1 320px; display: flex; flex-direction: column; gap: 18px }
.u057 { background: #E0202E; color: #FFFFFF; border: 3px solid #FFF3D6; padding: 28px; transform: rotate(2deg); box-shadow: 8px 8px 0 #FFE500 }
.u058 { margin: 0 0 6px; font-family: 'Dela Gothic One', sans-serif; font-size: 16px; letter-spacing: 0.1em }
.u059 { margin: 0; font-family: 'Dela Gothic One', sans-serif; font-size: 26px; line-height: 1.45 }
.u060 { margin: 8px 0 0; font-size: 14px; font-weight: 700 }
.u061 { background: #FFF3D6; color: #141010; border: 3px solid #FFF3D6; padding: 22px 28px; transform: rotate(-1.5deg) }
.u062 { margin: 0; font-family: 'Dela Gothic One', sans-serif; font-size: 22px; line-height: 1.4 }
.u063 { max-width: 1080px; margin: 0 auto; display: flex; flex-direction: column; gap: 44px }
.u064 { margin: 0; font-family: 'Dela Gothic One', sans-serif; font-weight: 400; font-size: clamp(56px, 9vw, 120px); line-height: 0.95 }
.u065 { background: #FFFFFF; border: 3px solid #141010; box-shadow: 10px 10px 0 #141010; overflow-x: auto }
.u066 { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.7 }
.u067 { border-bottom: 2px solid #141010 }
.u068 { text-align: left; padding: 18px 24px; width: 30%; min-width: 120px; background: #141010; color: #FFF3D6; font-family: 'Dela Gothic One', sans-serif; font-weight: 400 }
.u069 { padding: 18px 24px; font-weight: 700 }
.u070 { text-align: left; padding: 18px 24px; background: #141010; color: #FFF3D6; font-family: 'Dela Gothic One', sans-serif; font-weight: 400 }
.u071 { background-color: #E0202E; color: #FFFFFF; padding: 112px 24px; border-top: 4px solid #141010; border-bottom: 4px solid #141010 }
.u072 { max-width: 1080px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center }
.u073 { font-family: 'Yellowtail', cursive; font-size: clamp(40px, 5vw, 60px); color: #FFE500; transform: rotate(-5deg) }
.u074 { margin: 0; font-family: 'Dela Gothic One', sans-serif; font-weight: 400; font-size: clamp(34px, 5.4vw, 72px); line-height: 1.2 }
.u075 { margin: 0; font-size: 18px; line-height: 1.9; font-weight: 700 }
.u076 { display: inline-flex; flex-direction: column; align-items: center; gap: 2px; padding: 22px 48px; background: #FFE500; color: #141010; text-decoration: none; border: 4px solid #141010; border-radius: 999px; box-shadow: 8px 8px 0 #141010; transform: rotate(-1.5deg) }
.u077 { font-family: 'Dela Gothic One', sans-serif; font-size: 15px; letter-spacing: 0.12em }
.u078 { font-family: 'Dela Gothic One', sans-serif; font-size: clamp(32px, 5vw, 54px); line-height: 1.1 }
.u079 { margin: 8px 0 0; font-size: 15px; font-weight: 700 }
.u080 { display: inline-flex; align-items: center; min-height: 52px; padding: 0 28px; background: #141010; color: #FFF3D6; font-family: 'Dela Gothic One', sans-serif; font-size: 16px; text-decoration: none; border: 3px solid #FFF3D6; border-radius: 999px }
.u081 { background: #141010; color: #FFF3D6; padding: 64px 24px 40px }
.u082 { max-width: 1280px; margin: 0 auto; display: flex; flex-direction: column; gap: 36px }
.u083 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 28px }
.u084 { width: 100%; max-width: 420px; height: auto; display: block }
.u085 { font-size: 14px; line-height: 1.9; font-weight: 500 }
.u086 { margin: 0; font-weight: 900 }
.u087 { margin: 0 }
.u088 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; border-top: 2px solid #FFF3D6; padding-top: 20px; font-size: 13px }
.u089 { font-family: 'Yellowtail', cursive; font-size: 24px; color: #FFE500 }