@charset "utf-8";

.dcmx-scope :host, .dcmx-scope :root{
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --spacing: .25rem;
        --container-md: 28rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1 / .75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tight: -.025em;
        --tracking-normal: 0em;
        --tracking-wider: .05em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-noto);
        --default-mono-font-family: var(--font-mono);
        --font-gothic: var(--font-gothic);
        --font-roboto: var(--font-roboto);
}

.dcmx-scope :host, html .dcmx-scope {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family);
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
}

.dcmx-scope :root {
    --base-width: 375;
    --max-width: 460;
    --scale: 1;
    --scaled-width: 375px;
}


/* スコープ：.dcmx-scope 内のみ反映 */
.dcmx-scope [class*="flex"] { display: flex; }
.dcmx-scope [class*="grid"] { display: grid; }
.dcmx-scope [class*="grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dcmx-scope [class*="flex-col"] { flex-direction: column; }
.dcmx-scope [class*="flex-wrap"] { flex-wrap: wrap; }
.dcmx-scope [class*="shrink-0"] { flex-shrink: 0; }

/* 整列 */
.dcmx-scope [class*="items-center"] { align-items: center; }
.dcmx-scope [class*="items-start"]  { align-items: flex-start; }
.dcmx-scope [class*="items-end"]    { align-items: flex-end; }
.dcmx-scope [class*="justify-center"]  { justify-content: center; }
.dcmx-scope [class*="justify-between"] { justify-content: space-between; }
.dcmx-scope [class*="justify-end"]     { justify-content: flex-end; }

/* 位置・変形・重なり */
.dcmx-scope [class*="relative"] { position: relative; }
.dcmx-scope [class*="absolute"] { position: absolute; }
.dcmx-scope [class*="inset-0"]  { inset: 0; }
.dcmx-scope [class*="top-0"]    { top: 0; }
.dcmx-scope [class*="left-0"]   { left: 0; }
.dcmx-scope [class*="right-0"]  { right: 0; }
.dcmx-scope [class*="bottom-0"] { bottom: 0; }
.dcmx-scope [class*="left-1\/2"] { left: 50%; }
.dcmx-scope [class*="top-\[2px\]"]    { top: 2px; }
.dcmx-scope [class*="bottom-\[2px\]"] { bottom: 2px; }
.dcmx-scope [class*="-bottom-\[16px\]"] { bottom: -16px; }
.dcmx-scope [class*="z-10"] { z-index: 10; }
.dcmx-scope [class*="z-20"] { z-index: 20; }
.dcmx-scope [class*="z-30"] { z-index: 30; }
.dcmx-scope [class*="-translate-x-1\/2"] { transform: translateX(-50%); }
.dcmx-scope [class*="-translate-y-1\/2"] { transform: translateY(-50%); }

/* 幅（使用値のみ） */
.dcmx-scope [class*="w-full"]        { width: 100%; }
.dcmx-scope [class*="w-\[98%\]"]   { width: 98%; }
.dcmx-scope [class*="w-\[300px\]"] { width: 300px; }
.dcmx-scope [class*="w-\[298px\]"] { width: 298px; }
.dcmx-scope [class*="w-\[148px\]"] { width: 148px; }
.dcmx-scope [class*="w-\[72px\]"] { width: 72px; }
.dcmx-scope [class*="w-\[99px\]"] { width: 99px; }
.dcmx-scope [class*="w-\[88px\]"] { width: 88px; }
.dcmx-scope [class*="w-\[140px\]"] { width: 140px; }
.dcmx-scope [class*="w-\[40px\]"] { width: 40px; }
.dcmx-scope [class*="w-\[14px\]"] { width: 14px; }
.dcmx-scope [class*="w-\[94px\]"] { width: 94px; }
.dcmx-scope [class*="w-\[63px\]"] { width: 63px; }


/* 余白（使用値のみ） */
.dcmx-scope [class*="mx-auto"] { margin-left: auto; margin-right: auto; }
.dcmx-scope [class*="mb-0"]    { margin-bottom: 0; }

.dcmx-scope [class*="mt-\[1px\]"]  { margin-top: 1px; }
.dcmx-scope [class*="mt-\[4px\]"]  { margin-top: 4px; }
.dcmx-scope [class*="mt-\[5px\]"]  { margin-top: 5px; }
.dcmx-scope [class*="mt-\[6px\]"]  { margin-top: 6px; }
.dcmx-scope [class*="mt-\[10px\]"] { margin-top: 10px; }
.dcmx-scope [class*="mt-\[15px\]"] { margin-top: 15px; }
.dcmx-scope [class*="mt-\[16px\]"] { margin-top: 16px; }
.dcmx-scope [class*="mt-\[20px\]"] { margin-top: 20px; }
.dcmx-scope [class*="mt-1"]         { margin-top: 0.25rem; }
.dcmx-scope [class*="mt-2"]         { margin-top: 0.5rem; }
.dcmx-scope [class*="mt-4"]         { margin-top: 1rem; }

.dcmx-scope [class*="-mt-\[8px\]"]   { margin-top: -8px; }
.dcmx-scope [class*="-mt-\[25px\]"]  { margin-top: -25px; }
.dcmx-scope [class*="-mb-\[7px\]"]   { margin-bottom: -7px; }
.dcmx-scope [class*="-mx-\[16px\]"]  { margin-left: -16px; margin-right: -16px; }
.dcmx-scope [class*="mb-\[10px\]"]   { margin-bottom: 10px; }

.dcmx-scope [class*="p-\[5px\]"]   { padding: 5px; }
.dcmx-scope [class*="p-\[7px\]"]   { padding: 7px; }
.dcmx-scope [class*="p-\[10px\]"]  { padding: 10px; }
.dcmx-scope [class*="p-\[24px\]"]  { padding: 24px; }
.dcmx-scope [class*="pt-\[3px\]"]  { padding-top: 3px; }

.dcmx-scope [class*="px-2"]          { padding-left: .5rem; padding-right: .5rem; }
.dcmx-scope [class*="px-4"]          { padding-left: 1rem;  padding-right: 1rem; }
.dcmx-scope [class*="px-\[10px\]"] { padding-left: 10px;  padding-right: 10px; }
.dcmx-scope [class*="px-\[13px\]"] { padding-left: 13px;  padding-right: 13px; }
.dcmx-scope [class*="px-\[16px\]"] { padding-left: 16px;  padding-right: 16px; }
.dcmx-scope [class*="px-\[21px\]"] { padding-left: 21px;  padding-right: 21px; }

.dcmx-scope [class*="py-\[24px\]"] { padding-top: 24px; padding-bottom: 24px; }
.dcmx-scope [class*="py-\[20px\]"] { padding-top: 20px; padding-bottom: 20px; }
.dcmx-scope [class*="py-\[15px\]"] { padding-top: 15px; padding-bottom: 15px; }
.dcmx-scope [class*="py-\[12px\]"] { padding-top: 12px; padding-bottom: 12px; }
.dcmx-scope [class*="py-\[10px\]"] { padding-top: 10px; padding-bottom: 10px; }

.dcmx-scope [class*="pt-\[30px\]"] { padding-top: 30px; }
.dcmx-scope [class*="pt-\[20px\]"] { padding-top: 20px; }
.dcmx-scope [class*="pt-\[18px\]"] { padding-top: 18px; }
.dcmx-scope [class*="pt-\[15px\]"] { padding-top: 15px; }
.dcmx-scope [class*="pt-\[10px\]"] { padding-top: 10px; }
.dcmx-scope [class*="pt-\[5px\]"]  { padding-top: 5px; }

.dcmx-scope [class*="pb-\[20px\]"] { padding-bottom: 20px; }
.dcmx-scope [class*="pb-\[15px\]"] { padding-bottom: 15px; }
.dcmx-scope [class*="pb-\[12px\]"] { padding-bottom: 12px; }
.dcmx-scope [class*="pb-\[10px\]"] { padding-bottom: 10px; }
.dcmx-scope [class*="pb-\[8px\]"]  { padding-bottom: 8px; }
.dcmx-scope [class*="pb-\[4px\]"]  { padding-bottom: 4px; }
.dcmx-scope [class*="pb-4"]         { padding-bottom: 1rem; }

/* gap（使用値のみ） */
.dcmx-scope [class*="gap-\[3px\]"]  { gap: 3px; }
.dcmx-scope [class*="gap-\[4px\]"]  { gap: 4px; }
.dcmx-scope [class*="gap-\[5px\]"]  { gap: 5px; }
.dcmx-scope [class*="gap-\[8px\]"]  { gap: 8px; }
.dcmx-scope [class*="gap-\[10px\]"] { gap: 10px; }
.dcmx-scope [class*="gap-2"]         { gap: 0.5rem; }

/* 文字：配置・色・サイズ・行高・字間・装飾・太さ・傾き */
.dcmx-scope [class*="text-center"] { text-align: center; }
.dcmx-scope [class*="text-left"]   { text-align: left; }
.dcmx-scope [class*="text-right"]  { text-align: right; }

.dcmx-scope [class*="text-white"]   { color: #fff; }
.dcmx-scope [class*="text-black"]   { color: #000; }
.dcmx-scope [class*="text-\[#404040\]"] { color: #404040; }
.dcmx-scope [class*="text-\[#2e2b2a\]"] { color: #2e2b2a; }
.dcmx-scope [class*="text-\[#CC0032\]"],
.dcmx-scope [class*="text-\[#CC0033\]"] { color: #CC0033; }
.dcmx-scope [class*="text-\[rgba\(237,220,107,0\.89\)\]"] { color: rgba(237,220,107,0.89); }
.dcmx-scope [class*="text-\[\#fcee21\]"] { color: #fcee21; }
.dcmx-scope [class*="text-\[#ece1ba\]"]  { color: #ece1ba; }

.dcmx-scope [class*="text-\[8px\]"]  { font-size: 8px; }
.dcmx-scope [class*="text-\[9px\]"]  { font-size: 9px; }
.dcmx-scope [class*="text-\[10px\]"] { font-size: 10px; }
.dcmx-scope [class*="text-\[11px\]"] { font-size: 11px; }
.dcmx-scope [class*="text-\[12px\]"] { font-size: 12px; }
.dcmx-scope [class*="text-\[13px\]"] { font-size: 13px; }
.dcmx-scope [class*="text-\[14px\]"] { font-size: 14px; }
.dcmx-scope [class*="text-\[15px\]"] { font-size: 15px; }
.dcmx-scope [class*="text-\[16px\]"] { font-size: 16px; }
.dcmx-scope [class*="text-\[18px\]"] { font-size: 18px; }
.dcmx-scope [class*="text-\[20px\]"] { font-size: 20px; }
.dcmx-scope [class*="text-\[21px\]"] { font-size: 21px; }
.dcmx-scope [class*="text-\[24px\]"] { font-size: 24px; }
.dcmx-scope [class*="text-\[28px\]"] { font-size: 28px; }
.dcmx-scope [class*="text-\[32px\]"] { font-size: 32px; }
.dcmx-scope [class*="text-\[36px\]"] { font-size: 36px; }
.dcmx-scope [class*="text-\[42px\]"] { font-size: 42px; }
.dcmx-scope [class*="text-\[48px\]"] { font-size: 48px; }

.dcmx-scope [class*="leading-\[1\.1\]"]  { line-height: 1.1; }
.dcmx-scope [class*="leading-\[1\.15\]"] { line-height: 1.15; }
.dcmx-scope [class*="leading-\[1\.2\]"]  { line-height: 1.2; }
.dcmx-scope [class*="leading-none"]         { line-height: 1; }
.dcmx-scope [class*="leading-\[14px\]"]   { line-height: 14px; }
.dcmx-scope [class*="leading-\[15px\]"]   { line-height: 15px; }
.dcmx-scope [class*="leading-\[20px\]"]   { line-height: 20px; }

.dcmx-scope [class*="tracking-\[-0\.11px\]"] { letter-spacing: -0.11px; }
.dcmx-scope [class*="tracking-\[0\.4px\]"]   { letter-spacing: 0.4px; }
.dcmx-scope [class*="tracking-\[0\.64px\]"]  { letter-spacing: 0.64px; }
.dcmx-scope [class*="tracking-\[0\.8px\]"]   { letter-spacing: 0.8px; }
.dcmx-scope [class*="tracking-\[0\84px\]"]  { letter-spacing: 0.84px; }
.dcmx-scope [class*="tracking-\[0\.96px\]"]  { letter-spacing: 0.96px; }
.dcmx-scope [class*="tracking-\[1\.28px\]"]  { letter-spacing: 1.28px; }
.dcmx-scope [class*="tracking-\[1\.44px\]"]  { letter-spacing: 1.44px; }

.dcmx-scope [class*="font-medium"]   { font-weight: 500; }
.dcmx-scope [class*="font-semibold"] { font-weight: 600; }
.dcmx-scope [class*="font-bold"]     { font-weight: 700; }
.dcmx-scope [class*="font-black"]    { font-weight: 900; }
.dcmx-scope [class*="italic"]        { font-style: italic; }
.dcmx-scope [class*="line-through"]  { text-decoration: line-through; }
.dcmx-scope [class*="whitespace-nowrap"] { white-space: nowrap; }
.dcmx-scope [class*="underline"] { text-decoration: underline; }
.dcmx-scope [class*="hover\:underline"]:hover { text-decoration: underline; }


/* 角丸・境界線 */
.dcmx-scope [class*="rounded-\[4px\]"]   { border-radius: 4px; }
.dcmx-scope [class*="rounded-\[6px\]"]   { border-radius: 6px; }
.dcmx-scope [class*="rounded-b-\[4px\]"] { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.dcmx-scope [class*="rounded-full"]        { border-radius: 9999px; }

.dcmx-scope [class*="border"]       { border-style: solid; border-width: 1px; }
.dcmx-scope [class*="border-white"] { border-color: #fff; }
.dcmx-scope [class*="border-black"] { border-color: #000; }

/* 三角矢印（ボーダー） */
.dcmx-scope [class*="border-l-\[8px\]"] { border-left-width: 8px; }
.dcmx-scope [class*="border-r-\[8px\]"] { border-right-width: 8px; }
.dcmx-scope [class*="border-t-\[16px\]"]{ border-top-width: 16px; }
.dcmx-scope [class*="border-l-transparent"] { border-left-color: transparent; }
.dcmx-scope [class*="border-r-transparent"] { border-right-color: transparent; }
.dcmx-scope [class*="border-t-\[\#ff467d\]"] { border-top-color: #ff467d; }

/* 背景色（使用値のみ） */
.dcmx-scope [class*="bg-white"]    { background-color: #fff; }
.dcmx-scope [class*="bg-black"]    { background-color: #000; }
.dcmx-scope [class*="bg-\[#EDEDED\]"] { background-color: #EDEDED; }
.dcmx-scope [class*="bg-\[#333\]"]    { background-color: #333; }
.dcmx-scope [class*="bg-\[#C7C7C7\]"] { background-color: #C7C7C7; }
.dcmx-scope [class*="bg-\[#FF467D\]"] { background-color: #FF467D; }
.dcmx-scope [class*="bg-\[#CC0032\]"] { background-color: #CC0032; }
.dcmx-scope [class*="bg-\[#0C161C\]"] { background-color: #0C161C; }
.dcmx-scope [class*="bg-\[#1C1B1F\]"] { background-color: #1C1B1F; }
.dcmx-scope [class*="bg-\[#808080\]"] { background-color: #808080; }
.dcmx-scope [class*="bg-\[#2e2b2a\]"] { background-color: #2e2b2a; }

/* 画像フィット・オーバーフロー */
.dcmx-scope [class*="object-cover"]   { object-fit: cover; }
.dcmx-scope [class*="object-contain"] { object-fit: contain; }
.dcmx-scope [class*="overflow-hidden"]   { overflow: hidden; }
.dcmx-scope [class*="overflow-x-scroll"] { overflow-x: auto; }

/* 遷移・状態 */
.dcmx-scope [class*="transition-all"]    { transition-property: all; }
.dcmx-scope [class*="transition-colors"] { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
.dcmx-scope [class*="duration-200"] { transition-duration: 200ms; }
.dcmx-scope [class*="duration-300"] { transition-duration: 300ms; }
.dcmx-scope [class*="ease-in-out"]  { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.dcmx-scope [class*="cursor-pointer"] { cursor: pointer; }
.dcmx-scope [class*="hover\:opacity-100"]:hover { opacity: 1; }
.dcmx-scope [class*="opacity-90"] { opacity: .9; }
.dcmx-scope [class*="hover\:bg-gray-100"]:hover { background-color: #f5f5f5; }

/* アスペクト比（使用分のみ） */
.dcmx-scope [class*="aspect-\[700\/980\]"]   { aspect-ratio: 700/980; }
.dcmx-scope [class*="aspect-\[1000\/573\]"]  { aspect-ratio: 1000/573; }
.dcmx-scope [class*="aspect-\[1920\/1080\]"] { aspect-ratio: 1920/1080; }
.dcmx-scope [class*="aspect-\[894\/254\]"]   { aspect-ratio: 894/254; }
.dcmx-scope [class*="aspect-\[700\/184\]"]   { aspect-ratio: 700/184; }
.dcmx-scope [class*="aspect-\[900\/237\]"]   { aspect-ratio: 900/237; }
.dcmx-scope [class*="aspect-\[222\/143\]"]   { aspect-ratio: 222/143; }


.dcmx-scope, .dcmx-scope * { box-sizing: border-box; }

.dcmx-scope img {
  width: 100%; 
  height: auto;
  max-width: none;
}

.dcmx-scope img.w-full,
.dcmx-scope [class*="w-full"] > img {
  width: 100% ;
  height: auto;
  max-width: 100%;
}

.dcmx-scope {
  writing-mode: horizontal-tb;      
  text-orientation: mixed;
  font-feature-settings: normal;    
}

.dcmx-scope * {
  font-feature-settings: inherit;   
}

.dcmx-scope [class*="text-\[20px\]"] {
  font-size: 20px !important;
  line-height: 1.1; 
}

.dcmx-scope [class*="text-\[#404040\]"] {
  color: #404040 !important;
}

.dcmx-scope [class*="text-\[18px\]"] { font-size: 18px }
.dcmx-scope [class*="text-\[24px\]"] { font-size: 24px }
.dcmx-scope [class*="text-\[32px\]"] { font-size: 32px }
.dcmx-scope [class*="text-\[36px\]"] { font-size: 36px }
.dcmx-scope [class*="text-\[42px\]"] { font-size: 42px }
.dcmx-scope [class*="text-\[48px\]"] { font-size: 48px !important; }

.dcmx-scope [class*="text-white"]    { color: #fff !important; }
.dcmx-scope [class*="text-black"]    { color: #000 !important; }
.dcmx-scope [class*="text-\[#CC0032\]"],
.dcmx-scope [class*="text-\[#CC0033\]"] { color: #CC0033 !important; }

.dcmx-scope .use-vertical-glyphs { font-feature-settings: 'vrt2' 1; }

.dcmx-scope {
  writing-mode: horizontal-tb;
  text-orientation: mixed;
  font-feature-settings: normal;
}

.dcmx-scope * {
  font-feature-settings: inherit;
}

/*.dcmx-scope [class*="w-\[298px\]"][class*="h-\[48px\]"] {
  width: 298px ;
  height: 48px ;
  min-width: 298px ;     
  flex: 0 0 298px ;      
  display: block;                   
}*/

.dcmx-scope [class*="w-\[298px\]"][class*="h-\[48px\]"]
  > [class*="absolute"][class*="inset-0"] {
  white-space: nowrap;              
  word-break: keep-all;
}

.dcmx-scope [class*="w-\[298px\]"][class*="h-\[48px\]"]
  [class*="text-\[21px\]"][class*="tracking-\[0\84px\]"] {
  display: inline-block;
  font-size: 21px !important;
  letter-spacing: 0.84px !important;
  line-height: 1.1;
  text-align: center;
  color: #fff !important;         
}

.dcmx-scope [class*="top-\[2px\]"]    { top: 2px !important; }
.dcmx-scope [class*="bottom-\[2px\]"] { bottom: 2px !important; }

.dcmx-scope [class*="w-\[298px\]"][class*="h-\[48px\]"] * {
  writing-mode: horizontal-tb;
  text-orientation: mixed;
  font-feature-settings: normal;
}

.dcmx-scope.detail_img_wrap_Inner{
    padding: 0;
}

/*.dcmx-scope div.balloon_area{
    top: -5px;
    left: calc(50% + 53px - 58px + 88px);
}*/

.dcmx-scope img.w-full.balloon{
    width: 100%;
    min-width: 50px;
}

.dcmx-scope .title-box {
  width: clamp(240px, 43vw, 360px);
  aspect-ratio: 298 / 48;
  display: block;
  position: relative; 
  min-width: 240px;
  background: linear-gradient(270deg, #96741F -10.91%, #9C7923 -7.17%, #AA852D 4.03%, #B08A31 12.75%, #A6822C 16.49%, #987626 26.45%, #937224 33.92%, #8B6413 42.63%, #845805 56.33%, #825400 66.29%, #835700 86.21%, #866300 106.13%, #896B00 113.6%);
}

cmx-scope .title-box > .absolute.inset-0 {
  display: flex; align-items: center; justify-content: center;
  white-space: nowrap; word-break: keep-all;  /* 縦積み防止 */
}

.dcmx-scope .title-box p.text-\[21px\] {
  font-size: clamp(14px, 2.6vw, 24px) !important;
  letter-spacing: 0.84px !important;
  line-height: 1.1;
  color: #fff !important;
}

.dcmx-scope .title-box * {
  writing-mode: horizontal-tb;
  text-orientation: mixed;
  font-feature-settings: normal;
}

.dcmx-scope .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
}

.dcmx-scope [class*="-translate-y-1\/2"] {
    transform: translateY(4%) translateX(359%);
}

.dcmx-scope a.underline{
    display: inline;
}

.dcmx-scope .b_notice{
    text-align: left;
}

.cp-contents .dcmx-scope .mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
}

.text-\[rgba\(212\,192\,65\,0\.89\)\] {
    color: #d4c041e3;
}


.dcmx-scope [class*="justify-between"] {
    justify-content: center;
}

.h-\[2px\] {
    height: 2px;
}

.left-0 {
    left: calc(var(--spacing) * 0);
}

.right-0 {
    right: calc(var(--spacing) * 0);
}

.bottom-\[2px\] {
    bottom: 2px;
}

.h-\[40px\] {
    height: 40px;
}

.py-\[7px\] {
    padding-block: 7px;
}

.px-\[21px\] {
    padding-inline: 21px;
}

.opacity-90 {
    opacity: .9;
}

.pt-\[5px\] {
    padding-top: 5px;
}

.overflow-hidden {
    overflow: hidden;
}

.justify-between {
    justify-content: space-between;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.bg-\[\#FF467D\] {
    background-color: #ff467d;
}

.items-center {
    align-items: center;
}

.w-\[72px\] {
    width: 72px;
}

.h-\[19px\] {
    height: 19px;
}

.w-\[300px\] {
    width: 300px;
}

.flex {
    display: flex;
}

.mt-\[16px\] {
    margin-top: 16px;
}

.mx-auto {
    margin-inline: auto;
}

dcmx-scope *, dcmx-scope ::backdrop, dcmx-scope :after, dcmx-scope :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}

.text-white {
    color: var(--color-white);
}

.whitespace-nowrap {
    white-space: nowrap;
}


.js_space_between {
    justify-content: space-between;
}

@media screen and (max-width: 767px) {

    .dcmx-scope [class*="w-\[298px\]"],
    .dcmx-scope [class*="w-\[300px\]"] {
        width: 100%;
        min-width: unset;
    }
}

@media screen and (min-width: 768px) {

    .dcmx-scope [class*="w-\[298px\]"],
    .dcmx-scope [class*="w-\[300px\]"] {
        width: 100%;
        min-width: unset;
    }
}

@media screen and (min-width: 768px) {
  .dcmx-scope div.balloon_area {
        top: 10px;
        left: calc(50% + 53px - 58px + 206px);
    }
}

.dcmx-scope .balloon_area {
  width: 8.2%;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 20;
}

@media screen and (min-width: 768px) {
  .dcmx-scope .balloon_area {
    width: 18.2%;
    top: -1%;
    left: 50%;
    transform: translateX(28%) translateY(0);
  }
}

@media screen and (max-width: 767px) {
  .dcmx-scope .balloon_area {
    width: 26.2%;
    top: 3%;
    left: 50%;
    transform: translateX(36%) translateY(0);
  }
}

.dcmx-scope .balloon_area {
  position: absolute;
  top: -12px;     
  left: 12px;      
  z-index: 20;
}

.dcmx-scope .balloon_area img.balloon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .dcmx-scope .balloon_area {
    top: 5px;
    left: 73%;
  }
}

.dcmx-scope .new_01 {
  font-size: clamp(16px, 2.8vw, 24px);
}
.dcmx-scope .date01 {
  font-size: clamp(14px, 2.3vw, 20px);
}
.dcmx-scope .date02 {
  font-size: clamp(12px, 2vw, 18px);
}

.py-1 {
    padding-block: calc(var(--spacing) * 1);
}

.px-2 {
    padding-inline: calc(var(--spacing) * 2);
}

.tracking-\[0\.64px\] {
    --tw-tracking: .64px;
    letter-spacing: .64px;
}

.text-\[16px\] {
    font-size: 16px;
}

.bg_benefits {
    background-color: #000000;
    background-image: url(../images/benefits/bg_light.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.pl-\[1em\] {
    padding-left: 1.0em;
}
.indent-\[-1em\] {
    text-indent: -1em
}
.mt-3 {
    margin-top: 1.0em;
}

.tab_set{
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 auto;
    justify-content: space-between !important;
}
.tab_set02{
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 auto;
    justify-content: space-between !important;
}
.tab_set02>div p {
    font-size: min(1.25vw,10px) !important;
}
.tab_set02>div:nth-child(1) {
    width: 24% !important;
}
.tab_set02>div:nth-child(2) {
    width: 24% !important;
}
.tab_set02>div:nth-child(3) {
    width: 49.2% !important;
}
.tab_set>div {
    width: 24% !important;
    box-sizing: border-box;
}
.tab_set>div:nth-child(1) {
    padding: 1% 1%;
}
.tab_set>div:nth-child(2) {
    padding: 0.26% 1%;
}
.tab_set>div:nth-child(3) {
    padding: 2.6071% 7.452%;
}
.tab_set>div:nth-child(4) {
    padding: 2.673% 1%;
}
.tab_set>div>img {
    width: 100% !important;
    height: 20% !important;
}

.mx-auto.open>.select {
    max-height: 900px !important;
}

.hidden {
    display: none !important;
}

.tab_wrap {
    max-height: 900px !important;
}
.open .select_tab {
    border-top: solid 3px #cc0032;
    border-left: solid 3px #cc0032;
    border-right: solid 3px #cc0032;
    border-radius: 6px 6px 0 0 !important;
    transform: scale(1.1) translateY(-3%);
}

.tab_link img {
    width: 1.5em;
    height: 1.5em;
}

.balloon_wrap {
    background-color: #ff467d;
    padding: 1.125%;
}