@charset "EUC-JP";
.LAZYLOAD_ONELINE_ON{}
/****************************** IMPORT ******************************/
/*==============================================================================================================
/import V3.1_design_system.css
/==============================================================================================================*/
:root{
/******************** Layer1: Primitive ********************/
/** font-size **/
  --fontSize-base: 18px;
  --lineHeight-base: 1.6;
  --letterSpacing-base: 0.015em;
  --fontSize-xs: 10px;
  --fontSize-sm: 12px;
  --fontSize-ms: 14px;
  --fontSize-md: 16px;
  --fontSize-lg: 20px;
  --fontSize-xl: 24px;
  --fontSize-xxl: 32px;
  --fontSize-xxxl: 48px;
  --lineHeight-none: 1;
  --lineHeight-xs: 1.2;
  --lineHeight-sm: 1.4;
  --lineHeight-ms: 1.4;
  --lineHeight-md: 1.6;
  --lineHeight-lg: 1.75;
  --lineHeight-xl: 1.9;
  --letterSpacing-md: 0.015em;
/** spacing **/
  --spacing-base: 16px;
  --spacing-rem-base: 1rem;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-rem-xs: 0.25rem;
  --spacing-rem-sm: 0.5rem;
  --spacing-rem-md: 1rem;
  --spacing-rem-lg: 1.5rem;
  --spacing-rem-xl: 2rem;
/** spacing-button **/
  --spacing-button-base: var(--spacing-base) calc( var(--spacing-base) * 2);
  --spacing-button-xs: var(--spacing-xs) calc( var(--spacing-xs) * 2);
  --spacing-button-sm: var(--spacing-sm) calc( var(--spacing-sm) * 2);
  --spacing-button-md: var(--spacing-md) calc( var(--spacing-md) * 2);
  --spacing-button-lg: var(--spacing-lg) calc( var(--spacing-lg) * 2);
  --spacing-button-xl: var(--spacing-xl) calc( var(--spacing-xl) * 2);
/** rounded **/
  --rounded-xs: 4px;
  --rounded-sm: 8px;
  --rounded-md: 16px;
  --rounded-lg: 24px;
  --rounded-xl: 32px;
  --rounded-xxl: 48px;
  --rounded-circle: 50%;
  --rounded-full: 9999px;
/** icon size **/
  --icon-xs: 12px;
  --icon-sm: 16px;
  --icon-md: 24px;
  --icon-lg: 32px;
  --icon-xl: 48px;
  --icon-xxl: 128px;
  --icon-rounded: var(--rounded-full);
  --icon-bg: no-repeat center transparent;
  --icon-border: 1px solid var(--color-black-100);
/** grid **/
  --grid-columns: 24;
  --width-columns: 42px;
/** transform **/
  --skew-base: skewX(-15deg);
  --skew-left-margin: 4px;
  --skew-right-margin: -4px;
}
:root{
/******************** Layer2: Semantic ********************/
  --layout-bg-default: #fff;
  --layout-bg-default: linear-gradient(180deg, #ffffffaa 0%, #ffffff 800px);
  --layout-outline: 1px solid var(--color-black-200);
  --layout-border-color-default: var(--color-black-150);
/** Typography **/
  --fontSize-title: var(--fontSize-xxl);
  --fontSize-primary: var(--fontSize-xl);
  --fontSize-secondary: var(--fontSize-lg);
  --fontSize-tertiary: var(--fontSize-md);
  --fontSize-base: var(--fontSize-md);
  --fontSize-menu: var(--fontSize-ms);
  --fontSize-supplement: var(--fontSize-xs);
/** text color **/
  --color-text: #333;
  --color-text-oklch: var(--color-black-700);
  --color-caution: #f00;
  --color-caution-oklch: var(--color-red-400);
  --color-supplement: var(--color-black-400);
  --color-supplement-oklch: var(--color-black-400);
/** link color **/
  --color-link: #000080;
  --color-link-oklch: var(--color-blue-600);
  --color-link-visited: #7d7db3;
  --color-link-visited-oklch: var(--color-mutedblue-400);
  --color-link-hover: #0033ff;
  --color-link-hover-oklch: var(--color-blue-400);
  --color-link-white: #fff;
  --color-link-white-oklch: #fff;
  --color-link-white-visited: #fff;
  --color-link-white-visited-oklch: #fff;
  --color-link-white-hover: #ff0;
  --color-link-white-hover-oklch: #ff0;
  --filter-link-hover: brightness(1.2);
/** grid **/
  --spacing-gutter: var(--spacing-md);
  --spacing-gutter-xs: calc(var(--spacing-gutter) / 4);
  --spacing-gutter-sm: calc(var(--spacing-gutter) / 2);
  --spacing-gutter-lg: var(--spacing-lg);
  --spacing-gutter-xl: calc(var(--spacing-gutter) * 2);
/** outer/inner spacing **/
  --spacing-outer: var(--spacing-md);
  --spacing-inner: var(--spacing-md);
  --spacing-inner-mainContents: var(--spacing-xl);
  --spacing-inner-indextop: var(--spacing-lg);
  --spacing-margin: var(--spacing-xl);
/** outer/inner rounded **/
  --rounded-outer: var(--rounded-md);
  --rounded-inner: var(--rounded-md);
  --rounded-inner-menu: var(--rounded-sm);
  --rounded-inner-widget: var(--rounded-sm);
  --rounded-inner-thumb: var(--rounded-sm);
}
:root{
/******************** Layer3: Component ********************/
/********** layout **********/
  --width-browser-resolution-max: 1910px;
  --width-browser-resolution-neutral: 1600px;
  --width-browser-resolution-min: 1180px;
  --width-mainContents-max: 900px;
  --width-mainContents: 738px;
  --width-leftContents: 274px;
  --width-rightContents: 332px;
  --width-contents: width: calc(var(--width-mainContents) + var(--width-leftContents) + var(--width-rightContents) + (var(--spacing-gutter) * 2));
  --width-contents-min: 1160px;
  --width-contents-old: 960px;
/********** site-header **********/
  --width-floatingNavi-4gamer: 200px;
  --height-floatingNavi: 60px;
  --height-adTop: 90px;
  --site-header-fontSize-h1: var(--fontSize-xs);
  --site-header-lineHeight-h1: var(--fontSize-md);
/********** global-nav **********/
  --height-globalNavi: 80px;
  --height-globalNavi-inner: 40px;
/********** Corner Chip **********/
  --layout-chip-bg: var(--color-gradient-heading);
  --layout-chip-spacing: var(--spacing-sm);
  --layout-chip-fontSize: var(--fontSize-xs);
  --layout-chip-lineHeight: var(--lineHeight-none);
  --layout-chip-rounded: var(--rounded-md);
  --layout-chip-skew: var(--skew-base);
  --layout-chip-color: var(--color-white-oklch);
/********** Corner Heading Primary **********/
  --layout-heading-margin: 0px 2px var(--spacing-gutter-sm);
  --layout-heading-spacing: var(--spacing-xs) var(--spacing-sm);
  --layout-heading-color: var(--color-white-oklch);
  --layout-heading-rounded: var(--rounded-md);
  --layout-heading-skew: var(--skew-base);
  --layout-heading-fontSize: var(--fontSize-ms);
  --layout-heading-fontSize-mainContents: var(--fontSize-sm);
  --layout-heading-fontSize-leftContents: var(--fontSize-sm);
  --layout-heading-fontSize-rightContents: var(--fontSize-ms);
  --layout-heading-lineHeight: var(--lineHeight-xl);
/***** small *****/
  --layout-heading-spacing-sm: var(--spacing-xs) var(--spacing-sm);
  --layout-heading-bg-sm: var(--color-black-500);
/********** TAG **********/
  --tag-spacing: var(--spacing-button-xs);
  --tag-gap: var(--spacing-sm);
  --tag-rounded: var(--rounded-full);
  --tag-border: 1px solid var(--layout-border-color-default);
  --tag-bg: var(--color-white-oklch);
  --tag-bg-hover: var(--color-bg-secondary);
  --tag-color: var(--color-link-oklch);
  --tag-color-hover: var(--color-link-oklch);
  --tag-fontSize: var(--fontSize-sm);
  --tag-lineHeight: var(--lineHeight-sm);
/********** FORM **********/
  --search-form-size: var(--icon-sm);
  --search-form-rounded: var(--rounded-sm);
  --search-form-spacing: var(--spacing-xs) var(--spacing-xl) var(--spacing-xs) var(--spacing-xs);
  --search-from-fontSize: var(--fontSize-sm);
  --search-form-border: 1px solid var(--color-black-500);
/********** BUTTON **********/
  --button-rounded: var(--rounded-full);
  --button-bg: var(--color-black-700);
  --button-bg-hover: var(--color-black-700);
  --button-color: var(--color-link-white-oklch);
  --button-color-hover: var(--color-link-white-hover-oklch);
  --button-fontSize: var(--fontSize-sm);
  --button-lineHeight: var(--lineHeight-sm);
  --button-border: 1px solid var(--layout-border-color-default);
  --button-spacing-xs: var(--spacing-xs) calc( var(--spacing-xs) * 2);
  --button-spacing-sm: var(--spacing-sm) calc( var(--spacing-sm) * 2);
  --button-spacing-md: var(--spacing-md) calc( var(--spacing-md) * 2);
  --button-spacing-base: var(--spacing-base) calc( var(--spacing-base) * 2);
  --button-spacing-lg: var(--spacing-lg) calc( var(--spacing-lg) * 2);
  --button-spacing-xl: var(--spacing-xl) calc( var(--spacing-xl) * 2);
  --button-spacing-icon-xs: var(--spacing-xs) calc( var(--spacing-xs) * 2) var(--spacing-xs) var(--icon-xs);
  --button-spacing-icon-sm: var(--spacing-xs) calc( var(--spacing-xs) * 2) var(--spacing-xs) var(--icon-sm);
  --button-spacing-icon-md: var(--spacing-sm) calc( var(--spacing-sm) * 2) var(--spacing-sm) var(--icon-md);
/********** BUTTON（SET） **********/
  --button-component-gap: 1em;
  --button-component-padding: 8px 8px 8px 24px;
  --button-component-fontSize: var(--fontSize-ms);
/** after **/
  --button-component-icon-width: 1.5em;
  --button-component-icon-height: 1.5em;
  --button-component-icon-bg-black: var(--icon-button-arrow-black) no-repeat center center var(--button-component-bgColor);
  --button-component-bgColor: #fff;
  --button-component-bg-size: 1em;
  --button-component-icon-rounded: var(--rounded-circle);
/********** ICON LIST **********/
/** 検索 **/
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23404040' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");
/** お気に入りタイトル **/
  --icon-favorinte: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Z'/%3E%3C/svg%3E");
/** 記事履歴 **/
  --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M480-120q-138 0-240.5-91.5T122-440h82q14 104 92.5 172T480-200q117 0 198.5-81.5T760-480q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v80H120v-240h80v94q51-64 124.5-99T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120Zm112-192L440-464v-216h80v184l128 128-56 56Z'/%3E%3C/svg%3E");
/** ランキング **/
  --icon-ranking: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M200-160v-80h560v80H200Zm0-140-51-321q-2 0-4.5.5t-4.5.5q-25 0-42.5-17.5T80-680q0-25 17.5-42.5T140-740q25 0 42.5 17.5T200-680q0 7-1.5 13t-3.5 11l125 56 125-171q-11-8-18-21t-7-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820q0 15-7 28t-18 21l125 171 125-56q-2-5-3.5-11t-1.5-13q0-25 17.5-42.5T820-740q25 0 42.5 17.5T880-680q0 25-17.5 42.5T820-620q-2 0-4.5-.5t-4.5-.5l-51 321H200Z'/%3E%3C/svg%3E");
/** 三角形（右向き） **/
  --icon-button-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M320-200v-560l440 280-440 280Z'/%3E%3C/svg%3E");
/** 三角形（右向き+ブラック） **/
  --icon-button-arrow-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23222222'%3E%3Cpath d='M320-200v-560l440 280-440 280Z'/%3E%3C/svg%3E");
/** 閉じる **/
  --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
/** チェックボックス（checked） **/
  --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='120 -840 720 720' width='24px' fill='%23f9901c'%3E%3Cpath d='m424-312 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Z'/%3E%3C/svg%3E%0A");
/** チェックボックス **/
  --icon-checkbox-gray: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='120 -840 720 720' width='24px' fill='%23aeaeae'%3E%3Cpath d='m424-312 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Z'/%3E%3C/svg%3E%0A");
/** コントローラー（遊んでいる機種） **/
  --icon-controler: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M182-200q-51 0-79-35.5T82-322l42-300q9-60 53.5-99T282-760h396q60 0 104.5 39t53.5 99l42 300q7 51-21 86.5T778-200q-21 0-39-7.5T706-230l-90-90H344l-90 90q-15 15-33 22.5t-39 7.5Zm16-86 114-114h336l114 114q2 2 16 6 11 0 17.5-6.5T800-304l-44-308q-4-29-26-48.5T678-680H282q-30 0-52 19.5T204-612l-44 308q-2 11 4.5 17.5T182-280q2 0 16-6Zm482-154q17 0 28.5-11.5T720-480q0-17-11.5-28.5T680-520q-17 0-28.5 11.5T640-480q0 17 11.5 28.5T680-440Zm-80-120q17 0 28.5-11.5T640-600q0-17-11.5-28.5T600-640q-17 0-28.5 11.5T560-600q0 17 11.5 28.5T600-560ZM310-440h60v-70h70v-60h-70v-70h-60v70h-70v60h70v70Zm170-40Z'/%3E%3C/svg%3E");
/** 掲載日時 **/
  --icon-timer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23898989'%3E%3Cpath d='m612-292 56-56-148-148v-184h-80v216l172 172ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z'/%3E%3C/svg%3E");
/** 再生ボタン **/
  --icon-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'%3E%3Cpath d='m380-300 280-180-280-180v360ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/%3E%3C/svg%3E");
  --icon-play-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ba0d01'%3E%3Cpath d='m380-300 280-180-280-180v360ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/%3E%3C/svg%3E");
/** インフォメーション **/
  --icon-infomation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'%3E%3Cpath d='M450-290h60v-230h-60v230Zm52.92-307.75q9.39-9.29 9.39-23.02t-9.29-23.02q-9.29-9.28-23.02-9.28t-23.02 9.28q-9.29 9.29-9.29 23.02t9.39 23.02q9.38 9.29 22.92 9.29 13.54 0 22.92-9.29ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
/** RSS **/
  --icon-rss-bg: var(--color-orange-300);
/******************** UI ********************/
/** common **/
  --ui-bg-white: var(--color-white-oklch);
  --ui-bg-black: var(--color-black-600);
  --ui-bg-palegray: var(--color-black-100);
  --ui-bg-default: var(--ui-bg-palegray);
  --ui-empty-bg: var(--color-black-150);
  --ui-color-white: var(--color-white-oklch);
  --ui-color-black: var(--color-black-700);
/** utility **/
  --ui-utility-icon-size: var(--icon-lg);
  --ui-utility-icon-image-size: 64%;
  --ui-utility-icon-padding: 8px;
  --ui-utility-favorite-bg: var(--color-blue-300);
  --ui-utility-history-bg: var(--color-purple-300);
  --ui-utility-ranking-bg: var(--color-lightblue-300);
/** ranking **/
  --ui-ranking-bg-1st: #f92;
  --ui-ranking-bg-1st-oklch: var(--color-yellow-300);
  --ui-ranking-bg-2nd: #fc3;
  --ui-ranking-bg-2nd-oklch: var(--color-black-400);
  --ui-ranking-bg-3rd: #fd8;
  --ui-ranking-bg-3rd-oklch: var(--color-orange-400);
  --ui-ranking-bg-gray: #ccc;
  --ui-ranking-bg-gray-oklch: var(--color-black-250);
/** paging **/
  --ui-paging-fontSize: var(--fontSize-sm);
  --ui-paging-margin: var(--spacing-margin);
  --ui-paging-rounded: var(--rounded-circle);
  --ui-paging-spacing: var(--spacing-button-xs);
  --ui-paging-bg: var(--ui-bg-palegray);
  --ui-paging-bg-select: var(--color-bg-primary);
/** userrview **/
  --userrevie-bg-score: linear-gradient(180deg, var(--color-black-50), var(--color-black-100));
/********** Article **********/
/** maintxt **/
  --maintxt-lineHeight: var(--lineHeight-lg);
  --maintxt-letterSpacing: var(--letterSpacing-base);
/** text **/
  --color-heading: #3333cc;
  --color-heading-oklch: var(--color-blue-500);
/** bold **/
  --color-bold-red: #d01000;
  --color-bold-red-oklch: var(--color-red-500);
  --color-bold-green: #00881f;
  --color-bold-green-oklch: var(--color-green-500);
  --color-bold-purple: #4420d0;
  --color-bold-purple-oklch: var(--color-purple-500);
  --color-bold-black: #000000;
  --color-bold-black-oklch: var(--color-black-700);
  --color-bold-orange: #ff6600;
  --color-bold-orange-oklch: var(--color-orange-300);
  --color-bold-royalblue: #229988;
  --color-bold-royalblue-oklch: var(--color-royalblue-500);
  --color-bold-blue: #2266ff;
  --color-bold-blue-oklch: var(--color-blue-500);
  --color-bold-amethyst: #cc00ee;
  --color-bold-amethyst-oklch: var(--color-amethyst-500);
  --color-bold-pink: #ff00cc;
  --color-bold-pink-oklch: var(--color-pink-400);
/** border **/
  --borderColor-gray: #999999;
  --borderColor-gray-oklch: var(--color-black-300);
  --borderColor-blue: #333399;
  --borderColor-blue-oklch: var(--color-blue-600);
  --borderColor-yellow: #333399;
  --borderColor-yellow-oklch: var(--color-yellow-600);
/** bg **/
  --backgroundColor-blue: #DDDDFF;
  --backgroundColor-blue-oklch: var(--color-blue-100);
  --backgroundColor-yellow: #ffffe6;
  --backgroundColor-yellow-oklch: var(--color-yellow-100);
/** column **/
  --backgroundColor-blockquote-gray: #f3f3f3;
  --backgroundColor-blockquote-gray-oklch: var(--color-black-50);
  --backgroundColor-blockquote-blue: #f4f9ff;
  --backgroundColor-blockquote-blue-oklch: var(--color-blue-50);
  --backgroundColor-blockquote-yellow: #fcfcf3;
  --backgroundColor-blockquote-yellow-oklch: var(--color-yellow-50);
  --backgroundColor-blockquote-green: #f5faf7;
  --backgroundColor-blockquote-green-oklch: var(--color-green-50);
/** thumb **/
  --backgroundColor-thumb-gray: #f3f3f3;
  --backgroundColor-thumb-gray-oklch: var(--color-black-100);
/** card **/
  --backgroundColor-cardview-tag-oklch: var(--color-black-500);
  --borderColor-cardview-oklch: var(--color-black-500);
  --gap-cardview: var(--spacing-xs);
  --rounded-cardview: var(--rounded-sm);
  --rounded-cardview-thumb: var(--rounded-sm);
  --fontSize-cardview: 15px;
  --lineHeight-cardview: var(--lineHeight-sm);
  --fontSize-cardview-lead: var(--fontSize-sm);
  --lineHeight-cardview-lead: var(--lineHeight-sm);
/********** LAYOUT **********/
  --width-backgroundAd: calc(250px * 2);
/********** UI link button **********/
  --rounded-ui-link-button: var(--rounded-full);
  --spacing-xs-ui-link-button: var(--spacing-button-xs);
  --spacing-sm-ui-link-button: var(--spacing-button-sm);
  --color-ui-link-button: var(--color-black-700);
  --fontColor-ui-link-button: var(--color-white-oklch);
/********** UI **********/
/** Colors - UI **/
  --backgroundColor-ui-selected: #2f2f2f;
  --backgroundColor-ui-selected-oklch: var(--color-black-50);
  --backgroundColor-ui-gray: #f3f3f3;
  --backgroundColor-ui-gray-oklch: var(--color-black-50);
  --backgroundColor-ui-black: #333;
  --backgroundColor-ui-black-oklch: var(--color-black-600);
  --backgroundColor-ui-white: #fff;
  --backgroundColor-ui-white-oklch: #fff;
  --backgroundColor-ui-gray-gradient-tab: linear-gradient(0deg, #fff, #e8e8e8);
  --backgroundColor-ui-gray-gradient-tab-oklch: linear-gradient(0deg, var(--color-black-50), var(--color-black-100));
  --backgroundColor-ui-gray-gradient: linear-gradient(180deg, #fff, #e8e8e8);
  --backgroundColor-ui-gray-gradient-oklch: linear-gradient(180deg, var(--color-black-50), var(--color-black-100));
  --backgroundColor-ui-dark-gradient: linear-gradient(180deg, #404040, #636363);
  --backgroundColor-ui-dark-gradient-oklch: linear-gradient(180deg, var(--color-black-500), var(--color-black-600));
  --borderColor-ui-black: #333;
  --borderColor-ui-black-oklch: var(--color-black-600);
  --borderColor-ui-white: #fff;
  --borderColor-ui-white-oklch: #fff;
  --borderColor-ui-gray: #b3b3b3;
  --borderColor-ui-gray-oklch: var(--color-black-300);
  --borderColor-ui-gray-light: #f8f8f8;
  --borderColor-ui-gray-light-oklch: var(--color-black-100);
  --borderColor-ui-gray-highlight: #f8f8f8;
  --borderColor-ui-gray-highlight-oklch: var(--color-black-50);
  --color-ui-white: #fff;
  --color-ui-white-oklch: #fff;
}
:root{
/********** Colors - OKLCH UI Shades Generator **********/
/*------------------
### WHITE
------------------*/
--color-white: #fff;
--color-white-oklch: oklch(1 0 0);
/*------------------
### RED
oklch(0.5 0.2 30)
------------------*/
--color-red-50: oklch(0.98 0.0098 30);
--color-red-100: oklch(0.95 0.0255 30);
--color-red-200: oklch(0.86 0.0768 30);
--color-red-300: oklch(0.75 0.1506 30);
--color-red-400: oklch(0.63 0.1871 30);
--color-red-500: oklch(0.5 0.2 30);
--color-red-600: oklch(0.37 0.1495 30);
--color-red-700: oklch(0.25 0.1008 30);
--color-red-800: oklch(0.14 0.0567 30);
--color-red-900: oklch(0.05 0.0204 30);
--color-red-950: oklch(0.02 0.008 30);
/*------------------
### BLUE
oklch(0.5 0.2 270)
------------------*/
--color-blue-50: oklch(0.98 0.0093 270);
--color-blue-100: oklch(0.95 0.0241 270);
--color-blue-200: oklch(0.86 0.0692 270);
--color-blue-300: oklch(0.75 0.1286 270);
--color-blue-400: oklch(0.63 0.1871 270);
--color-blue-500: oklch(0.5 0.2 270);
--color-blue-600: oklch(0.37 0.1871 270);
--color-blue-700: oklch(0.25 0.1506 270);
--color-blue-800: oklch(0.14 0.0927 270);
--color-blue-900: oklch(0.05 0.0334 270);
--color-blue-950: oklch(0.02 0.0131 270);
/*------------------
### GREEN
oklch(0.5 0.16 140)
------------------*/
--color-green-50: oklch(0.98 0.0125 140);
--color-green-100: oklch(0.95 0.031 140);
--color-green-200: oklch(0.86 0.0778 140);
--color-green-300: oklch(0.75 0.1205 140);
--color-green-400: oklch(0.63 0.1497 140);
--color-green-500: oklch(0.5 0.16 140);
--color-green-600: oklch(0.37 0.12 140);
--color-green-700: oklch(0.25 0.0809 140);
--color-green-800: oklch(0.14 0.0456 140);
--color-green-900: oklch(0.05 0.0164 140);
--color-green-950: oklch(0.02 0.0064 140);
/*------------------
### PURPLE
oklch(0.5 0.2 300)
------------------*/
--color-purple-50: oklch(0.98 0.011 290);
--color-purple-100: oklch(0.95 0.0284 290);
--color-purple-200: oklch(0.86 0.082 290);
--color-purple-300: oklch(0.75 0.1506 290);
--color-purple-400: oklch(0.63 0.1871 290);
--color-purple-500: oklch(0.5 0.2 290);
--color-purple-600: oklch(0.37 0.1871 290);
--color-purple-700: oklch(0.25 0.1342 290);
--color-purple-800: oklch(0.14 0.0755 290);
--color-purple-900: oklch(0.05 0.0272 290);
--color-purple-950: oklch(0.02 0.0107 290);
/*------------------
### YELLOW
oklch(0.9 0.1 100)
------------------*/
--color-yellow-50: oklch(0.99 0.011 100);
--color-yellow-100: oklch(0.96 0.0447 100);
--color-yellow-200: oklch(0.86 0.1298 100);
--color-yellow-300: oklch(0.75 0.1564 100);
--color-yellow-400: oklch(0.63 0.1307 100);
--color-yellow-500: oklch(0.5 0.1039 100);
--color-yellow-600: oklch(0.37 0.0773 100);
--color-yellow-700: oklch(0.25 0.052 100);
--color-yellow-800: oklch(0.14 0.0292 100);
--color-yellow-900: oklch(0.05 0.0105 100);
--color-yellow-950: oklch(0.02 0.0041 100);
/*------------------
### BLACK
oklch(0.5 0 0)
------------------*/
--color-black-50: oklch(0.98 0 0);
--color-black-100: oklch(0.95 0 0);
--color-black-150: oklch(0.91 0 0);
--color-black-200: oklch(0.86 0 0);
--color-black-250: oklch(0.81 0 0);
--color-black-300: oklch(0.75 0 0);
--color-black-350: oklch(0.69 0 0);
--color-black-400: oklch(0.63 0 0);
--color-black-450: oklch(0.56 0 0);
--color-black-500: oklch(0.5 0 0);
--color-black-550: oklch(0.44 0 0);
--color-black-600: oklch(0.37 0 0);
--color-black-650: oklch(0.31 0 0);
--color-black-700: oklch(0.25 0 0);
--color-black-750: oklch(0.19 0 0);
--color-black-800: oklch(0.14 0 0);
--color-black-850: oklch(0.09 0 0);
--color-black-900: oklch(0.05 0 0);
--color-black-950: oklch(0.02 0 0);
/*------------------
### ORANGE
oklch(0.75 0.17 60)
------------------*/
--color-orange-50: oklch(0.99 0.0061 60);
--color-orange-100: oklch(0.96 0.026 60);
--color-orange-200: oklch(0.86 0.0898 60);
--color-orange-300: oklch(0.75 0.1689 60);
--color-orange-400: oklch(0.63 0.1474 60);
--color-orange-500: oklch(0.5 0.1172 60);
--color-orange-600: oklch(0.37 0.0872 60);
--color-orange-700: oklch(0.25 0.0587 60);
--color-orange-800: oklch(0.14 0.033 60);
--color-orange-900: oklch(0.05 0.0119 60);
--color-orange-950: oklch(0.02 0.0047 60);
/*------------------
### ROYALBLUE
oklch(0.5 0.09 230)
------------------*/
--color-royalblue-50: oklch(0.98 0.0071 230);
--color-royalblue-100: oklch(0.95 0.0174 230);
--color-royalblue-200: oklch(0.86 0.0437 230);
--color-royalblue-300: oklch(0.75 0.0678 230);
--color-royalblue-400: oklch(0.63 0.0842 230);
--color-royalblue-500: oklch(0.5 0.09 230);
--color-royalblue-600: oklch(0.37 0.0743 230);
--color-royalblue-700: oklch(0.25 0.0501 230);
--color-royalblue-800: oklch(0.14 0.0282 230);
--color-royalblue-900: oklch(0.05 0.0101 230);
--color-royalblue-950: oklch(0.02 0.004 230);
/*------------------
### AMETHYST
oklch(0.5 0.2 320)
------------------*/
--color-amethyst-50: oklch(0.98 0.0152 320);
--color-amethyst-100: oklch(0.95 0.0387 320);
--color-amethyst-200: oklch(0.86 0.0972 320);
--color-amethyst-300: oklch(0.75 0.1506 320);
--color-amethyst-400: oklch(0.63 0.1871 320);
--color-amethyst-500: oklch(0.5 0.2 320);
--color-amethyst-600: oklch(0.37 0.179 320);
--color-amethyst-700: oklch(0.25 0.1207 320);
--color-amethyst-800: oklch(0.14 0.0679 320);
--color-amethyst-900: oklch(0.05 0.0245 320);
--color-amethyst-950: oklch(0.02 0.0096 320);
/*------------------
### PINK
oklch(0.7 0.2 350)
------------------*/
--color-pink-50: oklch(0.98 0.0114 350);
--color-pink-100: oklch(0.95 0.03 350);
--color-pink-200: oklch(0.86 0.0908 350);
--color-pink-300: oklch(0.75 0.1793 350);
--color-pink-400: oklch(0.63 0.2227 350);
--color-pink-500: oklch(0.5 0.2086 350);
--color-pink-600: oklch(0.37 0.1556 350);
--color-pink-700: oklch(0.25 0.1049 350);
--color-pink-800: oklch(0.14 0.059 350);
--color-pink-900: oklch(0.05 0.0212 350);
--color-pink-950: oklch(0.02 0.0083 350);
/*------------------
### MUTEDBLUE
oklch(0.5 0.05 270)
------------------*/
--color-mutedblue-50: oklch(0.98 0.0039 270);
--color-mutedblue-100: oklch(0.95 0.0097 270);
--color-mutedblue-200: oklch(0.86 0.0243 270);
--color-mutedblue-300: oklch(0.75 0.0376 270);
--color-mutedblue-400: oklch(0.63 0.0468 270);
--color-mutedblue-500: oklch(0.5 0.05 270);
--color-mutedblue-600: oklch(0.37 0.0468 270);
--color-mutedblue-700: oklch(0.25 0.0376 270);
--color-mutedblue-800: oklch(0.14 0.0243 270);
--color-mutedblue-900: oklch(0.05 0.0097 270);
--color-mutedblue-950: oklch(0.02 0.0039 270);
/*------------------
### LIGHTBLUE
oklch(0.75 0.15 235)
------------------*/
--color-lightblue-50: oklch(0.98 0.0111 235);
--color-lightblue-100: oklch(0.95 0.0286 235);
--color-lightblue-200: oklch(0.86 0.0821 235);
--color-lightblue-300: oklch(0.75 0.1506 235);
--color-lightblue-400: oklch(0.63 0.133 235);
--color-lightblue-500: oklch(0.5 0.1061 235);
--color-lightblue-600: oklch(0.37 0.0791 235);
--color-lightblue-700: oklch(0.25 0.0533 235);
--color-lightblue-800: oklch(0.14 0.03 235);
--color-lightblue-900: oklch(0.05 0.0108 235);
--color-lightblue-950: oklch(0.02 0.0042 235);
}
/*==============================================================================================================
/import V3.1_common_layout.css
/==============================================================================================================*/
/**************************************** 基本要素 ****************************************/
p,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,blockquote,table,tr,td,dl,dt,dd,figure,input{
	padding:0;
	margin:0;
}
iframe{
	margin: 1em 0;
	margin: 0;
}
a:link{
	color: var(--color-link-oklch);
}
a:visited{
	color: var(--color-link-visited-oklch);
}
a:hover{
	color: var(--color-link-hover-oklch);
}
img{
	padding: 0;
	margin :0;
	border: none;
}
ul,ol{
	list-style: none;
}
h1,h2,h3,h4,h5,h6{
}
.clear_both{
	clear :both;
}
.center{
	text-align: center;
	margin: 0 auto;
}
input[type="text"]{
	outline: none;
}
/********** font **********/
body{
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN';
}
/**************************************** body ****************************************/
body{
	min-height: 100vh;
	min-width: var(--width-browser-resolution-min);
	margin: 0 auto;
	font-size: 100%;
	text-align: center;
	background-color: var(--color-bg-body);
	background-attachment: fixed;
	background-size: cover;
	color: var(--color-text-oklch);
}
.contents{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--spacing-gutter);
	width: calc( var(--width-mainContents) + var(--width-leftContents) + var(--width-rightContents) + ( var(--spacing-gutter) * 2 ));
	margin: 0 auto;
	text-align: left;
}
.unit_contents{
	/* 要素の存在を無視させる */
	display: contents;
}
.beacon_container[data-beacon-display="TOP_PAGE"]{
	/* トップページのbeaconにflexが効かないようにする */
	width: 0;
	height: 0;
}
/**************************************** header ****************************************/
.c-site-header{
	width: 100%;
	height: var(--height-adTop);
	margin-top: calc(var(--height-floatingNavi) + var(--spacing-gutter));
	font-size: var(--fontSize-menu);
	line-height: var(--lineHeight-none);
}
/******************** unit_utility ********************/
.c-site-header .unit_utility{
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
}
/********** ロゴ **********/
/* ------------------------------
logo_topはトップページ用
------------------------------ */
.c-site-header .unit_utility .logo,
.c-site-header .unit_utility .logo_top{
	position:fixed;
	z-index: 100;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: flex-start;
	order: 1;
	width: 100%;
	height: var(--height-floatingNavi);
	margin: 0 auto;
	text-align: center;
	background: var(--layout-bg-default);
	backdrop-filter: blur(10px);
	box-sizing: border-box;
}
.c-site-header .unit_utility .logo img,
.c-site-header .unit_utility .logo_top img{
	display: none;
}
.c-site-header .unit_utility .logo_top h1{
	position: absolute;
	top: 40px;
	width: 168px;
	font-size: var(--site-header-fontSize-h1);
	font-weight: normal;
	line-height: var(--site-header-lineHeight-h1);
	text-align: center;
}
.c-site-header .unit_utility .logo strong,
.c-site-header .unit_utility .logo_top strong{
	display: none;
}
.c-site-header .unit_utility .logo_top > a:first-child::before,
.c-site-header .unit_utility .logo > a:first-child::before{
	content:" ";
	display:inline-block;
	width: 154px;
	height: calc(154px * 34 / 180);
	aspect-ratio: 180 / 34;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 458.8 83.1'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='229.4' y1='6.6' x2='229.4' y2='76.6' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff'%3E%3C/stop%3E%3Cstop offset='.3' stop-color='%23f3f4f4'%3E%3C/stop%3E%3Cstop offset='.7' stop-color='%23d5d6d8'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23c1c3c6'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M458.8,14.8h-15.8V.4h-25.5v20.7c-9.8-6.8-22.8-8.3-34-3-3.7,1.7-6.9,4-9.7,6.8-5.1-6.1-12.7-10-21.2-10s-13,2.5-17.8,6.6v-6.6h-16.1v6.7c0-3.4,0-6.7,0-6.7-8.3,0-15.7,4.2-20.3,10.5-10-10.3-25.7-13.5-39-7.3-3.7,1.7-7,4.1-9.8,6.9-5.1-6.2-12.7-10.1-21.3-10.1s-10.4,1.6-14.8,4.4c-4.4-2.9-9.5-4.4-14.8-4.4-10.4,0-19.4,5.8-24.1,14.3-6.2-8.6-16.3-14.3-27.7-14.3s-14.9,2.6-20.6,7l-2.3-3.2-2-2.8C113.7,5.6,101.1-.3,88.1,0c-12.3.3-23.9,6.3-31.4,15.7V.3h-22.4l-2,2.9L0,50.5v21s22.9,0,31.1,0v11.5h25.5v-11.5h3.7c7.5,7.1,17.5,11.4,27.9,11.6,11.9.2,23.4-4.8,31.4-13.4,6.2,8.1,16.1,13.4,27.1,13.4s5.8-.4,8.6-1.2v1.2h32.2s55.8,0,55.8,0h0s12.5,0,12.5,0v-5.1c9.5,5.8,21.6,7,32.4,1.9,1.9-.9,3.7-1.9,5.3-3.1v6.3h25.3s55.8,0,55.8,0h0s5.6,0,5.6,0v-5c9.4,5.7,21.4,6.7,32.1,1.8,3.9-1.8,7.2-4.2,10.1-7.2,4.6,6.2,11.9,10.3,20.2,10.4,0,0-.1-.1-.1-.1.5,0,1,.1,1.7.1h14.7s0-25.5,0-25.5h-15.8c0-.4,0-10.4,0-17.2h15.8V14.8Z' style='fill:%23231815'%3E%3C/path%3E%3Cpath d='M146.8,21.4c-9.9,0-18.6,5.2-23.4,13-.7-3.5-2-7-3.8-10.2l-37.7,17.6c1.7,3.5,3.5,7.4,5.2,11.2l24.4-11.4c0,12.9-11.4,23.3-24.3,22.2-12.1-1.1-21.4-12.1-20.3-24.2.7-8.3,6.2-15.6,13.9-18.7,8.1-3.3,17.5-1.4,23.8,4.6h0c.7.7,1.4,1.4,2,2.2l11.7-5.4c-.5-.8-1.1-1.6-1.7-2.3h0c-6.7-8.6-17.5-13.6-28.4-13.3h0c-13.1.3-25.1,8.2-30.7,20-3.9,8.2-4.3,17.5-1.6,25.9h-5.9V6.9h-12.4S6.6,52.5,6.6,52.5v12.4h31.1v11.5h12.4v-11.5h13c6.4,7.1,15.6,11.4,25.3,11.6,11.9.2,23.5-5.8,30-15.8.8-1.2,1.4-2.3,2-3.6,3.5,11.2,14,19.4,26.3,19.4s10.8-1.7,15.2-4.6v4.6h12.4v-27.6h0c0-15.2-12.3-27.6-27.6-27.6ZM37.7,52.5h-16.1l16.1-23.7v23.7ZM146.8,64c-8.3,0-15.1-6.8-15.1-15.1s6.8-15.1,15.1-15.1,15.1,6.8,15.1,15.1-6.8,15.1-15.1,15.1ZM315.9,64.1h12.4v12.4h-12.4v-12.4ZM318.7,21.4c-10.2,0-18.5,8.4-18.6,18.6h0v.8c-.4-1.2-.8-2.3-1.3-3.5-.6-1.4-1.4-2.6-2.2-3.9h0s0,0,0,0c-.2-.3-.3-.5-.5-.8h0c-7.6-10.3-21.7-14.3-33.8-8.6-6.3,2.9-10.9,7.9-13.5,13.7-2.2-9.2-10.6-16.3-20.4-16.3s-11,2.4-14.8,6.2c-3.8-3.8-9.1-6.2-14.8-6.2-11.4,0-21,9.6-21,21v34.1h12.4v-34.1h0c0-4.7,3.9-8.6,8.6-8.6s8.6,3.9,8.6,8.5c0,0,0,0,0,0h0v34.1h12.4v-34.1s0,0,0,0c0-4.7,3.9-8.5,8.6-8.5s8.6,3.9,8.6,8.6h0v34.1h12.4v-15c6.7,13.2,22.7,18.7,36.2,12.4,7.3-3.4,12.4-9.7,14.7-16.9v19.4h12.4v-36.5h0c0-3.4,2.8-6.2,6.2-6.2h0s9.5,0,9.5,0v-12.4h-9.6ZM267.4,35.3c5.5-2.6,11.9-1.5,16.2,2.3l-24.9,11.6c0-5.8,3.2-11.3,8.7-13.9ZM288.7,51.5c-.8,4.7-3.8,8.9-8.5,11.1-5.5,2.6-11.9,1.5-16.2-2.2l11.7-5.5h0s24.4-11.4,24.4-11.4v2.7l-11.5,5.3ZM452.2,33.8v-12.4h-15.8V6.9h-12.4v33.3c-.3-1-.7-2-1.2-3-.6-1.4-1.4-2.6-2.2-3.9h0s0,0,0,0c-.2-.3-.3-.5-.5-.8h0c-7.6-10.3-21.7-14.3-33.8-8.6-6.1,2.8-10.7,7.6-13.3,13.3-2.3-9-10.6-15.9-20.3-15.9s-21,9.6-21,21h0v34.1h12.4v-34.1h0c0-4.7,3.9-8.6,8.6-8.6s8.6,3.9,8.6,8.6h0v34.1h12.4v-14.5c6.9,12.8,22.6,18.1,35.9,11.9,7.2-3.3,12.2-9.4,14.5-16.4v.3h0c0,10.3,8.3,18.5,18.6,18.6h0s9.6,0,9.6,0v-12.4h-9.5c-3.4,0-6.2-2.8-6.2-6.3h0v-24.1h15.8ZM391.5,35.3c5.5-2.6,11.9-1.5,16.2,2.3l-24.9,11.6c0-5.8,3.2-11.3,8.7-13.9ZM412.8,51.5c-.8,4.7-3.8,8.9-8.5,11.1-5.5,2.6-11.9,1.5-16.2-2.2l11.7-5.5h0s24.3-11.3,24.3-11.3v2.7l-11.3,5.3Z' style='fill:url(%23b)'%3E%3C/path%3E%3C/svg%3E ");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: text-top;
}
.c-site-header .unit_utility .logo_top > a:first-child::before{
	margin-top: 6px;
	margin-bottom: 0;
}
.c-site-header .unit_utility .logo_top h1{
	top: 38px;
	width: var(--width-floatingNavi-4gamer);
}
.c-site-header .unit_utility .logo > a, 
.c-site-header .unit_utility .logo_top > a{
	width: var(--width-floatingNavi-4gamer);
	padding: 0 var(--spacing-gutter);
	margin-right: var(--spacing-gutter);
	box-shadow: inset -1px 0 0 0 var(--layout-border-color-default);
	box-sizing: border-box;
}
.c-site-header .unit_utility .logo > a{
	display: flex;
	align-items: center;
	justify-content: center;
}
.c-site-header .unit_utility .logo a:link,
.c-site-header .unit_utility .logo a:visited,
.c-site-header .unit_utility .logo div a:link,
.c-site-header .unit_utility .logo div a:visited,
.c-site-header .unit_utility .logo p a:link,
.c-site-header .unit_utility .logo p a:visited,
.c-site-header .unit_utility .logo_top div a:link,
.c-site-header .unit_utility .logo_top div a:visited{
	color: var(--color-link-oklch);
	text-decoration:none;
}
.c-site-header .unit_utility .logo p a:hover,
.c-site-header .unit_utility .logo div a:hover,
.c-site-header .unit_utility .logo_top p a:hover,
.c-site-header .unit_utility .logo_top div a:hover{
	color: var(--color-link-hover-oklch);
}
.c-site-header .unit_utility .logo p a:hover,
.c-site-header .unit_utility .logo div a:hover,
.c-site-header .unit_utility .logo_top p a:hover,
.c-site-header .unit_utility .logo_top div a:hover{
	text-decoration: underline;
}
/* 将来的にはmodule側の画像を削除 */
.c-site-header .unit_utility .logo > img{
	display:none;
}
/***** コンテンツ件数 *****/
.c-site-header #HEAD_STRING{
	display: flex;
	align-items: center;
	flex-direction: row;
	height: 100%;
	font-size: var(--fontSize-sm);
	line-height: 1;
}
.c-site-header #HEAD_STRING > a:first-child:after{
	content:"，";
}
.c-site-header #HEAD_STRING a{
	display: inline-block;
	padding: 4px 0;
	background:linear-gradient(transparent 60%, #ffff66cc 60%);
	color: var(--color-text-oklch);
}
/********** ビッグバナー **********/
.c-site-header .ad_top{
	order: 2;
	overflow: hidden;
	width: 728px;
	height: var(--height-adTop);
}
.c-site-header .ad_top img{
	/* Poly避け */
	width: auto !important;
	height: var(--height-adTop) !important;
}
/********** search **********/
.c-site-header .search{
	order: 3;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
        justify-content: center;
	align-items:center;
	position: fixed;
	z-index: 110;
	top: 0;
	left: 50%;
	width: 700px;
	height: var(--height-floatingNavi);
	margin-left: calc((700px / 2) * -1);
	line-height: var(--lineHeight-md);
	font-size: var(--fontSize-menu);
	box-sizing: border-box;
}
.c-site-header .search dt,
.c-site-header .search dd{
}
.c-site-header .search dd + dt{
	margin-left: var(--spacing-gutter);
}
.c-site-header .search .search_middle{
	display: none;
}
.c-site-header .search dd .google_search,
.c-site-header .search dd .form{
	width: 120px;
	height: var(--search-form-size);
	padding: var(--search-form-spacing);
	margin: 0 0 0 var(--spacing-gutter);
	border: var(--search-form-border);
	border-radius: var(--search-form-rounded);
	font-size: var(--search-from-fontSize);
}
.c-site-header .search dd .buttom{
	cursor: pointer;
	position: absolute;
	width: var(--search-form-size);
	height: var(--search-form-size);
	margin-left: -24px;
	text-indent: -9999px;
	background: var(--icon-bg);
	background-image: var(--icon-search);
	background-size: var(--search-form-size);
	border: none;
	transform: translateY(-50%);
}
/******************** V2 utility ********************/
.V2_utility{
	display: contents;
}
.V2_utility .utility{
	/* 左側の旧メニューを非表示 */
	display: none;
}
/********** アイコンメニュー **********/
.V2_utility .pickup_utility{
	position: fixed;
	z-index: 120;
	top: 0;
	right: var(--spacing-gutter);
	display: flex;
	align-items: center;
	gap: var(--spacing-gutter-sm);
	height: var(--height-floatingNavi);
	font-size: var(--fontSize-menu);
	line-height: var(--lineHeight-none);
}
.V2_utility .pickup_utility dt{
}
/***** 4Gamer *****/
.V2_utility .pickup_utility dd{
	overflow: hidden;
	border-radius: var(--icon-rounded);
}
.V2_utility .pickup_utility .btn0{
	display:none;
}
.V2_utility .pickup_utility .btn1{
	background: var(--ui-empty-bg);
}
.V2_utility .pickup_utility .btn2{
	background: var(--ui-utility-history-bg);
}
.V2_utility .pickup_utility .btn3{
	background: var(--ui-utility-ranking-bg);
}
.V2_utility .pickup_utility .btn1 a,
.V2_utility .pickup_utility .btn2 a,
.V2_utility .pickup_utility .btn3 a{
	overflow:hidden;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: var(--ui-utility-icon-size);
	height: var(--ui-utility-icon-size);
	text-indent: -9999px;
	text-decoration: none;
	white-space: pre;
	color: var(--color-link-white-oklch);
	border-radius: var(--icon-rounded);
	transition: width 0.25s ease;
}
.V2_utility .pickup_utility dd a:hover{
	width: calc(var(--ui-utility-icon-size) + 6.5em);
	text-indent: 0px;
	transition: width 0.25s ease;
}
.V2_utility .pickup_utility dd a span{
	display: inline-block;
	opacity: 0;
	width: 0px;
}
.V2_utility .pickup_utility dd a:hover span{
	opacity: 1;
	width: auto;
	transition: opacity 0.25s ease 0.25s, width 0.25s ease 0.25s;
}
.V2_utility .pickup_utility .btn1 a::before,
.V2_utility .pickup_utility .btn2 a::before,
.V2_utility .pickup_utility .btn3 a::before{
	content: "";
	display: inline-block;
	min-width: var(--ui-utility-icon-size);
	width: var(--ui-utility-icon-size);
	height: var(--ui-utility-icon-size);
	vertical-align: text-top;
	background: var(--icon-bg);
}
.V2_utility .pickup_utility dd.btn1 a::before{
	background-image: var(--icon-favorinte);
	background-size: var(--ui-utility-icon-image-size);
}
.V2_utility .pickup_utility dd.btn2 a::before{
	background-image: var(--icon-history);
	background-size: var(--ui-utility-icon-image-size);
}
.V2_utility .pickup_utility dd.btn3 a::before{
	background-image: var(--icon-ranking);
	background-size: var(--ui-utility-icon-image-size);
}
/***** RSS / SNS *****/
.V2_utility .pickup_utility dd.btn_sns .social-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--ui-utility-icon-size);
	height: var(--ui-utility-icon-size);
	padding: var(--ui-utility-icon-padding);
	color: #fff;
	box-sizing: border-box;
}
.V2_utility .pickup_utility dd.btn_sns .social-btn svg {
}
.V2_utility .pickup_utility dd.btn_sns .social-btn:hover {
}
.V2_utility .pickup_utility dd.btn_rss a{
	background: var(--icon-rss-bg);
}
.V2_utility .pickup_utility dd.btn_sns_x a{
	background-color: #000;
}
.V2_utility .pickup_utility dd.btn_sns_bs a{
	background-color: #006aff;
}
.V2_utility .pickup_utility dd.btn_sns_fb a{
	background-color: #1877f2;
}
/***** img *****/
.V2_utility .pickup_utility dd.btn_sns_line .social-btn,
.V2_utility .pickup_utility dd.btn_sns_youtube .social-btn{
	padding: 0;
}
.V2_utility .pickup_utility dd.btn_sns_youtube .social-btn{
	background-color: #ff0033;
}
.V2_utility .pickup_utility dd.btn_sns .social-btn img{
	width: 100%;
	height: auto;
}
/******************** Quick Bookmark ********************/
#QUICK_BOOKMARK_frame{
	display: none;
	position: fixed;
	top: 72px;
	right: 24px;
	z-index:400;
	width: 370px;
	max-height: calc(100vh - 72px - 24px);
	padding: 16px 8px 70px 16px;
	background: #fff;
	border: 2px solid var(--ui-color-black);
	border-radius: var(--rounded-outer);
	box-shadow: 8px 8px 0px -1px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
}
#QUICK_BOOKMARK_frame::before{
	content: " ";
	position: absolute;
	right: 310px;
	top: -18px;
	display: block;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	background: var(--ui-color-black);
	width: 32px;
	height: 16px;
}
#QUICK_BOOKMARK_frame a:link{
	text-decoration: none;
}
#QUICK_BOOKMARK_frame a:visited{
	color: var(--color-link-oklch);
}
#QUICK_BOOKMARK_frame a:hover{
	text-decoration: underline;
}
#QUICK_BOOKMARK_frame ul{
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
	height: 100%;
	max-height: calc(100vh - 72px - 24px - 90px);
	padding-right: 8px;
	font-size: 12px;
	background: #fff;
}
/********** li **********/
/* --------------------
.leftメニュー内に併記
-------------------- */
/********** リンク **********/
#QUICK_BOOKMARK_frame .link{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: var(--spacing-gutter);
}
#QUICK_BOOKMARK_frame .link a{
	display: flex;
	align-items: center;
	gap: var(--button-component-gap);
	padding: var(--button-component-padding);
	font-size: var(--button-component-fontSize);
	line-height: var(--button-lineHeight);
	text-align: center;
	text-decoration: none;
	background-color: var(--button-bg);
	color: var(--button-color);
	border-radius: var(--button-rounded);
}
#QUICK_BOOKMARK_frame .link a::after{
	content:" ";
	display:block;
	width: var(--button-component-icon-width);
	height: var(--button-component-icon-height);
	background: var(--button-component-icon-bg-black);
	background-size: var(--button-component-bg-size);
	border-radius: var(--button-component-icon-rounded);
}
#QUICK_BOOKMARK_frame .link a:hover{
	color: var(--button-color-hover);
	background: var(--button-bg-hover);
	text-decoration: underline;
}
/********** お気に入りなし / 新着 **********/
#QUICK_BOOKMARK_frame .comment{
	line-height: 1.6;
}
#QUICK_BOOKMARK_frame .no_entry{
	font-size: 14px;
	line-height: 1.4;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 24px;
}
#QUICK_BOOKMARK_frame .no_entry strong{
	display: block;
	border-bottom: 1px solid var(--layout-border-color-default);
	padding-bottom: 16px;
	font-size: 18px;
}
/********** 閉じる **********/
#QUICK_BOOKMARK_frame .bookmark_close{
	overflow: hidden;
	position:absolute;
	top: -12px;
	right: -12px;
	width: var(--icon-md);
	height: var(--icon-md);
	text-align:center;
	background: var(--ui-color-black);
	border: 2px solid var(--ui-color-black);
	border-radius: var(--icon-rounded);
}
#QUICK_BOOKMARK_frame .bookmark_close a::before{
	content: "";
	display: inline-block;
	min-width: var(--icon-md);
	width: var(--icon-md);
	height: var(--icon-md);
	vertical-align: text-top;
	background: var(--icon-bg);
	background-image: var(--icon-close);
	background-size: var(--icon-md);
}
/****************************** V2 global_navi ******************************/
.V2_global_navi{
	position: relative;
	width: 100%;
	height: var(--height-globalNavi);
}
/******************** 大分類 ********************/
.V2_global_navi .class1{
	display: flex;
	justify-content: center;
	width: 100%;
	height: var(--height-globalNavi-inner);
	padding: 0 var(--spacing-gutter);
	margin: 0;
	text-align: left;
	line-height: 2;
	font-size: var(--fontSize-menu);
	border-top-left-radius: var(--rounded-inner);
	border-top-right-radius: var(--rounded-inner);
	background: var(--color-gradient-globalnav);
	box-sizing: border-box;
}
.V2_global_navi .class1 > dt{
	display:flex;
	align-items: center;
	font-weight: bold;
}
.V2_global_navi .class1 > dt > a{
	display: block;
	padding: 0 var(--spacing-gutter);
	color: var(--color-link-white);
	border-right: 1px solid rgba(0, 0, 0, 0.25);
	box-shadow: 1px 0 0 0 rgba(255,255,255,0.25);
}
.V2_global_navi .class1 dt a:hover{
	color: var(--color-link-white-hover);
}
/********** 選択タブ **********/
.V2_global_navi .class1 > dt strong{
	display: flex;
	align-items: stretch;
	padding: 0 var(--spacing-gutter);
	border-right: 1px solid rgba(0, 0, 0, 0.25);
	box-shadow: 1px 0 0 0 rgba(255,255,255,0.25);
}
.V2_global_navi .class1 > dt strong a{
	padding: 0 var(--spacing-md);
	text-align: center;
	text-decoration: none;
	background: #fff;
	border-radius: var(--rounded-full);
}
.V2_global_navi .class1 > dt strong a:link,
.V2_global_navi .class1 > dt strong a:visited{
	color: var(--color-text-oklch);
}
.V2_global_navi .class1 > dt strong a:hover{
	color: var(--color-link-hover-oklch);
}
/******************** 中分類 ********************/
.V2_global_navi .class2{
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: var(--height-globalNavi-inner);
	background: var(--layout-bg-default);
	border-bottom-left-radius: var(--rounded-inner);
	border-bottom-right-radius: var(--rounded-inner);
	box-sizing: border-box;
}
.V2_global_navi .class2 dl{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-gutter-sm);
	width: 100%;
	height: 100%;
	padding: 0 var(--spacing-gutter);
}
.V2_global_navi .class2 strong{
	display: none;
}
.V2_global_navi .class2 dt,
.V2_global_navi .class2 dd{
}
.V2_global_navi .class2 a{
	display: flex;
	padding: var(--tag-spacing);
	font-size: var(--tag-fontSize);
	line-height: var(--tag-lineHeight);
	text-decoration: none;
	background: var(--tag-bg);
	color: var(--tag-color);
	border: var(--tag-border);
	border-radius: var(--tag-rounded);
}
.V2_global_navi .class2 a:hover{
/*
	background: var(--tag-bg-hover);
*/
	color: var(--tag-color-hover);
	text-decoration: underline;
}
/******************** archive ********************/
.V2_global_navi .class1 .tab_archive{
	color: var(--color-white-oklch);
}
body.custom_1 .V2_global_navi .class1 .tab_archive,
body.custom_2 .V2_global_navi .class1 .tab_archive{
	display:none;
}
.V2_global_navi .class1 .tab_archive dl{
	position: relative;
}
.V2_global_navi .class1 .tab_archive dl:hover{
	margin-left: 1px;
	color: var(--color-text-oklch);
	background: var(--ui-bg-default);
	box-shadow:0px 0px 1px 1px rgba(0,0,0,0.5);
}
.V2_global_navi .class1 .tab_archive dt{
	padding: 0px var(--spacing-gutter);
	margin :0;
	text-align: center;
	border-right: 1px solid rgba(0,0,0,0.25);
	box-shadow: 1px 0 0 0 rgba(255,255,255,0.25);
}
.V2_global_navi .class1 .tab_archive dl:hover dt{
	position: relative;
	z-index: 600;
	padding-bottom: 2px;
	background: var(--ui-bg-default);
	border: none;
}
.V2_global_navi .class1 .tab_archive dd{
	display: none;
	position: absolute;
	z-index: 500;
	left: 0;
	top: 28px;
	background: var(--ui-bg-default);
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
}
.V2_global_navi .class1 .tab_archive dl:hover dd{
	display: block;
}
/********** list **********/
.V2_global_navi .class1 .tab_archive dd ul{
	min-width: 8em;
	padding: 0;
}
.V2_global_navi .class1 .tab_archive dd li{
	border-bottom: 1px solid #ddd;
}
.V2_global_navi .class1 .tab_archive dd li a{
	display: block;
	padding: 4px 8px;
	font-weight: normal;
	color: var(--color-link-oklch);
	border: none;
}
.V2_global_navi .class1 .tab_archive dd li a:hover{
	background: #ffc;
}
/**************************************** ontline ****************************************/
.V2_global_navi .class1,
.V2_global_navi .class2,
.contents_header_top,
.main_contents:has(.contents_header_top) .index_contents_wrapper,
.V2_global_navi + .main_contents .left_contents,
.V2_global_footer,
.V2_global_navi + .main_contents,
.left_contents,
.main_contents,
.right_contents .sidetop_W300xH600,
.right_contents .special_contents,
.right_contents .ranking{
	outline: var(--layout-outline);
}
/**************************************** main_contents ****************************************/
.main_contents{
	flex-grow: 0;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter);
	width: var(--width-mainContents);
	padding: var(--spacing-inner-mainContents);
	text-align: center;
	border-radius: var(--rounded-inner);
	background: var(--layout-bg-default);
	box-sizing: border-box;
}
/******** contents_header ********/
.main_contents .contents_header{
}
/******** bread_crumb ********/
.main_contents .bread_crumb{
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	line-height: var(--lineHeight-xs);
	font-size: var(--fontSize-menu);
	color: var(--color-supplement-oklch);
	border-left: 4px solid var(--color-border-primary);
	box-sizing: border-box;
	overflow: hidden;
	height: 1em;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.main_contents .bread_crumb .multi_site,
.main_contents .bread_crumb > span{
	padding: 0 8px;
}
.main_contents .bread_crumb .PLATFORM_ICON_1,
.main_contents .bread_crumb .official_icon{
	display: none;
}
.main_contents .bread_crumb a{
	color: var(--color-supplement-oklch);
	text-decoration: none;
}
.main_contents .bread_crumb a:hover,
.main_contents .bread_crumb a:hover span{
	text-decoration: underline;
}
/**************************************** left_contents ****************************************/
.left_contents{
	width: var(--width-leftContents);
	padding: var(--spacing-inner);
	background: var(--layout-bg-default);
	border-radius: var(--rounded-inner);
	box-sizing: border-box;
}
.left_contents img{
	vertical-align: middle;
}
/******** Hot Game Now ********/
.left_contents .hot_game_now{
	position: relative;
	margin: 0 auto;
}
.left_contents .hot_game_now a img{
	width: 242px !important;
	height: 369px;
}
@media (max-width: 1599px) {
	.left_contents .hot_game_now{
		width: 198px;
	}
	.left_contents .hot_game_now a img{
		width: 198px !important;
		height: 396px;
	}
	.left_contents .hot_game_now::before{
		left: 0px;
		top: 0px;
		width: 198px;
		height: 396px;
	}
}
/********************************** 左メニュー **********************************/
.left_contents .left_menu{
	position: relative;
	text-align: left;
}
/******************** 親タイトルメニュー ********************/
.left_menu_title{
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter);
	width: 100%;
	margin: 0 auto var(--spacing-gutter);
	text-align: center;
	font-size: var(--fontSize-menu);
	box-sizing: border-box;
}
.icatch_arrow{
	/* リニューアル後は非表示 */
	display: none;
}
/********** header **********/
.left_menu_title_header{
	position:relative;
}
.left_menu_title_header dt{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap:  var(--spacing-gutter-sm);
	margin-bottom: var(--spacing-gutter);
}
.left_menu_title_header dt > br{
	display: none;
}
/***** タイトル名 *****/
.left_menu_title_header dt > strong{
	order: 1;
}
.left_menu_title_header strong::before{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 8em;
	height: 2em;
	padding: var(--layout-chip-spacing);
	font-weight: bold;
	font-size: var(--layout-chip-fontSize);
	line-height: var(--layout-chip-lineHeight);
	background: var(--color-gradient-heading);
	color: var(--layout-chip-color);
	border-radius: var(--layout-chip-rounded);
	box-sizing: border-box;
	transform: var(--layout-chip-skew);
}
.left_menu_title_header dt[style$="platform_pc.gif);"] strong::before{
	content: "PC";
}
.left_menu_title_header dt[style$="platform_ps5.gif);"] strong::before{
	content: "PS5";
}
.left_menu_title_header a.title{
	overflow:hidden;
	display: block;
	margin: var(--spacing-sm) auto 0;
	text-align: center;
	font-weight:bold;
	font-size: var(--fontSize-tertiary);
	line-height: var(--lineHeight-base);
	text-decoration: none;
	word-break: break-all;
	color: var(--color-link-oklch);
}
/***** パッケージ *****/
.left_menu_title_header dt > a:first-child{
	order:2;
}
.left_menu_title_header dt img.package{
	border-radius: var(--rounded-sm);
}
/***** 公式サイト *****/
.left_menu_title_header a.official{
	order: 3;
	display: flex;
	align-items: center;
	padding: var(--button-spacing-sm);
	margin: 0 auto;
	color: var(--button-color);
	font-size: var(--button-fontSize);
	line-height: var(--button-lineHeight);
	text-align: center;
	text-decoration: none;
	background: var(--button-bg);
	border-radius: var(--button-rounded);
}
.left_menu_title_header a.official::before{
	content: "公式サイトへ";
	display: inline-block;
}
.left_menu_title_header a.official::after{
	content:" ";
	display:block;
	width: 1em;
	height: 1em;
	background: var(--icon-bg);
	background-image: var(--icon-button-arrow);
	background-size: 1em;
}
.left_menu_title_header a.official:hover{
	color: var(--button-color-hover);
	background: var(--button-bg-hover);
	text-decoration: underline;
}
.left_menu_title_header a.official img{
	display: none;
}
/********** information **********/
.left_menu_title .title_information{
	position: relative;
	margin: 0 auto;
	padding: 0 0 var(--spacing-gutter-sm);
	border-bottom: 4px solid transparent;
}
.left_menu_title .title_information::before{
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 4px;
	z-index: 1;
	background: var(--color-gradient-heading);
	border-radius: 8px;
}
.title_information ul{
	list-style-type:disc;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter-xs);
	padding: var(--spacing-gutter-sm) 0;
	margin: 0 var(--spacing-gutter);
	border-top: 2px solid var(--color-border-primary);
}
.title_information ul li.developer a,
.title_information ul li.publisher a{
	text-decoration: underline;
}
.title_information .developer,
.title_information .publisher,
.title_information .date,
.title_information .price{
	text-align:left;
	margin-left: 24px;
}
.title_information .amazon,
.title_information .yahoo{
	display:inline;
}
.title_information .amazon img,
.title_information .yahoo img{
	margin-top: 8px;
}
/********** score **********/
.left_menu_title_score{
}
.left_menu_title_score .score_user,
.left_menu_title_score .score_foreign{
	overflow: hidden;
	display: grid;
	grid-template-columns: 66px 1fr;
	grid-auto-rows: 24px 1fr;
	width:100%;
	height:60px;
	margin:0 auto;
	border:1px solid var(--layout-border-color-default);
	border-radius: var(--rounded-inner-menu);
	box-sizing: border-box;
}
.left_menu_title_score .score_user .no_entry,
.left_menu_title_score .score_foreign .no_entry{
	overflow:hidden;
	height:60px;
}
.left_menu_title_score .score_user .point,
.left_menu_title_score .score_foreign .point{
	overflow:hidden;
	float:left;
	width:66px;
	height:58px;
	line-height:58px;
	font-size:44px;
	font-family:Arial,'ＭＳ Ｐゴシック';
	letter-spacing:-2px;
	background: var(--userrevie-bg-score);
	border-right:1px solid var(--layout-border-color-default);
	box-sizing: border-box;
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
.left_menu_title_score .score_user .point a,
.left_menu_title_score .score_foreign .point a{
	font-size:44px;
	text-decoration:none;
}
.left_menu_title_score .score_user .point .excellent,
.left_menu_title_score .score_user .point .good,
.left_menu_title_score .score_foreign .point .excellent,
.left_menu_title_score .score_foreign .point .good{
	color:#4DA92C;
}
.left_menu_title_score .score_user .point .average,
.left_menu_title_score .score_foreign .point .average{
	color:#FFA100;
}
.left_menu_title_score .score_user .point .bad,
.left_menu_title_score .score_user .point .poor,
.left_menu_title_score .score_foreign .point .bad,
.left_menu_title_score .score_foreign .point .poor{
	color:#ff0000;
}
.left_menu_title_score .score_user .heading,
.left_menu_title_score .score_foreign .heading{
	width:100%;
	height:24px;
	line-height:24px;
	font-size:12px;
	text-align:center;
	background: var(--ui-bg-palegray);
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}
.left_menu_title_score .score_user .post{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	background: #fff;
	color: #f00;
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
.left_menu_title_score .score_foreign .powered{
	width:69px;
	height:31px;
	background:url(/image/bg_leftmenu_metascore.gif) no-repeat 4px 4px;
	float:right;
	oveflow:hidden;
	line-height:10px;
	font-size:11px;
	text-align:left;
	padding:8px 0 0 38px;
}
.left_menu_title_score .score_foreign .powered a{
	text-decoration:underline;
}
/****** 読者レビュー廃止 ******/
.left_menu_title_score.no_entry,
.left_menu_title_score.no_entry .score_user,
.left_menu_title_score .score_foreign,
.left_menu_title_score .score_user .button{
	display:none;
}
/******************** article menu ********************/
.left_menu_title_menu{
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter-sm);
	text-align: left;
}
.left_menu_title_menu dl{
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter-xs);
	padding: var(--spacing-gutter-sm) var(--spacing-gutter);
	border-radius: var(--rounded-inner-menu);
	border: 1px solid var(--layout-border-color-default);
	background: var(--ui-bg-white);
	background: var(--ui-bg-palegray);
}
.left_menu_title_menu dl dt{
	font-size: var(--fontSize-ms);
	line-height: var(--lineHeight-ms);
	word-break: break-all;
}
.left_menu_title_menu dl dd ul{
	list-style-type: disc;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter-sm);
	margin-bottom: var(--spacing-gutter-sm);
}
.left_menu_title_menu dl dd ul li{
	margin-left: 24px;
}
/********** default **********/
.left_menu_title_menu dl.default{
}
.left_menu_title_menu dl.default dd ul li span.count{
	font-size: 10px;
}
/******************** option ********************/
.left_menu_title_menu dl dd ul li ul{
	margin-bottom: var(--spacing-gutter-sm);
}
.left_menu_title_menu dl dd ul li ul li{
	margin-left: 24px;
	list-style:disc;
}
/********** LEVEL **********/
.left_menu_title_menu li.LEVEL_1,
.left_menu_title_menu li.LEVEL_2,
.left_menu_title_menu li.LEVEL_3{
}
.left_menu_title_menu dl dd ul li.LEVEL_1{
}
/********** TITLE **********/
.left_menu_title_menu dl dd ul li.LEVEL_1.TITLE,
.left_menu_title_menu dl dd ul li.LEVEL_2.TITLE{
	clear: both;
	list-style: none;
	margin-left: 0px;
}
.left_menu_title_menu dl dd ul li.LEVEL_3.TITLE{
	margin-bottom:0px;
}
.left_menu_title_menu li span.TITLE{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/***** LEVEL_1 heading *****/
.left_menu_title_menu li.LEVEL_1 > span.TITLE{
	padding: var(--layout-heading-spacing-sm);
	margin-bottom: var(--spacing-gutter-sm);
	background: var(--layout-heading-bg-sm);
	color: var(--layout-heading-color);
	border-radius: var(--layout-heading-rounded);
	transform: var(--layout-heading-skew);
}
/***** LEVEL_2 heading *****/
.left_menu_title_menu li.LEVEL_2 > span.TITLE{
	padding-bottom: var(--spacing-gutter-sm);
	margin: var(--spacing-gutter-sm) 0;
	font-weight: bold;
	border-bottom: 1px dotted var(--layout-border-color-default);
}
.left_menu_title_menu li.LEVEL_2 > span.TITLE:before{
	content: "▼";
	display: inline-block;
	margin-right: 4px;
}
/***** LEVEL_3 heading *****/
.left_menu_title_menu li.LEVEL_3.TITLE{
	margin-left: 40px;
	margin-bottom: 0px;
}
.left_menu_title_menu li.LEVEL_3 > span.TITLE{
	padding: 0px;
	margin-bottom: 0px;
}
/******************** default menu ********************/
.left_menu_top{
}
.left_menu a{
	text-decoration: none;
}
.left_menu a:visited{
	color: var(--color-link-oklch);
}
.left_menu a:hover{
	text-decoration: underline;
}
.left_menu_bottom{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: var(--spacing-gutter);
}
/******** お気に入り / 履歴 / 連載 / トピックス / 問い合わせ ********/
.left_menu .favorite,
.left_menu .bookmark_disp,
.left_menu .already,
.left_menu .weekly,
.left_menu .topics,
.left_menu .others,
.left_menu .inquiry{
	width: 100%;
}
/******** heading ********/
.left_menu .left_heading,
.left_menu .bookmark_header{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--layout-heading-spacing);
	font-weight: bold;
	font-size: var(--layout-heading-fontSize);
	line-height: var(--layout-heading-lineHeight);
	background: var(--color-gradient-heading);
	color: var(--layout-heading-color);
	border-radius: var(--layout-heading-rounded);
	transform: var(--layout-heading-skew);
	box-sizing: border-box;
}
/******** ul ********/
.left_menu .favorite ul,
.left_menu .already ul,
.left_menu .weekly ul,
.left_menu .topics ul,
.left_menu .inquiry ul,
.left_menu .others ul{
}
/************************** お気に入り **************************/
.left_favorite_container{
	width: 100%;
}
.left_menu .favorite,
.left_menu .already{
	font-size: var(--fontSize-menu);
}
.left_menu .favorite p,
.left_menu .already p{
	display: none;
}
.left_menu .favorite .icon_new{
	vertical-align:-1px;
	margin-left:1px;
}
.left_menu .favorite ul,
.left_menu .already ul{
	margin-top: var(--spacing-gutter-sm);
}
/********** V2_favorite **********/
#QUICK_BOOKMARK .V2_favorite,
.left_menu .V2_favorite{
	position: relative;
	display: flex;
	min-height: var(--icon-xl);
	padding: var(--spacing-gutter-sm);
	padding-left: calc(var(--spacing-gutter) + var(--icon-xl) + var(--spacing-gutter-sm));
	margin-bottom: var(--spacing-gutter-sm);
	line-height: var(--lineHeight-base);
	background: var(--ui-bg-palegray);
	background: #fff;
	border: 1px solid var(--layout-border-color-default);
	border-radius: var(--rounded-inner-menu);
}
#QUICK_BOOKMARK .V2_favorite,
.left_menu .favorite_top .V2_favorite{
	background:linear-gradient(90deg, #edecd8, #fffdf5);
	background: #f1efe3 ;
}
#QUICK_BOOKMARK .V2_favorite dl,
.left_menu .V2_favorite dl{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 4px;
	width: 100%;
}
#QUICK_BOOKMARK .V2_favorite dt,
.left_menu .V2_favorite dt{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	font-size: var(--fontSize-sm);
	text-align: left;
}
/***** チェックボックス *****/
#QUICK_BOOKMARK .V2_favorite dt > a:first-child,
.left_menu .V2_favorite dt > a:first-child{
	overflow: hidden;
	display: block;
	position: absolute;
	z-index: 3;
	top: 4px;
	left: 4px;
	width: var(--icon-sm);
	height: var(--icon-sm);
	outline: 2px solid #fff;
	border-radius: var(--rounded-circle);
}
#QUICK_BOOKMARK .V2_favorite dt > a:first-child::before,
.left_menu .V2_favorite dt > a:first-child::before{
	content: " ";
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: var(--icon-sm);
	height: var(--icon-sm);
	background: var(--icon-bg);
	background-color: var(--color-white);
	background-image: var(--icon-checkbox);
	background-size: var(--icon-sm);
}
.left_menu .already dt > a:first-child::before{
	background-image: var(--icon-checkbox-gray);
	background-size: var(--icon-sm);
}
#QUICK_BOOKMARK .V2_favorite img.check,
.left_menu .V2_favorite img.check{
	display: none;
}
#QUICK_BOOKMARK .V2_favorite img.check + img,
#QUICK_BOOKMARK .V2_favorite .title a:last-child img,
.left_menu .V2_favorite img.check + img,
.left_menu .V2_favorite .title a:last-child img{
	display: block;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: var(--spacing-gutter);
	width: var(--icon-xl);
	height: var(--icon-xl);
	margin-top: calc(var(--icon-xl) / 2 * -1);
	border-radius: var(--rounded-circle);
}
/***** NO IMAGE *****/
#QUICK_BOOKMARK .V2_favorite > a:last-child:after,
#QUICK_BOOKMARK .V2_favorite .title a:last-child:after,
.left_menu .V2_favorite > a:last-child:after,
.left_menu .V2_favorite .title a:last-child:after{
	content: "NO\AIMAGE";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: var(--spacing-gutter);
	width: var(--icon-xl);
	height: var(--icon-xl);
	margin-top: calc(var(--icon-xl) / 2 * -1);
	font-size: var(--fontSize-xs);
	line-height: var(--lineHeight-xs);
	text-align: center;
	white-space: pre;
	background: var(--ui-empty-bg);
	color: var(--color-white-oklch);
	border-radius: var(--rounded-circle);
}
/***** タイトル名 *****/
#QUICK_BOOKMARK .V2_favorite dt > a:last-child,
.left_menu .V2_favorite dt > a:last-child{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/********** 2段目 **********/
#QUICK_BOOKMARK .V2_favorite dd,
.left_menu .V2_favorite dd{
	display: flex;
	align-items: center;
	font-size: var(--fontSize-xs);
	line-height: var(--lineHeight-sm);
}
#QUICK_BOOKMARK .V2_favorite dd:empty,
.left_menu .V2_favorite dd:empty{
	display: none;
}
#QUICK_BOOKMARK .V2_favorite .article a,
#QUICK_BOOKMARK .V2_favorite .review a,
.left_menu .V2_favorite .article a,
.left_menu .V2_favorite .review a{
	color: var(--color-text-oklch);
}
#QUICK_BOOKMARK .V2_favorite dd span,
.left_menu .V2_favorite dd span{
	font-weight: bold;
}
/***** 公式へ *****/
#QUICK_BOOKMARK .V2_favorite dd.official,
.left_menu .V2_favorite dd.official{
	position: relative;
}
#QUICK_BOOKMARK .V2_favorite dd.official img,
.left_menu .V2_favorite dd.official img{
	display: none;
}
#QUICK_BOOKMARK .V2_favorite dd.official:last-child::before,
.left_menu .V2_favorite dd.official:last-child::before{
	display: inline-block;
	content: "公式へ";
	padding: 2px 4px;
	line-height: 10px;
	font-size: 8px;
	background: var(--ui-empty-bg);
	color: #fff;
	border: 1px solid var(--ui-empty-bg);
	border-radius: var(--rounded-full);
}
#QUICK_BOOKMARK .V2_favorite dd.official:last-child a,
.left_menu .V2_favorite dd.official:last-child a{
	position: absolute;
	z-index: 1;
	left: 0;
}
#QUICK_BOOKMARK .V2_favorite dd.official:last-child a::before,
.left_menu .V2_favorite dd.official:last-child a::before{
	display: inline-block;
	content: "公式へ";
	padding: 2px 4px;
	line-height: 10px;
	font-size: 8px;
	background: var(--tag-bg);
	color: var(--tag-color);
	border: var(--tag-border);
	border-radius: var(--rounded-full);
	vertical-align: text-top;
}
#QUICK_BOOKMARK .V2_favorite dd.official:last-child a:hover::before,
.left_menu .V2_favorite dd.official:last-child a:hover::before{
	text-decoration: underline;
}
/********** comment **********/
/* ----------------------------------------
・commentについて
p.comment：お気に入り0件
li.comment：お気に入りが1件以上
---------------------------------------- */
.left_menu .comment{
	font-size: 12px;
	line-height:1.6;
}
.left_menu ul p.comment{
	/* 登録件数が0の時の説明文用 */
}
.left_menu .favorite p.comment{
	border:none;
}
.left_menu .favorite .comment b{
	color: #ff0000;
}
.left_menu .already .comment br{
	display:none;
}
/********** トップページ用 **********/
.left_menu .favorite_top{
}
.left_menu .favorite_top .left_heading + p{
	display: none;
	background:linear-gradient(270deg, #dddab1, #f9f7ed);
}
/******************** 左メニュー基本属性 ********************/
.left_menu .bookmark_disp{
}
.left_menu .bookmark_header::after{
	content: "from アンケート";
	display: inline-block;
	margin: 2px 0 0 4px;
	font-size: 9px;
	line-height: 1;
}
.left_menu .bookmark_list{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-gutter-sm);
	padding: var(--spacing-gutter-sm) var(--spacing-gutter-xs);
}
.left_menu .bookmark_platform{
	display: flex;
	align-items: center;
	gap: var(--spacing-gutter-xs);
	padding-right: 4px;
	margin: 0;
	font-size: var(--fontSize-sm);
}
.left_menu .bookmark_platform::before{
	content:" ";
	display:inline-block;
	width: var(--icon-md);
	height: var(--icon-md);
	background: var(--icon-bg);
	background-image: var(--icon-controler);
	background-size: var(--icon-md);
}
/***** トップページ用 *****/
.timeline_highlight_description{
	position:relative;
	font-size: 12px;
	line-height: 1.6;
	background: #333;
	color: #fff;
	padding: 8px;
	margin-top: 2px;
	border-radius: 8px;
	box-sizing: border-box;
}
.left_menu .bookmark_platform a:hover{
	text-decoration:underline;
}
.timeline_highlight_description::before{
	content:" ";
	display:block;
	position:absolute;
}
.timeline_highlight_description::before{
	z-index:2;
	top:-12px;
	left:10px;
	width:0;
	height:0;
	border:6px solid #333;
	border-top-color:transparent;
	border-left-color:transparent;
	border-right-color:transparent;
}
.timeline_highlight_description span{
	display: block;
	color: #ff0;
}
.contents_area_1 .bookmark_disp,
.contents_area_1 .timeline_highlight_description,
.left_contents .left_menu .already_top .favorite_exp{
	display:none;
}
/******************** weekly / topics / inquiry ********************/
.left_menu .weekly li,
.left_menu .inquiry li,
.left_menu .topics li,
.left_menu .others li{
	display: flex;
	align-items: center;
	min-height: 2.5em;
	padding: var(--spacing-gutter-sm) var(--spacing-gutter-xs);
	font-size: var(--fontSize-sm);
	line-height: var(--lineHeight-base);
	border-bottom: 1px solid var(--layout-border-color-default);
	gap: var(--spacing-gutter-sm);
}
/******** LINE ********/
.left_menu .line .mobile_bg{
	position: relative;
	width: 100%;
	height: 250px;
	margin-top: var(--spacing-gutter-sm);
	background: url(/image/bg_leftmenu_line_2.png) no-repeat center top transparent;
	box-sizing: border-box;
}
/********** article thumb **********/
.news_thumb.noimage{
	display:none;
}
.news_thumb{
	width: 200px;
}
.news_thumb img{
	display: block;
	width: 200px;
}
/******** banner ********/
.left_menu .banner_left_4g{
	margin:4px 0;
}
/******** weekly ********/
.unit_contents .left_contents {
.left_menu .weekly a{
	display: table-cell;
	vertical-align: top;
}
.left_menu .weekly span{
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	min-width: 5em;
	font-size: var(--fontSize-xs);
	font-weight: bold;
	color: var(--color-text-oklch);;
	background: var(--ui-bg-white);
	border-radius: var(--rounded-inner-menu);
	border-bottom: 1px solid var(--layout-border-color-default);
	box-sizing: border-box;
}
.left_menu .weekly .contents_all{
	padding-bottom: 0;
	border: none;
}
.left_menu .weekly .contents_all a{
	display: flex;
	align-items: center;
	gap: var(--button-component-gap);
	padding: var(--button-component-padding);
	font-size: var(--button-fontSize);
	line-height: var(--button-lineHeight);
	text-align: center;
	text-decoration: none;
	background-color: var(--button-bg);
	color: var(--button-color);
	border-radius: var(--button-rounded);
	margin:0 auto;
}
.left_menu .weekly .contents_all a::after{
	content:" ";
	display:block;
	width: var(--button-component-icon-width);
	height: var(--button-component-icon-height);
	background: var(--button-component-icon-bg-black);
	background-size: var(--button-component-bg-size);
	border-radius: var(--button-component-icon-rounded);
}
.left_menu .weekly .contents_all a:hover{
	color: var(--button-color-hover);
	background: var(--button-bg-hover);
	text-decoration: underline;
}
.main_contents:has(.V2_article_container[tag*="W00150"]) .left_menu li[data-words-id="W00150"] span:before,
.main_contents:has(.V2_article_container[tag*="W00175"]) .left_menu li[data-words-id="W00175"] span:before,
.main_contents:has(.V2_article_container[tag*="W01606"]) .left_menu li[data-words-id="W01606"] span:before,
.main_contents:has(.V2_article_container[tag*="W01329"]) .left_menu li[data-words-id="W01329"] span:before,
.main_contents:has(.V2_article_container[tag*="W01224"]) .left_menu li[data-words-id="W01224"] span:before,
.main_contents:has(.V2_article_container[tag*="W01661"]) .left_menu li[data-words-id="W01661"] span:before,
.main_contents:has(.V2_article_container[tag*="W00178"]) .left_menu li[data-words-id="W00178"] span:before,
.main_contents:has(.V2_article_container[tag*="W01548"]) .left_menu li[data-words-id="W01548"] span:before,
.main_contents:has(.V2_article_container[tag*="W01337"]) .left_menu li[data-words-id="W01337"] span:before,
.main_contents:has(.V2_article_container[tag*="W01602"]) .left_menu li[data-words-id="W01602"] span:before,
.main_contents:has(.V2_article_container[tag*="W00856"]) .left_menu li[data-words-id="W00856"] span:before,
.main_contents:has(.V2_article_container[tag*="W00927"]) .left_menu li[data-words-id="W00927"] span:before,
.main_contents:has(.V2_article_container[tag*="W01545"]) .left_menu li[data-words-id="W01545"] span:before,
.main_contents:has(.V2_article_container[tag*="W00911"]) .left_menu li[data-words-id="W00911"] span:before,
.main_contents:has(.V2_article_container[tag*="W01737"]) .left_menu li[data-words-id="W01737"] span:before,
.main_contents:has(.V2_article_container[tag*="W01281"]) .left_menu li[data-words-id="W01281"] span:before,
.main_contents:has(.V2_article_container[tag*="W01757"]) .left_menu li[data-words-id="W01757"] span:before,
.main_contents:has(.V2_article_container[tag*="W01824"]) .left_menu li[data-words-id="W01824"] span:before,
.main_contents:has(.V2_article_container[tag*="W00391"]) .left_menu li[data-words-id="W00391"] span:before,
.main_contents:has(.V2_article_container[tag*="W01181"]) .left_menu li[data-words-id="W01181"] span:before,
.main_contents:has(.V2_article_container[tag*="W01472"]) .left_menu li[data-words-id="W01472"] span:before,
.main_contents:has(.V2_article_container[tag*="W00528"]) .left_menu li[data-words-id="W00528"] span:before,
.main_contents:has(.V2_article_container[tag*="W01607"]) .left_menu li[data-words-id="W01607"] span:before,
.main_contents:has(.V2_article_container[tag*="W01632"]) .left_menu li[data-words-id="W01632"] span:before,
.main_contents:has(.V2_article_container[tag*="W00544"]) .left_menu li[data-words-id="W00544"] span:before,
.main_contents:has(.V2_article_container[tag*="W01851"]) .left_menu li[data-words-id="W01851"] span:before{
	content:"新着あり";
	position:absolute;
	left:-1px;
	top:-1px;
	min-width:5em;
	background:#f00;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	border-radius:4px;
	padding:2px;
	animation: leftmenu_blinking 1.5s ease-in-out infinite alternate;
	border:1px solid #f00;
	box-sizing:border-box;
}
@keyframes leftmenu_blinking {
	0%   { opacity: 0; }
	25%  { opacity: 0; }
	75%  { opacity: 1; }
	100% { opacity: 1; }
}
}
/********** article **********/
.left_menu .leftmenu_article .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: var(--spacing-gutter) var(--spacing-gutter-sm);
}
.left_menu .leftmenu_article .container:nth-child(4),
.left_menu .leftmenu_article .container:nth-child(5){
	display: none;
}
.left_menu .leftmenu_article .container > a{
	order: 2;
}
.left_menu .leftmenu_article .img_left_top{
	width: 180px;
	height: auto;
	margin: 0 auto;
	border-radius: var(--rounded-inner-menu);
}
.left_menu .leftmenu_article .container > div{
	display: contents;
}
.left_menu .leftmenu_article .heading{
	order: 3;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	width: 180px;
	text-align: left;
}
.left_menu .leftmenu_article .V2_article_tag{
	order: 1;
	overflow: hidden;
	display: block;
	width: 180px;
	height: 11px;
	margin: 0 auto 0 0;
}
.left_menu .leftmenu_article .V2_article_tag img{
	margin-right: 2px;
	vertical-align: top;
}
.left_menu .leftmenu_article .container > a:hover .img_left_top{
	filter: brightness(1.1);
}
@media (max-width: 1909px) {
	.left_menu .leftmenu_article .heading{
		-webkit-line-clamp: 2;
	}
}
@media (min-width: 1600px) {
	.left_menu .leftmenu_article .img_left_top,
	.left_menu .leftmenu_article .heading,
	.left_menu .leftmenu_article .V2_article_tag{
		width: 220px;
	}
}
/***** oneline *****/
.left_menu .leftmenu_article .oneline{
	display:none;
}
/********** features / others / inquiry **********/
.left_menu .inquiry div:last-child{
	display:none;
}
.left_menu .features li svg,
.left_menu .inquiry li svg{
	display: inline-block;
	width: var(--icon-lg);
	height: var(--icon-lg);
	padding: 4px;
	vertical-align: middle;
	border-radius: var(--rounded-circle);
	background-color: #fff;
	border: 1px solid var(--layout-border-color-default);
	box-sizing: border-box;
}
/********** medipartner **********/
.left_menu .medipartner{
	position: static !important;
	width: 100%;
	margin: 0 auto;
	background: transparent;
	border: none;
}
.left_menu .medipartner p{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--layout-heading-spacing);
	font-weight: bold;
	font-size: var(--layout-heading-fontSize);
	line-height: var(--layout-heading-lineHeight);
	background: var(--color-gradient-heading);
	color: var(--layout-heading-color);
	border-radius: var(--layout-heading-rounded);
	transform: var(--layout-heading-skew);
	box-sizing: border-box;
}
.left_menu .medipartner p{
	margin: 0 auto 8px;
}
.medipartner img{
	display: block;
	margin:0 auto 8px !important;
}
.left_contents .left_menu{
	margin-bottom: 120px !important;
	margin-bottom: 0px !important;
}
.left_contents .last_update{
	font-size: 12px;
	line-height: 1.4;
	color: var(--color-supplement);
	text-align: center;
}
/********** レスポンシブ **********/
@media (min-width: 1600px) {
.left_contents{
	display: flex;
	flex-direction: column;
	background: none;
	border-radius: 0;
	padding: 0;
	outline: none;
	gap: 16px;
}
/*
.left_contents .left_menu_title,
*/
.left_contents .left_menu,
.left_contents .left_menu_top,
.left_contents .left_menu_bottom{
	display: contents;
}
/*
.left_contents .left_menu_title_header,
.left_contents .left_menu_title_score:not(.no_entry),
.left_contents .left_menu_title_menu,
*/
.left_contents .hot_game_now,
.left_contents .left_menu_title,
.left_contents .left_favorite_container,
.left_contents .already,
.left_contents .banner_left_4g,
.left_contents .weekly,
.left_contents .others,
.left_contents .news_thumb,
.left_contents .topics,
.left_contents .inquiry,
.left_contents .medipartner{
	width: var(--width-leftContents);
	padding: var(--spacing-inner);
	background: var(--layout-bg-default);
	border-radius: var(--rounded-inner);
	box-sizing: border-box;
	outline: var(--layout-outline);
}
.left_contents .medipartner{
	position: sticky !important;
	top: 76px;
	bottom: auto;
	z-index: 99;
	backdrop-filter: blur(10px);
}
.left_contents .left_menu_title{
	margin: 0 auto;
}
.left_menu_title .title_information{
	border-bottom: 0;
}
.left_contents .banner_left_4g,
.left_contents .news_thumb{
	display: flex;
	justify-content: center;
}
}
/**************************************** right_contents ****************************************/
.right_contents{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	gap: var(--spacing-gutter);
	width: var(--width-rightContents);
}
.right_contents img{
	vertical-align: middle;
}
.right_contents a{
	text-decoration: none;
}
.right_contents a:hover{
	text-decoration: underline;
}
.right_contents .title{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--layout-heading-spacing);
	font-weight: bold;
	font-size: var(--layout-heading-fontSize-rightContents);
	line-height: var(--layout-heading-lineHeight);
	background: var(--color-gradient-heading);
	color: var(--layout-heading-color);
	border-radius: var(--layout-heading-rounded);
	transform: var(--layout-heading-skew);
	box-sizing: border-box;
}
/********** order **********/
.right_contents .sidetop_W300xH600{
	order: 1;
}
.right_contents .paidpub_special{
	order: 2;
}
.right_contents .rectangle_ad{
	order: 3;
}
.right_contents .ranking{
	order: 4;
}
.right_contents .ranking + .ranking{
	order: 5;
}
.right_contents .sticky_ad_mini{
	order: 6;
}
/********** sidetop **********/
.right_contents .sidetop_W300xH600{
	width: 300px;
	height: 600px;
	padding: var(--spacing-inner);
	background: var(--layout-bg-default);
	border-radius: var(--rounded-inner);
	box-shadow: none;
}
.right_contents .sidetop_W300xH600 img{
	max-width: 300px;
}
/********** paidpub **********/
.right_contents .paidpub_special{
	width: 100%;
	margin: 0 auto;
}
.right_contents .paidpub_special .title{
	margin-bottom: 0;
}
.right_contents .special_contents_V2{
}
/***** container *****/
.right_contents .paidpub_special div{
	overflow: visible !important;
}
div .right_contents .special_contents{
	overflow: hidden !important;
}
.right_contents .special_contents{
	padding: var(--spacing-gutter-sm) var(--spacing-gutter);
	margin-top: var(--spacing-gutter-sm);
	background: var(--layout-bg-default);
/*
	background-color: #fff;
*/
	border-radius: var(--rounded-inner);
	box-sizing: border-box;
}
.right_contents .special_contents figure{
	position: relative;
	display: flex;
	align-items: center;
}
.right_contents .special_contents figure img{
	width: var(--icon-xxl);
	height: var(--icon-xxl);
	border-radius: var(--icon-rounded);
}
.right_contents .special_contents figcaption{
	padding-left: var(--spacing-inner);
	letter-spacing: var(--letterSpacing-base);
	font-size: var(--fontSize-sm);
	line-height: var(--lineHeight-sm);
}
.right_contents .special_contents.pr figure:before{
	content: "PR";
	position: absolute;
	z-index: 1;
	left: -8px;
	top: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 2em;
	padding: var(--layout-chip-spacing);
	font-weight: bold;
	font-size: var(--layout-chip-fontSize);
	line-height: var(--layout-chip-lineHeight);
	background: var(--color-gradient-heading);
	color: var(--layout-chip-color);
	border-radius: var(--layout-chip-rounded);
	box-sizing: border-box;
	transform: var(--layout-chip-skew);
}
/********** rectangle_ad **********/
.right_contents .rectangle_ad{
	width: 300px;
	margin: 0 auto;
}
/********** ranking **********/
.right_contents .ranking{
	position: relative;
	display: flex;
	gap: var(--spacing-gutter);
	flex-direction: column;
	width: 100%;
	border-radius: var(--rounded-inner);
	box-sizing: border-box;
	background: var(--layout-bg-default);
/*
	background-color: #fff;
*/
}
.right_contents .ranking .title{
	margin: var(--spacing-gutter) var(--spacing-gutter) calc(var(--spacing-gutter) * -1);
}
.right_contents .ranking .container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0px var(--spacing-inner) var(--spacing-inner);
	font-size: var(--fontSize-ms);
	line-height: var(--lineHeight-base);
	word-break: break-all;
	word-wrap: break-word;
	border-bottom: 1px solid var(--layout-border-color-default);
}
.right_contents .ranking .title + .container{
	padding-top: var(--spacing-inner);
	border-top-left-radius: var(--rounded-inner);
	border-top-right-radius: var(--rounded-inner);
}
.right_contents .ranking + .ranking > div:nth-child(12),
.right_contents .ranking + .ranking > div:nth-child(13),
.right_contents .ranking + .ranking > div:nth-child(14),
.right_contents .ranking + .ranking > div:nth-child(15),
.right_contents .ranking + .ranking > div:nth-child(16),
.right_contents .ranking + .ranking > div:nth-child(17),
.right_contents .ranking + .ranking > div:nth-child(18),
.right_contents .ranking + .ranking > div:nth-child(19),
.right_contents .ranking + .ranking > div:nth-child(20),
.right_contents .ranking + .ranking > div:nth-child(21){
	display:none;
}
/***** period *****/
.right_contents .ranking .period{
	padding: 0px var(--spacing-inner) var(--spacing-inner);
	font-size: var(--fontSize-xs);
	line-height: var(--lineHeight-base);
	text-align: right;
}
.right_contents .ranking .contents_all + .period{
	padding: 0px var(--spacing-inner);
}
/***** more *****/
.right_contents .ranking .contents_all,
.right_contents .ranking .container + .period{
	border-bottom-left-radius: var(--rounded-inner);
	border-bottom-right-radius: var(--rounded-inner);
}
.right_contents .ranking .contents_all{
	display: flex;
	justify-content: center;
	order: 1;
	padding: 0px var(--spacing-inner) var(--spacing-inner);
}
.right_contents .ranking .contents_all a{
	display: flex;
	align-items: center;
	gap: var(--button-component-gap);
	padding: var(--button-component-padding);
	font-size: var(--button-fontSize);
	line-height: var(--button-lineHeight);
	text-align: center;
	text-decoration: none;
	background-color: var(--button-bg);
	color: var(--button-color);
	border-radius: var(--button-rounded);
}
.right_contents .ranking .contents_all a::after{
	content:" ";
	display:block;
	width: var(--button-component-icon-width);
	height: var(--button-component-icon-height);
	background: var(--button-component-icon-bg-black);
	background-size: var(--button-component-bg-size);
	border-radius: var(--button-component-icon-rounded);
}
.right_contents .ranking .contents_all a:hover{
	color: var(--button-color-hover);
	background: var(--button-bg-hover);
	text-decoration: underline;
}
/***** rank *****/
.right_contents .ranking div[class^="no"]{
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--icon-lg);
	height: var(--icon-lg);
	margin: 0 var(--spacing-gutter-sm) 0 0;
	line-height: var(--icon-lg);
	font-size: var(--fontSize-md);
	font-weight: bold;
	border-radius: var(--icon-rounded);
	background: var(--ui-ranking-bg-gray-oklch);
	color: var(--color-white-oklch);
}
.right_contents .ranking div[class="no1"]{
	background: var(--ui-ranking-bg-1st-oklch);
}
.right_contents .ranking div[class="no2"]{
	background: var(--ui-ranking-bg-2nd-oklch);
}
.right_contents .ranking div[class="no3"]{
	background: var(--ui-ranking-bg-3rd-oklch);
}
/***** text *****/
.right_contents .ranking p{
	flex-grow: 1;
	width: 130px;
}
.right_contents .ranking .container a{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
/********** sticky banner **********/
.right_contents .sticky_ad_mini{
	position: sticky;
	top: calc(var(--height-floatingNavi) + var(--spacing-gutter));
	margin: 0 auto;
}
.right_contents .sticky_ad_mini a img{
	/* Poly回避用 important */
	margin-bottom: var(--spacing-gutter-sm) !important;
}
/********** sticky movie **********/
.right_contents .autoplay_movie,
.right_contents .autoplay_movie video{
	width: 300px;
	height: auto !important;
	background: rgba(255, 255, 255, 0.5);
}
.right_contents .timeline_video_banner{
	display: flex;
	flex-direction: column;
}
.right_contents .autoplay_movie video{
	order: 2;
}
.right_contents .timeline_video_banner h2{
	order: 2;
	padding: 0 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	text-align: left;
}
/****************************** footer ******************************/
.V2_global_footer{
	overflow: hidden;
	border-radius: var(--rounded-inner);
	outline: var(--layout-outline);
}
.V2_global_footer,
.footer_index,
.footer_middle,
.footer_bottom{
	width:100%;
}
/********** footer_index **********/
.footer_index{
	clear:both;
	margin:0;
	padding: 16px;
	font-size: 14px;
	line-height: 1.6;
	background: var(--layout-bg-default);
	background: #fff;
	box-sizing: border-box;
}
.footer_container{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.footer_index dl{
	width:20%;
	height: 17em;
	padding: 16px;
	border:1px dotted #7f7f7f;
	border-right:none;
	box-sizing:border-box;
}
.footer_index dl:nth-child(5n),
.footer_index dl:nth-child(10n){
	border-right:1px dotted #7f7f7f;
}
.footer_index dl:nth-child(6n),
.footer_index dl:nth-child(7n),
.footer_index dl:nth-child(8n),
.footer_index dl:nth-child(9n),
.footer_index dl:nth-child(10n){
	border-top:none;
}
.footer_index dt{
	font-weight:bold;
}
.footer_index dd{
	margin-left:1em;
}
.footer_index a{
	color: var(--color-link-oklch);
	text-decoration:none;
}
.footer_index a:hover{
	text-decoration:underline;
}
/********** sub **********/
.footer_middle,
.footer_bottom{
	padding: 16px 0;
	margin:0 auto;
	line-height: 1.6;
	font-size: 12px;
	text-align:center;
	color:#ffffff;
}
.footer_middle{
	background:#333;
}
.footer_bottom{
	background:#000;
}
.footer_middle a,
.footer_bottom a{
	color:#ffffff;
}
.fotter_submenu{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	padding-bottom: 8px;
}
.fotter_submenu div{
	padding:0px 16px;
}
/******************** c-site-footer ********************/
.c-site-footer{
	overflow: hidden;
	width: 100%;
	margin: var(--spacing-gutter) 0 0;
	outline: var(--layout-outline);
}
.c-site-footer .footer_index{
	padding: var(--spacing-gutter) 0;
	background: var(--layout-bg-default);
}
.c-site-footer .footer_container{
	width: var(--width-contents-min);
	margin:0 auto;
}
.c-site-footer .footer_index dl,
.c-site-footer .footer_index dl:nth-child(5n),
.c-site-footer .footer_index dl:nth-child(10n){
	border: none;
}
.c-site-footer .footer_index dt a::before{
	content: " ";
	display: inline-block;
	width: var(--icon-md);
	height: var(--icon-md);
	background: var(--icon-bg);
	background-image: var(--icon-controler);
	background-size: var(--icon-md);
	vertical-align: middle;
	margin-right: 8px;
}
.c-site-footer .footer_index dd{
	margin-left: calc( var(--icon-md) + 8px);
}
.c-site-footer .footer_middle::before{
	content:" ";
	display:inline-block;
	width: 220px;
	height: auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 458.8 83.1'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='229.4' y1='6.6' x2='229.4' y2='76.6' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff'%3E%3C/stop%3E%3Cstop offset='.3' stop-color='%23f3f4f4'%3E%3C/stop%3E%3Cstop offset='.7' stop-color='%23d5d6d8'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23c1c3c6'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M458.8,14.8h-15.8V.4h-25.5v20.7c-9.8-6.8-22.8-8.3-34-3-3.7,1.7-6.9,4-9.7,6.8-5.1-6.1-12.7-10-21.2-10s-13,2.5-17.8,6.6v-6.6h-16.1v6.7c0-3.4,0-6.7,0-6.7-8.3,0-15.7,4.2-20.3,10.5-10-10.3-25.7-13.5-39-7.3-3.7,1.7-7,4.1-9.8,6.9-5.1-6.2-12.7-10.1-21.3-10.1s-10.4,1.6-14.8,4.4c-4.4-2.9-9.5-4.4-14.8-4.4-10.4,0-19.4,5.8-24.1,14.3-6.2-8.6-16.3-14.3-27.7-14.3s-14.9,2.6-20.6,7l-2.3-3.2-2-2.8C113.7,5.6,101.1-.3,88.1,0c-12.3.3-23.9,6.3-31.4,15.7V.3h-22.4l-2,2.9L0,50.5v21s22.9,0,31.1,0v11.5h25.5v-11.5h3.7c7.5,7.1,17.5,11.4,27.9,11.6,11.9.2,23.4-4.8,31.4-13.4,6.2,8.1,16.1,13.4,27.1,13.4s5.8-.4,8.6-1.2v1.2h32.2s55.8,0,55.8,0h0s12.5,0,12.5,0v-5.1c9.5,5.8,21.6,7,32.4,1.9,1.9-.9,3.7-1.9,5.3-3.1v6.3h25.3s55.8,0,55.8,0h0s5.6,0,5.6,0v-5c9.4,5.7,21.4,6.7,32.1,1.8,3.9-1.8,7.2-4.2,10.1-7.2,4.6,6.2,11.9,10.3,20.2,10.4,0,0-.1-.1-.1-.1.5,0,1,.1,1.7.1h14.7s0-25.5,0-25.5h-15.8c0-.4,0-10.4,0-17.2h15.8V14.8Z' style='fill:%23231815'%3E%3C/path%3E%3Cpath d='M146.8,21.4c-9.9,0-18.6,5.2-23.4,13-.7-3.5-2-7-3.8-10.2l-37.7,17.6c1.7,3.5,3.5,7.4,5.2,11.2l24.4-11.4c0,12.9-11.4,23.3-24.3,22.2-12.1-1.1-21.4-12.1-20.3-24.2.7-8.3,6.2-15.6,13.9-18.7,8.1-3.3,17.5-1.4,23.8,4.6h0c.7.7,1.4,1.4,2,2.2l11.7-5.4c-.5-.8-1.1-1.6-1.7-2.3h0c-6.7-8.6-17.5-13.6-28.4-13.3h0c-13.1.3-25.1,8.2-30.7,20-3.9,8.2-4.3,17.5-1.6,25.9h-5.9V6.9h-12.4S6.6,52.5,6.6,52.5v12.4h31.1v11.5h12.4v-11.5h13c6.4,7.1,15.6,11.4,25.3,11.6,11.9.2,23.5-5.8,30-15.8.8-1.2,1.4-2.3,2-3.6,3.5,11.2,14,19.4,26.3,19.4s10.8-1.7,15.2-4.6v4.6h12.4v-27.6h0c0-15.2-12.3-27.6-27.6-27.6ZM37.7,52.5h-16.1l16.1-23.7v23.7ZM146.8,64c-8.3,0-15.1-6.8-15.1-15.1s6.8-15.1,15.1-15.1,15.1,6.8,15.1,15.1-6.8,15.1-15.1,15.1ZM315.9,64.1h12.4v12.4h-12.4v-12.4ZM318.7,21.4c-10.2,0-18.5,8.4-18.6,18.6h0v.8c-.4-1.2-.8-2.3-1.3-3.5-.6-1.4-1.4-2.6-2.2-3.9h0s0,0,0,0c-.2-.3-.3-.5-.5-.8h0c-7.6-10.3-21.7-14.3-33.8-8.6-6.3,2.9-10.9,7.9-13.5,13.7-2.2-9.2-10.6-16.3-20.4-16.3s-11,2.4-14.8,6.2c-3.8-3.8-9.1-6.2-14.8-6.2-11.4,0-21,9.6-21,21v34.1h12.4v-34.1h0c0-4.7,3.9-8.6,8.6-8.6s8.6,3.9,8.6,8.5c0,0,0,0,0,0h0v34.1h12.4v-34.1s0,0,0,0c0-4.7,3.9-8.5,8.6-8.5s8.6,3.9,8.6,8.6h0v34.1h12.4v-15c6.7,13.2,22.7,18.7,36.2,12.4,7.3-3.4,12.4-9.7,14.7-16.9v19.4h12.4v-36.5h0c0-3.4,2.8-6.2,6.2-6.2h0s9.5,0,9.5,0v-12.4h-9.6ZM267.4,35.3c5.5-2.6,11.9-1.5,16.2,2.3l-24.9,11.6c0-5.8,3.2-11.3,8.7-13.9ZM288.7,51.5c-.8,4.7-3.8,8.9-8.5,11.1-5.5,2.6-11.9,1.5-16.2-2.2l11.7-5.5h0s24.4-11.4,24.4-11.4v2.7l-11.5,5.3ZM452.2,33.8v-12.4h-15.8V6.9h-12.4v33.3c-.3-1-.7-2-1.2-3-.6-1.4-1.4-2.6-2.2-3.9h0s0,0,0,0c-.2-.3-.3-.5-.5-.8h0c-7.6-10.3-21.7-14.3-33.8-8.6-6.1,2.8-10.7,7.6-13.3,13.3-2.3-9-10.6-15.9-20.3-15.9s-21,9.6-21,21h0v34.1h12.4v-34.1h0c0-4.7,3.9-8.6,8.6-8.6s8.6,3.9,8.6,8.6h0v34.1h12.4v-14.5c6.9,12.8,22.6,18.1,35.9,11.9,7.2-3.3,12.2-9.4,14.5-16.4v.3h0c0,10.3,8.3,18.5,18.6,18.6h0s9.6,0,9.6,0v-12.4h-9.5c-3.4,0-6.2-2.8-6.2-6.3h0v-24.1h15.8ZM391.5,35.3c5.5-2.6,11.9-1.5,16.2,2.3l-24.9,11.6c0-5.8,3.2-11.3,8.7-13.9ZM412.8,51.5c-.8,4.7-3.8,8.9-8.5,11.1-5.5,2.6-11.9,1.5-16.2-2.2l11.7-5.5h0s24.3-11.3,24.3-11.3v2.7l-11.3,5.3Z' style='fill:url(%23b)'%3E%3C/path%3E%3C/svg%3E ");
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 180 / 34;
	vertical-align: text-top;
	margin-bottom: 16px;
}
@media (max-width: 1909px) {
	.c-site-footer .footer_middle::before{
		width: 168px;
	}
}
/****************************** レスポンシブデザイン用 ******************************/
@media (max-width: 1909px) {
	.c-site-header #HEAD_STRING,
	.V2_utility .pickup_utility > dt {
		display: none;
	}
}
@media (max-width: 1599px) {
	.contents{
		width: var(--width-contents-min);
		gap: 0;
	}
	.c-site-header,
	.V2_global_navi{
		margin-bottom: var(--spacing-gutter);
	}
	.c-site-header .search {
		left: 0;
		width: 520px;
		font-size: var(--fontSize-sm);
		margin-left: var(--width-floatingNavi-4gamer);
	}
	.c-site-header .search dd .google_search,
	.c-site-header .search dd .form{
		width: 80px;
		margin: 0 0 0 var(--spacing-gutter-sm);
	}
	/********** main_contents **********/
	.main_contents{
		border-radius: 0;
	}
	/********** left_contents **********/
	.left_contents{
		flex-grow: 1;
		width: 190px;
		padding: 16px;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.left_contents .hot_game_now{
		margin-bottom: 10px;
	}
	.left_menu .left_heading, 
	.left_menu .bookmark_header,
	.left_menu .medipartner p{
		font-size: 11px;
	}
	/********** right_contents **********/
	.right_contents{
		align-items: center;
		width: 160px;
		padding: 16px;
		background: var(--layout-bg-default);
		border-top-right-radius: var(--rounded-inner);
		outline: var(--layout-outline);
	}
	.right_contents .title{
		font-size: 11px;
	}
	.right_contents .ranking .title{
		margin: 0;
	}
	.right_contents .sidetop_W300xH600{
		width: 160px;
		height: 320px;
		padding: 0;
		outline: none;
	}
	.right_contents .rectangle_ad{
		width: 160px;
	}
	.right_contents .sidetop_W300xH600 a > img,
	.right_contents .rectangle_ad a > img,
	.right_contents .sticky_ad_W320 a > img,
	.right_contents .autoplay_movie,
	.right_contents .autoplay_movie video{
		max-width: 160px;
	}
	/***** special_contents *****/
	.right_contents .paidpub_special{
		width: 160px;
	}
	.right_contents .paidpub_special .title{
		margin-bottom: 8px;
	}
	.right_contents .paidpub_special a{
		color: #fff;
	}
	.right_contents .paidpub_special .special_contents_V2{
		padding: 0 0 4px;
		background: transparent;
		background-color: var(--color-bg-primary);
		border-radius: 4px;
	}
	.right_contents .special_contents,
	.right_contents .special_contents a,
	.right_contents .special_contents figure,
	.right_contents .special_contents figcaption{
		width: 150px;
		height: 150px;
	}
	.right_contents .special_contents{
		padding: 5px 5px 0;
		margin-top: 0;
		background: transparent;
		border-radius: 0;
		box-sizing: content-box;
		outline: none;
	}
	.right_contents .special_contents figure{
		display: block;
	}
	.right_contents .special_contents figure img{
		width: 150px;
		height: 150px;
		border-radius: 0px;
	}
	.right_contents .special_contents.pr figure:before{
		left: 0;
		padding: 4px;
		background: #000;
		border-radius: 0;
		transform: none;
	}
	.right_contents .special_contents figcaption{
		position:absolute;
		z-index: 2;
		display: block;
		padding: 4px;
		font-size: 12px;
		line-height: 18px;
		word-wrap: break-word;
		word-break: break-all;
		background: rgba(0,0,0,0.7);
		box-sizing: border-box;
		transform: translate3d(0px,-42px,0px);
		transition: transform 0.5s ease;
	}
	.right_contents .special_contents a:hover figcaption{
		transform: translate3d(0px,-150px,0px);
	}
	/***** ranking *****/
	.right_contents .ranking{
		width: 160px;
		outline: 0;
		background: transparent;
	}
	.right_contents .ranking a{
		text-decoration: underline;
	}
	.right_contents .ranking .container{
		padding: 4px 0px 8px;
		font-size: 11px;
		background: transparent;
	}
	.right_contents .ranking .title + .container{
		padding-top: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.right_contents .ranking div[class^="no"]{
		width: 20px;
		height: 20px;
		margin:0 6px 0 0;
		line-height: 20px;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
	}
	.right_contents .ranking .contents_all, 
	.right_contents .ranking .container + .period{
		border-radius: 0;
	}
	.right_contents .ranking .contents_all{
		padding: 16px 0 0;
	}
	.right_contents .ranking .contents_all a{
		font-size: 11px;
		line-height: 11px;
	}
	.right_contents .ranking .period{
		padding: 0;
		text-align: center;
	}
}
/********** AD **********/
@media (min-width: 1600px) {
	.inscroll_banner{
		margin-left: -330px !important;
	}
	body .inscroll_icon{
		margin-right: calc(0px - 90px - 130px) !important;
	}
}
@media (min-width: 1910px) {
	body.type-home .inscroll_icon{
		margin-right: calc(0px - 400px) !important;
	}
}
@media (max-width: 1909px) {
	body.type-home .inscroll_icon{
		margin-right: calc(0px - 320px) !important;
	}
}
@media (max-width: 1599px) {
	body.type-home .inscroll_icon{
		margin-right: calc(0px - 370px) !important;
	}
}
@media (max-width: 1199px) {
	body.type-home .inscroll_icon{
		margin-right: calc(0px - 260px) !important;
	}
}
/********** トップページ用 **********/
@media (max-width: 1599px) {
	.V2_global_navi + .main_contents:has(.left_contents){
		gap: 0;
	}
	.V2_global_navi + .main_contents:has(.contents_area_1){
		--width-mainContents: 678px;
	}
	.V2_global_navi + .main_contents .left_contents{
		width: 190px;
		padding: 0px 0px 32px 32px;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.main_contents:has(.search_header){
		padding: var(--spacing-inner);
	}
	/***** left menu *****/
	#QUICK_BOOKMARK .V2_favorite, 
	.left_menu .V2_favorite{
		min-height: var(--icon-lg);
		padding-left: calc(var(--spacing-gutter-sm) + var(--icon-lg) + var(--spacing-gutter-sm));
	}
	#QUICK_BOOKMARK .V2_favorite dl, 
	.left_menu .V2_favorite dl{
		gap: 0px 4px;
	}
	#QUICK_BOOKMARK .V2_favorite dt, 
	.left_menu .V2_favorite dt {
		font-size: 10px;
	}
	#QUICK_BOOKMARK .V2_favorite img.check + img, 
	#QUICK_BOOKMARK .V2_favorite .title a:last-child img, 
	.left_menu .V2_favorite img.check + img, 
	.left_menu .V2_favorite .title a:last-child img,
	#QUICK_BOOKMARK .V2_favorite > a:last-child:after, 
	#QUICK_BOOKMARK .V2_favorite .title a:last-child:after, 
	.left_menu .V2_favorite > a:last-child:after, 
	.left_menu .V2_favorite .title a:last-child:after{
		font-size: 8px;
		left: var(--spacing-gutter-sm);
		width: var(--icon-lg);
		height: var(--icon-lg);
		margin-top: calc(var(--icon-lg) / 2 * -1)
	}
}
/******************** navigation change *******************/
/*
@media (min-width: 1910px) {
.contents.navigation_side{
	padding-left: 200px;
	.c-site-header .unit_utility .logo, 
	.c-site-header .unit_utility .logo_top{
		box-shadow: none;
		border-bottom: 1px solid #d1d1d1;
	}
	.V2_global_navi{
		position: fixed;
		left: 0;
		top: var(--height-floatingNavi);
		width: 200px;
		height: calc(100vh - var(--height-floatingNavi));
		background: var(--layout-bg-default);
	}
	.V2_global_navi .class1{
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: flex-start;
		height: 100%;
    	        padding-top: 20px;
		outline: none;
		gap: 8px;
		font-size: 12px;
		border-right: 1px solid #d1d1d1;
		border-radius: 0;
		background: transparent;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.V2_global_navi .class1 > dt {
		width: 100%;
		padding-bottom: 8px;
		border-bottom: 1px solid #ddd;
	}
	.V2_global_navi .class1 > dt.tab1{
		padding-top: 0;
	}
	.V2_global_navi .class1 > dt strong{
		display: contents;
		padding: 0;
		border: none;
		box-shadow: none;
	}
	.V2_global_navi .class1 > dt strong a{
		background: transparent;
		border-radius: 0;
	}
	.V2_global_navi .class1 > dt strong a,
	.V2_global_navi .class1 > dt > a{
		display: block;
		width: 100%;
		padding: 0;
		text-align: left;
		border: none;
		box-shadow: none;
		color: #333;
		text-decoration: none;
	}
	.V2_global_navi .class1 > dt strong a:hover,
	.V2_global_navi .class1 > dt > a:hover{
		text-decoration: underline;
	}
	.V2_global_navi .class1 > dt a::before{
		content:" ";
		display:inline-block;
		width: var(--icon-md);
		height: var(--icon-md);
		background: var(--icon-bg);
		background-image: var(--icon-controler);
		background-size: var(--icon-md);
		vertical-align: middle;
		margin-right: 8px;
	}
	.V2_global_navi .class2{
		position: static;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		flex-wrap: nowrap;
		height: auto;
		outline: none;
		gap: 8px;
		padding: 0 8px 16px;
		border-bottom: 1px solid #ddd;
		border-radius: 0;
		background: transparent;
		box-sizing: border-box;
	}
	.V2_global_navi .class2 dl{
		display: contents;
	}
	.V2_global_navi .class2 dt{
		position: absolute;
		z-index: 100;
		top: 0;
		left: 200px;
		width: 40px;
		height: 40px;
		overflow: hidden;
	}
	.V2_global_navi .class2 dt:before{
		content: " ";
		display: block;
		width: 200%;
		height: 200%;
		border-radius: 50%;
		background: transparent;
		box-shadow: 0 0 0 30px #fff;
	}
	.V2_global_navi .class2 a{
		padding: 4px 16px;
	}
	.V2_global_navi .class1 .tab_archive{
		display: none;
	}
}
}
*/
/****************************** Alert ******************************/
body.custom_iPhone .alert_for_PC{
	position:absolute;
	top:20px;
	left:50%;
	margin:20px auto;
	margin-left:-460px;
	width:910px;
	height:100px;
	line-height:100px;
	background:#333333;
	background:#ffffff;
	border:5px solid #990000;
	color:#ffffff;
	color:#990000;
	font-size:24px;
	font-weight:bold;
	-webkit-border-radius:10px;
	z-index:500;
	-webkit-opacity:0.95;
}
.alert_ktai_for_PC{
	height:100px;
	line-height:100px;
	width:100%;
	background:#ffffff;
	border:5px solid #ff0000;
	color:#ff0000;
	font-size:30px;
	font-weight:bold;
}
.alert_psvita_for_PC{
	position:absolute;
	top:20px;
	left:50%;
	margin:20px auto;
	margin-left:-460px;
	width:910px;
	height:100px;
	line-height:100px;
	background:#333333;
	background:#ffffff;
	border:5px solid #990000;
	color:#ffffff;
	color:#990000;
	font-size:24px;
	font-weight:bold;
	-webkit-border-radius:10px;
	z-index:500;
	-webkit-opacity:0.95;
}
/*==============================================================================================================
/import V3.1_common_component.css
/==============================================================================================================*/
/****************************** c-internal-link ******************************/
a.c-internal-link{
	display: flex;
	align-items: center;
	gap: var(--button-component-gap);
	padding: var(--button-component-padding);
	font-size: var(--button-component-fontSize);
	line-height: var(--button-lineHeight);
	text-align: center;
	text-decoration: none;
	background-color: var(--button-bg);
	color: var(--button-color);
	border-radius: var(--button-rounded);
	width: fit-content;
	margin: var(--spacing-gutter) auto;
}
a.c-internal-link::after{
	content:" ";
	display:block;
	width: var(--button-component-icon-width);
	height: var(--button-component-icon-height);
	background: var(--button-component-icon-bg-black);
	background-size: var(--button-component-bg-size);
	border-radius: var(--button-component-icon-rounded);
}
a.c-internal-link:visited{
	color: var(--button-color);
}
a.c-internal-link:hover{
	color: var(--button-color-hover);
	background: var(--button-bg-hover);
	text-decoration: underline;
}
/****************************** SOCIALBOOKMARK_BAR ******************************/
#SOCIALBOOKMARK_BAR{
	display:flex;
	justify-content:flex-end;
	align-items: center;
}
#SOCIALBOOKMARK_BOTTOM_BAR{
	display:flex;
	justify-content:flex-end;
	align-items: center;
	background:none;
	margin-top:1em;
	margin-bottom:0;
}
#SOCIALBOOKMARK_BAR iframe,
#SOCIALBOOKMARK_BOTTOM_BAR iframe{
	padding:0;
	margin:0;
}
/******************** order ********************/
#SOCIALBOOKMARK_BAR .twitter_official,
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_official{
	order:1;
}
#SOCIALBOOKMARK_BAR .facebook_share,
#SOCIALBOOKMARK_BOTTOM_BAR .facebook_share{
	order:2;
}
#SOCIALBOOKMARK_BAR .hatena,
#SOCIALBOOKMARK_BOTTOM_BAR .hatena{
	order:3;
}
/***** readlater（開発中） *****/
#SOCIALBOOKMARK_BAR .readlater,
#SOCIALBOOKMARK_BOTTOM_BAR .readlater{
	order:4;
	display:none;
}
/******************** hatena ********************/
#SOCIALBOOKMARK_BAR .hatena,
#SOCIALBOOKMARK_BOTTOM_BAR .hatena{
	overflow:hidden;
	width:20px;
	height:20px;
	padding-top:1px;
	border:1px solid #3366cc;
	border-radius:3px;
	background:#00a4de;
	box-sizing:border-box;
}
#SOCIALBOOKMARK_BAR .hatena img,
#SOCIALBOOKMARK_BOTTOM_BAR .hatena img{
	float:none;
	padding:0 0 1px 0;
	margin:-2px -1px 0 0;
}
#SOCIALBOOKMARK_BAR .hatena img.icon,
#SOCIALBOOKMARK_BOTTOM_BAR .hatena img.icon{
	padding:0;
}
/***** custom_2 / タイトルページ / ワードページはブックマーク数付き *****/
body.custom_2.custom_free #SOCIALBOOKMARK_BAR .hatena,
body.custom_2.custom_word #SOCIALBOOKMARK_BAR .hatena,
.main_contents .dc_container #SOCIALBOOKMARK_BAR .hatena,
.main_contents .word_container #SOCIALBOOKMARK_BAR .hatena{
	width:50px;
	height:20px;
	float:right;
	margin:0 1px 0 0;
	padding:0;
	background:transparent;
	border:none;
	overflow:visible;
}
/******************** facebook ********************/
#SOCIALBOOKMARK_BAR .facebook_share,
#SOCIALBOOKMARK_BOTTOM_BAR .facebook_share{
	height:20px;
	width:20px;
	margin:0px 8px 0 0;
	background:#1877f2;
	border-radius:3px;
}
#SOCIALBOOKMARK_BOTTOM_BAR .facebook_share{
	margin-right: var(--spacing-gutter);
}
#SOCIALBOOKMARK_BAR .facebook_share .facebook_icon,
#SOCIALBOOKMARK_BOTTOM_BAR .facebook_share .facebook_icon{
	width:20px;
	height:20px;
	padding:0;
}
/******************** twitter / X ********************/
#SOCIALBOOKMARK_BAR .twitter_official,
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_official{
	position:relative;
	overflow:hidden;
	width:75px;
	height:20px;
}
/********** twitterアイコンを非表示 **********/
.twitter_official .overlap > a:first-child img{
	display:none;
}
/********** Xアイコンを疑似要素で表示 **********/
.twitter_official .overlap > a:first-child{
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	background:#000;
	border-radius:4px;
}
.twitter_official .overlap > a:first-child:before{
	content:" ";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227"><path fill="white" d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"/></svg>') no-repeat center center;
	background-size:70%;
}
/********** コメント **********/
#SOCIALBOOKMARK_BAR .twitter_search_link,
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_search_link{
	display:block;
	position:absolute;
	top:0px;
	left:20px;
	min-width:3.75em;
	height:18px;
	margin:0px 0px 0px 4px;
	padding:0px 1px 0px 2px;
	font-size:10px;
	line-height:18px;
	letter-spacing:-1px;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:2px;
}
.twitter_search_link:after,
.twitter_search_link:before,
a.tweet_self:after,
a.tweet_self:before{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.twitter_search_link:after,
a.tweet_self:after{
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 4px;
	margin-top: -4px;
}
.twitter_search_link:before,
a.tweet_self:before{
	border-color: rgba(221, 221, 221, 0);
	border-right-color: #ddd;
	border-width: 5px;
	margin-top: -5px;
}
/********** コメントを隠す（Postする） **********/
.twitter_official .overlap{
	position:relative;
}
.tweet_selecter.OPEN{
	display:block;
}
.tweet_selecter.CLOSE{
	display:none;
}
a.tweet_self{
	display:block;
	position:absolute;
	top:0px;
	left:20px;
	min-width:3.75em;
	height:18px;
	margin:0px 0px 0px 4px;
	padding:0px 1px 0px 2px;
	font-size:10px;
	line-height:18px;
	letter-spacing:-1px;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:2px;
}
/********** customとNEWS以外ではPostをnone **********/
.custom_1 .tweet_selecter,
.custom_2 .tweet_selecter{
	display:none !important;
}
.dc_container .tweet_selecter,
.word_container .tweet_selecter{
	display:none !important;
}
/********** リツイート / いいねカウントあり **********/
#SOCIALBOOKMARK_BAR .twitter_count_retweet,
#SOCIALBOOKMARK_BAR .twitter_count_heart,
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_count_retweet,
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_count_heart{
	text-indent:12px;
	height:10px;
	font-size:10px;
	line-height:100%;
	letter-spacing:0;
	color:#000080;
	text-align:right;
}
#SOCIALBOOKMARK_BAR .twitter_count_retweet,
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_count_retweet{
	background:url(/image/twitter_retweet_v2_small.png) no-repeat left -1px;
}
#SOCIALBOOKMARK_BAR .twitter_count_heart,
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_count_heart{
	background:url(/image/twitter_favorite_v2_small.png) no-repeat left -1px;
	margin-top:-1px;
}
/*****　5桁対応 *****/
.twitter_search_link:has(.twitter_count_retweet.five_digit) + .tweet_selecter a,
.twitter_search_link:has(.twitter_count_heart.five_digit) + .tweet_selecter a{
	width:4.3em;
	text-align:center;
}
/********** 不要かも？ **********/
body.custom_word .unit_contents #SOCIALBOOKMARK_BAR .twitter_official{
	margin-right:1px;
}
#SOCIALBOOKMARK_BOTTOM_BAR{
	margin: 24px 0;
	justify-content: center;
}
#SOCIALBOOKMARK_BAR .twitter_official{
	width: 90px;
	height: 30px;
}
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_official{
	width: 50px;
	height: 50px;
	margin-right: var(--spacing-gutter);
}
#SOCIALBOOKMARK_BAR .twitter_official .overlap > a:first-child,
#SOCIALBOOKMARK_BAR .facebook_share,
#SOCIALBOOKMARK_BAR .hatena{
	width: 30px;
	height: 30px;
	border-radius: 30px;
}
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_official .overlap > a:first-child,
#SOCIALBOOKMARK_BOTTOM_BAR .facebook_share,
#SOCIALBOOKMARK_BOTTOM_BAR .hatena{
	width: 50px;
	height: 50px;
	border-radius: 50px;
}
#SOCIALBOOKMARK_BAR .hatena,
#SOCIALBOOKMARK_BOTTOM_BAR .hatena{
	padding: 0;
	border: none;
}
#SOCIALBOOKMARK_BAR .facebook_share a,
#SOCIALBOOKMARK_BAR .hatena a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
}
#SOCIALBOOKMARK_BOTTOM_BAR .facebook_share a,
#SOCIALBOOKMARK_BOTTOM_BAR .hatena a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
}
#SOCIALBOOKMARK_BAR .hatena a::before{
	content: " ";
	width: 30px;
	height: 30px;
	background: url(/image/icon_hatenabookmark_symbolmark.png) no-repeat center center;
	background-size: 30px;
}
#SOCIALBOOKMARK_BOTTOM_BAR .hatena a::before{
	content: " ";
	width: 50px;
	height: 50px;
	background: url(/image/icon_hatenabookmark_symbolmark.png) no-repeat center center;
	background-size: 50px;
}
#SOCIALBOOKMARK_BAR .hatena img,
#SOCIALBOOKMARK_BOTTOM_BAR .hatena img{
	display: none;
}
#SOCIALBOOKMARK_BAR .facebook_share .facebook_icon,
#SOCIALBOOKMARK_BAR .hatena img{
	width: 30px;
	height: 30px;
}
#SOCIALBOOKMARK_BOTTOM_BAR .facebook_share .facebook_icon,
#SOCIALBOOKMARK_BOTTOM_BAR .hatena img{
	width: 50px;
	height: 50px;
}
#SOCIALBOOKMARK_BAR .twitter_official .overlap{
	height: 30px;
}
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_official .overlap{
	height: 50px;
}
#SOCIALBOOKMARK_BAR .twitter_official .overlap > a:first-child:before{
	width: 30px;
	height: 30px;
	background-size: 50%;
}
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_official .overlap > a:first-child:before{
	width: 50px;
	height: 50px;
	background-size: 50%;
}
#SOCIALBOOKMARK_BAR .twitter_search_link,
#SOCIALBOOKMARK_BAR a.tweet_self{
	top: 2px;
	left: 30px;
	min-width: 4em;
	height: 26px;
	padding: 0 4px;
	line-height: 26px;
	border-radius: 4px;
	letter-spacing: 0;
}
#SOCIALBOOKMARK_BOTTOM_BAR .twitter_search_link,
#SOCIALBOOKMARK_BOTTOM_BAR a.tweet_self{
	top: 2px;
	left: 50px;
	min-width: 4em;
	height: 26px;
	padding: 0 4px;
	line-height: 26px;
	border-radius: 4px;
	letter-spacing: 0;
	display:none;
}
/****************************** OVERLAY SS ******************************/
/********** SS **********/
#OVERLAY_SS_area{
	z-index:999;
	position:fixed;
	background:#ffffff;
	border:8px solid #ffffff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	cursor:pointer;
}
/********** グレーアウト **********/
#OVERLAY_SS_GRAY{
	display:none;
	z-index:998;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(/image/bg_overlay_ss.png) repeat 0 0;
	cursor:pointer;
}
/********************  interface ********************/
#OVERLAY_SS_info{
	z-index:999;
	overflow:hidden;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:30px;
	padding:0 10px;
	color:#333333;
	background:url(/image/bg_overlay_interface.png) repeat-x; left bottom;
	border-top:1px solid #000000;
}
#OVERLAY_SS_info ul{
	float:right;
	height:30px;
}
/********** url **********/
#OVERLAY_SS_info .box_1{
	float:left;
	width:215px;
	height:18px;
	margin:6px 0 0 0;
	padding-right:5px;
	line-height:18px;
	font-size:11px;
	border-right:1px solid #aaaaaa;
}
#OVERLAY_SS_url{
	width:170px;
	height:15px;
	padding:0 5px;
	margin:0 0 0 3px;
	line-height:15px;
	font-size:11px;
	vertical-align:1px;
}
/********** ratio **********/
#OVERLAY_SS_info .box_2{
	float:left;
	height:18px;
	padding:0 5px 0 10px;
	margin:6px 0 0 0;
	line-height:19px;
	font-size:11px;
	border-left:1px solid #ffffff;
}
#OVERLAY_SS_info .box_2_inner{
	float:left;
}
#OVERLAY_SS_height{
	padding-right:3px;
}
/********** 原寸ボタン **********/
#OVERLAY_SS_info .box_3{
	float:left;
	height:20px;
	padding-left:20px;
	margin:4px 10px 0 0;
	line-height:21px;
	font-size:10px;
	background:url(/image/button_overlay_goto.png) no-repeat left top;
	border:1px solid #ffffff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
}
#OVERLAY_SS_info .box_3 a{
	display:block;
	float:right;
	height:20px;
	padding:0 10px 0 0;
	line-height:20px;
	background:url(/image/button_overlay_goto.png) no-repeat right top;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
#OVERLAY_SS_info .box_3 a:link{
	color:#000088;
	text-decoraiton:none;
}
#OVERLAY_SS_info .box_3 a:visited{
	color:#000088;
	text-decoration:none;
}
#OVERLAY_SS_info .box_3 a:hover{
	color:#3333ff;
	text-decoration:underline;
}
/********** tweet **********/
#OVERLAY_SS_info .box_4{
	display:block;
	float:left;
	height:18px;
	padding-right:10px;
	margin:5px 10px 5px 0;
	line-height:18px;
	font-size:10px;
	border-left:1px solid #aaaaaa;
}
#OVERLAY_SS_tweet{
	float:left;
	font-weight:bold;
	display:block;
}
#OVERLAY_SS_tweet img{
	border-left:1px solid #ffffff;
	padding-left:10px;
	vertical-align:-4px;
	margin-right:1px;
}
#OVERLAY_SS_tweet:link{
	color:#2299cc;
	text-decoration:none;
}
#OVERLAY_SS_tweet:visited{
	color:#2299cc;
	text-decoration:none;
}
#OVERLAY_SS_tweet:hover{
	color:#2299cc;
	text-decoration:underline;
}
#OVERLAY_SS_tweet:hover img{
	text-decoration:none;
}
/****************************** COMMON_OVERLAY_GRAY ******************************/
#COMMON_OVERLAY{
	display:none;
	position:fixed;
	z-index:9999;
	top:7.5%;
	left:5%;
	width:90%;
	height:85%;
	font-size:100%;
	background-color:#fff;
	border-radius:20px;
}
#COMMON_OVERLAY_GRAY{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:9998;
}
#COMMON_OVERLAY_GRAY.CLOSE,
#COMMON_OVERLAY.CLOSE{
	display:none !important;
}
#COMMON_OVERLAY_GRAY.OPEN,
#COMMON_OVERLAY.OPEN{
	display:block !important;
}
#COMMON_OVERLAY .ERROR{
	color:#f00;
	margin:20px;
}
/********** HEADER **********/
#COMMON_OVERLAY .HEADER{
	position:relative;
	padding:10px;
	background:#33c;
	color:#ffffff;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	font-weight:bold;
	text-align:center;
}
/********** CONTAINER **********/
#COMMON_OVERLAY .OVERLAY_CONTAINER{
	display:flex;
	flex-direction:column;
	height:100%;
}
#COMMON_OVERLAY .CONTAINER{
	width:100%;
	height:100%;
	overflow-y:scroll;
}
#COMMON_OVERLAY .CONTENTS{
	padding:20px;
	text-align:left;
}
/********** COMMAND **********/
#COMMON_OVERLAY .COMMAND{
	width:90%;
	padding:10px;
	margin:10px auto;
	text-align:center;
	border:1px dotted;
	background-color:#ffffee;
	border-radius:10px;
}
#COMMON_OVERLAY .COMMAND:empty{
	display:none;
}
#COMMON_OVERLAY .COMMAND .action{
	display: flex;
}
#COMMON_OVERLAY .COMMAND .group{
	margin-left:10px;
	margin-right:10px;
}
/********** FOOTER **********/
#COMMON_OVERLAY .FOOTER{
	padding:10px;
	color:#ffffff;
	background-color:#aaaaaa;
}
#COMMON_OVERLAY .FIXED_FOOTER{
	position:static;
	padding:10px;
	font-size:80%;
	line-height:100%;
	background-color:#333;
	color:#ffffff;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
#COMMON_OVERLAY .FIXED_FOOTER:empty{
	display:none;
}
/****************************** アフィリエイト ******************************/
.main_contents .maintxt div.affiliate:after,
.main_contents div.affiliate:after,
.main_contents div.affiliate dl.container_w262 dd:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
.main_contents .maintxt div.affiliate,
.main_contents div.affiliate{
	border:2px solid #E0E0E0;
	background:url(/image/bg_affiliate_dot.gif) left top;
	padding:10px 0 5px;
	margin:0 auto;
	color:#555555;
	position:relative;
	font-size:13px;
	line-height:15px;
	text-align:left;
}
.main_contents .maintxt div.affiliate{
	width:516px;
}
.main_contents div.affiliate{
	width:546px;
	margin-top:10px;
	margin-bottom:5px;
}
.main_contents div.affiliate a:link{
	color:#444488;
}
.main_contents div.affiliate a:visited{
	color:#444488;
}
.main_contents div.affiliate a:hover{
	color:#0033ff;
}
.main_contents div.affiliate img.tag{
	position:absolute;
	bottom:0px;
	right:0;
	z-index:10;
}
.main_contents div.affiliate span.timestamp{
	position:absolute;
	bottom:0px;
	right:40px;
	z-index:10;
	color:#666666;
	font-size:11px;
	line-height:15px;
}
.main_contents div.affiliate dd.price,
.main_contents div.affiliate li span.price{
	color:#bb4444;
}
/******************** サムネイル1コマ ********************/
.main_contents div.affiliate dl.box{
	width:252px;
	float:left;
	margin:0;
	padding:0 15px 20px 5px;
}
.main_contents div.affiliate dl.box dt img.package{
	float:left;
	margin:0 0 0 10px;
}
.main_contents div.affiliate dl.box dt a.brand{
	display:block;
	padding-left:96px;
	margin-bottom:8px;
	font-weight:bold;
}
.main_contents div.affiliate dl.box dd img{
	vertical-align:-3px;
	margin-right:5px;
}
.main_contents div.affiliate dl.box dd.price,
.main_contents div.affiliate dl.box dd.genre{
	margin-bottom:2px;
}
.main_contents.container div.affiliate dl.box dd.date{
}
.main_contents div.affiliate dl.box dd{
	margin:0;
	padding-left:96px;
	font-size:11px;
}
/******************** リスト *******************/
.main_contents div.affiliate dl.list:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
.main_contents div.affiliate dl.list{
	width:516px;
	padding:0;
	margin:0 auto 5px;
	clear:both;
}
.main_contents div.affiliate dl.list dt{
	display:inline;
	line-height:15px;
	padding-right:5px;
}
.main_contents div.affiliate dl.list dt img{
	margin:0 5px 0 0;
}
.main_contents div.affiliate dl.list dd{
	margin:0;
	padding:0 5px 0 0;
	font-size:11px;
	line-height:22px;
	display:inline;
}
.main_contents div.affiliate dl.list dd.genre{
	padding-left:5px;
}
/******************** リスト *******************/
.main_contents div.affiliate ul.list li:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
.main_contents div.affiliate ul.list{
	width:516px;
	padding:0;
	margin:0 auto 5px;
	clear:both;
	list-style:none;
}
.main_contents div.affiliate ul.list li{
	clear:both;
	line-height:15px;
	padding-right:5px;
	margin-bottom:7px;
}
.main_contents div.affiliate ul.list li img{
	margin:1px 5px 0 0;
	float:left;
}
.main_contents div.affiliate ul.list li div{
	margin:0;
	width:459px;
	float:left;
}
.main_contents div.affiliate ul.list li div span.price,
.main_contents div.affiliate ul.list li div span.genre{
	padding-left:5px;
	font-size:11px;
}
/******************** アフィリエイト 記事内用 ********************/
.main_contents div.affiliate div.box:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
.main_contents div.affiliate div.box{
	width:474px;
	background:url(/image/bg_affiliate_494.gif) repeat-y;
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #e0e0e0;
	margin:0 0 5px 10px;
	position:relative;
}
.main_contents div.affiliate div.box div.title{
	background:url(/image/bg_affiliate_list_disc.gif) no-repeat 0px 3px;
}
.main_contents div.affiliate div.box strong{
	margin-bottom:8px;
	margin-left:11px;
	font-weight:bold;
	display:block;
	font-size:15px;
	line-height:15px;
	width:455px;
}
.main_contents div.affiliate div.box table{
	table-layout:fixed;
	width:auto;
	line-height:100%;
	text-align:left;
}
.main_contents div.affiliate div.box table th,
.main_contents div.affiliate div.box table td{
	vertical-align:top;
}
.main_contents div.affiliate div.box table tr.keyword th,
.main_contents div.affiliate div.box table tr.keyword td{
	padding-bottom:40px;
}
.main_contents div.affiliate div.box table .col1{
	width:30%;
}
.main_contents div.affiliate div.box table .col2{
	width:3%;
}
.main_contents div.affiliate div.box table .col3{
	width:60%;
}
.main_contents div.affiliate div.box table th{
	font-weight:normal;
}
.main_contents div.affiliate div.box img.package{
	float:left;
	padding:0 10px;
	margin:0;
}
/********** ボタン **********/
.main_contents div.affiliate div.button{
	position:absolute;
	bottom:8px;
	right:10px;
}
.main_contents div.affiliate img.button_yahoo{
	padding:0;
}
.main_contents div.affiliate img.button_amazon{
	padding:0;
}
.main_contents div.affiliate img.button_official{
	padding:0 0 0 2px;
}
/******************** アフィリエイト アウトプット ********************/
.main_contents div.affiliate .container_w550_box:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
.main_contents div.affiliate .container_w550_box{
	width:516px;
	padding:0px 5px 5px;
	margin:0 0 8px 10px;
	position:relative;
}
.main_contents div.affiliate .container_w550_box dl{
	width:388px;
	margin:0;
	padding:0;
}
.main_contents div.affiliate .container_w550_box dt{
	margin-bottom:8px;
	font-weight:bold;
	float:right;
	text-align:left;
	width:430px;
}
.main_contents div.affiliate .container_w550_box dd{
	margin:0;
	padding:0 0 0 86px;
	font-size:11px;
}
.main_contents div.affiliate .container_w550_box dd.package{
	float:left;
}
.main_contents div.affiliate .container_w550_box .package{
	padding:0;
}
.main_contents div.affiliate .container_w550_box dd.genre{
}
.main_contents div.affiliate .container_w550_box dd.date{
}
.main_contents div.affiliate .container_w550_box dd.price{
	margin-bottom:8px;
}
.main_contents div.affiliate .container_w550_box dd.comment{
	margin-top:5px;
	font-size:11px;
	line-height:13px;
}
/********** アウトプット2用ボタン *********/
.main_contents div.affiliate .container_w550_box dd.button_amazon{
	padding:0 0 0 10px;
	display:inline;
}
.main_contents div.affiliate .container_w550_box dd.button_yahoo{
	padding:0 0 0 10px;
	display:inline;
}
/****************************** 関連タイトル / このページのURL ******************************/
.main_contents .container ul.title_info,
.main_contents .dc_container .title_info,
.main_contents .word_container .word_header ul.title_info{
	position: relative;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter-sm);
	word-break: break-all;
}
.main_contents .word_container .word_header ul.title_info{
	border-top: 1px dotted #aeaeae;
}
.dc_container .dc_header_meta .basicinfo .data table td.related{
	border-top: 1px dotted #aeaeae;
}
.main_contents .container ul.title_info li,
.main_contents .dc_container .title_info li,
.main_contents .word_container .word_header ul.title_info li{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	font-size: var(--fontSize-ms);
	line-height: var(--lineHeight-ms);
}
.dc_container .dc_header_meta .basicinfo .data table td.related ul.link li{
	font-size: var(--fontSize-ms);
	line-height: var(--lineHeight-ms);
	margin-top: var(--spacing-gutter-sm);
}
/********** heading **********/
.main_contents .container ul.title_info li span,
.main_contents .dc_container .title_info li span,
.main_contents .word_container .word_header ul.title_info li span,
.dc_container .dc_header_meta .basicinfo .data table td.related ul.link li span{
	display: none;
	padding: var(--spacing-sm) 0;
	font-weight: bold;
	font-size: var(--fontSize-ms);
	line-height: var(--lineHeight-ms);
}
/********** 関連タイトル **********/
.main_contents .container ul.title_info script + li:not(:last-child),
.main_contents .word_container .word_header ul.title_info li:first-child:not(:last-child){
	margin-top: 44px;
}
.dc_container .dc_header_meta .basicinfo .data table td.related ul.link li:not(.date){
	position: relative;
}
.dc_container .dc_header_meta .basicinfo .data table td.related ul.link li.date + li:not(.date),
.dc_container .dc_header_meta .basicinfo .data table td.related ul.link li:not(.date):first-child{
	padding-top: 44px;
}
.main_contents .container ul.title_info script + li:not(:last-child) span,
.main_contents .word_container .word_header ul.title_info li:first-child:not(:last-child) span,
.dc_container .dc_header_meta .basicinfo .data table td.related ul.link li:not(.date):first-child span,
.dc_container .dc_header_meta .basicinfo .data table td.related ul.link li.date + li:not(.date) span{
	/* 関連タイトルが1件以上の場合、1件めのspanのみを見出し用に表示させる */
	position: absolute;
	top: 8px;
	left: 0;
	display: flex;
	align-items: center;
}
.main_contents .container ul.title_info script + li:not(:last-child) span::before,
.main_contents .word_container .word_header ul.title_info li:first-child:not(:last-child) span::before,
.dc_container .dc_header_meta .basicinfo .data table td.related ul.link li:not(.date):first-child span::before,
.dc_container .dc_header_meta .basicinfo .data table td.related ul.link li.date + li:not(.date) span::before{
	content: " ";
	display: block;
	width: 1.5em;
	height: 1.5em;
	padding-right: 0.5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 28 28' fill='none' stroke='%23333' stroke-width='2'%3E%3Crect x='2' y='3' width='20' height='14' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='8' y1='21' x2='16' y2='21'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12' y2='21'%3E%3C/line%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.5em;
}
.main_contents .container ul.title_info li h3,
.main_contents .word_container .word_header ul.title_info li a,
.dc_container .dc_header_meta .basicinfo .data table td.related ul.link li:not(.date) a{
	padding: 0 var(--spacing-md);
	line-height: var(--lineHeight-ms);
	font-size: var(--fontSize-ms);
	font-weight: normal;
}
.main_contents .container ul.title_info li h3{
	flex-grow: 1;
}
.main_contents .container ul.title_info li h3 a,
.main_contents .word_container .word_header ul.title_info li a{
	color: var(--color-link-oklch);
}
.main_contents .container ul.title_info li h3 a:hover,
.main_contents .word_container .word_header ul.title_info li a:hover{
	color: var(--color-link-hover-oklch);
}
.main_contents .container ul.title_info li h3 .PLATFORM_ICON_1,
.main_contents .word_container .word_header ul.title_info li h3 .PLATFORM_ICON_1{
	vertical-align: middle;
	margin-right: 4px;
}
.main_contents .container ul.title_info li .official_icon::before{
	content: "公式へ";
	display: inline-block;
	padding: var(--tag-spacing);
	margin-left: 4px;
	font-weight: bold;
	font-size: 8px;
	line-height: var(--tag-lineHeight);
	text-decoration: none;
	background: var(--tag-bg);
	color: var(--tag-color);
	border: var(--tag-border);
	border-radius: var(--tag-rounded);
	vertical-align: text-bottom;
	padding-right: 2.5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000080'%3E%3Cpath d='M212.31-140Q182-140 161-161q-21-21-21-51.31v-535.38Q140-778 161-799q21-21 51.31-21h252.3v60h-252.3q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v535.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-252.3h60v252.3Q820-182 799-161q-21 21-51.31 21H212.31Zm176.46-206.62-42.15-42.15L717.85-760H560v-60h260v260h-60v-157.85L388.77-346.62Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 4em center;
	background-size: 1.5em;
}
.main_contents .container ul.title_info li .official_icon img{
	display: none;
}
/********** このページのURL **********/
.main_contents .container ul.title_info li:last-child span,
.main_contents .dc_container .title_info li:last-child span,
.main_contents .word_container .word_header ul.title_info li:last-child span{
	/* この記事のURL用 */
	display: flex;
	align-items: center;
}
.main_contents .container ul.title_info li:last-child span::before,
.main_contents .dc_container .title_info li:last-child span::before,
.main_contents .word_container .word_header ul.title_info li:last-child span::before{
	content: " ";
	display: block;
	width: 1.5em;
	height: 1.5em;
	padding-right: 0.5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23333'%3E%3Cpath d='M318-120q-82 0-140-58t-58-140q0-40 15-76t43-64l134-133 56 56-134 134q-17 17-25.5 38.5T200-318q0 49 34.5 83.5T318-200q23 0 45-8.5t39-25.5l133-134 57 57-134 133q-28 28-64 43t-76 15Zm79-220-57-57 223-223 57 57-223 223Zm251-28-56-57 134-133q17-17 25-38t8-44q0-50-34-85t-84-35q-23 0-44.5 8.5T558-726L425-592l-57-56 134-134q28-28 64-43t76-15q82 0 139.5 58T839-641q0 39-14.5 75T782-502L648-368Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.5em;
}
.main_contents .container ul.title_info li input,
.main_contents .dc_container .title_info input,
.main_contents .word_container .word_header ul.title_info li input{
	flex-grow: 1;
	width: 100%;
	padding: var(--spacing-button-xs);
	margin: 0 var(--spacing-md);
	font-size: var(--fontSize-ms);
	line-height: var(--lineHeight-ms);
	background-color: var(--color-black-100);
	color: #333;
	border: none;
	border-radius: var(--rounded-sm);
}
/****************************** キーワード ******************************/
/* --------------------------------------------------
記事ページ・ワードページ・HWタイトルページで使用
-------------------------------------------------- */
.main_contents .container .keyword,
.main_contents .word_container .word_header .keyword,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword{
	clear: both;
	margin:0 auto;
	padding: var(--spacing-sm) 0;
}
.main_contents .container .keyword p,
.main_contents .word_container .word_header .keyword p,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dt{
	display: flex;
	align-items: center;
	padding: var(--spacing-sm) 0;
	margin: 0 auto;
	line-height: 1em;
	font-size: var(--fontSize-ms);
	font-weight: bold;
}
.main_contents .container .keyword p::before,
.main_contents .word_container .word_header .keyword p::before,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dt::before{
	content: " ";
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	padding-right: 0.5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 32 32' fill='none' stroke='%23333' stroke-width='2'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'%3E%3C/path%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'%3E%3C/line%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.5em;
}
.main_contents .container .keyword p::after,
.main_contents .word_container .word_header .keyword p::after{
	content: "：";
}
.main_contents .container .keyword ul,
.main_contents .word_container .word_header .keyword ul,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd ul{
	list-style:none;
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-sm);
	margin:0 auto;
	padding: 0 var(--spacing-md);
}
.main_contents .container .keyword ul li,
.main_contents .word_container .word_header .keyword ul li,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd li{
}
.main_contents .container .keyword ul li a,
.main_contents .word_container .word_header .keyword ul li a,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd li a{
	display: flex;
	padding: var(--tag-spacing);
	font-size: var(--tag-fontSize);
	line-height: var(--tag-lineHeight);
	text-decoration: none;
	background: var(--tag-bg);
	color: var(--tag-color);
	border: var(--tag-border);
	border-radius: var(--tag-rounded);
}
.main_contents .container .keyword ul li a:link,
.main_contents .word_container .word_header .keyword ul li a:link,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd li a:link{
	text-decoration: none;
}
.main_contents .container .keyword ul li a:visited,
.main_contents .word_container .word_header .keyword ul li a:visited,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd li a:visited{
	color: var(--color-link-oklch);
}
.main_contents .container .keyword ul li a:hover,
.main_contents .word_container .word_header .keyword ul li a:hover,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd li a:hover{
	background: var(--tag-bg-hover);
	color: var(--tag-color-hover);
	text-decoration: underline;
}
/***** ICON *****/
.main_contents .container .keyword ul li a[href*="/games/"]::before,
.main_contents .word_container .word_header .keyword ul li a[href*="/games/"]::before,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd li a[href*="/games/"]::before{
	content: "";
	display: inline-block;
	width: 1.25em;
	height: 1.5em;
	padding-right: 0.25em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -2 28 28' fill='none' stroke='%23000080' stroke-width='2'%3E%3Crect x='2' y='3' width='20' height='14' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='8' y1='21' x2='16' y2='21'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12' y2='21'%3E%3C/line%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.25em;
}
.main_contents .container .keyword ul li a[href*="/publisher/"]::before,
.main_contents .word_container .word_header .keyword ul li a[href*="/publisher/"]::before,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd li a[href*="/publisher/"]::before{
	content: "";
	display: inline-block;
	width: 1.3em;
	height: 1.5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000080'%3E%3Cpath d='M120-120v-560h160v-160h400v320h160v400H520v-160h-80v160H120Zm80-80h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 320h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 480h80v-80h-80v80Zm0-160h80v-80h-80v80Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.3em;
}
.main_contents .container .keyword ul li a[href*="/developer/"]::before,
.main_contents .word_container .word_header .keyword ul li a[href*="/developer/"]::before,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd li a[href*="/developer/"]::before{
	content: "";
	display: inline-block;
	width: 1.3em;
	height: 1.5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000080'%3E%3Cpath d='M686-132 444-376q-20 8-40.5 12t-43.5 4q-100 0-170-70t-70-170q0-36 10-68.5t28-61.5l146 146 72-72-146-146q29-18 61.5-28t68.5-10q100 0 170 70t70 170q0 23-4 43.5T584-516l244 242q12 12 12 29t-12 29l-84 84q-12 12-29 12t-29-12Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.3em;
}
.main_contents .container .keyword ul li a[href*="/words/"]::before,
.main_contents .word_container .word_header .keyword ul li a[href*="/words/"]::before,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd li a[href*="/words/"]::before,
.main_contents .container .keyword ul li a[href*="/tags/"]::before,
.main_contents .word_container .word_header .keyword ul li a[href*="/tags/"]::before,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd li a[href*="/tags/"]::before{
	content: "";
	display: inline-block;
	width: 1em;
	height: 1.5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000080'%3E%3Cpath d='m240-160 40-160H120l20-80h160l40-160H180l20-80h160l40-160h80l-40 160h160l40-160h80l-40 160h160l-20 80H660l-40 160h160l-20 80H600l-40 160h-80l40-160H360l-40 160h-80Zm140-240h160l40-160H420l-40 160Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1em;
}
.main_contents .container .keyword ul li a[href*="/music/"]::before,
.main_contents .word_container .word_header .keyword ul li a[href*="/music/"]::before,
.dc_container .dc_header_meta .basicinfo .data table td.related dl.keyword dd li a[href*="/music/"]::before{
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M320 72v264c0 55-46 94-102 94-45 0-82-25-82-64 0-43 42-70 88-70 18 0 36 4 50 12V128l126-30v68l-80 19z' fill='%23000080'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.5em;
}
.main_contents .container .keyword div,
.main_contents .word_container .word_header .keyword div,
.main_contents .container .keyword img.keyword_frame,
.main_contents .word_container .word_header .keyword  img.keyword_frame{
	/* border-radiusで代替するため囲み画像のdivは非表示に */
	display:none;
}
/******************** トップページ記事一覧・レイアウト変更UI ********************/
.layout_interface{
	display: flex;
	align-items: center;
	padding: 4px 12px;
	margin: 0 4px 0 auto;
	gap: 6px;
	background: #090909;
	border: none;
	border-radius: 9999px;
}
.V2_global_navi .layout_interface{
	display: flex;
	margin: 4px 4px 4px auto;
}
.navigation_side .V2_global_navi .layout_interface{
	justify-content: center;
	width: fit-content;
	margin: 4px auto;
}
@media (max-width: 1909px) {
	.layout_interface,
	.V2_global_navi .layout_interface{
		display: none;
	}
}
.layout_interface [data-tip] {
	position: relative;
	cursor: pointer;
}
.layout_interface [data-tip]::after {
	/*　ツールチップ */
	z-index:-1;
	content: attr(data-tip);
	position: absolute;
	bottom: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	background: #1a1a1a;
	color: #fff;
	font-size: 10px;
	padding: 4px 8px;
	border-radius: 4px;
	white-space: nowrap;
	opacity: 0;
	transition: all 0.2s;
}
.layout_interface [data-tip]:hover::after {
	z-index:1;
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}
.layout_interface .layout_menu_top,
.navigation_side .layout_interface .layout_menu_side,
.index_aspect_16-9 .layout_interface .control_view_thumb,
.view_list .layout_interface .control_view_list,
.view_cozy .layout_interface .control_view_cozy,
.view_module .layout_interface .control_view_module{
	color: #ff0;
}
.layout_interface div,
.navigation_side .layout_interface .layout_menu_top{
	height: 24px;
	color: rgba(255, 255, 255, 0.4);
}
.layout_interface svg{
	vertical-align: baseline;
}
/*==============================================================================================================
/import V3.1_common_style.css
/==============================================================================================================*/
/**************************************** EDITOR用 ****************************************/
/********** heading **********/
.maintxt h2,
.main_contents .dc_container .description > h2{
	padding-left: 16px;
	font-size: var(--fontSize-primary);
	border-left: 8px solid var(--color-heading-oklch);
	color: var(--color-heading-oklch);
}
.maintxt h4,
.main_contents .dc_container .description > h4{
	font-size: var(--fontSize-secondary);
	color: var(--color-heading-oklch);
}
.maintxt h6,
.main_contents .dc_container .description > h6{
	font-size: var(--fontSize-tertiary);
	color: var(--color-heading-oklch);
}
/********** 画像用テーブル **********/
.img_right_top,
table.img_right_top{
	float: right;
	margin:0 0 var(--spacing-rem-base) var(--spacing-rem-base);
	background: var(--backgroundColor-thumb-gray-oklch);
}
.img_left_top,
table.img_left_top{
	float: left;
	margin: 0 var(--spacing-rem-base) var(--spacing-rem-base) 0;
	background: var(--backgroundColor-thumb-gray-oklch);
}
.img_center,
table.img_center{
	margin: 0 auto;
	background: var(--backgroundColor-thumb-gray-oklch);
}
table.img_right_top td,
table.img_left_top td,
table.img_center td{
	vertical-align:top;
}
/***** キャプション *****/
.img_right_top .cap,
.img_left_top .cap,
.img_center .cap,
table.img_right_top .cap,
table.img_left_top .cap,
table.img_center .cap{
	padding: var(--spacing-rem-xs) var(--spacing-rem-sm) var(--spacing-rem-sm);
	font-size: var(--fontSize-sm);
	line-height: var(--lineHeight-sm);
	text-align: left;
	vertical-align: top;
	background: var(--backgroundColor-thumb-gray-oklch);
}
table.img_right_top caption.cap,
table.img_left_top caption.cap,
table.img_center caption.cap{
	caption-side:bottom;
}
table.img_center caption.cap{
	margin:0 auto;
}
/********** i **********/
i.def{
}
/********** icon_cursor **********/
.icon_cursor{
	vertical-align:text-top;
}
.img_center .icon_cursor,
.img_left_top .icon_cursor,
.img_right_top .icon_cursor{
	height: 13px;
	vertical-align: text-bottom;
}
/********** bold **********/
.bold,
.bold1,
span.bold,
strong.bold,
span.bold1,
strong.bold1{
	color: var(--color-bold-red-oklch);
	font-weight: bold;
}
.bold2,
span.bold2,
strong.bold2{
	color: var(--color-bold-green-oklch);
	font-weight: bold;
}
.bold3,
span.bold3,
strong.bold3{
	color: var(--color-bold-purple-oklch);
	font-weight: bold;
}
.bold4,
span.bold4,
strong.bold4{
	color: var(-color-bold-black-oklch);
	font-weight: bold;
}
.bold5,
span.bold5,
strong.bold5{
	color: var(--color-bold-orange-oklch);
	font-weight: bold;
}
.bold6,
span.bold6,
strong.bold6{
	color: var(--color-bold-royalblue-oklch);
	font-weight: bold;
}
.bold7,
span.bold7,
strong.bold7{
	color: var(--color-bold-blue-oklch);
	font-weight: bold;
}
.bold8,
span.bold8,
strong.bold8{
	color: var(--color-bold-amethyst-oklch);
	font-weight: bold;
}
.bold9,
span.bold9,
strong.bold9{
	color: var(--color-bold-pink-oklch);
	font-weight: bold;
}
/********** フォントサイズ **********/
.font_small{
	font-size: var(--fontSize-sm);
}
.font_large{
	font-size: var(--fontSize-lg);
}
.font_x-large{
	font-size: var(--fontSize-xl);
}
/********** テキスト寄せ **********/
.news_right{
	text-align: right;
}
.news_center{
	text-align: center;
}
.news_center > .twitter-tweet{
	margin-left: auto;
	margin-right: auto;
}
/********** clear_both **********/
.clear_both{
	clear: both;
}
/********** 水平線 **********/
hr.def{
	width: 100%;
	border-width: 0px;
	border-top: 1px solid var(--borderColor-gray-oklch);
}
/******************** ハッシュタグボタン用 ********************/
/* ------------------------------
EDITORには実装されていないが
NEWSとWORDSで使われてそうなので
一時的に入れておく
------------------------------ */
.main_contents .twitter_hash{
	text-align: center;
}
.main_contents .twitter_hash img{
	margin: 0 auto;
}
/********** 旧リリースコピペ用（タイトルページの紹介文で使っている） **********/
.release_table{
	table-layout: auto;
	border-collapse: collapse;
	width: 100%;
	margin:0 auto var(--spacing-rem-md);
	text-align: left;
	background: #ffffff;
}
.release_table td{
	border: solid 1px var(--borderColor-blue-oklch);
	padding: var(--spacing-rem-xs);
}
.release_table .release_title{
	width: 100%;
	padding: var(--spacing-rem-sm);
}
.release_title .PLATFORM_ICON_1{
	vertical-align: baseline;
	margin-right: var(--spacing-xs);
}
.release_title a::after{
	content: " ";
	display: block;
	width: 0px;
	height: 0px;
}
.release_deli_origin,
.release_deli_date{
	width: 50px;
	background: var(--backgroundColor-blue-oklch);
	text-align: center;
}
.release_maker{
	width:330px;
}
.release_date{
	width:90px;
	text-align:center;
}
.release_caution{
	padding-bottom: var(--spacing-rem-md);
	margin-bottom: var(--spacing-rem-md);
	text-align: center;
	border-bottom: 1px dashed var(--borderColor-blue-oklch);
	color: var(--color-caution-oklch);
}
span.blockquote{
	/* commonで管理するためにspanをつけて範囲を制限 */
	color:#880000;
}
hr.release_eol,
hr.dotspliter{
	clear:both;
	display:block;
	height: 1px; 
	line-height:1px;
	border-style: dashed none none none;
	border-top-width: 1px; 
	border-top-color: var(--borderColor-gray-oklch); 
}
/**************************************** 旧 CSS ****************************************/
/* txt */
.txt0 {
	font-size: 60%;
	font-size: var(--fontSize-xs);
	line-height: 130%;
}
.txt1 {
	font-size: 75%;
	font-size: var(--fontSize-xs);
	line-height: 130%;
}
.txt2 {
	font-size: 80%;
	font-size: var(--fontSize-sm);
	line-height: 130%;
}
.txt3 {
	font-size: 92%;
	font-size: var(--fontSize-sm);
	line-height: 130%;
}
.txt4 {
	font-size: 102%;
	font-size: var(--fontSize-md);
	line-height: 130%;
}
.txt5 {
	font-size: 122%;
	font-size: var(--fontSize-lg);
	font-weight: bold;
	line-height: 130%;
}
.txt6 {
	font-size: 182%;
	font-size: var(--fontSize-xl);
	font-weight: bold;
	line-height: 130%;
}
.txtWhite {
	color: #ffffff;
}
.insection {
	margin: 8px 0px;
	padding: 8px;
	background: #eeeeee;
	border: 1px solid #cccccc;
}
/* 画像用テーブル */
.newsImageTable       {background-color: var(--backgroundColor-thumb-gray-oklch);}
.newsImageTable_Top   {background-color: var(--backgroundColor-thumb-gray-oklch);}
.newsImageTable_Multi {background-color: var(--backgroundColor-thumb-gray-oklch);margin:0 auto;}
.news_txt1 {color: #6d58cf;font-weight:bold;text-align:right;margin-bottom:6px;}
.news_copyright {font-size:60%;font-family:monospace;line-height:110%;}
.news_block{}
.news_start{vertical-align:top;}
.newstext {margin-left:0px;padding:0.5em;line-height:1.4em;font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;}
.newsImageTable td,
.newsImageTable_Top td,
.newsImageTable_Multi td{
	padding:1px;
}
.newsImageTable_Multi caption.icaption{
	caption-side:bottom;
	margin:0 auto;
}
/* そのほか */
.containerNews1 {
	margin: 8px 0px;
	padding: 0px;
	width: 550px;
}
.containerNews1 .imgBox {
	width: 120px;
	height: 90px;
	float: right;
}
.containerNews1 .txtBox {
 	width: 550px;
	float: left;
}
.containerNews2 {
	margin: 8px 0px;
	padding: 0px;
	width: 550px;
}
.copy{
	font-size:65%;
	color:#000000;
	font-family:Verdana;
}
.icaption{
	font-size:68%;
	color:#000000;
	background-color:#E1E0E0;
	text-align:left;
	line-height:120%;
	padding:2px 4px;
}
.headline{
	font-size:125%;
	color:#5522cc;
	font-weight:bold;
	margin-bottom:8px;
}
.artic{
	font-size:82%;
	color:#000000;
	line-height:130%;
}
/* 旧関連記事 */
.dclinebox{
	display:none;
}
/*==============================================================================================================
/import V3.1_top_layout.css
/==============================================================================================================*/
/****************************** 総合トップ用 ******************************/
.type-home{
	--layout-chip-skew: none;
	--layout-heading-skew: none;
	--layout-bg-default: linear-gradient(180deg, #ffffff99 0%, #ffffffcc 400px);
	--layout-bg-default: #ffffffbb;
	--tag-bg: #ffffffbb;
	--color-bg-body: linear-gradient(180deg, ##bfceee 0px, ##bfceee 500px);
	--color-bg-body: oklch(0.85 0.0475 266);
	--icon-border: 1px solid var(--color-black-250);
	--layout-outline: 1px solid var(--color-black-250);
	--layout-border-color-default: var(--color-black-200);
	--color-link-oklch: #111;
	--color-link-visited-oklch: #111;
}
.top_container a:visited {
	color: #999;
}
.top_container a:hover {
	color: var(--color-link-hover-oklch);
}
/********** contents **********/
.type-home .contents{
	width: 100%;
	box-sizing: border-box;
}
/********** V2_global_navi **********/
.type-home .c-global-nav{
	width: 100%;
}
.type-home .V2_global_navi{
	--height-globalNavi: 124px;
	--height-globalNavi-inner: 56px;
	width: calc(var(--width-mainContents) + var(--width-leftContents) + var(--width-rightContents) + calc(var(--spacing-gutter) * 2));
	margin: 0 auto;
}
@media (max-width: 1599px) {
	.type-home .V2_global_navi,
	.type-home .contents.navigation_global .V2_global_navi{
		width: var(--width-contents-min);
		margin-bottom: var(--spacing-gutter);
	}
}
/***** menu *****/
.type-home .V2_global_navi .class1{
	border-radius: var(--rounded-inner);
}
.type-home .V2_global_navi .class2{
	background: transparent;
	outline: none;
}
.type-home .V2_global_navi .class2 a{
	border: none;
	padding: 8px 16px;
}
.type-home .V2_global_navi .layout_interface {
	right: 8px;
	top: 8px;
}
/********** main **********/
.l-page-main.top_index_container{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter-xl);
}
/********** s-home-articles **********/
.s-home-articles{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-gutter);
	width: calc(var(--width-mainContents) + var(--width-leftContents) + var(--width-rightContents) + (var(--spacing-gutter) * 2));
	margin: 0 auto;
}
@media (max-width: 1599px) {
	.s-home-articles{
		width: var(--width-contents-min);
		gap: 0;
	}
}
/********** s-home-events, s-home-ranking **********/
.s-home-events,
.s-home-ranking{
	width: 100%;
	padding: var(--spacing-gutter-xl) 0;
	background: url(https://www.4gamer.net/img/article_weekly_vtuber/bg_article_bottom.png) repeat ;
}
.l-home-events-grid,
.l-home-ranking-grid{
	display: flex;
	gap: var(--spacing-gutter);
	width: calc(var(--width-mainContents) + var(--width-leftContents) + var(--width-rightContents) + (var(--spacing-gutter) * 2));
	margin: 0 auto;
}
.l-home-events-grid__group,
.l-home-ranking-grid__group{
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter-xl);
	padding: 0 var(--spacing-inner-mainContents);
}
@media (max-width: 1599px) {
	.l-home-events-grid,
	.l-home-ranking-grid{
		flex-direction: column;
		width: var(--width-contents-min);
	}
}
/********** main_contents **********/
.type-home .main_contents{
	gap: 0;
	padding: 16px 0 0;
	outline: none;
	border-radius: 0;
	background: transparent;
}
@media (max-width: 1599px) {
	.type-home .main_contents{
		padding: var(--spacing-gutter);
		background: var(--layout-bg-default);
		outline: var(--layout-outline);
	}
}
@media (max-width: 1199px) {
	body{
		width: 100%;
		min-width: auto;
	}
	.type-home .widget-article-vtuber{
		display: none !important;
	}
	.type-home .information{
		font-size: 12px !important;
	}
	.V2_article_container h2,
	.pr_timeline_mini h2{
		font-size: 14px !important;
		line-height: 1.4 !important;
	}
	.pr_timeline_mini p{
		font-size: 12px !important;
	}
	.c-social-links__item--bluesky,
	.c-social-links__item--facebook,
	.c-social-links__item--line,
	.c-social-links__item--youtube{
		display: none !important;
	}
	.type-home .main_contents{
		width: 570px !important;
	}
	.l-home-events-grid, .l-home-ranking-grid,
	.type-home .l-widget-grid__group--split,
	.type-home .l-widget-grid__group--slidecontents,
	.type-home .s-home-articles,
	.type-home .s-home-featured .l-widget-grid__group--stacked,
	.type-home .V2_global_navi, 
	.type-home .contents.navigation_global .V2_global_navi,
	.c-site-footer .footer_container{
		width: var(--width-contents-old) !important;
	}
	.type-home .l-widget-grid__group--split{
		height: 463px !important;
	}
	.c-slidecontents--weekly{
		margin-top: -32px !important;
		transform: scale(0.62) !important;
		transform-origin: left bottom !important;
	}
	.c-slidecontents--event{
		margin-top: -24px !important;
		transform: scale(0.77) !important;
	}
	.c-ranking-card{
		flex: 0 0 164px !important;
	}
	.l-widget-grid--content-inside{
		flex-direction: column !important;
	}
	.l-widget-grid__group--stacked{
		flex-direction: column !important;
	}
	.widget-weekly-sale{
		margin: 0 auto !important;
	}
	.widget-article-hardware{
		gap: 16px !important;
		max-width: 100% !important;
		padding: 0px 32px !important;
	}
	.left_contents .hot_game_now,
	.left_contents .hot_game_now a img{
		width: 100% !important;
	}
	.type-home .V2_global_navi .class1{
		font-size: 12px !important;
	}
	.V2_global_navi .class2 a{
		padding: 8px !important;
		font-size: 10px !important;
	}
	.c-article-index-header__title{
		display: none !important;
	}
	.l-content-shell-navigation .medipartner img{
		width: 100% !important;
	}
	.V2_article_tag, 
	.V2_article_container.oneline .V2_article_tag{
		width: 200px !important;
	}
	.left_menu .leftmenu_article .heading,
	.left_menu .leftmenu_article .img_left_top{
		width: 100% !important;
	}
	.c-ranking-card__title{
		font-size: 12px !important;
	}
	.c-article-index-toolbar{
		margin-bottom: 16px !important;
		align-items: center !important;
	}
	.c-article-index-header{
		margin-bottom: 0 !important;
	}
	.widget-article-hardware__body{
		width: 52% !important;
	}
	.widget-article-hardware__lead{
		width: 36% !important;
	}
	.left_menu .bookmark_header::after{
		font-size: 7px !important;
	}
}
/***** トップページの深夜当日枠 *****/
/*----------------------------------------
深夜と当時の記事をセットで表示するために
top_containerを無効化し、overnightで囲む
overnightをtop_containerとして使う
----------------------------------------*/
.top_container_overnight{
}
@media (min-width: 1910px) {
	:root{
		--width-mainContents: 900px;
	}
	.top_container_overnight .top_container{
		display: contents !important;
	}
	.top_container_overnight,
	.type-home .s-home-articles--yesterday .top_container,
	.type-home .s-home-articles--past-highlights .top_container{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: var(--spacing-gutter);
		width: var(--width-mainContents);
		padding: var(--spacing-inner-mainContents);
		background: var(--layout-bg-default);
		border-radius: var(--rounded-inner);
		outline: var(--layout-outline);
		box-sizing: border-box;
	}
	.view_module .top_container_overnight{
		gap: 32px 34px;
	}
}
@media (min-width: 1910px) {
	.type-home .s-home-articles--yesterday .top_container,
	.type-home .s-home-articles--past-highlights .top_container{
		padding: var(--spacing-inner-mainContents);
	}
}
@media (min-width: 1600px) and (max-width: 1909px){
	.top_container_overnight,
	.type-home .s-home-articles--yesterday .top_container,
	.type-home .s-home-articles--past-highlights .top_container{
		width: var(--width-mainContents);
		padding: var(--spacing-inner-mainContents);
		padding: var(--spacing-gutter) var(--spacing-inner-indextop);
		background: var(--layout-bg-default);
		border-radius: var(--rounded-inner);
		outline: var(--layout-outline);
		box-sizing: border-box;
	}
}
/********** c-article-index-header **********/
.c-article-index-header{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	margin-bottom: var(--spacing-gutter);
	font-weight: 800;
	font-size: var(--fontSize-ms);
	line-height: var(--lineHeight-ms);
	box-sizing: border-box;
}
.top_container + .c-article-index-header{
	margin-top: var(--spacing-gutter);
}
.c-article-index-header__title{
	display: block;
	font-size: var(--fontSize-xxl);
	line-height: var(--lineHeight-none);
	margin: 0 var(--spacing-sm);
	font-family: Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN';
}
/********** c-section-header **********/
.c-section-header{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-gutter);
	min-width: var(--width-leftContents);
	border-right: 1px solid var(--layout-border-color-default);
}
.c-section-header__title{
	display: block;
	padding: 0px 9px 3px 8px;
	font-weight: bold;
	font-size: var(--fontSize-xxxl);
	line-height: var(--lineHeight-xs);
	letter-spacing: 2px;
	text-align: left;
	color: #fff;
	background: var(--color-bg-primary);
}
.c-section-header__description{
	display: block;
	width: var(--width-leftContents);
	font-size: var(--fontSize-xl);
	font-weight: bold;
}
@media ( max-width: 1599px) {
	.c-section-header{
		flex-direction: row;
		align-items: center;
		padding: 0 var(--spacing-gutter) var(--spacing-gutter);
		border-right: none;
		border-bottom: 1px solid var(--layout-border-color-default);
	}
	.c-section-header__title{
		font-size: var(--fontSize-xxl);
	}
	.c-section-header__description{
		width: auto;
	}
	.c-section-header__description br{
		display: none;
	}
}
/********** c-slidecontents-header **********/
.c-slidecontents-header{
	grid-column: 1 / 4;
	grid-row: 1 / 2;
	width: calc(var(--width-mainContents) + var(--width-rightContents) + var(--spacing-gutter));
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.c-slidecontents-header__title{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px;
	box-sizing: border-box;
}
.c-slidecontents-header__event-title,
.c-slidecontents-header__data-title{
	display: block;
	font-size: 28px;
	line-height: var(--lineHeight-none);
	font-family: Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN';
	font-weight: 800;
}
.c-slidecontents-header__event-description,
.c-slidecontents-header__data-description{
	font-size: var(--fontSize-ms);
	line-height: var(--lineHeight-ms);
	color: var(--color-bg-primary);
}
a.c-slidecontents-header__link{
	display: flex;
	align-items: center;
	gap: var(--button-component-gap);
	padding: var(--button-component-padding);
	font-size: var(--button-fontSize);
	line-height: var(--button-lineHeight);
	text-align: center;
	text-decoration: none;
	background-color: var(--button-bg);
	color: var(--button-color);
	border-radius: var(--button-rounded);
	margin:0 0 0 auto;
}
a.c-slidecontents-header__link::after{
	content:" ";
	display:block;
	width: var(--button-component-icon-width);
	height: var(--button-component-icon-height);
	background: var(--button-component-icon-bg-black);
	background-size: var(--button-component-bg-size);
	border-radius: var(--button-component-icon-rounded);
}
a.c-slidecontents-header__link{
	color: var(--button-color);
}
a.c-slidecontents-header__link:visited{
	color: var(--button-color);
}
a.c-slidecontents-header__link:hover{
	color: var(--button-color-hover);
	background: var(--button-bg-hover);
	text-decoration: underline;
}
/******************** left_contents ********************/
/***** sticky *****/
.s-home-articles--today .left_menu,
.s-home-articles--yesterday .topics.leftmenu_article:last-child,
.s-home-articles--past-highlights .left_menu{
	position: sticky;
	top: calc(var(--height-floatingNavi) + var(--spacing-gutter));
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.s-home-articles--yesterday .topics.leftmenu_article:last-child{
	gap: 0px;
}
@media ( max-width: 1599px) {
	.s-home-articles--today .left_menu,
	.s-home-articles--yesterday .topics.leftmenu_article:last-child{
		position: static;
	}
}
/***** favorite ******/
.l-content-shell-navigation .favorite ul,
.l-content-shell-navigation .already ul{
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
	padding: 0 4px;
}
.l-content-shell-navigation .favorite ul{
	max-height: 25vh;
}
.l-content-shell-navigation .already ul{
	max-height: 20vh;
}
@media ( max-width: 1599px) {
	.l-content-shell-navigation .favorite ul,
	.l-content-shell-navigation .already ul{
		max-height: none;
		padding: 0;
	}
}
/***** comment *****/
.l-content-shell-navigation .favorite p.comment,
.l-content-shell-navigation .comment_new{
	display: block;
}
.l-content-shell-navigation .favorite #BOOKMARK > p:first-child:before,
.l-content-shell-navigation .already #HISTORY:empty:before{
	display: block;
	padding: 8px 16px;
	font-size: 12px;
	line-height: 1.6;
	color: var(--color-supplement);
	border: 1px solid var(--layout-border-color-default);
	border-radius: var(--rounded-inner-menu);
	background: #fff;
}
.l-content-shell-navigation .favorite #BOOKMARK > p:first-child:before{
	content:"「お気に入りのタイトル/キーワード」が登録されていません。";
	margin: var(--spacing-gutter-sm) auto;
}
.l-content-shell-navigation .already #HISTORY:empty:before{
	content:"「最近記事を読んだタイトル/ワード」がありません。";
	margin: var(--spacing-gutter-sm) auto 0;
}
/***** description *****/
.l-content-shell-navigation .timeline_highlight_description {
	position: relative;
	font-size: 12px;
	line-height: 1.6;
	background: #00000066;
	color: #fff;
	padding: 16px;
	margin-top: 2px;
	border-radius: 16px;
	box-sizing: border-box;
	margin: 0 8px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.l-content-shell-navigation .timeline_highlight_description::before {
	z-index: 2;
	top: -16px;
	left: unset;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #00000066;
}
.l-content-shell-navigation .timeline_highlight_description span {
	display: block;
	color: #ff0;
	margin-right: auto;
}
@media ( max-width: 1599px) {
	.l-content-shell-navigation .timeline_highlight_description {
		padding: 8px;
		margin: 0 auto;
		font-size: 10px;
		line-height: 1.4;
		background-color: var(--ui-bg-black);
		border-radius: 8px;
	}
	.l-content-shell-navigation .timeline_highlight_description::before {
		border-bottom-color: var(--ui-bg-black);
	}
}
.l-content-shell-navigation .bookmark_disp{
	margin-top: var(--spacing-gutter);
}
/***** display *****/
.l-content-shell-navigation .banner_left_4g{
	display: none !important;
}
.l-content-shell-navigation .weekly.mobile.line{
	display: none;
}
.l-content-shell-navigation .medipartner{
	position: static !important;
}
/******************** right_contents ********************/
.l-content-shell-advertising .paidpub_special{
	position: sticky;
	top: calc(var(--height-floatingNavi) + var(--spacing-gutter));
}
@media ( max-width: 1599px) {
	.l-content-shell-advertising .paidpub_special{
		position: static;
	}
}
.l-content-shell-advertising .sticky_ad_mini{
	top: calc(var(--height-floatingNavi) + var(--spacing-gutter));
}
.l-content-shell-advertising .ranking + .ranking > div:nth-child(12),
.l-content-shell-advertising .ranking + .ranking > div:nth-child(13),
.l-content-shell-advertising .ranking + .ranking > div:nth-child(14),
.l-content-shell-advertising .ranking + .ranking > div:nth-child(15),
.l-content-shell-advertising .ranking + .ranking > div:nth-child(16),
.l-content-shell-advertising .ranking + .ranking > div:nth-child(17),
.l-content-shell-advertising .ranking + .ranking > div:nth-child(18),
.l-content-shell-advertising .ranking + .ranking > div:nth-child(19),
.l-content-shell-advertising .ranking + .ranking > div:nth-child(20),
.l-content-shell-advertising .ranking + .ranking > div:nth-child(21){
	display:flex;
}
/********** 幅1600px未満 **********/
@media (max-width: 1599px) {
	.type-home .left_contents{
		border-bottom-left-radius: var(--rounded-inner);
	}
	.type-home .right_contents{
		border-bottom-right-radius: var(--rounded-inner);
	}
}
/****************************** カテゴリトップ用 ******************************/
/* ----------------------------------------
left_contentsが無い場合はカテゴリトップ
---------------------------------------- */
.V2_global_navi + .main_contents{
	position: relative;
	gap: var(--spacing-gutter-lg);
	width: calc(var(--width-mainContents) + var(--width-leftContents) + var(--spacing-gutter));
	padding: var(--spacing-inner-mainContents);
}
.main_contents .top_container{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.V2_global_navi + .main_contents .left_favorite_container{
	width: auto;
}
/********** サブコンテンツ用 **********/
.sub_contents{
}
.sub_contents .main_contents{
	width:570px;
	text-align:center;
	background:#ffffff;
	float:left;
	overflow:hidden;
	margin-left:0;
}
.sub_contents .top_container{
	width:550px;
	margin:0 auto;
	text-align:left;
}
.sub_contents .top_container::after{
	content:" ";
	display:block;
	height:0;
	clear:both;
}
/********** h1 **********/
h1.platform_heading{
/* ------------------------------
スポットライトと一緒に使うstyle
top_category_component.cssに移動
------------------------------ */
}
/******************** 区切り ********************/
/* ------------------------------
h2.pickup_movie	：スマホトップ用
contents_header	：INDEXTOP用
has_left_contents：ハードトップ用
------------------------------ */
h2.V2_finding,
h2.V2_finding_movie,
h2.V2_finding_event,
h2.V2_finding_review,
h2.V2_finding_interview,
h2.pickup_movie,
.contents_header > .finding,
.main_contents > .finding,
.has_left_contents .top_article > .finding p{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: var(--layout-heading-spacing);
	font-weight: bold;
	font-size: var(--layout-heading-fontSize);
	line-height: var(--layout-heading-lineHeight);
	background: var(--color-gradient-heading);
	color: var(--layout-heading-color);
	border-radius: var(--layout-heading-rounded);
	transform: var(--layout-heading-skew);
	box-sizing: border-box;
	font-size: var(--fontSize-ms);
	text-indent: 8px;
}
/****************************** 記事エリア その1 ******************************/
.contents_area_1{
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
}
/******************** 記事一覧 ********************/
.top_article{
	position: relative;
	width: calc(var(--width-mainContents) - var(--spacing-inner));
	margin-left: var(--spacing-inner-indextop);
}
/********** インタフェース **********/
.V2_finding_menu{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	padding: var(--spacing-xs);
	margin: var(--spacing-sm) 0 0;
	background: var(--color-black-50);
	border: none;
	outline: 1px solid var(--layout-border-color-default);
	border-radius: var(--rounded-md);
	box-sizing: border-box;
}
/***** social *****/
.platformtop_social-links{
	justify-content: space-evenly;
	position: absolute;
	z-index: 1;
	right: 8px;
	top: 4px;
}
.platformtop_social-links .social-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--icon-md);
	height: var(--icon-md);
	padding: 4px;
	background: var(--icon-rss-bg);
	color: #fff;
	border-radius: var(--icon-rounded);
	box-sizing: border-box;
}
.platformtop_social-links .social-btn svg {
	width: 100%;
	height: 100%;
}
/********** フィルター **********/
#NEWS_BLOCK_001,
#NEWS_BLOCK_002{
	position: relative;
}
.pickup_selected,
.latest_selected,
.index_pickup,
.index_latest{
	cursor: pointer;
	position: absolute;
	z-index: 100;
	top: 2px;
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 36px;
	padding: 0 4px;
	font-size: 12px;
	line-height: 36px;
	background: var(--color-black-50);
	box-sizing: border-box;
}
.pickup_selected{
	left: var(--spacing-md);
	top: -38px;
}
.latest_selected{
	left:130px;
	top: calc(-40px - 14px);
}
.index_pickup{
	left: var(--spacing-md);
}
.index_latest{
	left: 130px;
}
.pickup_selected::after,
.latest_selected::after,
.index_pickup::after,
.index_latest::after{
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
}
.pickup_selected::after,
.latest_selected::after{
	background: var(--color-border-primary);
}
.index_pickup::after,
.index_latest::after{
	background: var(--color-black-50);
}
/********** ランキング **********/
.V2_finding_menu .ranking{
	margin:0 0 0 auto;
}
.V2_finding_menu .ranking dl{
	display: flex;
	align-items: center;
	gap: 4px;
	flex-direction: row;
}
.V2_finding_menu .ranking dt{
	margin: 0;
	font-size: 12px;
	line-height: 1;
}
.V2_finding_menu .ranking dt strong{
}
.V2_finding_menu .ranking dd{
	display: flex;
	justify-content: flex-end;
}
.V2_finding_menu .ranking dd a{
	display: flex;
	align-items: center;
	padding: var(--button-spacing-sm);
	color: var(--button-color);
	font-size: var(--button-fontSize);
	line-height: var(--button-lineHeight);
	text-align: center;
	text-decoration: none;
	background: var(--button-bg);
	border-radius: var(--button-rounded);
	line-height: 1;
}
.V2_finding_menu .ranking dd a::after{
	content:" ";
	display:block;
	width: 1em;
	height: 1em;
	background: var(--icon-bg);
	background-image: var(--icon-button-arrow);
	background-size: 1em;
}
.V2_finding_menu .ranking dd a:hover{
	color: var(--button-color-hover);
	background: var(--button-bg-hover);
	text-decoration: underline;
}
/********** PCカテゴリトップ用 2日分の記事 ***********/
#NEWS_BLOCK_002 .finding{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	margin-top: var(--spacing-gutter);
	box-sizing:border-box;
}
#NEWS_BLOCK_002 .finding p{
	width: 100%;
	margin-left: var(--skew-left-margin);
	margin-right: var(--skew-right-margin);
	line-height: 2;
	font-size: var(--layout-heading-fontSize);
	font-weight: bold;
	text-align: left;
	border-bottom: 4px solid var(--color-black-600);
	transform: var(--layout-heading-skew);
	box-sizing: border-box;
}
#NEWS_BLOCK_002 .index_sort{
	position: absolute;
	right: 0;
	display: flex;
	gap: var(--spacing-gutter);
	height: 20px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 20px;
}
#NEWS_BLOCK_002 .index_sort input{
	height: auto;
	vertical-align: -2px;
	margin-right: 4px;
}
#NEWS_BLOCK_002 .index_sort label{
	cursor: pointer;
}
/******************** 最新ムービー/最新レビュー/最新インタビュー ********************/
.contents_area_1 .top_movie,
.contents_area_1 .top_event,
.contents_area_1 .top_review,
.contents_area_1 .top_interview{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter);
	width: var(--width-leftContents);
}
.top_movie_container,
.top_event_container,
.top_review_container,
.top_interview_container{
	overflow: hidden;
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
}
.top_movie_container h3,
.top_event_container h3,
.top_review_container h3,
.top_interview_container h3{
	overflow: hidden;
	order: 2;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	width: 100%;
	padding: 8px;
	line-height: 1.4;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	background: #090909;
}
.top_movie_container h3 a,
.top_event_container h3 a,
.top_review_container h3 a,
.top_interview_container h3 a{
	overflow: hidden;
	word-wrap: break-word;
	text-decoration: none;
	color: #fff;
}
.top_movie_container h3 a:hover,
.top_event_container h3 a:hover,
.top_review_container h3 a:hover,
.top_interview_container h3 a:hover{
	text-decoration: underline;
}
.top_movie_container img.movie_thumb,
.top_event_container img.movie_thumb,
.top_review_container img.movie_thumb,
.top_interview_container img.movie_thumb{
	width: 124px;
	height: auto;
	aspect-ratio: 4 / 3;
	border: 1px solid var(--color-black-800);
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.top_movie_container img.button_movie{
	/* 旧再生ボタン */
	display: none;
}
.top_movie_container > a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top_movie_container > a::before{
	content: " ";
	position: absolute;
	z-index: 1;
	display: inline-block;
	width: var(--icon-lg);
	height: var(--icon-lg);
	background: var(--icon-bg);
	background-image: var(--icon-play);
	background-size: var(--icon-lg);
	background-color: var(--color-white);
	border-radius: var(--icon-rounded);
}
.top_movie_container > a:hover{
	filter: brightness(1.1);
}
.top_movie_container > a::after{
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	top: 0;
	height: 100%;
	width: 20px;
	background: var(--color-black-800);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
/********** お気に入りを非表示 **********/
.contents_area_1 div.favorite,
.contents_area_1 div.already{
	display: none;
	overflow: hidden;
	height: 1px;
}
/****************************** 記事エリア その2 ******************************/
.contents_area_2{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	gap: var(--spacing-gutter-lg);
	text-align: left;
}
.contents_area_2 .top_interview,
.contents_area_2 .top_review{
	flex-grow: 1;
	width: 100%;
	padding: 0;
	margin: 0;
}
/********** 記事1コマ **********/
.top_interview .V2_article_container h3,
.top_review .V2_article_container h3{
}
.top_interview .V2_article_container .img_right_top,
.top_review .V2_article_container .img_right_top{
	float: left;
}
/********** 1ライン **********/
.top_interview .oneline,
.top_review .oneline{
	padding: 8px 5px 5px;
}
.top_interview .oneline h3,
.top_review .oneline h3{
	font-weight: normal;
	width: 357px;
	background: url(/image/link_icon_7px_red.gif) no-repeat 0 4px;
	padding-left: 10px;
}
.top_interview .oneline .img_right_top,
.top_review .oneline .img_right_top{
	display: none;
}
.contents_area_2 .V2_article_container h3 a:link{
	text-decoration: none;
}
.contents_area_2 .V2_article_container h3 a:visited{
	text-decoration: none;
}
.contents_area_2 .V2_article_container h3 a:hover{
	text-decoration: underline;
}
/****************************** 発売カレンダーエリア ******************************/
.calendar_area{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter-lg);
}
/******************** 発売スケジュール ********************/
.sell_calendar{
	width: 100%;
	margin:0 auto;
	table-layout: fixed;
	border-collapse: collapse;
}
/********** caption **********/
.sell_calendar caption{
	overflow:hidden;
	caption-side:top;
	margin-bottom: var(--spacing-sm);
	line-height: var(--lineHeight-none);
	text-indent: var(--spacing-sm);
	font-size: var(--fontSize-md);
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	transform: var(--skew-base);
}
.sell_calendar caption strong{
	font-size: var(--fontSize-xxl);
}
/********** width **********/
.sell_calendar thead tr{
	background: var(--color-gradient-heading);
}
.sell_calendar thead th.title,
.sell_calendar tbody td.title{
	padding-left: var(--spacing-md);
}
.sell_calendar thead th.release,
.sell_calendar tbody td.release{
	width: 170px;
}
.sell_calendar thead th.genre,
.sell_calendar tbody td.genre{
	width: 260px;
}
.sell_calendar thead th.score{
	width: 75px;
}
.sell_calendar tbody td.score_4g{
	width: 32px;
}
.sell_calendar tbody td.score_meta{
	width: 32px;
	padding-right:11px;
}
/********** thead **********/
.sell_calendar thead{
	color: #fff;
}
.sell_calendar thead th{
	overflow:hidden;
	padding: 4px 0;
	line-height: 20px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	background: var(--color-bg-primary);
}
.sell_calendar thead th.title{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.sell_calendar thead th.score{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
/********** tbody **********/
.sell_calendar tbody{
	color: var(--fontSize-supplement);
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
}
.sell_calendar tbody td.score_4g{
	padding-right: 1px;
}
.sell_calendar tbody td{
	padding: 4px 0 5px;
	background: url(/image/line_dotted_550.gif) repeat-x left bottom;
}
.sell_calendar tbody td.title{
	background: url(/image/line_dotted_550.gif) no-repeat 9px bottom;
}
.sell_calendar tbody td.score_4g{
	background: url(/image/line_dotted_550.gif) no-repeat 1px bottom;
}
.sell_calendar tbody td.score_meta{
	background: url(/image/line_dotted_550.gif) no-repeat -514px bottom;
}
/********** title **********/
.sell_calendar tbody td.title{
	font-weight:bold;
}
.sell_calendar tbody td.title img{
	margin-right:3px;
}
.sell_calendar tbody td.title img{
	padding-right:5px;
}
.sell_calendar tbody td.title a:link{
	text-decoration:none;
}
.sell_calendar tbody td.title a:visited{
	text-decoration:none;
}
.sell_calendar tbody td.title a:hover{
	text-decoration:underline;
}
/********** release **********/
.sell_calendar tbody td.release{
}
.sell_calendar tbody td.release strong{
	margin-left:3px;
	padding:1px 1px 1px;
	font-size:10px;
	line-height:100%;
	background:#f9f9f9;
	color:#dd5555;
	font-weight:normal;
	border:1px solid #e6e6e6;
}
/********** genre **********/
.sell_calendar tbody td.genre{
}
.sell_calendar tbody td.genre ul{
	padding-right:6px;
}
.sell_calendar tbody td.genre ul li{
	display:inline;
	padding-right:4px;
}
/********** score **********/
.sell_calendar tbody td.score_4g,
.sell_calendar tbody td.score_meta{
	text-align:center;
	font-size:17px;
	line-height:32px;
	font-weight:bold;
	font-family:Arial,'ＭＳ Ｐゴシック';
}
.sell_calendar tbody td.score_4g a{
	display:block;
	width:30px;
	height:31px;
	padding-right:1px;
	margin:2px 0;
	background:url(/image/bg_top_sell_score_4g.gif) no-repeat left top;
	letter-spacing:-1px;
}
.sell_calendar tbody td.score_meta a{
	display:block;
	width:31px;
	height:31px;
	margin:2px 0;
	background:url(/image/bg_top_sell_score_meta.gif) no-repeat right top;
}
.sell_calendar tbody td.score_4g a,
.sell_calendar tbody td.score_meta a{
	text-decoration:none;
}
.sell_calendar tbody td.score_4g strong.excellent,
.sell_calendar tbody td.score_4g strong.good,
.sell_calendar tbody td.score_meta strong.excellent,
.sell_calendar tbody td.score_meta strong.good{
	color:#4DA92C;
}
.sell_calendar tbody td.score_4g strong.average,
.sell_calendar tbody td.score_meta strong.average{
	color:#FFA100;
}
.sell_calendar tbody td.score_4g strong.bad,
.sell_calendar tbody td.score_4g strong.poor,
.sell_calendar tbody td.score_meta strong.bad,
.sell_calendar tbody td.score_meta strong.poor{
	color:#ff0000;
}
.sell_calendar tbody td.score_4g strong.no_entry,
.sell_calendar tbody td.score_meta strong.no_entry{
	color:#999999;
}
/******************** 年/月で探す ********************/
dl.year_calendar{
	position:relative;
	width: 100%;
	margin: 0 auto;
}
dl.year_calendar > dt{
	overflow: hidden;
	margin: 0 var(--skew-right-margin) var(--spacing-sm) var(--skew-left-margin);
	line-height: 32px;
	font-weight: bold;
	text-align: left;
	text-indent: var(--spacing-sm);
	border-bottom:1px solid var(--color-border-primary);
	transform: var(--skew-base);
}
dl.year_calendar dt strong{
	margin-bottom: var(--spacing-sm);
}
dl.year_calendar .all{
	position:absolute;
	top: 8px;
	right: 5px;
	font-size: 14px;
	line-height: 1;
}
dl.year_calendar .all a{
	font-weight: bold;
	color: #333;
}
/********** 1年分（script用） **********/
.daily_calendar,
dl.year_calendar .monthly_index .monthly_close{
	display:none;
}
dl.year_calendar .monthly_index{
	margin-top:8px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
dl.year_calendar .monthly_index dl,
dl.year_calendar .monthly_index_manual dl{
	overflow: hidden;
	display: flex;
	gap: 8px;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1;
	background: var(--ui-bg-palegray);
	border-radius:4px;
}
dl.year_calendar .monthly_index dl dt,
dl.year_calendar .monthly_index_manual dl dt,
dl.year_calendar .monthly_index dl dd,
dl.year_calendar .monthly_index_manual dl dd{
	padding: 4px 0;
}
dl.year_calendar .monthly_index dl dt,
dl.year_calendar .monthly_index_manual dl dt{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	font-weight: bold;
	text-align: center;
	background:var(--color-bg-primary);
	color: #fff;
}
dl.year_calendar .monthly_index dl dt a:link,
dl.year_calendar .monthly_index_manual dl dt a:link{
	color: #fff;
}
dl.year_calendar .monthly_index dl dt a:visited,
dl.year_calendar .monthly_index_manual dl dt a:visited{
	color: #fff;
	text-decoration:none;
}
dl.year_calendar .monthly_index dl dt a:hover,
dl.year_calendar .monthly_index_manual dl dt a:hover{
	color: #ff0;
	text-decoration:underline;
}
dl.year_calendar .monthly_index dl dd a,
dl.year_calendar .monthly_index_manual dl dd a{
	display: flex;
	padding: var(--tag-spacing);
	font-size: var(--tag-fontSize);
	line-height: var(--tag-lineHeight);
	text-decoration: none;
	background: var(--tag-bg);
	color: var(--tag-color);
	border: var(--tag-border);
	border-radius: var(--tag-rounded);
}
dl.year_calendar .monthly_index dl dd a:hover,
dl.year_calendar .monthly_index_manual dl dd a:hover{
	background: var(--tag-bg-hover);
	color: var(--tag-color-hover);
	text-decoration: underline;
}
/****************************** 一覧へのリンク ******************************/
/* ----------------------------------------
sub_contentsはスマホのサブコンテンツ
「注目アプリ」最下部のリンク用
---------------------------------------- */
.sub_contents .detail_list{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}
.sub_contents .detail{
	margin-bottom:10px;
}
.contents_area_1 .detail,
.contents_area_2 .detail,
.userreview_area_1 .detail,
.userreview_area_2 .detail,
.sub_contents .detail{
	display: flex;
	justify-content: flex-end;
	margin-top: var(--spacing-gutter);
}
.contents_area_1 .top_movie .detail, 
.contents_area_1 .top_event .detail, 
.contents_area_1 .top_review .detail, 
.contents_area_1 .top_interview .detail{
	margin-top: 0;
}
.contents_area_1 .detail a,
.contents_area_2 .detail a,
.userreview_area_1 .detail a,
.userreview_area_2 .detail a,
.sub_contents .detail a{
	display: flex;
	align-items: center;
	padding: var(--button-spacing-sm);
	color: var(--button-color);
	font-size: var(--button-fontSize);
	line-height: var(--button-lineHeight);
	text-align: center;
	text-decoration: none;
	background: var(--button-bg);
	border-radius: var(--button-rounded);
}
.contents_area_1 .detail a::after,
.contents_area_2 .detail a::after,
.userreview_area_1 .detail a::after,
.userreview_area_2 .detail a::after,
.sub_contents .detail a::after{
	content:" ";
	display:block;
	width: 1em;
	height: 1em;
	background: var(--icon-bg);
	background-image: var(--icon-button-arrow);
	background-size: 1em;
}
.contents_area_1 .detail a:link,
.contents_area_2 .detail a:link,
.userreview_area_1 .detail a:link,
.userreview_area_2 .detail a:link,
.sub_contents .detail a:link{
	color:#ffffff;
	text-decoration:none;
}
.contents_area_1 .detail a:visited,
.contents_area_2 .detail a:visited,
.userreview_area_1 .detail a:visited,
.userreview_area_2 .detail a:visited,
.sub_contents .detail a:visited{
	color:#ffffff;
	text-decoration:none;
}
.contents_area_1 .detail a:hover,
.contents_area_2 .detail a:hover,
.userreview_area_1 .detail a:hover,
.userreview_area_2 .detail a:hover,
.sub_contents .detail a:hover{
	color: var(--button-color-hover);
	background: var(--button-bg-hover);
	text-decoration: underline;
}
/******************** スマートフォンカテゴリトップ用 pickup movie *********************/
.top_pickup_movie{
	width:205px;
	padding-bottom:8px;
	background:#e0e0e0;
}
h3.ch_4gsp{
	position:absolute;
	z-index:1;
	width:197px;
	height:68px;
	margin:3px auto 0 4px;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN';
	background:url(/image/heading_smartphone_top_4gamer-sp.png) no-repeat center top;
}
h3.ch_4gsp a{
	overflow:hidden;
	display:block;
	width:197px;
	height:68px;
	text-indent:-9999px;
}
.ch_4gsp_list{
	width:195px;
	margin:65px auto 0;
	border:1px solid #cccccc;
	border-radius:6px;
	background:#fff;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN';
}
/******************** inner ********************/
.ch_4gsp_list > div{
	padding:10px 0;
	margin:0 10px;
	border-top:1px dotted #cccccc;
}
.ch_4gsp_list > .streaming_hd_contaner,
.ch_4gsp_list > .streaming_layer_gray{
	padding:0;
	margin:0;
	border:none;
}
.ch_4gsp_list > .streaming_hd_contaner{
	border: 2px solid #eeeeee;
	border-width: 8px;
}
.ch_4gsp_list > div:first-child{
	border-top:none;
}
/********** text ***********/
.ch_4gsp_list > div h4{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:189px;
	height:32px;
	padding:4px 15px 10px;
	margin:0 0 0 -7px;
	line-height:18px;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	background:url(/image/heading_smartphone_top_movie.png) no-repeat center center;
	box-sizing:border-box;
	text-align:center;
}
.ch_4gsp_list > div h4 a{
	color:#fff;
	text-decoration:none;
}
.ch_4gsp_list > div h4 a:hover{
	color:#fff;
	text-decoration:underline;
}
.ch_4gsp_list > div p{
	text-align:left;
	padding:10px 0;
	margin:0 auto;
	font-size:11px;
	line-height:17px;
}
/********** thumb ***********/
.ch_4gsp_list > div .thumb{
	position:relative;
	cursor:pointer;
	width:171px;
	height:96px;
	margin:0 auto;
	background:#000;
}
.ch_4gsp_list > div .thumb:before{
	content:" ";
	display:block;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:171px;
	height:96px;
	background:url(/image/button_smartphone_top_play.png) no-repeat center center;
}
.ch_4gsp_list > div .thumb img{
	display:block;
	vertical-align:top;
	opacity:0.8;
	width:171px;
	height:96px;
	transition: opacity 0.3s ease 0s;
}
.ch_4gsp_list > div .thumb:hover img{
	opacity:1;
	transition: opacity 0.3s ease 0s;
}
/********** more ***********/
.ch_4gsp_list > div > .more{
	width:171px;
	height:21px;
	margin-top:10px;
	font-size:11px;
	line-height:21px;
	text-align:center;
	border:1px solid #ff4000;
	border-radius:4px;
}
.ch_4gsp_list > div > .more a{
	color:#ff4000;
	text-decoration:none;
}
.ch_4gsp_list > div > .more a:hover{
	text-decoration:underline;
}
/****************************** ハードウェアカテゴリトップ用 ******************************/
.main_contents.has_left_contents .left_contents{
	width: calc(var(--width-leftContents) - var(--spacing-inner) * 2);
	padding: 0;
	background: transparent;
	border-radius: 0;
	outline: none;
}
.main_contents.has_left_contents .contents_area_1 div.favorite, 
.main_contents.has_left_contents .contents_area_1 div.already{
	display: block;
	overflow: visible;
	height: auto;
}
/*==============================================================================================================
/import V3.1_top_component.css
/==============================================================================================================*/
/**************************************** 中央カラム ****************************************/
.type-home .contents_header{
}
/************************ informationバナー ************************/
.type-home .information{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 0;
	width: 100%;
	padding: var(--spacing-md);
	margin-bottom: var(--spacing-gutter);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	background: var(--layout-bg-default);
	border-radius: var(--rounded-inner);
	box-sizing: border-box;
	outline: var(--layout-outline);
}
.type-home .info_container{
	clear:both;
	width: 100%;
	padding: 8px;
	text-align:left;
	border-bottom: 1px solid var(--layout-border-color-default);
}
.type-home .info_container:first-child{
	border-top-left-radius: var(--rounded-inner-menu);
	border-top-right-radius: var(--rounded-inner-menu);
}
.type-home .info_container:last-child{
	border-bottom-left-radius: var(--rounded-inner-menu);
	border-bottom-right-radius: var(--rounded-inner-menu);
	border-bottom: none;
}
.type-home .info_container a{
	display: flex;
	align-items: center;
	gap: var(--spacing-gutter);
	text-decoration: none;
}
.type-home .info_container br{
	display: none;
}
.type-home .info_container img{
	vertical-align: middle;
	border-radius: var(--rounded-inner-thumb);
}
/************************ information（テキストの告知） ************************/
.type-home .information_4g{
	width: 100%;
	padding: 16px;
	margin: 0 auto 10px;
	text-align: left;
	font-size: 14px;
	line-height: 1.6;
	background: #f9f9f9;
	color:#333;
	border: 2px solid #e4007f;
	border-radius: var(--rounded-inner);
	box-sizing:border-box;
}
.type-home .information_4g strong{
	display: inline;
	width: auto;
	background:linear-gradient(transparent 70%, #ff0 70%, #ff0 99%, transparent 99%);
}
/******************** c-article-index-toolbar ********************/
.c-article-index-toolbar {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	margin :0 auto;
}
.c-article-index-toolbar__body {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
/***** レイアウト変更UI *****/
.c-layout-interface{
	display: flex;
	align-items: center;
	gap: 4px;
	height: 32px;
	padding: 4px 8px;
	margin: 0 4px 0 auto;
	background: #090909;
	border: none;
	border-radius: 9999px;
	box-sizing: border-box;
}
.c-layout-interface__button{
	height: 24px;
	color: rgba(255, 255, 255, 0.4);
}
.thumb_aspect_16-9 .c-layout-interface__button--view-thumb,
.view_list .c-layout-interface__button--view-list,
.view_cozy .c-layout-interface__button--view-cozy,
.view_module .c-layout-interface__button--view-module,
.c-layout-interface .layout_menu_top{
	color: #ff0;
}
.c-layout-interface svg{
	vertical-align: baseline;
}
@media (max-width: 1909px) {
	.c-layout-interface--index{
		display: none;
	}
}
/***** sort *****/
.c-layout-interface--sort {
}
.c-layout-interface__input {
	display:none;
}
.c-layout-interface__label {
	cursor: pointer;
	padding: 4px 12px;
	font-size: 12px;
	line-height:1;
	background: none;
	color: rgba(255,255,255,0.6);
	border: none;
	border-radius: 12px;
}
.c-layout-interface__input[type="radio"]:checked + .c-layout-interface__label{
	font-weight: bold;
	background: rgba(255,255,255,0.3);
	color: #fff;
}
.c-layout-interface__label:hover {
	color: #fff;
}
/***** ranking *****/
.c-layout-interface--ranking {
}
.c-layout-interface--ranking::before{
	content: "";
	display: inline-block;
	width: var(--icon-md);
	height: var(--icon-md);
	margin-right: -4px;
	vertical-align: text-top;
	font-size: var(--button-fontSize);
	background: var(--icon-bg);
	background-image: var(--icon-ranking);
	background-size: 1.5em;
	text-decoration: none;
}
.c-layout-interface--ranking .c-layout-interface__link {
	display: flex;
	align-items: center;
	padding: var(--spacing-xs);
	color: var(--button-color);
	font-size: var(--button-fontSize);
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius: var(--button-rounded);
}
.c-layout-interface__link::after {
	content:" ";
	display:block;
	width: 1em;
	height: 1em;
	background: var(--icon-bg);
	background-image: var(--icon-button-arrow);
	background-size: 1em;
}
.c-layout-interface__link:visited {
	color: #fff;
}
.c-layout-interface__link:hover {
	color: var(--button-color-hover);
	text-decoration: underline;
}
/***** ツールチップ *****/
.c-layout-interface [data-tip] {
	position: relative;
	cursor: pointer;
}
.c-layout-interface [data-tip]::after {
	/*　ツールチップ */
	z-index:-1;
	content: attr(data-tip);
	position: absolute;
	bottom: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	background: #1a1a1a;
	color: #fff;
	font-size: 10px;
	padding: 4px 8px;
	border-radius: 4px;
	white-space: nowrap;
	opacity: 0;
	transition: all 0.2s;
}
.c-layout-interface [data-tip]:hover::after {
	z-index:1;
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}
/********** c-slidecontents **********/
.c-slidecontents{
	overflow: hidden;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 0;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
}
/***** inner *****/
.c-slidecontents__interface-left,
.c-slidecontents__interface-right{
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--rounded-xxl);
	height: var(--rounded-xxl);
	font-weight: bold;
	font-size: var(--fontSize-ms);
	line-height: var(--rounded-xxl);
	background: var(--color-bg-primary);
	color: #fff;
	border-radius: var(--rounded-circle);
	box-sizing: border-box;
}
.c-slidecontents__interface-left {
	grid-column: 1 / 2;
	grid-row: 1;
}
.c-slidecontents__interface-right {
	grid-column: 3 / 4;
	grid-row: 1;
}
.c-slidecontents__inner{
	overflow: hidden;
	grid-column: 2 / 3;
	grid-row: 1;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
.c-slidecontents__inner a:hover {
	color: var(--color-link-oklch);
	filter: brightness(1.1);
}
.c-slidecontents__list {
	display: flex;
	align-items: center;
	gap: var(--spacing-gutter-lg);
}
/***** weekly *****/
.c-slidecontents--weekly{
	--width-mainContents: 900px;
	--widget-slide-width: 384px;
	--widget-slide-height: 216px;
	width: calc(var(--width-mainContents) + var(--width-leftContents) + var(--width-rightContents) + (var(--spacing-gutter) * 2));
	margin: 24px auto 32px;
}
.c-slidecontents--weekly .c-slidecontents__inner {
	padding: 16px 2px 2px 16px;
	width: calc( 100% - calc( 16px * 2 ) );
}
@media (min-width: 1600px) and (max-width: 1909px){
	.c-slidecontents--weekly{
		transform: scale(0.9);
		transform-origin: left;
	}
}
@media (max-width: 1599px) {
	.c-slidecontents--weekly{
		margin-top: -16px;
		transform: scale(0.75);
		transform-origin: left;
	}
}
/***** event *****/
.c-slidecontents--event {
	gap: 24px;
	width: 1183px;
}
.c-slidecontents--event .V2_article_container {
	min-width: 460px;
	grid-template-rows: 90px !important;
	min-height: calc( var(--thumb-height) + 32px + 2px) !important;
	padding-bottom: 16px !important;
	margin-bottom: 0 !important;
	border: 1px solid var(--layout-border-color-default) !important;
	border-radius: 16px;
	background: var(--ui-bg-palegray) !important;
}
.c-slidecontents--event .c-slidecontents__list > .V2_article_container:nth-child(6),
.c-slidecontents--event .c-slidecontents__list > .V2_article_container:nth-child(7),
.c-slidecontents--event .c-slidecontents__list > .V2_article_container:nth-child(8),
.c-slidecontents--event .c-slidecontents__list > .V2_article_container:nth-child(9),
.c-slidecontents--event .c-slidecontents__list > .V2_article_container:nth-child(10) {
	display: none !important;
}
.c-slidecontents--event .V2_article_container h2 {
	font-size: 14px !important;
}
.c-slidecontents--event .V2_article_container h2 a{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	text-overflow: ellipsis;
}
.c-slidecontents--event .V2_article_container .V2_article_tag {
	display: none !important;
}
@media (min-width: 1600px) and (max-width: 1909px){
	.c-slidecontents--event{
		margin-top: -16px;
		transform: scale(0.86);
		transform-origin: left;
	}
}
@media (max-width: 1599px) {
	.c-slidecontents--event{
		transform: scale(0.93);
		transform-origin: left;
	}
}
/********** c-ranking-list **********/
.c-ranking-list{
	display: flex;
	gap: 16px;
	flex-direction: column;
	align-items: flex-start;
}
.c-ranking-list__inner{
	display: flex;
	gap: 24px;
}
/***** card *****/
.c-ranking-card{
	flex: 0 0 220px;
	scroll-snap-align: start;
	background: var(--ui-bg-palegray);
	border-radius: 16px;
	text-decoration: none;
	color: inherit;
	position: relative;
	user-select: none;
	-webkit-user-drag: none;
	border: var(--layout-outline);
	box-sizing: border-box;
}
@media (min-width: 1600px) and (max-width: 1909px){
	.c-ranking-card {
		flex: 0 0 189px;
	}
}
@media (max-width: 1599px) {
	.c-ranking-card {
		flex: 0 0 204px;
	}
}
.c-ranking-card__link{
	text-decoration: none;
}
.c-ranking-card__img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	-webkit-user-drag: none;
}
.c-ranking-card__link:hover .c-ranking-card__img {
	filter: brightness(1.1);
}
.c-ranking-card__rank {
	position: absolute;
	z-index:1;
	top: -8px;
	left: -8px;
	width: var(--icon-lg);
	height: var(--icon-lg);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--fontSize-md);
	font-weight: 800;
	color: #fff;
	border-radius: var(--icon-rounded);
	background: var(--ui-ranking-bg-gray-oklch);
}
.c-ranking-card:nth-child(1) .c-ranking-card__rank {
	background: var(--ui-ranking-bg-1st-oklch);
}
.c-ranking-card:nth-child(2) .c-ranking-card__rank {
	background: var(--ui-ranking-bg-2nd-oklch);
}
.c-ranking-card:nth-child(3) .c-ranking-card__rank {
	background: var(--ui-ranking-bg-3rd-oklch);
}
/***** body *****/
.c-ranking-card__body {
	display: flex;
	gap: 8px;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 8px 16px 16px;
}
.c-ranking-card__title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 100%;
	height: 3.2em;
	font-size: 14px;
	font-weight: 700;
	color: #111;
	line-height: 1.6;
	text-align:left;
}
.c-ranking-card__link:hover .c-ranking-card__title {
	text-decoration: underline;
}
.c-ranking-card__platform {
	min-width: 6em;
	padding: 2px 4px;
	font-size: 10px;
	text-align: center;
	border-radius: 4px;
	background: #fff;
	color: #111;
}
.c-ranking-card__publish-date {
	font-size: 10px;
	color: #999;
}
/***** power *****/
.c-ranking-card__power {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4px;
	width: 100%;
}
.c-ranking-card__label {
	font-size: 10px;
	color: #999;
	letter-spacing: 0.5px;
}
.c-ranking-card__value {
	font-size: 14px;
	font-weight: 800;
	color: #111;
}
.c-ranking-card:nth-child(1) .c-ranking-card__value {
	color: #f59e0b;
}
/***** bar *****/
.c-ranking-card__bar {
	width: 100%;
	height: 4px;
	background: #fff;
	border-radius: 2px;
	overflow: hidden;
}
.c-ranking-card__fill {
	display: block;
	height: 100%;
	border-radius: 2px;
	background: linear-gradient(90deg, #3b82f6, #6366f1);
	transition: width 0.6s ease;
}
.c-ranking-card__fill[data-title-power] {
	width: calc( attr(data-title-power number) / attr(data-title-power-max number) * 100%) !important;
}
/****************************** Ustream ******************************/
.stream_container{
}
.stream_container:has(.ustream_heading){
	width:550px;
	margin:0px auto 15px;
}
.ustream_heading{
	width:100%;
	padding: 10px;
	margin: 0 auto 15px;
	text-align:center;
	font-weight: bold;
	font-size:18px;
	line-height:1.5;
	background: linear-gradient(90deg, #523cc4, #9c27b0);
	color: #fff;
	box-sizing: border-box;
	transform: skewX(-15deg);
}
.ustream_heading::after{
	content:" ";
	display:block;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	z-index:1;
	position:absolute;
	right: 40px;
	bottom: -12px;
	width: 30px;
	height: 30px;
	background: #9529b2;
}
/******************** 枠 ********************/
.ustream_container,
.ustream_container_big{
	overflow:hidden;
	display:flex;
	align-items: center;
	flex-direction: column;
	width:100%;
	margin:0px auto;
	background:#0f0a1a;
	box-sizing:border-box;
	border-radius:10px;
}
/********** 動画 **********/
.ustream_movie{
	min-width:480px;
	margin:0 auto;
	border-bottom:2px solid;
	border-image:linear-gradient(90deg, #523cc4, #9c27b0) 1;
}
.ustream_movie iframe,
.ustream_movie object,
.ustream_movie embed{
	padding:0;
	margin:0;
	background:#000;
}
.ustream_movie iframe{
	width:550px;
	height:auto;
	aspect-ratio: 16 / 9;
}
/********** テキスト **********/
.ustream_text{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	padding:15px;
	margin:0 auto;
}
.ustream_text_inline{
	display:flex;
	gap:10px;
	flex-wrap: wrap;
}
.ustream_text_heading{
	order:2;
	width:100%;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	color:#fff;
}
.ustream_text_lead{
	display:contents;
}
.ustream_status{
	order:1;
	height:10px;
	padding:4px 10px;
	line-height:1;
	font-size:10px;
	font-weight:bold;
	background-image:linear-gradient(to right, #291b45 0%, #3a1633 100%);
	color:#d7afff;
	border-radius:4px;
}
.ustream_lead_container{
	order:3;
	text-align:left;
	font-size:12px;
	line-height:1.5;
	color:#ddd;
}
/********** リンク **********/
.ustream_button{
	display:flex;
	justify-content:center;
	gap:10px;
	margin-top:15px;
	font-size:12px;
	font-weight:bold;
}
.ustream_button li{
	list-style:none;
	width:14em;
	background:#000;
	box-sizing:border-box;
	border-radius:20px;
}
.ustream_button li:first-child{
	background:linear-gradient(90deg, #523cc4, #9c27b0);
}
.ustream_button li:last-child{
	border:2px solid #8b5cf6;
}
.ustream_button a{
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
}
.ustream_button a:link,
.ustream_button a:visited,
.ustream_button a:hover{
	color:#fff;
}
.ustream_button a:hover{
	text-decoration:underline;
}
/****************************** s-home-featured ******************************/
.s-home-featured{
	position: relative;
	flex-grow: 0;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-gutter-lg);
	width: 100%;
	padding: var(--spacing-inner-mainContents);
	text-align: center;
	border-radius: var(--rounded-inner);
	background: var(--layout-bg-default);
	box-sizing: border-box;
	margin-bottom: var(--spacing-gutter);
	padding: 0;
	background: transparent;
	outline: none;
}
/******************** V2 Ustream ********************/
.s-home-featured .stream_container{
	display: contents;
}
.s-home-featured .stream_container:has(.ustream_heading){
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	top: calc( -1 / 2 * var(--spotlight-spacing));
	width: 100%;
	padding: 0;
	margin: 0 var(--spacing-gutter-xl);
	box-sizing:border-box;
}
@media (max-width: 1599px) {
	.s-home-featured .stream_container:has(.ustream_heading){
		top: calc( -1 / 3 * var(--spotlight-spacing));
		margin: 0 auto;
	}
}
.s-home-featured .ustream_heading{
	margin: 0 auto 16px;
	border-radius: 8px;
}
.s-home-featured .ustream_heading::after{
	content:" ";
	display:block;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	z-index:1;
	position:absolute;
	right: 40px;
	bottom: -12px;
	width: 30px;
	height: 30px;
	background: #9529b2;
}
.s-home-featured .ustream_container,
.s-home-featured .ustream_container_big{
	display:flex;
	align-items: center;
	gap:0;
	width:100%;
	height:auto;
	background:#0f0a1a;
	padding:0;
	margin:0px auto;
	border:none;
	box-sizing:border-box;
	border-radius:10px;
	overflow:hidden;
	flex-direction: row;
}
.s-home-featured .ustream_movie{
	min-width: unset;
	margin:0 auto;
	border:none;
}
.s-home-featured .ustream_movie iframe{
	width: auto;
	height: 400px;
	vertical-align: middle;
}
.s-home-featured .ustream_text{
	display:flex;
	width:unset;
	padding:15px;
	margin:0 auto;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
}
.s-home-featured .ustream_text_inline{
	display:flex;
	gap:10px;
	flex-wrap: wrap;
	float:none;
	width:auto;
	height:auto;
	padding:0;
	background:none;
}
.s-home-featured .ustream_text_heading{
	order:2;
	font-size: 24px;
	line-height: 1.4;
	color:#fff;
}
.s-home-featured .ustream_text_lead{
	display:contents;
}
.s-home-featured .ustream_text_lead .ustream_status{
	order:1;
	display:inline-block;
	padding: 4px 10px;
	border-radius:4px;
	line-height:1;
	font-size:10px;
	font-weight:bold;
	background-image:linear-gradient(to right, #291b45 0%, #3a1633 100%);
	color:#c084fc;
}
.s-home-featured .ustream_lead_container{
	order:3;
	font-size: 14px;
	line-height: 1.6;
	color:#ddd;
}
.s-home-featured .ustream_button{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	gap: 10px;
}
.s-home-featured .ustream_button li{
	margin:0;
	width: 14em;
	padding:0;
	border-radius: 20px;
	background:#000;
	box-sizing:border-box;
}
.s-home-featured .ustream_button li:first-child{
	background:linear-gradient(90deg, #523cc4, #9c27b0);
	border:none;
}
.s-home-featured .ustream_button li:last-child{
	border-width:1px;
	border-style:solid;
	border-color:#8b5cf6;
}
.s-home-featured .ustream_button li a{
	display:block;
	padding:10px;
	color:#fff;
	box-sizing:border-box;
}
@media (min-width: 1600px) and (max-width: 1909px){
	.s-home-featured .ustream_text_heading{
		font-size: 18px;
	}
	.s-home-featured .ustream_lead_container{
		font-size: 12px;
	}
}
@media (max-width: 1599px) {
	.s-home-featured .ustream_text_heading{
		font-size: 16px;
	}
	.s-home-featured .ustream_lead_container{
		font-size: 10px;
	}
}
/******************** s-home-featured ********************/
.s-home-featured{
	--spotlight-border-width: 4px;
	--spotlight-outer-height: calc( var(--spotlight-height) + var(--spotlight-border-width) + 2px);
	--spotlight-spacing: 48px;
	--widget-vtuber-overflow: 24px;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--spacing-gutter);
	margin-bottom: 0;
	background: url(https://www.4gamer.net/img/article_weekly_vtuber/bg_article_bottom.png) repeat-x ;
	background-size: auto calc( var(--spotlight-outer-height) + var(--spotlight-spacing) * 2) ;
	border-radius: 0;
	padding: var(--spotlight-spacing) 0 0;
	gap: 0 var(--spacing-gutter);
}
/******************* l-widget-grid ********************/
.l-widget-grid{
}
/********* l-widget-grid__group **********/
.l-widget-grid__group{
}
/***** single *****/
.l-widget-grid__group--single{
}
/***** split *****/
.l-widget-grid__group--split{
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: calc( var(--width-leftContents) + var(--width-mainContents) + var(--width-rightContents) + var(--spacing-gutter) * 2);
	padding: 0;
	margin: 0 auto;
	border-radius: 0;
	box-sizing: border-box;
}
/* 非表示 */
.s-home-featured:has(#interstitial_ad_topmovie) .c-home-featured-heading,
.s-home-featured:has(#interstitial_ad_topmovie) .widget-spotlight{
	/* トップ動画実施中は非表示 */
/*
	display:none;
*/
}
.s-home-featured:has(.ustream_heading) .c-home-featured-heading,
.s-home-featured:has(.ustream_heading) .widget-spotlight{
	/* 4GamerLive実施中は非表示 */
	display:none;
}
/* heading */
.c-home-featured-heading{
	position: absolute;
	z-index: 99;
	top: var(--spacing-gutter);
	left: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: column;
	gap: 8px;
	font-weight: bold;
	font-size: var(--fontSize-xxxl);
	font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN';
	line-height: var(--lineHeight-xs);
	letter-spacing: 2px;
	text-align: left;
	color: #fff;
}
.c-home-featured-heading__highlighter{
	display: block;
	padding: 0px 9px 3px 8px;
	background: var(--color-bg-primary);
}
/***** slidecontents *****/
.l-widget-grid__group--slidecontents{
	width: calc(var(--width-leftContents) + var(--width-mainContents) + var(--width-rightContents) + var(--spacing-gutter) * 2);
	margin-top: calc( var(--widget-vtuber-overflow) * -1 / 2);
}
/***** stacked *****/
.l-widget-grid__group--stacked{
	display: flex;
	gap: 32px;
	margin: 40px auto 16px;
	width: calc(var(--width-leftContents) + var(--width-mainContents) + var(--width-rightContents) + var(--spacing-gutter) * 2);
	margin: 16px auto;
	padding: 0 80px;
	box-sizing: border-box;
}
@media (min-width: 1600px) and (max-width: 1909px){
	.s-home-featured .l-widget-grid__group--stacked{
		padding: 16px 72px 0;
	}
	.c-home-featured-heading{
		font-size: 42px;
	}
}
@media (max-width: 1599px) {
	.l-widget-grid__group--slidecontents{
		width: var(--width-contents-min);
	}
	.s-home-featured .l-widget-grid__group--stacked{
		width: var(--width-contents-min);
		padding: 0;
		margin: 16px auto 32px;
	}
	.c-home-featured-heading{
		font-size: var(--fontSize-xxl);
	}
	.l-widget-grid__group--split{
		gap: var(--spacing-gutter);
	}
}
/********** widget-spotlight **********/
.widget-spotlight{
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	height: var(--spotlight-outer-height);
}
.type-home .spotlight_container{
	position: relative;
	order: 1;
	flex-grow: 1;
	width: 100%;
	height: var(--spotlight-outer-height);
	border-radius: var(--rounded-inner);
}
.type-home .spotlight_container dl{
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	justify-content: flex-end;
}
/***** text *****/
.type-home .spotlight_cap{
	position: absolute;
	z-index: 90;
	left: 0px;
	bottom: var(--spacing-gutter);
	width: 394px;
	height: auto;
	padding: 24px 24px 86px 24px;
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
	background: #ffffffbf;
	backdrop-filter: blur(20px);
	border-radius: 12px;
	border: 4px solid #d3d3d3c2;
	color: #000;
	box-sizing: border-box;
}
.type-home .spotlight_cap h2 a::before {
	content: "詳細はこちら";
	display: block;
	position: absolute;
	z-index: 1;
	left: 24px;
	bottom: 24px;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
	color: #fff;
	background: #000;
	border: 1px solid #000;
	border-radius: 9999px;
}
.type-home .spotlight_cap h2{
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 0.5em;
}
.type-home .spotlight_cap h2 a{
	color: #000;
	text-decoration: none;
}
.type-home .spotlight_cap h2 a:hover {
	text-decoration: underline;
}
.type-home .spotlight_cap h2 a:hover::before {
	color: var(--button-color-hover);
}
/***** image *****/
.type-home .widget-spotlight dt,
.type-home .widget-spotlight dt img{
	width: var(--spotlight-width);
	height: var(--spotlight-height);
	aspect-ratio: 16 / 9;
	vertical-align: middle;
}
.type-home .widget-spotlight dt{
	position: relative;
	overflow: hidden;
	left: 0px;
	border-radius: var(--rounded-outer);
	border: var(--spotlight-border-width) solid #d3d3d3c2;
	clip-path: none;
}
.type-home .spotlight_container video{
	opacity: 0;
	width: auto;
	height: var(--spotlight-height);
	aspect-ratio: 16 / 9;
}
.type-home .spotlight_container .spotlight_active video{
	opacity: 1;
	transition: opacity 1s ease;
}
/***** thumbs *****/
.type-home .spotlight_thumbs{
	order: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--spacing-gutter-sm);
	padding: var(--spacing-gutter);
}
.type-home .spotlight_thumbs li{
	width: auto;
	height: auto;
	border-radius: 12px;
	padding: 4px;
}
.type-home .spotlight_thumbs img{
	width: 100px;
	height: auto;
	aspect-ratio: 16 / 9;
	vertical-align: middle;
	border-radius: 10px;
}
/********** widget Vtuber **********/
.widget-article-vtuber{
	--widget-vtuber-position : -30px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: var(--width-rightContents);
	padding: 0 var(--spacing-gutter) 0 0;
	box-sizing: border-box;
}
.widget-article-vtuber__link{
	display: flex;
	flex-direction: column;
	align-items: center;
}
/***** 吹き出し *****/
.widget-article-vtuber .widget-article-vtuber__title{
	position:absolute;
	z-index: 1;
	top: -76px;
	right: 0;
	padding: 8px 24px;
	border-radius: 16px;
	font-size: 12px;
	font-weight: bold;
	background: #fff;
	border: 2px solid var(--ui-color-black);
}
.widget-article-vtuber .widget-article-vtuber__title::after{
	content: " ";
	position: absolute;
	top: 100%;
	left: 50px;
	height: 12px;
	width: 12px;
	border-right: 2px solid var(--ui-color-black);
	background-color: #fff;
	transform: skew(-25deg);
}
/***** VTuber名 *****/
.widget-article-vtuber__name{
	position:absolute;
	z-index: 1;
	right: 24px;
	bottom: calc( var(--spotlight-spacing) + var(--widget-vtuber-overflow));
	width:auto;
	min-height:3em;
	padding:0;
	font-weight: bold;
	font-size:24px;
	text-align:right;
	line-height:100%;
	box-sizing:border-box;
}
.widget-article-vtuber__highlighter{
	transform:skewX(-15deg);
	display:inline-block;
	margin: 0 0 0;
	padding:4px 8px 4px 12px;
	color:#000;
	background:#fff;
	border-right:4px solid #ae8bff;
	border-bottom:4px solid #ae8bff;
	border-image: linear-gradient(90deg, rgba(251, 160, 251, 1), rgba(149, 233, 243, 1));
	border-image-slice: 1;
	font-size:16px;
}
.widget-article-vtuber__highlighter:nth-child(3){
	font-size:24px;
}
/***** 画像 *****/
.widget-article-vtuber img{
	vertical-align: middle;
}
.widget-article-vtuber .widget-article-vtuber__logo{
	position: absolute;
	top: var(--widget-vtuber-position);
}
.widget-article-vtuber .widget-article-vtuber__logo img{
	max-width: 240px;
}
.widget-article-vtuber__illust{
	overflow: hidden;
	height: calc( var(--spotlight-outer-height) + var(--spotlight-spacing) + var(--widget-vtuber-overflow));
	padding-top: calc( -1 * var(--widget-vtuber-position));
	box-sizing: border-box;
}
.widget-article-vtuber__illust img{
	max-width: 300px;
}
.widget-article-vtuber__link:hover .widget-article-vtuber__illust img{
	filter: brightness(1.1);
}
/********** メディアクエリ **********/
@media (min-width: 1600px) {
	.type-home .s-home-featured{
		--spotlight-width: 736px;
		--spotlight-height: 414px;
	}
}
@media (max-width: 1599px) {
	.type-home .s-home-featured{
		--spotlight-height: 396px;
		background-size: auto calc( var(--spotlight-outer-height) + var(--spotlight-spacing) * 2 + 16px + 67px);
	}
	.type-home .widget-spotlight{
		flex-wrap: wrap;
		gap: var(--spacing-gutter);
	}
	.type-home .spotlight_thumbs{
		flex-direction: row;
		justify-content: center;
		gap: var(--spacing-gutter);
		width: 100%;
		padding: 0;
	}
	.type-home .spotlight_thumbs img{
		width: 112px;
	}
	.type-home .widget-article-vtuber__illust{
		height: calc(var(--spotlight-outer-height) + var(--spotlight-spacing) + var(--widget-vtuber-overflow) + 16px + 67px);
	}
}
@media (max-width: 1599px) {
	.type-home .s-home-featured{
		--spotlight-height: 360px;
	}
	.type-home .l-widget-grid__group--split{
		width: var(--width-contents-min);
	}
	.type-home .widget-spotlight__heading{
		top: 0;
	}
	.type-home .spotlight_cap h2{
		font-size: 24px;
		line-height: 1.4;
	}
	.type-home .spotlight_cap{
		font-size: 12px;
	}
	.widget-article-vtuber{
		min-width: 236px;
	}
	.widget-article-vtuber img{
		width: 220px;
	}
}
/********** widget-article-hardware **********/
.widget-article-hardware{
	--thumb-height: 140px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	max-width: 520px;
	text-align: left;
	color: #000;
	box-sizing: border-box;
}
.widget-article-hardware::after{
	content: "";
	display: block;
	width: 100%;
	height: 12px;
	background-image:repeating-linear-gradient(295deg, transparent, transparent 10px, #fff 10px, #fff 20px);
}
.widget-article-hardware__heading{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	font-size: 24px;
	line-height: 1;
	font-weight: 800;
	width: 100%;
}
.widget-article-hardware__heading::after{
	content: "";
	display: block;
	flex-grow: 1;
	width: 1px;
	height: 12px;
	background-image:repeating-linear-gradient(295deg, transparent, transparent 10px, #fff 10px, #fff 20px);
}
.widget-article-hardware__body{
	display: flex;
	align-items: stretch;
	text-decoration: none;
	flex-grow: 1;
	font-size: 24px;
	border-color: #000;
}
.widget-article-hardware__title{
	display: flex;
	align-items: center;
	margin-left: 16px;
	padding-left: 16px;
	font-weight: 600;
	border-left: 1px solid #000;
	box-sizing: border-box;
}
.widget-article-hardware__thumb{
	width: auto;
	height: var(--thumb-height);
	border-radius: 8px;
	vertical-align: middle;
}
.widget-article-hardware__lead{
	font-size: 14px;
	line-height: 1.6;
}
a.widget-article-hardware__cta{
	display: flex;
	align-items: center;
	gap: var(--button-component-gap);
	padding: var(--button-component-padding);
	font-size: var(--button-component-fontSize);
	line-height: var(--button-lineHeight);
	text-align: center;
	text-decoration: none;
	background-color: var(--button-bg);
	color: var(--button-color);
	border-radius: var(--button-rounded);
}
a.widget-article-hardware__cta::after{
	content:" ";
	display:block;
	width: var(--button-component-icon-width);
	height: var(--button-component-icon-height);
	background: var(--button-component-icon-bg-black);
	background-size: var(--button-component-bg-size);
	border-radius: var(--button-component-icon-rounded);
}
a.widget-article-hardware__cta:visited{
	color: var(--button-color);
}
a.widget-article-hardware__cta:hover{
	color: var(--button-color-hover);
	background: var(--button-bg-hover);
	text-decoration: underline;
}
@media (min-width: 1910px) {
	.widget-article-hardware{
		--thumb-height: 125px;
	}
	.widget-article-hardware__lead{
		font-size: 16px;
	}
}
@media (max-width: 1909px) {
	.widget-article-hardware{
		max-width: calc( 520px - var(--width-columns));
	}
	.widget-article-hardware__heading::after{
		background-image: repeating-linear-gradient(295deg, transparent, transparent 10px, #fff 10px, #fff 20px);
	}
}
/******************** l-widget-grid--content-inside ********************/
.l-widget-grid--content-inside{
	display: flex;
	gap: 24px;
	margin:32px 16px 0;
}
@media (max-width: 1599px) {
	.l-widget-grid--content-inside{
		margin:32px 16px 16px;
	}
}
/********** widget-article-interview **********/
.widget-article-interview {
	display: flex;
	align-items: stretch;
	box-sizing: border-box;
}
.widget-article-interview__link {
	--widget-line: rgba(201, 184, 151, 0.45);
	--widget-line-soft: rgba(201, 184, 151, 0.2);
	--widget-text-main: #f1ebe0;
	--widget-chip-bg: rgba(255, 255, 255, 0.2);
	--widget-button-bg: rgba(12, 33, 58, 0.9);
	--widget-font-serif: "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", serif;
	--widget-gap: 12px;
	overflow: hidden;
	position: relative;
	display: block;
	width: 300px;
	max-width: 720px;
	text-decoration: none;
	color: var(--widget-text-main);
	border-radius: var(--rounded-inner-widget);
	isolation: isolate;
	container-type: inline-size;
}
/***** 外枠 *****/
.widget-article-interview__link::before,
.widget-article-interview__link::after {
	content: "";
	position: absolute;
	pointer-events: none;
	z-index: 5;
}
.widget-article-interview__link::before {
	inset: 8px;
	border: 1px solid var(--widget-line);
}
.widget-article-interview__link::after {
	inset: 16px;
	background:
		linear-gradient(var(--widget-line), var(--widget-line)) left top / 14px 1px no-repeat,
		linear-gradient(var(--widget-line), var(--widget-line)) left top / 1px 14px no-repeat,
		linear-gradient(var(--widget-line), var(--widget-line)) right top / 14px 1px no-repeat,
		linear-gradient(var(--widget-line), var(--widget-line)) right top / 1px 14px no-repeat,
		linear-gradient(var(--widget-line), var(--widget-line)) left bottom / 14px 1px no-repeat,
		linear-gradient(var(--widget-line), var(--widget-line)) left bottom / 1px 14px no-repeat,
		linear-gradient(var(--widget-line), var(--widget-line)) right bottom / 14px 1px no-repeat,
		linear-gradient(var(--widget-line), var(--widget-line)) right bottom / 1px 14px no-repeat;
}
/***** img *****/
.widget-article-interview__image-wrap {
	overflow: hidden;
	position: absolute;
	z-index: 2;
	inset: 0;
}
.widget-article-interview__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	filter: saturate(0.6) contrast(1.3) brightness(0.8);
	transition: filter 0.5s ease ;
}
.widget-article-interview__link:hover .widget-article-interview__image {
	filter: none;
	transition: filter 0.5s ease ;
}
/***** body *****/
.widget-article-interview__body {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: var(--widget-gap);
	width: 100%;
	padding: 24px;
	box-sizing: border-box;
}
.widget-article-interview__series {
	display: inline-block;
	position: absolute;
	z-index: 2;
	top: 24px;
	left: 24px;
	padding: 4px 8px;
	font-family: var(--widget-font-serif);
	font-size: 12px;
	line-height: 1;
	letter-spacing: 0.1em;
	white-space: nowrap;
	background: var(--widget-chip-bg);
	color: rgba(241, 235, 224, 0.92);
}
.widget-article-interview__title {
	font-family: var(--widget-font-serif);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-wrap: balance;
	text-shadow: 0px 0px 2px #000, 0px 0px 4px #000, 0px 0px 8px #000, 0px 0px 12px #000, 0px 0px 24px #000;
	color: var(--widget-text-main);
}
.widget-article-interview__subtitle {
	padding-top: var(--widget-gap);
	font-family: var(--widget-font-serif);
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.1em;
	text-shadow: 0px 0px 2px #000, 0px 0px 4px #000, 0px 0px 8px #000, 0px 0px 12px #000, 0px 0px 24px #000;
	border-top: 1px solid var(--widget-line-soft);
	color: var(--widget-text-main);
}
/****** cta *****/
.widget-article-interview__label {
	position: relative;
	width: fit-content;
	min-height: 2em;
	margin: 0 auto;
	padding: 4px 16px;
	font-family: var(--widget-font-serif);
	font-size: 12px;
	line-height: 2;
	letter-spacing: 0.1em;
	background: var(--widget-button-bg);
	border: 1px solid var(--widget-line);
	color: var(--widget-text-main);
}
/******************** widget-x-post-ranking ********************/
.widget-ranking-x-post{
	position: relative;
}
.widget-ranking-x-post__heading{
	--x-ranking-fontSize: 24px;
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: var(--spacing-md);
	font-size: var(--x-ranking-fontSize);
	line-height: 1;
	font-weight: 900;
	color: #333;
	font-family: Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN';
}
.widget-ranking-x-post__heading-icon{
	display: inline-block;
	width: var(--x-ranking-fontSize);
	height: var(--x-ranking-fontSize);
	margin-right: 8px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath fill='%23333' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'%3E%3C/path%3E%3C/svg%3E");
	background-position:left center;
	background-size: var(--x-ranking-fontSize);
	background-repeat:no-repeat;
	background-color: transparent;
}
.widget-ranking-x-post__body{
	padding: var(--spacing-gutter);
	padding-bottom: calc( 38px + 8px );
	background: var(--layout-bg-default);
	border-radius: var(--rounded-inner);
	outline: var(--layout-outline);
}
/********** cta **********/
.widget-ranking-x-post__cta{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 12px 24px 12px 24px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	border-top-left-radius: 16px;
	border-bottom-right-radius: 16px;
	background: #fff;
	transform: var(--layout-chip-skew);
	text-decoration:none;
}
.widget-ranking-x-post__cta::before{
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 80%;
	width: auto;
	margin-left: calc( calc( var(--fontSize-ms) * -0.8 ) + calc( var(--spacing-md) * -1));
	aspect-ratio: 1 / 1;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M100 0V100H0A100 100 0 0 0 100 0Z' fill='%23fff'/%3E%3C/svg%3E%0A");
	background-size: 100%;
}
/********** inner **********/
.tweet_ranking{
	position:relative;
	margin:0 auto;
	box-sizing:border-box;
}
/********** heading **********/
.tweet_ranking_heading{
	width:0px;
	height:0px;
	padding:0;
	margin:0;
}
.tweet_ranking_heading .display_none{
	display:none;
}
.tweet_ranking_heading .date{
	position:absolute;
	z-index:1;
	top: -40px;
	right: -16px;
	font-size:10px;
	line-height:1;
	color: #333;
}
/********** container **********/
.tweet_ranking_container{
	position:relative;
	margin:0 auto;
	color:#fff;
}
/********** list **********/
.tweet_rank_list {
	text-align: left;
	border-radius: 16px;
	background: url(/image/bg_widget_x_post_ranking.jpg) no-repeat left center;
	background-size: 300%;
}
.tweet_rank_list li{
	position:relative;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items:center;
	gap: 8px;
	padding: 12px 12px 12px 48px;
	min-height:30px;
	border-top: 1px solid #fff;
}
.tweet_rank_list li:first-child{
	border-top: none;
}
/***** 見出し *****/
.tweet_rank_list a{
	text-decoration:none;
}
.tweet_rank_list a:hover{
	text-decoration:underline;
}
.tweet_rank_list li > a:last-child{
	overflow:hidden;
	display:block;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 2;
	text-overflow:ellipsis;
	width:100%;
	height: 3.2em;
	font-size: 14px;
	line-height: 1.6;
	white-space:normal;
	word-break:break-word;
	box-sizing:border-box;
}
/***** 順位 *****/
.tweet_rank_list li:before{
	display:block;
	position:absolute;
	top:12px;
	left:12px;
	width:28px;
	height:28px;
	line-height:28px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background: var(--ui-ranking-bg-gray-oklch);
	color:#fff;
	box-sizing:border-box;
	border-radius:50%;
}
.tweet_rank_list li.tweet_rank_1:before{
	content: "1";
	background: var(--ui-ranking-bg-1st-oklch);
}
.tweet_rank_list li.tweet_rank_2:before{
	content: "2";
	background: var(--ui-ranking-bg-2nd-oklch);
}
.tweet_rank_list li.tweet_rank_3:before{
	content: "3";
	background: var(--ui-ranking-bg-3rd-oklch);
}
.tweet_rank_list li.tweet_rank_4:before{
	content: "4";
}
.tweet_rank_list li.tweet_rank_5:before{
	content: "5";
}
/***** score *****/
.tweet_rank_list .tweet_score{
	position:relative;
	order:2;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-around;
	padding:0 0 0 2px;
	text-align:center;
	color:#00528c;
}
.tweet_rank_list .tweet_score a{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}
.tweet_rank_list .tweet_score a:hover{
	filter:brightness(1.2);
	text-decoration:none;
}
/***** アイコン *****/
.tweet_retweet,
.tweet_heart{
	display:block;
	min-width:30px;
	height:10px;
	padding:0 0 0 10px;
	font-weight:normal;
	font-size:10px;
	line-height:1;
}
.tweet_retweet{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath opacity='0' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath fill='%2300acee' d='M23.615 15.477c-.47-.47-1.23-.47-1.697 0l-1.326 1.326V7.4c0-2.178-1.772-3.95-3.95-3.95h-5.2c-.663 0-1.2.538-1.2 1.2s.537 1.2 1.2 1.2h5.2c.854 0 1.55.695 1.55 1.55v9.403l-1.326-1.326c-.47-.47-1.23-.47-1.697 0s-.47 1.23 0 1.697l3.374 3.375c.234.233.542.35.85.35s.613-.116.848-.35l3.375-3.376c.467-.47.467-1.23-.002-1.697zM12.562 18.5h-5.2c-.854 0-1.55-.695-1.55-1.55V7.547l1.326 1.326c.234.235.542.352.848.352s.614-.117.85-.352c.468-.47.468-1.23 0-1.697L5.46 3.8c-.47-.468-1.23-.468-1.697 0L.388 7.177c-.47.47-.47 1.23 0 1.697s1.23.47 1.697 0L3.41 7.547v9.403c0 2.178 1.773 3.95 3.95 3.95h5.2c.664 0 1.2-.538 1.2-1.2s-.535-1.2-1.198-1.2z'%3E%3C/path%3E%3C/svg%3E");
	background-size:10px 10px;
	background-repeat:no-repeat;
	background-position:left center;
	color:#00acee;
}
.tweet_heart{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath opacity='0' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath fill='%23e4007f' d='M12 21.638h-.014C9.403 21.59 1.95 14.856 1.95 8.478c0-3.064 2.525-5.754 5.403-5.754 2.29 0 3.83 1.58 4.646 2.73.814-1.148 2.354-2.73 4.645-2.73 2.88 0 5.404 2.69 5.404 5.755 0 6.376-7.454 13.11-10.037 13.157H12z'%3E%3C/path%3E%3C/svg%3E");
	background-size:10px 10px;
	background-repeat:no-repeat;
	background-position:left center;
	color:#e4007f;
}
/***** エンゲージメントメーター *****/
.tweet_ranking li[data-tweet-rt]{
	--retweet: attr(data-tweet-rt type(<number>), 0);
	--hart: attr(data-tweet-like type(<number>), 0);
	--max: attr(data-tweet-max type(<number>), 0);
	--retweet-parsent: calc(var(--retweet) / var(--max) * 100%);
	--hart-parsent: calc(var(--hart) / var(--max) * 100%);
	--max-parsent: calc(var(--hart-parsent) + var(--retweet-parsent));
}
.tweet_ranking li[data-tweet-rt]::after{
	content:none;
	right:0;
	display:block;
	min-width:80px;
	height:4px;
	margin-right:10px;
	border-radius:4px;
	background:linear-gradient(90deg, #00acee 0%, #00acee var(--retweet-parsent), #e4007f var(--retweet-parsent), #e4007f var(--max-parsent), #d1d1d1 var(--max-parsent), #d1d1d1 100%);
}
@supports (x: attr(x type(*))){
	.tweet_ranking li[data-tweet-rt]::after{
		content:" ";
	}
}
@media (max-width: 1599px) {
	.widget-ranking-x-post__heading{
		--x-ranking-fontSize: 20px;
	}
	.tweet_rank_list li > a:last-child{
		font-size: 12px;
	}
}
/****************************** 過去記事（トップページ 2ページ目） ******************************/
.past_index{
	background:url(/image/bg_past_index.gif) repeat-y center top;
	width:550px;
	padding:0;
	margin:10px auto;
	text-align:left;
	position:relative;
}
.past_index dl,
.past_index dt,
.past_index dd{
	padding:0;
	margin:0;
}
.past_index dt{
	clear:both;
}
.past_index .past_heading{
	height:45px;
	padding-left:37px;
	line-height:52px;
	color:#ff5500;
	font-weight:bold;
	background:url(/image/bg_past_index_top.gif) no-repeat top center;
	overflow:hidden;
}
/*************** 単語検索 ***************/
.past_index .past_search{
	width:358px;
	height:35px;
	margin:0 0 0 auto;
	padding:0 12px;
	background:url(/image/bg_past_search.gif) no-repeat left top;
	text-align:right;
	position:absolute;
	top:8px;
	right:8px;
}
.past_index .past_search dt{
	float:left;
	font-size:13px;
	line-height:34px;
	color:#ffffff;
}
.past_index .past_search dd .google_search{
	height:14px;
	width:230px;
}
.past_index .past_search dd input{
	height:21px;
	padding:0 2px;
	font-size:10px;
}
.past_index .past_search dd form,
.past_index .past_search dd input{
	margin-top:3px;
}
/*************** 日別/月別 ***************/
.past_index .daily_heading,
.past_index .monthly_heading{
	width:506px;
	height:24px;
	line-height:24px;
	margin:0 auto 10px;
	padding-left:16px;
	font-size:15px;
	font-weight:bold;
	background:url(/image/bg_past_heading.gif) no-repeat 6px 7px;
	border-bottom:1px solid #cccccc;
}
.past_index .daily_index dl{
	clear:both;
	width:522px;
	height:76px;
	margin:0 0 10px 20px;
}
.past_index .monthly_index dl{
	clear:both;
	width:522px;
	height:18px;
	margin:0 0 5px 20px;
}
.past_index .daily_index dl dt,
.past_index .monthly_index dl dt{
	clear:both;
	float:left;
	width:84px;
	margin-right:5px;
	text-align:center;
	font-size:13px;
	color:#ffffff;
}
.past_index .daily_index dl dt{
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:76px;
	background:url(/image/bg_past_daily.gif) no-repeat center center;
}
.past_index .monthly_index dl dt{
	height:18px;
	line-height:18px;
	background:url(/image/bg_past_monthly.gif) no-repeat center center;
}
.past_index .monthly_index dl dt a:link{
	color:#ffffff;
	text-decoration:none;
}
.past_index .monthly_index dl dt a:visited{
	color:#ffffff;
	text-decoration:none;
}
.past_index .monthly_index dl dt a:hover{
	color:#ffff00;
	text-decoration:underline;
}
.past_index .daily_index dl dt strong,
.past_index .monthly_index dl dt strong{
	display:block;
	font-size:25px;
}
.past_index .daily_index dl dd,
.past_index .monthly_index dl dd{
	float:left;
	width:28px;
	padding:0 0 0 7px;
	line-height:22px;
	text-align:right;
	font-size:12px;
}
.past_index .monthly_index dl dd{
	line-height:16px;
}
.past_index .monthly_open,
.past_index .monthly_close{
	clear:both;
	width:520px;
	margin:0 auto;
	padding:7px 15px 10px;
	line-height:13px;
	background:url(/image/bg_past_index_bottom.gif) no-repeat center bottom;
	text-align:right;
	font-size:13px;
}
.past_index .monthly_open{
	padding-top:0px;
}
.past_index .monthly_open a{
	padding-left:23px;
	background:url(/image/bg_past_anchor_open.gif) no-repeat left center;
	color:#000080;
}
.past_index .monthly_close a{
	padding-left:23px;
	background:url(/image/bg_past_anchor_close.gif) no-repeat left center;
	color:#000080;
}
.h2_past_heading{
	margin:15px 10px 8px 15px;
	padding:1px 0 1px 8px;
	line-height:17px;
	border-left:5px solid #ff5500;
	text-align:left;
	font-size:17px;
	color:#ff5500;
}
/****************************** 攻略ガイド一覧ページ用 ******************************/
.guide_container{
	padding-top:10px;
}
.guide_container dl{
	border:1px solid #999;
	box-shadow: inset 0px 0px 0px 2px #fff, inset 0px 0px 0px 3px #ddd;
	padding:15px 0px 20px;
	position:relative;
	margin:0px 5px 10px;
	background:#f3f3f3;
	background: -moz-linear-gradient(top, #fcfcfc, #e3e3e3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e3e3e3));
	border-radius:2px;
}
.guide_container dt{
	font-weight:bold;
	line-height:100%;
	font-size:16px;
	margin-bottom:5px;
	padding:0px 15px 10px;
	margin:0px 4px 10px;
	margin:0px 4px 0px;
	border-bottom:1px dotted #bbb;
	border-bottom:1px solid #ccc;
}
.guide_container dd{
	padding-top:10px;
	border-top:1px solid #fff;
}
.guide_container dt a{
	color:#000080;
	text-decoration:none;
	background:url(/image/icatch_red_white_8.gif) no-repeat left center;
	padding-left:15px;
}
.guide_container dt a:hover{
	color:#f00;
	color:#3333ff;
}
.guide_container dl dd img{
	display:block;
	margin:0 auto;
}
.guide_container dl dd img:hover{
	opacity:0.8;
}
.guide_container dl dd a{
	display:block;
	width:510px;
	height:140px;
	border-radius:4px;
	margin:0 auto;
	overflow:hidden;
}
.guide_container dl dd p{
	font-size:12px;
	line-height:150%;
	padding-top:5px;
	padding:5px 19px 0;
}
/****************************** スマートフォン切り替え ******************************/
.smartphone_footer{
	width:960px;
	margin:0 auto;
	padding:25px 0;
	background:#ffffff;
}
.smartphone_mode:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}
.smartphone_mode{
	font-size:110%;
	background:#F0F0F0;
	border:1px solid #cccccc;
	width:400px;
	padding:15px;
	margin:0 auto;
	-webkit-text-size-adjust:100%;
	line-height:100%;
	text-align:center;
}
.smartphone_mode dt,
.smartphone_mode dd{
	display:inline;
	margin:0 5px;
	padding:0;
}
.smartphone_mode dt{
	font-weight:bold;
}
/****************************** 注目記事（※使用不可） ******************************/
.main_contents .contents_header .finding_common::before{
	content:none;
}
.main_contents .contents_header .finding_common{
	width:550px;
	height:25px;
	margin:0 auto;
	background:url(/image/bar_finding_com_slash.gif) no-repeat left top;
	border:0;
}
.main_contents .contents_header .finding_common p{
	line-height:25px;
	padding:0 0 0 20px;
	width:auto;
	float:none;
}
/********** container **********/
.main_contents .contents_header .pickup_container{
	clear:both;
	width:550px;
	height:100%;
	padding:0 0 4px;
	margin:0 auto 10px;
	text-align:left;
	background:url(/image/bg_pickup_blue120_slash.gif) no-repeat center bottom;
}
.main_contents .contents_header .pickup_container a{
	color:#333;
}
.main_contents .contents_header .pickup_container a:visited{
	color:#333;
}
.main_contents .contents_header .pickup_container a:hover{
	color:#33f;
}
.main_contents .contents_header .pickup_container h2{
	width:380px;
	padding:0;
	margin:0 12px 10px 154px;
	font-size:16px;
	line-height:1.5;
}
.main_contents .contents_header .pickup_container img.img_right_top{
	float:left;
	margin:0px 10px 15px;
	border-radius:8px;
}
.main_contents .contents_header .pickup_container p{
	width:380px;
	padding:0;
	margin:0 12px 7px 154px;
	color:#444;
	font-size:12px;
	line-height:1.5;
}
.main_contents .contents_header .pickup_container p span{
	font-size:10px;
	color:#999;
}
.main_contents .contents_header .pickup_container p strong{
	color:#ffef66;
}
.main_contents .contents_header .pickup_container p .bold,
.main_contents .contents_header .pickup_container p .bold1,
.main_contents .contents_header .pickup_container p span.bold,
.main_contents .contents_header .pickup_container p strong.bold,
.main_contents .contents_header .pickup_container p span.bold1,
.main_contents .contents_header .pickup_container p strong.bold1{
	color:#d01000;
	font-weight:bold;
}
.main_contents .contents_header .pickup_container p .bold2,
.main_contents .contents_header .pickup_container p span.bold2,
.main_contents .contents_header .pickup_container p strong.bold2{
	color:#00881f;
	font-weight:bold;
}
.main_contents .contents_header .pickup_container p .bold3,
.main_contents .contents_header .pickup_container p span.bold3,
.main_contents .contents_header .pickup_container p strong.bold3{
	color:#4420d0;
	font-weight:bold;
}
.main_contents .contents_header .pickup_container p .bold4,
.main_contents .contents_header .pickup_container p span.bold4,
.main_contents .contents_header .pickup_container p strong.bold4{
	color:#000000;
	font-weight:bold;
}
/*==============================================================================================================
/import V3.1_index_ranking_component.css
/==============================================================================================================*/
/****************************** 週間ランキングページ用 ******************************/
.weekly_ranking{
}
.weekly_ranking .main_contents{
	overflow:hidden;
	margin:0 auto;
	padding-top:10px;
}
.weekly_ranking .main_contents .top_container{
	width:550px;
	margin:0 auto;
	text-align:left;
}
/******************** 一覧 ********************/
h2.ranking_heading{
	width:520px;
	height:22px;
	margin:10px auto 10px 15px;
	padding-left:30px;
	line-height:22px;
	background:url(/image/bg_resume_heading.gif) no-repeat left center;
	font-size:17px;
	color:#FF5500;
	text-align:left;
}
h2.ranking_heading{
	background:url(/image/bg_ranking_heading.gif) no-repeat left center;
	position:relative;
}
h2.ranking_heading span.timestamp{
	padding-left:4px;
	font-size:13px;
	font-weight:normal;
}
h2.ranking_heading span.timestamp{
	line-height:13px;
	font-size:11px;
	color:#555555;
	position:absolute;
	right:15px;
	bottom:0;
}
/*************** 順位 ***************/
.top_container .ranking_container{
	width:550px;
	margin:0 0 12px;
}
.top_container dl.ranking_container dt,
.top_container dl.ranking_container dd{
	padding:0;
	margin:0;
}
.top_container dl.ranking_container dt.rank{
	float:left;
	width:39px;
	height:23px;
	line-height:23px;
	padding-left:2px;
	background:url(/image/bg_ranking_rank.gif) no-repeat left top;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	font-family:"Arial","ＭＳ Ｐゴシック",sans-serif;
	text-align:center;
	overflow:hidden;
}
.top_container dl.ranking_container dt.rank span{
	font-size:9px;
	font-weight:normal;
	padding-left:1px;
}
.top_container dl.ranking_container dd.score{
	float:left;
	padding-left:5px;
	background:#666666;
	overflow:hidden;
}
.top_container dl.ranking_container dd.score{
	width:504px;
	height:17px;
	padding-top:6px;
	overflow:hidden;
}
.top_container dl.ranking_container dd.score img{
	vertical-align:top;
}
/*************** 記事 ***************/
.top_container .ranking_container .V2_article_container{
	overflow:hidden;
	margin:0 auto;
	padding:5px;
	border:1px solid #cccccc;
	border-top:none;
	background:#fffef2;
}
.top_container .ranking_container .V2_article_container h2 a:visited{
	color:#000080;
}
.top_container .ranking_container .V2_article_container h2 a:hover{
	color:#3333ff;
}
/****************************** 週間ランキング タブ ******************************/
h2.ranking_heading{
	margin:15px auto 5px 15px;
}
.tab_weekly_platform{
	width:545px;
	height:29px;
	font-size:12px;
	line-height:110%;
	margin:0 auto 5px;
	padding:0 0 0 5px;
	border-bottom:1px solid #a0a0a0;
}
.tab_weekly_platform li{
	float:left;
	margin:10px 0 0 0;
	padding:0 0 0 0;
}
.tab_weekly_platform li a{
	display:block;
	float:left;
	margin:0;
	padding:0 8px;
	border-right:1px solid #cccccc;
}
.tab_weekly_platform li a:link{
	color:#000080;
}
.tab_weekly_platform li a:visited{
	color:#000080;
}
.tab_weekly_platform li a:hover{
	color:#3333ff;
}
/********** 選択中 **********/
.tab_weekly_platform li.selected{
	position:relative;
	left:5px;
	bottom:-2px;
	z-index:100;
	height:28px;
	margin:0 4px 0 0;
	padding:0;
	background:url(/image/bg_top_filter_selected.gif) no-repeat right top;
}
.tab_weekly_platform .selected strong{
	display:block;
	float:left;
	height:18px;
	margin-right:5px;
	padding:10px 0 0 5px;
	background:url(/image/bg_top_filter_selected.gif) no-repeat left top #ffffff;
}
.tab_weekly_platform .selected strong a{
	margin-top:0;
	border:none;
}
/****************************** 13/11/19 Weekly ranking ******************************/
.tab_weekly_platform{
	width:550px;
	padding:0px;
}
.tab_weekly_platform li a{
	padding:0 6px;
}
/****************************** 15/10/07 ranking tag ver. ******************************/
.menu_tag{
	padding:5px 15px 10px;
}
.menu_tag:after{
	content:" ";
	clear:both;
	display:block;
	height:0px;
}
.menu_tag li{
	float:left;
	border:1px solid #ccc;
	border-radius:4px;
	margin:2px;
	background:#f0f0f0;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #eee 100%);
	background: -o-linear-gradient(top, #f9f9f9 0%, #eee 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%, #eee 100%);
	background: linear-gradient(to bottom, #f9f9f9 0%, #eee 100%);
	text-shadow:1px 1px 0px #fff;
}
.menu_tag li a{
	display:inline;
	font-size:12px;
	line-height:100%;
	display:block;
	padding:5px;
	text-decoration:none;
	color:#333;
}
.menu_tag li a:hover{
	color:#e30;
}
/********** selected **********/
.menu_tag li.selected{
	border:1px solid #ddccbb;
	background:#ff0;
	background: -moz-linear-gradient(top, #ffee00 0%, #ff0 100%);
	background: -webkit-linear-gradient(top, #ffee00 0%, #ff0 100%);
	background: -o-linear-gradient(top, #ffee00 0%, #ff0 100%);
	background: -ms-linear-gradient(top, #ffee00 0%, #ff0 100%);
	background: linear-gradient(to bottom, #ffee00 0%, #ff0 100%);
	text-shadow:none;
}
.menu_tag li.selected a{
	color:#f00;
}
/*==============================================================================================================
/import V2_top_browsing-history_component.css
/==============================================================================================================*/
/****************************** 記事履歴 ******************************/
h2.resume_heading{
	width:520px;
	height:22px;
	margin:10px auto 10px 15px;
	padding-left:30px;
	line-height:22px;
	background:url(/image/bg_resume_heading.gif) no-repeat left center;
	font-size:17px;
	color:#FF5500;
	text-align:left;
}
h2.resume_heading span{
	padding-left:4px;
	font-size:13px;
	font-weight:normal;
}
/*************** 日付/順位 ***************/
.top_container .resume_container{
	width:550px;
	margin:0 0 12px;
}
.top_container dl.resume_container dt,
.top_container dl.resume_container dd{
	padding:0;
	margin:0;
}
/*************** 日付 ***************/
.top_container dl.resume_container dt.check_day,
.top_container dl.resume_container dt.check_yesterday,
.top_container dl.resume_container dt.check_old{
	float:left;
	width:47px;
	height:23px;
	line-height:24px;
	background:url(/image/bg_resume_day_all.gif) no-repeat left top;
	color:#ffffff;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	text-align:center;
	overflow:hidden;
}
.top_container dl.resume_container dt.check_day{
	color:#ffff66;
}
.top_container dl.resume_container dt.check_old{
	width:46px;
	padding-right:1px;
	line-height:23px;
	font-size:10px;
	color:#dddddd;
}
.top_container dl.resume_container dd.check_time{
	float:left;
	padding-left:5px;
	background:#666666;
	overflow:hidden;
}
.top_container dl.resume_container dd.check_time{
	width:498px;
	height:23px;
	line-height:25px;
	font-size:11px;
	color:#dddddd;
}
/*************** 記事 ***************/
.top_container .resume_container .V2_article_container{
/*
	width:538px;
*/
	margin:0 auto;
	padding:5px;
	border:1px solid #cccccc;
	border-top:none;
	background:#fffef2;
	overflow:hidden;
}
.top_container .resume_container .V2_article_container h2{
	float:left;
	width:373px;
	margin-left:8px;
}
.top_container .resume_container .V2_article_container h2 a:visited{
	color:#000080;
}
.top_container .resume_container .V2_article_container h2 a:hover{
	color:#3333ff;
}
.top_container .resume_container .V2_article_container .V2_article_tag{
	padding:0 0 0 3px;
	display:none !important;
}
.top_container .resume_container .V2_article_container span.timestamp,
.top_container .resume_container .oneline span.timestamp{
	clear:both;
	display:block;
	width:538px;
	margin:0 auto;
	padding:5px 0 0 0;
	line-height:11px;
	display:none !important;
}
*html .top_container .resume_container .oneline span.timestamp{
	width:535px;
}
.top_container .resume_container .oneline h2{
/*
	width:500px;
*/
	font-weight:bold;
	font-size:15px;
}
.top_container .resume_container .oneline .V2_article_tag{
	margin:3px 0 0 0;
}
/*************** 非対応 ***************/
#unsupport{
	width:500px;
	margin:10px auto 20px;
	border:1px solid #ddddbb;
	background:#ffffdd;
	padding:17px 10px;
}
#unsupport .warning{
	margin:0 auto;
	font-weight:bold;
	color:#ff0000;
	line-height:100%;
	padding-bottom:8px;
	border-bottom:1px solid #ff0000;
}
#unsupport .comment{
	font-size:15px;
	line-height:19px;
	margin:5px 20px 15px;
	text-align:left;
}
#unsupport .browser{
	border:2px solid #ff0000;
	padding:10px;
	margin:0 auto;
	width:440px;
	background:#ffffff;
	font-weight:bold;
}
/*************** β表記 ***************/
.history_caution{
	width:520px;
	margin:5px auto 10px;
	color:#cc0000;
	text-align:left;
	background:url(/image/caution.gif) no-repeat 6px center #f6e946;
	border:1px solid #cccccc;
}
*html .history_caution{
	margin:5px auto 10px;
}
.history_caution dt{
	font-weight:bold;
	border:1px solid #ffffff;
	border-bottom:none;
	padding:7px 10px 4px 47px;
	font-size:15px;
	line-height:17px;
}
.history_caution dd{
	border:1px solid #ffffff;
	border-top:none;
	padding:0 10px 9px 47px;
	margin:0 auto;
	font-size:13px;
	line-height:15px;
}
/*==============================================================================================================
/import V3.1_index_component.css
/==============================================================================================================*/
/****************************** article container ****************************/
/******************** V4.X ********************/
.V2_article_container{
	overflow:hidden;
	clear:both;
	width:550px;
	margin:4px 0;
	padding:0 0 8px;
	background:url(/image/line_dotted_550.gif) repeat-x center bottom;
}
.V2_article_container::after{
	content:"";
	clear:both;
	height:0;
	display:block;
}
.V2_article_container h2{
	width:517px;
	font-size:15px;
	line-height:120%;
	text-align:left;
	margin:0 0 6px auto;
	padding:0;
	background:none;
	text-wrap: pretty;
	line-break: strict;
}
.V2_article_container h2 a{
	text-decoration: none;
}
.V2_article_container h2 a:hover{
	text-decoration: underline;
}
/********** アイコン **********/
.V2_article_container .V2_article_tag{
	width:24px;
	margin:3px 0 0 0;
	padding:0 0 0 3px;
	overflow:hidden;
	float:left;
}
.V2_article_container .V2_article_tag a{
	display:block;
	margin:0 0 1px 0;
	padding:0;
	height:11px;
	overflow:hidden;
	line-height:10px;
}
.V2_article_container .V2_article_tag a img{
	float:left;
	margin:0;
	padding:0;
}
.V2_article_container[tag="TN001"] .V2_article_tag:empty::before{
	content:" ";
	display:block;
	width:24px;
	height:11px;
	background:url(/tags/TN/TN001/screenshot_4.gif) no-repeat center center	/* アイコンが無い場合にニュースのアイコンを表示 */
}
/********** 画像/リード **********/
.V2_article_container .img_right_top{
	margin:0 0 2px 8px;
}
.V2_article_container a:hover .img_right_top{
	filter: brightness(1.1);
}
.V2_article_container > p{
	font-size:12px;
	line-height:125%;
	margin:0 128px 0 auto;
	width:389px;
	text-align:left;
	color:#444444;
	text-wrap: pretty;
	line-break: strict;
}
.V2_article_container > p::after{
	content:"";
	clear:both;
	height:0;
	display:block;
}
.V2_article_container p a{
	text-decoration:none;
}
/********** 特殊タグ **********/
.V2_article_container .tag_list{
	display:none;
}
/* ------------------------------
テキストアイコンは
デフォルト非表示
------------------------------ */
article .V2_article_tag,
.PLATFORM_TEXT_ICON_CONTAINER{
	display:none;
}
/********** 掲載日時 **********/
.V2_article_container span.timestamp{
	font-size:10px;
	color:#999999;
	line-height:13px;
	padding-right:0;
	display:block;
	text-align:right;
	clear:both;
}
/********** oneline **********/
.V2_article_container.oneline{
	padding-bottom:6px;
}
/* ------------------------------
priorityの影響で、旧フォーマットが
すべてonelineになるので削除
------------------------------ */
/*
.V2_article_container.oneline h2{
	margin:0;
	display:inline;
	width:auto;
	float:none;
}
*/
.V2_article_container.oneline .V2_article_tag{
	margin-top:4px;
	margin-right:6px;
	margin-bottom:5px;
	height:12px;
	overflow:hidden;
}
/********** oneline_thumb **********/
/* ----------------------------------------
1行記事でサムネイルありの記事
特殊な場合のみ使用。デフォルトでは非表示
---------------------------------------- */
.oneline.oneline_thumb .img_right_top{
	display:none;
}
/******************** GIJE ********************/
.V2_article_container.target_GIJE h2 + a{
	position:relative;
	display:block;
	float:right;
	text-decoration:none;
}
.V2_article_container.target_GIJE h2 + a:before{
	content:"GamesIndustry JE";
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	width:115px;
	height:22px;
	padding-right:5px;
	text-align:right;
	font-size:10px;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN';
	line-height:22px;
	background:#a90000;
	color:#fff;
}
.V2_article_container.target_GIJE h2 + a img{
	padding-top:23px;
	padding-bottom:3px;
	background:#fff;
}
.V2_article_container.target_GIJE .timestamp{
	margin-top:2px;
}
.V2_article_container.target_GIJE .timestamp:before{
	content:" ";
	display:inline-block;
	width:64px;
	height:14px;
	margin-right:5px;
	vertical-align:text-top;
	background:url(/image/logo_gije_black_small.png) no-repeat center bottom;
	background-size:contain;
}
/********** oneline **********/
.V2_article_container.oneline.target_GIJE h2 a:before{
	content:" ";
	display:inline-block;
	width:20px;
	height:11px;
	margin:-1px 7px 0px -29px;
	vertical-align:text-bottom;
	border:1px solid #fff;
	background:url(/image/icon_gije_linkednews.png) no-repeat center bottom #fff;
	background-size:contain;
	box-shadow:0px 0px 0px 1px #ccc;
}
.V2_article_container.oneline.target_GIJE h2{
	display:block;
	margin-left:30px;
}
.V2_article_container.oneline_thumb.target_GIJE h2 + a{
	display:none;
}
.V2_article_container.oneline.target_GIJE .timestamp{
	margin-top:0px;
}
.V2_article_container.oneline.target_GIJE .timestamp:before{
	content:none;
}
.V2_article_container.oneline.target_GIJE .V2_article_tag{
	display:none;
}
/******************** V3.X → V4.X 出力 ********************/
.V2_article_container .imgBox{
	float:right;
	margin:0 0 2px 8px;
}
/******************** V1.0 → V4.X 出力 ********************/
.V2_article_container .lead_container.V1_0{
}
.V2_article_container .lead_container.V1_0 .v1_title_block{
	width:517px;
	margin:6px 0 0 30px;
}
.V2_article_container .lead_container.V1_0 .v1_title_block tr:first-child{
	display:none;	/* 重複している見出しリンクを非表示 */
}
.V2_article_container .lead_container.V1_0 br{
	display:none;	/* 不要な余白を削除 */
}
.V2_article_container .lead_container.V1_0 .signature{
	display:none;	/* 著者目を削除 */
}
.V2_article_container .lead_container.V1_0 a[href="#TOP"]{
	display:none;	/* Topへのリンクを削除 */
}
/********** リードと画像 **********/
.V2_article_container .lead_container.V1_0 .v1_title_block div.artic:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}
.V2_article_container .lead_container.V1_0 .v1_title_block div.artic a{
	text-decoration:none;
}
.V2_article_container .lead_container.V1_0 .v1_title_block div.artic > a img{
	max-width:120px;
	height:auto;
	margin:0 0 2px 8px;
}
.V2_article_container .lead_container.V1_0 .v1_title_block div.artic div[align="RIGHT"]{
	display:none;	/* 詳細を非表示 */
}
/******************** Ver.不明 ********************/
.V2_article_container .containerNews2 h2{
	margin-bottom:0px;
}
.V2_article_container .title_Date{
	display:flex;
	justify-content:flex-end;
	font-size:10px;
	color:#999999;
	font-weight:normal;
}
/****************************** 旧記事1コマ ******************************/
.article_container:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}
.article_container{
	position:relative;
	z-index:0;
	clear:both;
	width:550px;
	height:100%;
	min-height:11px;
	margin:4px 0;
	padding:0 0 8px;
	background:url(/image/line_dotted_550.gif) no-repeat center bottom;
}
.article_container a{
	text-decoration:none;
}
/********** 記事アイコン **********/
.article_container .article_tag{
	overflow:hidden;
	position:absolute;
	left:0;
	top:3px;
	width:24px;
	height:11px;
	padding-left:3px;
	margin:0;
}
.article_container .article_tag a{
	overflow:hidden;
	height:11px;
	padding:0;
	margin:0;
	line-height:10px;
}
.article_container .article_tag img{
	vertical-align:top;
}
.article_container .article_tag span{
	display:none;	/* 掲載日時を消す */
	font-size:10px;
	color:#999999;
}
.article_container ul,
.article_container ul.tag_list{
	display:none;
}
/* Firefox対策 */
.article_container .article_tag a:empty{
	display:none;
}
/******************** V3.X ********************/
.article_container h2{
	width:517px;
	font-size:15px;
	line-height:120%;
	text-align:left;
	margin:0 0 6px auto;
	padding:0;
	background:none;
}
.article_container > p{
	font-size:12px;
	line-height:125%;
	margin:0 128px 0 auto;
	width:389px;
	text-align:left;
	color:#444444;
}
/******************** V1.X ********************/
.article_container > table,
.article_container > .v1_title_block{
	table-layout:fixed;
	width:517px;
	margin: 0 0 0 auto;
}
.article_container table tr td{
	vertical-align:top;
}
.article_container table tr td img{
	display:none;
}
/********** 見出し **********/
.article_container > table tr:first-child td:nth-child(2){
	width:517px;
	font-size:0px;
	padding:0 0 6px 0;
}
.article_container > table tr:first-child td:nth-child(2) a{
	line-height:120%;
	font-size:15px;
	font-family:auto;
	text-align:left;
}
/********** 掲載日時 **********/
.article_container > table tr:first-child td:nth-child(3){
	width:0;
}
.article_container span.artic,
.article_container .date{
	position:absolute;
	display:flex;
	right: 6px;
	bottom: 8px;
	font-size:10px;
	color: #999999;
}
.article_container span.newsdate,
.article_container span.newstime{
}
.article_container span.newsdate{
	padding-right:0.5em;
}
/********** リード **********/
.article_container table tr td div.artic:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}
.article_container table tr td div.artic{
	font-size:12px;
	margin-bottom:12px;
}
.article_container table tr td div.artic br{
	display:none;
}
.article_container table tr td div.artic img{
	display:inline;
	max-width:120px;
	height:auto;
	margin:0 0 2px 8px;
}
/******************** V1.0 ********************/
.article_container table tr td span.str{
	font-size:15px;
	font-weight:bold;	/* 見出し */
}
/********** 非表示 **********/
.article_container p:empty,
.article_container > br,
.article_container > table tr:first-child td:first-child,
.article_container > .v1_title_block tr:first-child td:first-child,
.article_container > table + table,
.article_container > .v1_title_block + table,
.article_container div.artic > br:first-child,
.article_container div.artic > br:last-child,
.article_container table tr td .signature,
.article_container table tr td span.copy{
	display:none;
}
/******************** Ver.不明 ********************/
.article_container .containerNews2 h2{
	margin-bottom:0px;
}
.article_container .title_Date{
	display:flex;
	justify-content:flex-end;
	font-size:10px;
	color:#999999;
	font-weight:normal;
}
/****************************** 各ページ調整用style ****************************/
/******************** トップページハイライト機能 ********************/
/* ------------------------------
NEWS_SELECT_XXに対応しているため
対象を.top_containerの子要素にする
必要はないかも
------------------------------ */
.top_container .V2_article_container::after,
.top_container .V2_article_container > p::after{
	/* すべてのindexページに影響あり */
	content:none;
}
/********** お気に入り **********/
.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"]{
	box-shadow: inset 0px 0px 0px 1px #dddab1, inset 0px 0px 0px 4px #fffdf6;
	background-color: transparent;
	background-image: linear-gradient(225deg, #fffdf6 95.25%, #dddab1 95.25%, #dddab1 95.5%, #fffdf6 95.5%, #fffdf6 96%, #dddab1 96%, #dddab1 100%) ;
	border-radius: 8px;
}
.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"] + .V2_article_container{
}
.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"]:not(.oneline) h2 + a,
.top_container .V2_article_container.oneline_thumb[data-newsindex-highlight="BOOKMARK"] h2 + a{
	overflow: hidden;
	position: relative;
	z-index: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	float:right;
	width: 120px;
	height: 90px;
	margin: 0 0 4px 4px;
	box-shadow: 0 0 0px 1px rgba(0,0,0,1);
	background:#000;
}
/***** アニメーション *****/
.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"]:not(.oneline) h2 + a::before ,
.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"]:not(.oneline) h2 + a::after,
.top_container .V2_article_container.oneline_thumb[data-newsindex-highlight="BOOKMARK"] h2 + a::before ,
.top_container .V2_article_container.oneline_thumb[data-newsindex-highlight="BOOKMARK"] h2 + a::after {
	mix-blend-mode: plus-lighter;
}
.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"]:not(.oneline) h2 + a::before,
.top_container .V2_article_container.oneline_thumb[data-newsindex-highlight="BOOKMARK"] h2 + a::before {
	content:" ";
	display:block;
	position:absolute;
	z-index:1;
	top: 0;
	left: -100%; /* 初期位置は左の外側 */
	width: 100%;
	height: 2px; /* 線の太さ */
	/* グラデーションで光の尾を作る */
	background: linear-gradient(90deg, transparent, #03e9f4);
	background: linear-gradient(90deg, transparent, #fff);
	animation: animate-top 2s linear infinite;
}
@keyframes animate-top {
	0%  { left: -100%; right: auto; top: 0; background: linear-gradient(90deg, transparent, #fff);}
	49% { left: 100%; right: auto; top: 0; background: linear-gradient(90deg, transparent, #fff); }
	50% { left: auto; right: -100%; top: calc(100% - 2px); background: linear-gradient(270deg, transparent, #fff); }
	100% { left: auto; right: 100%; top: calc(100% - 2px); background: linear-gradient(270deg, transparent, #fff); }
}
.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"]:not(.oneline) h2 + a::after,
.top_container .V2_article_container.oneline_thumb[data-newsindex-highlight="BOOKMARK"] h2 + a::after {
	content:" ";
	display:block;
	position:absolute;
	z-index:1;
	top: -100%;
	right: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(180deg, transparent, #fff);
	animation: animate-right 2s linear infinite;
	animation-delay: 0.45s; /* 上の線が半分進んだらスタート */
}
@keyframes animate-right {
	0%  { top: -100%; right: 0px; left: auto; background: linear-gradient(180deg, transparent, #fff);}
	4%  { top: -100%; right: 0px; left: auto; background: linear-gradient(180deg, transparent, #fff);}
	50% { top:  100%; right: 0px; left: auto; background: linear-gradient(180deg, transparent, #fff);}
	54% { top:  100%; right: auto; left: 0px; background: linear-gradient(360deg, transparent, #fff);}
	100% { top: -100%; right: auto; left: 0px; background: linear-gradient(360deg, transparent, #fff);}
}
/********** トップページのみ普段の機種に装飾をする **********/
.top_index_container .V2_article_container[data-newsindex-highlight="USE_PLATFORM"]{
	background: #f8faff;
	box-shadow:inset 0px 0px 0px 1px #dce8ff;
	border-radius:8px;
}
/********** タイムライン広告 **********/
.top_container .pr_satellite .DYNAMIC_BANNER.timeline_infeed > div.polyAdTargetElem:empty,
.top_container .pr_satellite .DYNAMIC_BANNER.timeline_infeed > div:nth-child(2)[class=""]{
	position:absolute;
}
.top_container .V2_article_container.pr_container{
	position:relative;
	overflow:hidden;
	background: url(/image/line_dotted_550.gif), #ffffbb;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.top_container .V2_article_container.pr_container:before{
	content:"PR";
	display:block;
	position:absolute;
	z-index:2;
	float:left;
	top:4px;
	left:-16px;
	background:#900;
	color:#fff;
	padding:2px 20px;
	font-weight:bold;
	font-size:10px;
	line-height:10px;
	transform:rotateZ(-45deg);
}
.top_container .V2_article_container.pr_container.no_pr:before{
	content:none;
}
.top_container .V2_article_container.pr_container.info:before{
	content:"募集";
	top:6px;
	left:-17px;
	background:#080;
}
.top_container .V2_article_container.pr_container.info{
	background-color:#fff;
}
/********** タイムラインミニ **********/
.timeline_mini,
.timeline_mini > div,
.timeline_mini > div > div{
	display: contents;
}
.pr_timeline_mini{
	--thumb-width: 90px;
	--thumb-height: 90px;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: calc(var(--thumb-height) + var(--spacing-gutter-sm) + var(--spacing-gutter-sm));
	padding: var(--spacing-gutter-sm) var(--spacing-gutter);
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border: 1px solid var(--layout-border-color-default);
	border-radius: 8px;
	box-sizing: border-box;
}
.pr_timeline_mini::before{
	content: "PR";
	display: block;
	position: absolute;
	z-index: 2;
	float: left;
	top: -8px;
	left: -36px;
	background: #900;
	color: #fff;
	padding: 20px 40px 8px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	transform: rotateZ(-45deg);
	letter-spacing: 0.02em;
}
/***** heading *****/
.pr_timeline_mini h2,
.pr_timeline_mini p{
	margin: 0 calc(var(--thumb-width) + var(--spacing-gutter)) 0 var(--spacing-gutter);
}
.pr_timeline_mini h2{
	order:2;
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 1.4;
}
.pr_timeline_mini h2 a{
	text-decoration: none;
}
.pr_timeline_mini h2 a:hover{
	text-decoration: underline;
}
.pr_timeline_mini h2 br{
	display: none;
}
/***** p *****/
.pr_timeline_mini p{
	order:3;
	font-size: 14px;
	line-height: 1.4;
}
.pr_timeline_mini p.maker{
	order: 4;
	position: absolute;
	right: 108px;
	bottom: 8px;
	margin: 0;
	text-align: right;
	font-size: 10px;
	line-height: 1.4;
	color: var(--color-supplement);
}
/***** img *****/
.pr_timeline_mini figure{
	order: 1;
	position: absolute;
	top: var(--spacing-gutter-sm);
	right: var(--spacing-gutter-sm);
	padding: 0;
	margin: 0;
}
.pr_timeline_mini figure img{
	width: var(--thumb-width);
	height: var(--thumb-height);
	vertical-align: middle;
	border-radius: 8px;
}
@media (max-width: 1909px) {
	.pr_timeline_mini{
		margin:var(--spacing-gutter) auto 0;
	}
}
@media (min-width: 1600px) {
	.pr_timeline_mini h2{
		font-size: 16px;
	}
}
/******************** テキストアイコン版 ******************/
body:not(.custom_1, .custom_2){
	/********** V2_article_container **********/
	.V2_article_container,
	.V2_article_container.oneline{
		--thumb-width: 160px;
		--thumb-height: 120px;
		--thumb-margin: 8px;
		--container-padding: 16px;
		--container-padding-top: 16px;
		--container-padding-side: 16px;
		--container-padding-bottom: 16px;
		--lead-padding-bottom: 18px;
		--tag-height: 16px;
		position:relative;
		display:grid !important;
		grid-template-columns: calc( var(--thumb-width) + var(--thumb-margin) ) 1fr 1fr;
		grid-template-rows: auto 1fr var( --tag-height);
		grid-auto-rows: minmax(0px, auto);
		gap: 8px;
		width: 100%;
		min-height: calc( var(--thumb-height) + var(--container-padding-top) + var(--container-padding-bottom) );
		padding: var(--container-padding-top) var(--container-padding-side) var(--container-padding-bottom);
		margin: 0 0 8px;
		box-sizing: border-box;
		background-repeat: repeat-x;
		background-image: none;
		border-top: 1px solid var(--layout-border-color-default);;
	}
	.V2_article_container:first-of-type{
		border-top: 0;
	}
	.top_container .V2_article_container:first-of-type{
		border-top: 1px solid var(--layout-border-color-default);
	}
	.V2_article_container:last-of-type{
		--container-padding-bottom: 16px;
		border-bottom: 1px solid var(--layout-border-color-default);
	}
	.title + .V2_article_container{
		/* タイトルページ用 */
		border-top: 0;
	}
	.V2_article_container h2{
		grid-column: 2 / 4;
		grid-row: 1;
		width: auto;
		padding:0;
		margin:0;
		font-size: var(--fontSize-md);
		line-height: 1.6;
	}
	.V2_article_container > p{
		display: none;
		grid-column: 2 / 4;
		grid-row: 2;
		width:auto;
		padding-bottom: calc( var(--lead-padding-bottom) / 2 );
		margin:0;
		color:#666;
		font-size:12px;
		line-height:1.4;
	}
	.V2_article_container h2 + a{
		grid-column: 1;
		grid-row: 1 / 4;
		position: static;
		width: var(--thumb-width);
		height: auto;
		padding: 0;
		margin: 0;
	}
	.V2_article_container[data-newsindex-highlight="BOOKMARK"]{
		box-shadow: inset 0px 0px 0px 1px #dddab1, inset 0px 0px 0px 4px #fffdf6;
		background-color: transparent;
		background-image: linear-gradient(225deg, #fffdf6 95.25%, #dddab1 95.25%, #dddab1 95.5%, #fffdf6 95.5%, #fffdf6 96%, #dddab1 96%, #dddab1 100%) ;
		border-radius: 8px;
		border-radius: 0;
		box-shadow: none;
		background: none;
	}
	.V2_article_container[data-newsindex-highlight="BOOKMARK"]:not(.oneline) h2 + a,
	.V2_article_container.oneline_thumb[data-newsindex-highlight="BOOKMARK"] h2 + a{
		position: relative;
		top:unset;
		left:unset;
		width: var(--thumb-width);
		height: var(--thumb-height);
		margin:0;
		border-radius:8px;
		box-shadow: none;
		background: none;
	}
	.V2_article_container[data-newsindex-highlight="USE_PLATFORM"]{
		border-radius: 0;
		box-shadow: none;
		background: none;
	}
	.V2_article_container .img_right_top{
		width: var(--thumb-width);
		height: auto;
		margin: 0;
		border-radius: 8px;
	}
	.V2_article_container .V2_time_container,
	.V2_article_container.oneline .V2_time_container{
		grid-column: 2;
		grid-row: 3;
		position:static;
		display:block;
		align-self: flex-end;
		padding:0;
		margin:0;
		text-align:left;
		font-size:10px;
		line-height: var(--tag-height);
	}
	.V2_article_container span.timestamp,
	.V2_article_container[data-newsindex-highlight="BOOKMARK"] span.timestamp,
	.V2_article_container[data-newsindex-highlight="USE_PLATFORM"] span.timestamp{
		display: inline-block;
		width: auto;
		margin: 0 0 0 auto;
	}
	/***** oneline *****/
	.oneline.oneline_thumb .img_right_top{
		display: inline;
	}
	.top_index_container .oneline.oneline_thumb .img_right_top{
		position: relative;
	}
	.V2_article_container.oneline h2{
		padding:0;
		font-weight:bold;
	}
	.V2_article_container.oneline h2 a::before{
		content:" ";
		display:block;
		position:absolute;
		left: var(--container-padding-side);
		top: var(--container-padding-top);
		width: var(--thumb-width);
		height: var(--thumb-height);
		margin: 0;
		background: url(/image/4gamer_logo_og.png) no-repeat center center #fff;
		background-size: var(--thumb-width) auto;
		background-size: 80px;
		border: 1px solid var(--layout-border-color-default);
		border-radius: 8px;
		box-sizing: border-box;
	}
	.html5_container .V2_article_container.oneline h2 a::before{
		content:none;
	}
	/***** GIJE *****/
	.V2_article_container.oneline.target_GIJE h2{
		margin-left:0;
	}
	.V2_article_container.target_GIJE h2 + a:before{
		z-index:1;
		right:unset;
		top: var(--container-padding-top);
		left: var(--container-padding-side);
		border-top-left-radius:8px;
		border-top-right-radius:8px;
	}
	.V2_article_container.target_GIJE .timestamp:before{
		content:none;
	}
	/********** 過去Ver. **********/
	.V2_article_container.oneline:has(.imgBox) h2 a:before,
	.V2_article_container.oneline:has(img[align="RIGHT"]) h2 a:before{
		content:none;
	}
	/********** V3_X **********/
	.V2_article_container .imgBox{
		grid-column: 1;
		grid-row: 1 / 4;
		position: static;
		width: var(--thumb-width);
		height:auto;
		padding:0;
		margin:0;
	}
	.V2_article_container .imgBox img{
		width: var(--thumb-width);
		height: var(--thumb-height);
		object-fit: cover;
		object-position: left top;
		border-radius: 8px;
	}
	/********** V1_0 **********/
	.V2_article_container .lead_container.V1_0{
		display:contents;
	}
	.V2_article_container .lead_container.V1_0 .v1_title_block{
		grid-column: 2 / 4;
		grid-row: 2;
		width:auto;
		padding-bottom: calc( var(--lead-padding-bottom) / 2 );
		margin:0;
		color:#666;
		font-size:12px;
		line-height:1.4;
	}
	.V2_article_container .lead_container.V1_0 .v1_title_block td{
		vertical-align:top;
	}
	.V2_article_container .lead_container.V1_0 .v1_title_block div.artic{
		font-size:inherit;
		color:inherit;
		line-height:inherit;
	}
	.V2_article_container .lead_container.V1_0 .v1_title_block div.artic > img,
	.V2_article_container .lead_container.V1_0 .v1_title_block div.artic > a img{
		float:none;
		position:absolute;
		left: var(--container-padding-side);
		top: var(--container-padding-top);
		width: var(--thumb-width);
		height: var(--thumb-height);
		object-fit: cover;
		object-position: left top;
		margin:0;
		border-radius: 8px;
	}
	.V2_article_container[tag="TN001"] .V2_article_tag:empty::before{
		content:"ニュース";
		display:block;
		width:auto;
		height: var(--tag-height);
		padding:3px;
		margin-left:2px;
		font-size:9px;
		line-height:9px;
		text-align:center;
		text-decoration:none;
		border-radius:3px;
		vertical-align:top;
		box-sizing:border-box;
		background:none;
		color: #777;
		background: #fff;
		box-shadow: inset 0px 0px 0px 1px #bbb;
	}
	/***** 総合トップ用 *****/
	.top_index_container .V2_article_container[data-newsindex-highlight="USE_PLATFORM"]{
		padding-bottom: 16px;
	}
	/***** カテゴリトップ用 *****/
	.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"]{
		padding-bottom: 16px;
	}
	.top_container .V2_article_container.pr_container{
		background-image: none;
		background: linear-gradient(90deg, #edecd8, #fffdf5);
		border: 1px solid var(--layout-border-color-default);
		border-radius: 8px;
		padding-bottom: 16px;
	}
	.top_interview .V2_article_container:nth-of-type(3),
	.top_review .V2_article_container:nth-of-type(3){
		border-bottom: 1px dotted #aeaeae;
	}
	.top_interview .V2_article_container > a,
	.top_review .V2_article_container > a{
		grid-column: 1;
		grid-row: 1 / 4;
	}
	.top_interview .V2_article_container h3,
	.top_review .V2_article_container h3{
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		grid-column: 2 / 4;
		grid-row: 1;
		width: auto;
		font-size: var(--fontSize-md);
		line-height: 1.6;
	}
	.top_interview .V2_article_container span.timestamp,
	.top_review .V2_article_container span.timestamp{
		grid-column: 2 / 4;
		grid-row: 3 / 4;
	}
	.top_movie.pickup_xbox .V2_article_container h2,
	.top_movie.pickup_xbox .V2_article_container.oneline h2{
		grid-column: 1 / 4;
		grid-row: 2 / 4;
		font-size:12px;
	}
	.top_movie.pickup_xbox .V2_article_container > a,
	.top_movie.pickup_xbox .V2_article_container.oneline > a{
		grid-column: 1 / 4;
		grid-row: 1;
		width: 100%;
	}
	.pickup_xbox > article.oneline,
	.pickup_xbox > article:nth-child(2),
	.pickup_xbox > article:nth-child(3),
	.pickup_xbox > article:nth-child(4),
	.pickup_xbox > article:nth-child(5),
	.pickup_xbox > article:nth-child(6){
		display: none !important;
	}
	.top_container:not(.html5_container){
		/********** article_tagにアイコンを表示 **********/
		/* ------------------------------
		「お気に入りタイトル」と
		「普段遊んでいる機種」を表示
		------------------------------ */
		.V2_article_container[data-newsindex-highlight="BOOKMARK"] .V2_article_tag::before,
		.V2_article_container[data-newsindex-highlight="USE_PLATFORM"] .V2_article_tag::before{
			display:block;
			height:10px;
			padding:3px;
			margin-left:2px;
			font-size:9px;
			line-height:9px;
			text-align:center;
			text-decoration:none;
			border-radius:3px;
			vertical-align:top;
		}
		.V2_article_container[data-newsindex-highlight="BOOKMARK"] .V2_article_tag::before{
			content:"お気に入りタイトル";
			color:#fff;
			background:#c1b400;
			color: #777;
			background: #fff;
			box-shadow: inset 0px 0px 0px 1px #bbb;
		}
		.V2_article_container[data-newsindex-highlight="USE_PLATFORM"] .V2_article_tag::before{
			content:"普段遊んでいる機種";
			color:#016;
			background:#d9e3ff;
			color: #777;
			background: #fff;
			box-shadow: inset 0px 0px 0px 1px #bbb;
		}
		/***** PR *****/
		.pr_container::before{
			content: none;
		}
		.pr_container h2 + a{
			overflow: hidden;
			position: relative;
			border-radius: 8px;
		}
		.pr_container h2 + a:before{
			content: "PR";
			display: block;
			position: absolute;
			z-index: 2;
			float: left;
			top: -8px;
			left: -36px;
			background: #900;
			color: #fff;
			padding: 20px 40px 8px;
			font-weight: bold;
			font-size: 12px;
			line-height: 1;
			transform: rotateZ(-45deg);
			letter-spacing: 0.02em;
		}
		.pr_container.no_pr:before{
			content:none;
		}
		.pr_container span.timestamp,
		.pr_container.no_pr span.timestamp{
			grid-column: 3;
			grid-row: 3;
			text-align: right;
		}
	}
	.left_menu .leftmenu_article .V2_article_tag{
		display:flex;
		justify-content: flex-start;
		height: 15px;
	}
	.left_menu .leftmenu_article .V2_article_tag a{
		color:#fff;
	}
	/********** V2_article_tag **********/
	.V2_article_tag,
	.V2_article_container.oneline .V2_article_tag{
		grid-column: 3;
		grid-row: 3;
		align-self: flex-end;
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		overflow: hidden;
		width:240px;
		height: var(--tag-height);
		padding: 0 4px 0 0;
		margin:0 0 0 auto;
	}
	.V2_article_tag a{
		height:auto;
		margin:0;
		text-decoration:none;
	}
	.V2_article_tag a img{
		display:none;
	}
	.V2_article_tag a::before{
		display:block;
		height: var(--tag-height);
		padding:3px;
		margin-left:2px;
		font-size:9px;
		line-height:9px;
		text-align:center;
		text-decoration:none;
		border-radius:3px;
		vertical-align:top;
		box-sizing:border-box;
	}
	.html5_container .V2_article_tag a::before{
		content:none !important;
	}
	/***** TS *****/
	.V2_article_tag a[href*="TS"]{
		order:1;
		color:#fff;
	}
	.V2_article_tag a[href*="TS001"]::before{
		content:"PC";
		background:#4761ea;
	}
	.V2_article_tag a[href*="TS002"]::before{
		content:"HARDWARE";
		background:#666;
	}
	.V2_article_tag a[href*="TS003"]::before{
		content:"MAC";
		background:#d0668b;
	}
	.V2_article_tag a[href*="TS004"]::before{
		content:"PSP";
		background:#706da5;
	}
	.V2_article_tag a[href*="TS005"]::before{
		content:"NDS";
		background:#66b8d9;
	}
	.V2_article_tag a[href*="TS006"]::before{
		content:"Xbox360";
		background:#3f863f;
	}
	.V2_article_tag a[href*="TS007"]::before{
		content:"PS3";
		background:#706da5;
	}
	.V2_article_tag a[href*="TS008"]::before{
		content:"Wii";
		background:#66b8d9;
	}
	.V2_article_tag a[href*="TS009"]::before{
		content:"AU";
		background:#b34a4a;
	}
	.V2_article_tag a[href*="TS010"]::before{
		content:"DOCOMO";
		background:#b34a4a;
	}
	.V2_article_tag a[href*="TS011"]::before{
		content:"SOFTBANK";
		background:#b34a4a;
	}
	.V2_article_tag a[href*="TS012"]::before{
		content:"PS2";
		background:#706da5;
	}
	.V2_article_tag a[href*="TS013"]::before{
		content:"iPhone";
		background:#d0668b;
	}
	.V2_article_tag a[href*="TS014"]::before{
		content:"iPad";
		background:#d0668b;
	}
	.V2_article_tag a[href*="TS015"]::before{
		content:"ARCADE";
		background:#d6924f;
	}
	.V2_article_tag a[href*="TS016"]::before{
		content:"OTHERS";
		background:#b34a4a;
	}
	.V2_article_tag a[href*="TS017"]::before{
		content:"BROWSER";
		background:#4761ea;
	}
	.V2_article_tag a[href*="TS018"]::before{
		content:"3DS";
		background:#66b8d9;
	}
	.V2_article_tag a[href*="TS019"]::before{
		content:"Android";
		background:#b34a4a;
	}
	.V2_article_tag a[href*="TS020"]::before{
		content:"ANALOG";
		background:#a78c57;
	}
	.V2_article_tag a[href*="TS021"]::before{
		content:"PS Vita";
		background:#706da5;
	}
	.V2_article_tag a[href*="TS022"]::before{
		content:"WindowsPhone";
		background:#b34a4a;
	}
	.V2_article_tag a[href*="TS023"]::before{
		content:"Wii U";
		background:#66b8d9;
	}
	.V2_article_tag a[href*="TS024"]::before{
		content:"PS4";
		background:#706da5;
	}
	.V2_article_tag a[href*="TS025"]::before{
		content:"Xbox One";
		background:#3f863f;
	}
	.V2_article_tag a[href*="TS026"]::before{
		content:"Switch";
		background:#66b8d9;
	}
	.V2_article_tag a[href*="TS027"]::before{
		content:"PS5";
		background:#706da5;
	}
	.V2_article_tag a[href*="TS028"]::before{
		content:"Xbox";
		background:#3f863f;
	}
	.V2_article_tag a[href*="TS029"]::before{
		content:"Meta Quest";
		background:#666;
	}
	.V2_article_tag a[href*="TS030"]::before{
		content:"Switch 2";
		background:#66b8d9;
	}
	/***** TN *****/
	.V2_article_tag a[href*="TN"]::before{
		color:#777;
		background:#fff;
		box-shadow:inset 0px 0px 0px 1px #bbb;
	}
	.V2_article_tag a[href*="TN001"]::before{
		content:"ニュース";
	}
	.V2_article_tag a[href*="TN002"]::before{
		content:"リリース";
	}
	.V2_article_tag a[href*="TN003"]::before{
		content:"レビュー";
	}
	.V2_article_tag a[href*="TN004"]::before{
		content:"無料体験版";
	}
	.V2_article_tag a[href*="TN005"]::before{
		content:"ムービー";
	}
	.V2_article_tag a[href*="TN006"]::before{
		content:"画像集";
	}
	.V2_article_tag a[href*="TN007"]::before{
		content:"パッチ";
	}
	.V2_article_tag a[href*="TN008"]::before{
		content:"インタビュー";
	}
	.V2_article_tag a[href*="TN009"]::before{
		content:"連載";
	}
	.V2_article_tag a[href*="TN010"]::before{
		content:"攻略";
	}
	.V2_article_tag a[href*="TN011"]::before{
		content:"業界動向";
	}
	.V2_article_tag a[href*="TN012"]::before{
		content:"芸能";
	}
	.V2_article_tag a[href*="TN013"]::before{
		content:"噂";
	}
	.V2_article_tag a[href*="TN014"]::before{
		content:"イベント";
	}
	.V2_article_tag a[href*="TN015"]::before{
		content:"募集";
	}
	.V2_article_tag a[href*="TN016"]::before{
		content:"プレイレポート";
	}
	.V2_article_tag a[href*="TN017"]::before{
		content:"紹介記事";
	}
	.V2_article_tag a[href*="TN018"]::before{
		content:"お知らせ";
	}
	.V2_article_tag a[href*="TN019"]::before{
		content:"広告企画";
	}
	.V2_article_tag a[href*="TN020"]::before{
		content:"旧特集";
	}
	.V2_article_tag a[href*="TN021"]::before{
		content:"企画記事";
	}
	.V2_article_tag a[href*="TN022"]::before{
		content:"無料製品版";
	}
	.V2_article_tag a[href*="TN023"]::before{
		content:"その他のファイル";
	}
	.V2_article_tag a[href*="TN024"]::before{
		content:"プレゼント";
	}
	.V2_article_tag a[href*="TN025"]::before{
		content:"テストレポート";
	}
	.V2_article_tag a[href*="TN026"]::before{
		content:"ベンチマークソフト";
	}
	.V2_article_tag a[href*="TN027"]::before{
		content:"セール情報";
	}
	.V2_article_tag a[href*="TN028"]::before{
		content:"事前登録";
	}
	.V2_article_tag a[href*="TN029"]::before{
		content:"音楽";
	}
	.V2_article_tag a[href*="TN030"]::before{
		content:"番組";
	}
}
/******************** 総合トップ用 ******************/
@media (min-width: 1910px) {
body.type-home:not(.custom_1, .custom_2){
	.main_contents .top_container{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 16px 16px;
		justify-content: flex-start;
	}
	.top_index_container .V2_article_container,
	.top_index_container .V2_article_container.oneline{
		--thumb-width: 176px;
		--thumb-height: 132px;
		grid-template-columns: calc(var(--thumb-width) + var(--thumb-margin)) 1fr 1fr;
		margin-bottom: 0;
	}
	.top_index_container .V2_article_container h2{
		font-size: 17px;
	}
	.top_index_container .V2_article_container h2 + a{
		width: var(--thumb-width);
		height: auto;
		border-radius: 8px;
	}
	.top_index_container .V2_article_container .img_right_top{
		width: var(--thumb-width);
	}
	.top_index_container .pr_satellite{
		display: contents;
		border: none;
	}
	.top_index_container .pr_satellite > .timeline_infeed,
	.top_index_container .pr_satellite > .timeline_infeed > div,
	.top_index_container .pr_satellite > .timeline_infeed > div > div{
		display: contents;
	}
}
body.type-home:not(.custom_1, .custom_2){
	.view_list .main_contents .V2_article_container,
	.view_list .main_contents .V2_article_container.oneline{
		--thumb-margin: 24px;
		--container-padding-bottom: 2px;
	}
	.view_list .main_contents .V2_article_container h2::before,
	.view_list .main_contents .V2_article_container.pr_container h2::before{
		content: " ";
		display: block;
		position: absolute;
		top: var(--spacing-gutter);
		width: 1px;
		height: var(--thumb-height);
		margin-left: -16px;
		border-right: 1px solid var(--layout-border-color-default);
	}
	.view_list .main_contents .V2_article_container:last-of-type{
		--container-padding-bottom: 16px;
	}
	.view_list .main_contents #NEWS_SELECT_DAY_0 .V2_article_container:last-of-type{
		--container-padding-bottom: 0px;
		border-bottom: 0;
	}
	.view_list .main_contents .V2_article_container[data-newsindex-highlight="BOOKMARK"],
	.view_list .main_contents .V2_article_container[data-newsindex-highlight="USE_PLATFORM"]{
		padding-bottom: 0;
	}
	.view_list .main_contents .V2_article_container[data-newsindex-highlight="BOOKMARK"]:last-of-type,
	.view_list .main_contents .V2_article_container[data-newsindex-highlight="USE_PLATFORM"]:last-of-type{
		padding-bottom: 16px;
	}
}
body.type-home:not(.custom_1, .custom_2){
	.view_cozy .main_contents .V2_article_container,
	.view_cozy .main_contents .V2_article_container.oneline{
		--thumb-width: 144px;
		--thumb-height: 108px;
		--container-padding-top: 16px;
		--container-padding-bottom: 16px;
		--container-padding-side: 8px;
		grid-template-columns: calc(var(--thumb-width) + var(--thumb-margin)) 1fr;
		grid-template-rows: var(--tag-height) 1fr var(--tag-height);
		width: 49%;
		height: auto;
		margin-bottom: 0;
		border: none;
		border-top: 1px solid var(--layout-border-color-default);
	}
	.view_cozy .main_contents .V2_article_container[data-newsindex-highlight="USE_PLATFORM"],
	.view_cozy .main_contents .V2_article_container[data-newsindex-highlight="BOOKMARK"]{
	}
	.view_cozy .main_contents .V2_article_container h2{
		grid-row: 2;
		font-size: 14px;
		line-height: 1.5;
	}
	.view_cozy .main_contents .V2_article_container h2 + a,
	.view_cozy .main_contents .V2_article_container.pr_container h2 + a{
		width: var(--thumb-width);
		height: fit-content;
	}
	.view_cozy .main_contents .V2_article_container.pr_container .img_right_top,
	.view_cozy .main_contents .V2_article_container[tag*="TN005"]:not(.oneline) .img_right_top{
		width: var(--thumb-width);
	}
	.view_cozy .main_contents .V2_article_tag,
	.view_cozy .main_contents .V2_article_container.oneline .V2_article_tag{
		grid-column: 2 / 3;
		grid-row: 1;
		justify-content: flex-start;
		width: 180px;
		margin: 0 auto 0 0;
	}
	.view_cozy .top_container .V2_article_container.pr_container{
		margin-top: 15px;
	}
	.view_cozy .top_container .V2_article_container.pr_container h2{
		grid-row: 1 / 2;
	}
	.view_cozy .top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"],
	.view_cozy .top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"].oneline,
	.view_cozy .top_container .V2_article_container.pr_container{
		padding-top: 8px;
		padding-bottom: 8px;
		border-top: none;
	}
	.view_cozy .top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"] h2 a::before{
		top: 8px;
	}
}
body.type-home:not(.custom_1, .custom_2){
	.view_module .main_contents .top_container{
		gap: 32px 34px;
	}
	.view_module .main_contents .V2_article_container,
	.view_module .main_contents .V2_article_container.oneline{
		--container-width: 256px;
		--container-padding-top: 24px;
		--container-padding-bottom: 16px;
		--container-padding-side: 0px;
		--thumb-width: var(--container-width);
		display: flex !important;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		width: var(--container-width);
		height: auto;
		padding-top: 0;
		margin-top: 0;
		margin-bottom: 0;
		border: none;
	}
	.view_module .main_contents .V2_article_container.pr_container{
		padding-top: 0;
		padding-bottom: 32px;
		margin-top: 0;
		margin-bottom: 0;
		border: none;
		background: none;
	}
	.view_module .main_contents .V2_article_container h2{
		order: 3;
		font-size: 14px;
		line-height: 1.5;
	}
	.view_module .main_contents .V2_article_container h2 + a,
	.view_module .main_contents .V2_article_container.pr_container h2 + a{
		order: 1;
		width: var(--container-width);
		height: auto;
		aspect-ratio: 4 / 3;
		border-radius: 8px;
	}
	.view_module .main_contents .V2_article_container.pr_container h2 + a{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.view_module .main_contents .V2_article_container[data-newsindex-highlight="BOOKMARK"]:not(.oneline) h2 + a,
	.view_module .main_contents .V2_article_container.oneline_thumb[data-newsindex-highlight="BOOKMARK"] h2 + a{
		border-radius: var(--rounded-inner-thumb);
	}
	.view_module .main_contents .V2_article_container .img_right_top,
	.view_module .main_contents .V2_article_container.pr_container .img_right_top{
		width: 100%;
		height: auto;
		aspect-ratio: 4 / 3;
	}
	.view_module .main_contents .V2_article_container.pr_container .img_right_top{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	/***** tag *****/
	.view_module .main_contents .V2_article_tag,
	.view_module .main_contents .V2_article_container.oneline .V2_article_tag{
		order: 2;
		justify-content: flex-start;
		width: var(--container-width);
		height: 16px;
		padding: 0;
		margin: 0;
	}
	.view_module .main_contents .V2_article_container.oneline:not(.oneline_thumb) .V2_article_tag{
		margin-top: calc(192px + 8px);
	}
	.view_module .main_contents ..V2_article_tag a::before{
		margin-left: 0;
		margin-right: 2px;
	}
	.view_module .main_contents .V2_article_container[data-newsindex-highlight="BOOKMARK"]:not(.oneline) h2 + a,
	.view_module .main_contents .V2_article_container.oneline_thumb[data-newsindex-highlight="BOOKMARK"] h2 + a,
	.view_module .main_contents .V2_article_container[data-newsindex-highlight="BOOKMARK"]:not(.oneline) h2 + a .img_right_top,
	.view_module .main_contents .V2_article_container.oneline_thumb[data-newsindex-highlight="BOOKMARK"] h2 + a .img_right_top{
		box-shadow: none;
		border-radius: 8px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.view_module .main_contents .V2_article_container[data-newsindex-highlight="BOOKMARK"] .V2_article_tag::before, 
	.view_module .main_contents .V2_article_container[data-newsindex-highlight="USE_PLATFORM"] .V2_article_tag::before{
		margin-left: 0;
		margin-right: 2px;
	}
	/***** timestamp *****/
	.view_module .main_contents .pr_container span.timestamp,
	.view_module .main_contents .V2_article_container .V2_time_container, 
	.view_module .main_contents .V2_article_container.oneline .V2_time_container{
		order: 4;
		align-self: flex-start;
		text-align: left;
	}
	.view_module .main_contents .pr_container span.timestamp{
		position: static !important;
		margin: 0;
	}
	.view_module .main_contents .V2_article_container.oneline h2 a::before{
		top: 0;
		left: 50%;
		width: var(--container-width);
		height: auto;
		aspect-ratio: 4 / 3;
		margin-left: calc( var(--container-width) / 2 * -1);
	}
	.view_module .main_contents .V2_article_container[data-newsindex-highlight="BOOKMARK"] h2,
	.view_module .main_contents .V2_article_container[data-newsindex-highlight="BOOKMARK"] .V2_article_tag,
	.view_module .main_contents .V2_article_container[data-newsindex-highlight="BOOKMARK"] span.timestamp,
	.view_module .main_contents .V2_article_container.pr_container h2,
	.view_module .main_contents .V2_article_container.pr_container .V2_article_tag,
	.view_module .main_contents .pr_container span.timestamp{
		padding:0 16px !important;
		box-sizing: border-box;
	}
	.view_module .top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"]::before,
	.view_module .top_container .V2_article_container.pr_container::before{
		content: none;
	}
}
}
@media (max-width: 1909px) {
body.type-home:not(.custom_1, .custom_2){
	.main_contents #NEWS_SELECT_DAY_0 .V2_article_container:last-of-type{
		border-bottom: 0;
	}
}
}
/********** 総合トップ - アスペクト比変更 **********/
@media (min-width: 1910px) {
body.type-home:not(.custom_1, .custom_2){
	.thumb_aspect_16-9 .main_contents .V2_article_container{
		--thumb-height: 113px;
	}
	.thumb_aspect_16-9 .main_contents .V2_article_container h2 + a, 
	.thumb_aspect_16-9 .main_contents .V2_article_container.pr_container h2 + a{
		display: flex;
		overflow: hidden;
		align-items: center;
		height: var(--thumb-height);
	}
	.thumb_aspect_16-9.view_list .main_contents .V2_article_container{
		--thumb-height: 99px;
	}
	.thumb_aspect_16-9.view_cozy .main_contents .V2_article_container{
		--thumb-height: 81px;
	}
	.thumb_aspect_16-9.view_module .main_contents .V2_article_container{
		--thumb-height: 144px;
	}
	.thumb_aspect_16-9.view_module .main_contents .V2_article_container h2 + a, 
	.thumb_aspect_16-9.view_module .main_contents .V2_article_container.pr_container h2 + a,
	.thumb_aspect_16-9.view_module .main_contents .V2_article_container.oneline h2 a::before{
		aspect-ratio: 16 / 9;
	}
	.thumb_aspect_16-9.view_module .main_contents .V2_article_container.oneline:not(.oneline_thumb) .V2_article_tag{
		margin-top: calc(var(--thumb-height) + 8px);
	}
}
}
/******************** SNSの反響表示用（未実装） ******************/
.V2_elapse_container{
	display:none !important;
}
body:not(.custom_1, .custom_2) {
	.V2_article_container .img_right_top,
	.V2_article_container.oneline h2 a::before{
		border-radius: var(--rounded-inner-thumb);
	}
	.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"],
	.top_container .V2_article_container.pr_container,
	.pr_timeline_mini{
		border-radius: var(--rounded-inner-menu);
	}
	.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"]{
		overflow: visible;
		padding-bottom: 16px !important;
		margin-top: 16px;
		background: #f1efe3 !important;
		border: 1px solid var(--layout-border-color-default);
	}
	.top_container .V2_article_container.pr_container{
		overflow: visible;
		padding-bottom: 16px;
		margin-top: 24px;
		background: #f1efe3 !important;
		border: 1px solid var(--layout-border-color-default);
	}
	.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"] + .pr_satellite .V2_article_container.pr_container,
	.pr_satellite:has(.V2_article_container.pr_container) + .V2_article_container[data-newsindex-highlight="BOOKMARK"]{
		margin-top: 16px;
	}
	.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"]::before,
	.top_container .V2_article_container.pr_container::before{
		content: "";
		display: block;
		position: absolute;
		top: -16px;
		left: 0;
		width: 100%;
		height: 0px;
		padding: 0;
		border-top: 1px solid var(--layout-border-color-default);
		transform: none;
	}
	& .top_container:not(.html5_container) {
		.pr_container h2 + a{
			border-radius: var(--rounded-inner-thumb);
		}
	}
	.pr_timeline_mini::before,
        .pr_container h2 + a:before {
		background: var(--color-gradient-heading) !important;
	}
}
@media (max-width: 1909px) {
body:not(.custom_1, .custom_2) {
	.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"]{
		margin-top: 16px;
	}
	.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"] + .V2_article_container[data-newsindex-highlight="BOOKMARK"]{
		margin-top: 32px;
	}
	.top_container .V2_article_container.pr_container{
		margin-top: 16px !important;
		margin-bottom: 16px !important;
	}
	.top_container .V2_article_container[data-newsindex-highlight="BOOKMARK"] + .V2_article_container{
		margin-top: 16px;
	}
}
}
/*==============================================================================================================
/import V3.1_platform_common_layout.css
/==============================================================================================================*/
:root{
	--color-primary: var(--color-red-600);
	--color-border-primary: var(--color-red-600);
	--color-border-secondary: var(--color-red-300);									/* タイトルページのヘッダーメニューの下線 */
	--color-bg-primary: var(--color-red-500);
	--color-bg-secondary: var(--color-red-50);									/* タイトルページのヘッダーコンテンツの背景色 */
	--color-bg-body: linear-gradient(180deg, var(--color-red-100) 0px, var(--color-black-150) 500px);
	--color-bg-body-V2: linear-gradient(180deg, var(--color-black-300) 0px, var(--color-black-100) 500px);
	--color-gradient-primary: linear-gradient(180deg, var(--color-red-500) 0%, var(--color-red-600) 100%);
	--color-gradient-secondary: linear-gradient(180deg, var(--color-red-50) 0%, var(--color-red-100));		/* タイトルページのヘッダーメニューのボタン */
	--color-gradient-heading: linear-gradient(90deg, var(--color-red-500) 0%, var(--color-red-500));		/* 各メニューの見出しの背景色 */
	--color-gradient-globalnav: linear-gradient(90deg, var(--color-red-500) 0%, var(--color-red-500));		/* グローバルナビの背景色 */
	--old-color-gradient-globalnav: linear-gradient(180deg, var(--color-red-500) 0%, var(--color-red-600));		/* 旧・グローバルナビの背景色 */
}
.left_menu_title_header dt{
	background:none !important;
}
/* ------------------------------
左ペインのタイトルメニューの
プラットフォームアイコン用style
inlineで書かれているため指定しない
.left_menu_title_header dt{
	background:url(/image/bg_leftmenu_platform_common.gif) no-repeat 0 0;
}
------------------------------ */
@supports not (color: oklch(0 0 0)) {
:root{
	--color-red-500: #ba0d01;
}
}
/*==============================================================================================================
/import V2_promotion_component.css
/==============================================================================================================*/
/****************************** PC_JACK ******************************/
.PC_JACK .polyAdTargetElem,
.PC_JACK .polyAd-block{
	position:static !important;
}
.unit_utility:has(script[data-banner-framename="フラッグシップバナー_01"]),
.unit_utility:has(script[data-banner-framename="フラッグシップバナー_記事_01"]){
	display:flex !important;
}
.unit_utility:has(script[data-banner-framename="フラッグシップバナー_01"]) .logojack,
.unit_utility:has(script[data-banner-framename="フラッグシップバナー_記事_01"]) .logojack{
	top:0;
	left:0;
}
.unit_utility:has(script[data-banner-framename="フラッグシップバナー_01"]) .ad_top,
.unit_utility:has(script[data-banner-framename="フラッグシップバナー_記事_01"]) .ad_top{
	float:right;
	margin-left:auto;
}
.unit_utility:has(script[data-banner-framename="フラッグシップバナー_01"]) .search,
.unit_utility:has(script[data-banner-framename="フラッグシップバナー_記事_01"]) .search{
	float:right;
}
/****************************** interstitial ******************************/
.interstitial_container{
	position:relative;
}
.interstitial_container .sound{
	position:absolute;
	right:10px;
	bottom:10px;
	cursor:pointer;
	width:18px;
	height:18px;
	padding:4px;
	border-radius:24px;
	background:url(/image/google_icons/ic_volume_up_black_48dp.png) no-repeat center center/18px 18px;
	background-color:#fff;
}
.interstitial_container .sound.mute{
	background:url(/image/google_icons/ic_volume_off_black_48dp.png) no-repeat center center/18px 18px;
	background-color:#fff;
}
/****************************** banner ******************************/
/************ LargeAD ************/
.main_contents .contents_bottom_pr{
	margin:0.5em auto 4px;
	background:none;
	text-align:center;
}
.main_contents .contents_bottom_pr img{
	margin:0 auto;
}
/********** NetworkAD **********/
.networkad_container{
	width:100%;
	padding:0px 40px;
	box-sizing:border-box;
}
.networkad_container > div{
	padding-top:20px;
}
.networkad_container > div:last-child{
	padding-bottom:20px;
}
.networkad_container > div:empty{
	padding-top:0;
	padding-bottom:0;
}
/*==============================================================================================================
/import V3.1_assist.css
/==============================================================================================================*/
/* Weekly widget group: independent widget Blocks */
:where(
  .widget-weekly-article,
  .widget-weekly-radigame,
  .widget-weekly-book-guide,
  .widget-weekly-sales-ranking,
  .widget-weekly-sale
) {
  position: relative;
  width: min(100%, 920px);
  padding: var(--spacing-gutter);
  color: var(--color-text-oklch);
  background: var(--layout-bg-default);
  border-radius: var(--rounded-inner);
  outline: var(--layout-outline);
  box-sizing: border-box;
}
:where(
  .widget-weekly-article,
  .widget-weekly-radigame,
  .widget-weekly-book-guide,
  .widget-weekly-sales-ranking,
  .widget-weekly-sale
),
:where(
  .widget-weekly-article,
  .widget-weekly-radigame,
  .widget-weekly-book-guide,
  .widget-weekly-sales-ranking,
  .widget-weekly-sale
) * {
  box-sizing: border-box;
}
:where(
  .widget-weekly-article__series-heading,
  .widget-weekly-radigame__series-heading,
  .widget-weekly-book-guide__series-heading,
  .widget-weekly-sales-ranking__series-heading,
  .widget-weekly-sale__series-heading
) {
  position: absolute;
  z-index: 2;
  top: -14px;
  left: -14px;
  margin: 0;
  font-size: var(--fontSize-xs);
  line-height: var(--lineHeight-none);
}
.c-weekly-series-label {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-xs);
  color: var(--color-text-oklch);
  text-decoration: none;
  background: var(--color-white-oklch);
  border: var(--icon-border);
  border-radius: var(--rounded-full);
}
.c-weekly-series-label__icon {
  flex: 0 0 auto;
  width: var(--icon-md);
  height: var(--icon-md);
  object-fit: cover;
  border-radius: var(--rounded-circle);
}
.c-weekly-series-label__name {
  font-weight: 700;
}
:where(
  .widget-weekly-article__link,
  .widget-weekly-radigame__link,
  .widget-weekly-book-guide__link
) {
  position: relative;
  display: flex;
  color: inherit;
  text-decoration: none;
  border-radius: var(--rounded-inner-widget);
}
:where(
  .widget-weekly-article__thumbnail,
  .widget-weekly-radigame__thumbnail,
  .widget-weekly-book-guide__thumbnail
) {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--rounded-inner-widget);
}
:where(
  .c-weekly-series-cta-label,
  .c-weekly-series-cta-link
) {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-md) 12px;
  color: var(--color-text-oklch);
  font-size: var(--fontSize-ms);
  font-weight: 700;
  line-height: var(--lineHeight-none);
  text-decoration: none;
  background: var(--color-white-oklch);
  border-radius: var(--rounded-sm) 0 var(--rounded-xs) 0;
  transform: var(--layout-chip-skew);
}
.widget-weekly-article__link:hover .c-weekly-series-cta-label,
.widget-weekly-radigame__link:hover .c-weekly-series-cta-label,
.widget-weekly-book-guide__link:hover .c-weekly-series-cta-label,
.c-weekly-series-label:hover .c-weekly-series-label__name,
.widget-weekly-sale__link:hover .widget-weekly-sale__product-name {
  text-decoration: underline;
}
:where(
  .widget-weekly-article,
  .widget-weekly-radigame,
  .widget-weekly-book-guide,
  .widget-weekly-sales-ranking,
  .widget-weekly-sale
) :where(a):focus-visible {
  outline: 3px solid var(--color-link-hover-oklch);
  outline-offset: 3px;
}
/* Radio/video widget */
.widget-weekly-radigame__link {
  align-items: center;
  justify-content: center;
}
.widget-weekly-radigame__link::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 64px;
  height: 64px;
  background: var(--icon-bg);
  background-color: var(--color-white-oklch);
  background-image: var(--icon-play-red);
  background-size: 64px;
  border-radius: var(--icon-rounded);
}
/* Book-guide widget */
.widget-weekly-book-guide__link {
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  height: 100%;
}
.widget-weekly-book-guide__thumbnail {
  flex: 0 0 38%;
  width: auto;
  height: 100%;
  aspect-ratio: auto;
}
.widget-weekly-book-guide .c-weekly-series-cta-label {
  position: static;
  padding: var(--spacing-sm);
  font-size: var(--fontSize-base);
  line-height: var(--lineHeight-base);
  text-align: left;
  background: transparent;
  transform: none;
}
/* Sales-ranking variant */
.widget-weekly-sales-ranking__link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-sm);
  width: 100%;
  aspect-ratio: 16 / 9;
  padding: var(--spacing-md);
  overflow: hidden;
  color: var(--color-text-oklch);
  text-decoration: none;
  background: var(--color-blue-50);
  background:
    radial-gradient(circle at 84% 18%, color-mix(in oklch, var(--color-blue-200) 45%, transparent), transparent 28%),
    linear-gradient(135deg, var(--color-white-oklch), var(--color-blue-50));
  border-radius: var(--rounded-inner-widget);
  isolation: isolate;
}
.widget-weekly-sales-ranking__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.widget-weekly-sales-ranking__title {
  margin: 0;
  font-size: var(--fontSize-lg);
  font-weight: 800;
  line-height: var(--lineHeight-none);
}
.widget-weekly-sales-ranking__theme {
  font-size: var(--fontSize-xs);
  font-weight: 600;
  line-height: var(--lineHeight-none);
}
.widget-weekly-sales-ranking__list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget-weekly-sales-ranking__item {
  display: grid;
  grid-template-columns: var(--icon-md) minmax(0, 1fr);
  grid-template-rows: var(--icon-sm) 1fr;
  align-items: center;
  gap: var(--spacing-xs);
}
.widget-weekly-sales-ranking__rank {
  grid-row: 1 / 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--color-white-oklch);
  font-size: var(--fontSize-sm);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  background: var(--ui-ranking-bg-gray-oklch);
  border-radius: var(--rounded-circle);
}
.widget-weekly-sales-ranking__item[data-rank="1"] .widget-weekly-sales-ranking__rank {
  background: var(--ui-ranking-bg-1st-oklch);
}
.widget-weekly-sales-ranking__item[data-rank="2"] .widget-weekly-sales-ranking__rank {
  background: var(--ui-ranking-bg-2nd-oklch);
}
.widget-weekly-sales-ranking__item[data-rank="3"] .widget-weekly-sales-ranking__rank {
  background: var(--ui-ranking-bg-3rd-oklch);
}
.widget-weekly-sales-ranking__label {
  overflow: hidden;
  font-size: var(--fontSize-sm);
  font-weight: 700;
  line-height: var(--lineHeight-none);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.widget-weekly-sales-ranking__track {
  height: 6px;
  overflow: hidden;
  background: var(--color-blue-700);
  border-radius: var(--rounded-full);
}
.widget-weekly-sales-ranking__fill {
  display: block;
  height: 100%;
  background: var(--color-blue-300);
  border-radius: inherit;
}
/*
.widget-weekly-sales-ranking__fill--full { width: 100%; }
.widget-weekly-sales-ranking__fill--half { width: 50%; }
.widget-weekly-sales-ranking__fill--forty-five { width: 45%; }
*/
.widget-weekly-sales-ranking__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
  color: var(--color-supplement-oklch);
}
.widget-weekly-sales-ranking__source {
  font-size: var(--fontSize-xs);
  line-height: var(--lineHeight-sm);
}
.widget-weekly-sales-ranking__cta {
  flex: 0 0 auto;
  padding: var(--button-spacing-sm);
  color: var(--button-color);
  font-size: var(--fontSize-xs);
  font-weight: 700;
  line-height: var(--lineHeight-none);
  background: var(--button-bg);
  border-radius: var(--button-rounded);
}
.widget-weekly-sales-ranking__link:hover .widget-weekly-sales-ranking__cta {
  color: var(--button-color-hover);
}
/* Price-down variant */
.widget-weekly-sale__body {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--spacing-md);
  background: var(--color-blue-50);
  background:
    radial-gradient(circle at 12% 18%, color-mix(in oklch, var(--color-blue-200) 52%, transparent), transparent 26%),
    linear-gradient(145deg, var(--color-blue-50), var(--color-white-oklch));
  border-radius: var(--rounded-inner-widget);
}
.widget-weekly-sale__item {
  margin: 0;
}
.widget-weekly-sale__body::before {
  content: "SALE";
  position: absolute;
  z-index: 1;
  top: -32px;
  right: -32px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4em;
  height: 4em;
  color: var(--color-white-oklch);
  font-size: var(--fontSize-lg);
  font-weight: 700;
  background: var(--color-blue-300);
  border: var(--spacing-xs) solid var(--color-white-oklch);
  border-radius: var(--rounded-circle);
  box-shadow: inset 0px 0px 0px 6px var(--color-blue-300), inset 0px 0px 0px 8px var(--color-white-oklch);
  transform: rotate(15deg);
}
.widget-weekly-sale__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  margin: 0;
  padding-bottom: var(--spacing-md);
  font-size: var(--fontSize-xl);
  font-weight: 600;
  line-height: var(--lineHeight-sm);
  text-align: center;
  border-bottom: 1px solid var(--color-white-oklch);
}
.widget-weekly-sale__heading::before,
.widget-weekly-sale__heading::after {
  content: "";
  flex: 0 0 1px;
  width: 1px;
  height: 1.5em;
  background: var(--color-black-700);
}
.widget-weekly-sale__heading::before { transform: skewX(30deg); }
.widget-weekly-sale__heading::after { transform: skewX(-30deg); }
.widget-weekly-sale__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget-weekly-sale__link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xs) 0;
  color: inherit;
  text-decoration: none;
}
.widget-weekly-sale__product {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 0;
  font-size: var(--fontSize-ms);
  line-height: var(--lineHeight-sm);
}
.widget-weekly-sale__platform {
  flex: 0 0 auto;
  width: 6em;
  padding: var(--spacing-xs) var(--spacing-sm);
  color: var(--color-text-oklch);
  font-size: var(--fontSize-xs);
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  background: var(--color-white-oklch);
  border-radius: var(--rounded-xs);
}
.widget-weekly-sale__product-name {
  min-width: 0;
  overflow: hidden;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.widget-weekly-sale__prices {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.widget-weekly-sale__current-price {
  font-size: var(--fontSize-ms);
  font-weight: 800;
  line-height: var(--lineHeight-none);
}
.widget-weekly-sale__currency {
  margin-left: 2px;
  font-size: var(--fontSize-xs);
}
.widget-weekly-sale__previous-price {
  width: 4.5em;
  color: var(--color-blue-300);
  font-size: var(--fontSize-sm);
  line-height: var(--lineHeight-none);
  text-align: right;
  opacity: .75;
}
.widget-weekly-sale__discount {
  padding: var(--spacing-sm);
  color: var(--color-white-oklch);
  font-size: var(--fontSize-sm);
  font-weight: 800;
  line-height: var(--lineHeight-none);
  background: var(--color-blue-300);
  border-radius: var(--rounded-full);
}
.widget-weekly-sale__timing {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 110px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.widget-weekly-sale__countdown {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: var(--fontSize-xs);
  font-weight: 700;
}
.widget-weekly-sale__countdown::before {
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: var(--icon-bg);
  background-image: var(--icon-timer);
  background-size: 1.25em;
}
.widget-weekly-sale__countdown strong {
  font-size: var(--fontSize-ms);
}
.widget-weekly-sale__countdown.is-ended {
  color: var(--color-blue-200);
}
.widget-weekly-sale__countdown.is-ended::before {
  opacity: .2;
}
.widget-weekly-sale__deadline {
  color: var(--color-blue-500);
  font-size: var(--fontSize-sm);
  opacity: .75;
}
.widget-weekly-sale__footer {
  position: relative;
  margin-top: var(--spacing-sm);
  padding: var(--spacing-md) 170px var(--spacing-md) 0;
  color: var(--color-supplement-oklch);
  font-size: var(--fontSize-sm);
  line-height: var(--lineHeight-base);
  border-top: 1px solid var(--color-white-oklch);
}
.widget-weekly-sale__footer .c-weekly-series-cta-link {
  bottom: var(--spacing-sm);
}
@media (max-width: 700px) {
  :where(
    .widget-weekly-article,
    .widget-weekly-radigame,
    .widget-weekly-book-guide,
    .widget-weekly-sales-ranking,
    .widget-weekly-sale
  ) {
    padding: var(--spacing-gutter-sm);
  }
  :where(
    .widget-weekly-article__series-heading,
    .widget-weekly-radigame__series-heading,
    .widget-weekly-book-guide__series-heading,
    .widget-weekly-sales-ranking__series-heading,
    .widget-weekly-sale__series-heading
  ) {
    top: -12px;
    left: -6px;
  }
  .widget-weekly-sale__heading {
    padding-top: var(--spacing-lg);
    font-size: var(--fontSize-base);
  }
  .widget-weekly-sale__link {
    grid-template-columns: minmax(0, 1fr) max-content;
  }
  .widget-weekly-sale__product {
    grid-column: 1 / -1;
  }
  .widget-weekly-sale__timing {
    min-width: 0;
  }
  .widget-weekly-sale__footer {
    padding-right: 0;
    padding-bottom: 58px;
  }
  .widget-weekly-book-guide__link {
    align-items: stretch;
    flex-direction: column;
  }
  .widget-weekly-book-guide__thumbnail {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .widget-weekly-sales-ranking__footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .widget-weekly-sale__link {
    grid-template-columns: minmax(0, 1fr);
  }
  .widget-weekly-sale__product {
    grid-column: auto;
    align-items: flex-start;
    flex-direction: column;
  }
  .widget-weekly-sale__prices {
    flex-wrap: wrap;
  }
  .widget-weekly-sale__timing {
    align-items: flex-start;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(
    .widget-weekly-article,
    .widget-weekly-radigame,
    .widget-weekly-book-guide,
    .widget-weekly-sales-ranking,
    .widget-weekly-sale
  ) * {
    scroll-behavior: auto;
  }
}
/*
 * Brand colors do not exist in V3.1_design_system.css.
 * They are kept local to the component to preserve service identity.
 */
.c-social-links {
  position: fixed;
  z-index: 120;
  top: 0;
  right: var(--spacing-gutter);
  display: flex;
  align-items: center;
  gap: var(--spacing-gutter-sm);
  max-width: calc(100% - (var(--spacing-gutter) * 2));
  height: var(--height-floatingNavi);
  color: var(--color-text-oklch);
  font-size: var(--fontSize-menu);
  line-height: var(--lineHeight-none);
}
.c-social-links__title {
  flex: none;
  white-space: nowrap;
}
.c-social-links__list {
  display: flex;
  align-items: center;
  gap: var(--spacing-gutter-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}
.c-social-links__item {
  flex: none;
  overflow: hidden;
  border-radius: var(--icon-rounded);
}
.c-social-links__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: var(--ui-utility-icon-size);
  height: var(--ui-utility-icon-size);
  overflow: hidden;
  border-radius: var(--icon-rounded);
  box-sizing: border-box;
  color: var(--color-link-white-oklch);
  text-decoration: none;
  transition:
    width 0.25s ease,
    filter 0.2s ease;
}
.c-social-links__link:link,
.c-social-links__link:visited {
  color: var(--color-link-white-oklch);
}
.c-social-links__item--favorite .c-social-links__link,
.c-social-links__item--history .c-social-links__link,
.c-social-links__item--ranking .c-social-links__link {
  background: var(--ui-empty-bg);
}
.c-social-links__item--favorite .c-social-links__link {
  background-color: var(--ui-utility-favorite-bg);
}
.c-social-links__item--history .c-social-links__link {
  background-color: var(--ui-utility-history-bg);
}
.c-social-links__item--ranking .c-social-links__link {
  background-color: var(--ui-utility-ranking-bg);
}
.c-social-links__item--rss .c-social-links__link {
  background-color: var(--icon-rss-bg);
}
.c-social-links__item--x .c-social-links__link {
  background-color: #000;
}
.c-social-links__item--bluesky .c-social-links__link {
  background-color: #006aff;
}
.c-social-links__item--facebook .c-social-links__link {
  background-color: #1877f2;
}
.c-social-links__item--line .c-social-links__link {
  background-color: #06c755;
}
.c-social-links__item--youtube .c-social-links__link {
  background-color: #ff0033;
}
.c-social-links__icon {
  flex: none;
  width: var(--ui-utility-icon-size);
  height: var(--ui-utility-icon-size);
  background: var(--icon-bg);
  background-size: 75%;
}
.c-social-links__item--favorite .c-social-links__icon {
  background-image: var(--icon-favorinte);
}
.c-social-links__item--history .c-social-links__icon {
  background-image: var(--icon-history);
}
.c-social-links__item--ranking .c-social-links__icon {
  background-image: var(--icon-ranking);
}
.c-social-links__label {
  flex: none;
  padding-right: var(--spacing-gutter-sm);
  white-space: nowrap;
}
.c-social-links__service-icon {
  width: 100%;
  height: 100%;
  padding: 6px;
  box-sizing: border-box;
  fill: currentColor;
}
.c-social-links__service-icon--line {
  padding: 0;
}
.c-social-links__service-icon--line text {
  fill: var(--color-link-white-oklch);
  font-family: Arial, sans-serif;
  font-size: 5px;
  font-weight: 700;
}
.c-social-links__item--favorite .c-social-links__link:hover,
.c-social-links__item--favorite .c-social-links__link:focus-visible,
.c-social-links__item--history .c-social-links__link:hover,
.c-social-links__item--history .c-social-links__link:focus-visible,
.c-social-links__item--ranking .c-social-links__link:hover,
.c-social-links__item--ranking .c-social-links__link:focus-visible {
  width: calc(var(--ui-utility-icon-size) + 6.5em);
}
/*
.c-social-links__link:hover {
  filter: brightness(1.2);
}
*/
.c-social-links__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -3px;
}
@media (prefers-reduced-motion: reduce) {
  .c-social-links__link {
    transition: none;
  }
}
@media (max-width: 640px) {
  .c-social-links {
    right: var(--spacing-gutter-sm);
    left: var(--spacing-gutter-sm);
    max-width: none;
    overflow-x: auto;
    scrollbar-width: thin;
  }
  .c-social-links__title {
    display: none;
  }
}
/****************************** tweak ******************************/
/********** c-site-header **********/
.c-social-links__item img {
  width: var(--ui-utility-icon-size);;
  height: auto;
}
.c-social-links__item--favorite {
}
.c-social-links__icon{
  background-size: var(--ui-utility-icon-image-size);
}
.c-social-links__service-icon {
  padding: var(--ui-utility-icon-padding);
}
.c-social-links__item--favorite .c-social-links__link {
  background-color: #003b86;
}
.c-social-links__item--favorite .c-social-links__link::before {
  content:" ";
  display: inline;
  flex: none;
  width: var(--ui-utility-icon-size);
  height: var(--ui-utility-icon-size);
  background: var(--icon-bg);
  background-size: var(--ui-utility-icon-image-size);
  background-image: var(--icon-favorinte);
}
.c-social-links__item--favorite .c-social-links__link a {
  overflow: hidden;
  align-items: center;
  display: flex;
  width: 100%;
  height: 100%;
  color: var(--color-link-white-oklch);
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
}
.c-social-links__item--favorite .c-social-links__icon,
.c-social-links__item--favorite .c-social-links__label {
  display: none;
}
.c-social-links__item--favorite .c-social-links__link:hover,
.c-social-links__item--favorite .c-social-links__link:focus-visible,
.c-social-links__item--history .c-social-links__link:hover,
.c-social-links__item--history .c-social-links__link:focus-visible,
.c-social-links__item--ranking .c-social-links__link:hover,
.c-social-links__item--ranking .c-social-links__link:focus-visible {
  width: calc(var(--ui-utility-icon-size) + 6em);
}
@media (max-width: 1909px) {
  .c-social-links__title {
    display: none;
  }
}
/********** c-slidecontents **********/
.c-slidecontents .widget-weekly-article,
.c-slidecontents .widget-weekly-radigame,
.c-slidecontents .widget-weekly-book-guide,
.c-slidecontents .widget-weekly-sales-ranking{
	padding: var(--spacing-gutter-sm);
}
/***** widget *****/
:where(
  .widget-weekly-article__thumbnail,
  .widget-weekly-radigame__thumbnail,
  .widget-weekly-book-guide__thumbnail,
  .widget-weekly-book-guide__link,
  .widget-weekly-sales-ranking__link
) {
  width: var(--widget-slide-width);
  height: var(--widget-slide-height);
}
.widget-weekly-book-guide__link{
  flex-direction: row-reverse;
}
.widget-weekly-book-guide__thumbnail{
  height: var(--widget-slide-height);
}
.widget-weekly-sales-ranking__rank{
  line-height: 1;
}
.widget-weekly-sales-ranking__label{
  text-align: left;
}
.widget-weekly-sales-ranking__link{
  background: url(/image/bg_widget_weekly_sales_ranking.png) no-repeat center center;
  background-size: 230%;
}
.widget-weekly-sale__link{
  min-height: 3em;
}
.widget-weekly-sale__body{
  background: url(/image/bg_widget_weekly_sale_wide.png) no-repeat center center;
  background-size: cover;
}
.widget-weekly-sale__body::before{
  background: var(--color-blue-400);
  box-shadow: inset 0px 0px 0px 6px var(--color-blue-400), inset 0px 0px 0px 8px var(--color-white-oklch);
}
.widget-weekly-sale__discount{
  background: var(--color-blue-400);
}
.widget-weekly-sale__countdown .remain_0{
  display: none;
}
.widget-weekly-sale__footer{
  padding-bottom: 0;
  text-align: left;
}
.widget-weekly-sale__footer .c-weekly-series-cta-link{
  right: calc( var(--spacing-md) * -1);
  bottom: calc( var(--spacing-md) * -1);
}
/***** link corner *****/
.c-weekly-series-cta-link::before,
.c-weekly-series-cta-label::before{
  content: " ";
  display: block;
  position: absolute;
  left: 1px;
  bottom: 0;
  height: 80%;
  width: auto;
  margin-left: calc( calc( var(--fontSize-ms) * -0.8 ) + calc( var(--spacing-md) * -1));
  aspect-ratio: 1 / 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M100 0V100H0A100 100 0 0 0 100 0Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}
.widget-weekly-book-guide__link .c-weekly-series-cta-label::before{
	content: none;
}
/*==============================================================================================================
/import V3.1_support.css
/==============================================================================================================*/
@supports not (color: oklch(0 0 0)) {
.c-layout-interface--index{
	display: none;
}
.type-home .V2_article_container{
	width: 100%;
}
.type-home .V2_article_container h2{
	width: calc(100% - 40px);
	margin-left: 40px;
	line-height: 1.4;
	box-sizing: border-box;
}
.type-home .V2_article_container > p{
	width: calc(100% - 40px - 128px);
	margin-left: 40px;
	line-height: 1.4;
	box-sizing: border-box;
}
.widget-weekly-sales-ranking__link{
	width: 384px;
}
.s-home-events{
	display: none;
}
.l-content-shell-navigation .timeline_highlight_description{
	background: rgba(0, 0, 0, 0.4);
}
.l-content-shell-navigation .timeline_highlight_description::before{
	border-bottom-color: rgba(0, 0, 0, 0.4);
}
.type-home{
--color-bg-body: #bfceee;
--color-white-oklch: #fff;
--layout-heading-color: #fff;
--ui-utility-history-bg: #ad9cff;
--ui-utility-ranking-bg: #26bbff;
--icon-rss-bg: #f9901c;
--button-bg: rgb(34, 34, 34);
--ui-ranking-bg-1st-oklch: #c5af00;
--ui-ranking-bg-2nd-oklch: #898989;
--ui-ranking-bg-3rd-oklch: #c87001;
--ui-ranking-bg-gray-oklch: #c1c1c1;
--ui-bg-palegray: #eeeeee;
--ui-color-black: #222222;
--color-blue-300: rgb(142 169 255);
--color-blue-400: rgb(94, 124, 248);
--color-blue-500: rgb(59, 81, 211);
--color-blue-600: rgb(33, 42, 161);
--color-blue-700: rgb(14, 9, 104);
--color-black-50: rgb(248, 248, 248);
--color-black-100: rgb(238, 238, 238);
--color-black-150: rgb(224, 224, 224);
--color-black-200: rgb(208, 208, 208);
--color-black-250: rgb(191, 191, 191);
--color-black-300: rgb(173, 173, 173);
--color-black-350: rgb(155, 155, 155);
--color-black-400: rgb(136, 136, 136);
--color-black-450: rgb(117, 117, 117);
--color-black-500: rgb(99, 99, 99);
--color-black-550: rgb(81, 81, 81);
--color-black-600: rgb(64, 64, 64);
--color-black-650: rgb(48, 48, 48);
--color-black-700: rgb(34, 34, 34);
--color-black-750: rgb(21, 21, 21);
--color-black-800: rgb(9, 9, 9);
--color-black-850: rgb(3, 3, 3);
--color-black-900: rgb(0, 0, 0);
--color-black-950: rgb(0, 0, 0);
}
}
/*==============================================================================================================
/import news_print.css
/==============================================================================================================*/
/**************************************** 印刷用CSS ****************************************/
@media print {
/* 印刷用スタイル定義 */
body{
	background:none;
}
.contents{
	width:100%;
	border:none;
	background:none;
}
.main_contents hr{
/**	display:none; **/
}
.main_contents .keyword ul{
	border:none;
}
.header,
.global_navi,
.left_contents,
.right_contents,
.footer_top,
.footer_middle,
.footer_bottom,
.main_contents .leader_board,
.main_contents .external_link,
.main_contents .contents_bottom_pr,
.main_contents .article_eof,
.main_contents .whats_new,
.direct_search_2lines,
.main_contents p.detail,
.main_contents .topics,
.main_contents .rectangle,
.main_contents .ad_premium,
.main_contents .finding ul,
.main_contents div.finding img,
div.hatena,
iframe,
.main_contents .contents_header img,
.main_contents .contents_header embed,
.main_contents .contents_header object,
.main_contents div.affiliate,
.dclinebox,
.V2_global_navi,
.footer_index{
	display:none;
}
.main_contents .finding,
.main_contents div.finding,
.main_contents .finding_common{
	margin:0 auto;
}
.main_contents div.finding span{
	padding-right:20px;
}
.main_contents .contents_header .bread_crumb{
	display:block;
	background:none;
	color:#000000;
	width:550px;
	margin-left:auto;
	margin-right:auto;
}
.main_contents .contents_header .bread_crumb a{
	color:#000000;
	text-decoration:none;
}
.unit_contents{
	width:100%;
}
.main_contents{
	width:100%;
	border:none;
}
.global_navi .class2 .tab ul.pulldown,
.left_contents .left_menu .already_top .favorite_exp,
.main_contents .top_userreview span.catch,
.main_contents .top_userreview span.detail,
.left_contents .left_menu .already_top .favorite_exp span,
.main_contents .top_container .article_container .article_tag{
	position:static;
}
}