@charset "utf-8";

/* 基本設定 */

:root {
  --oms_font_sansserif: "游ゴシック体", "Yu Gothic", YuGothic,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --oms_font_serif: "Hiragino Mincho ProN", serif;
  --fontsize_ss: 0.75em;
  --fontsize_s: 0.875em;
  --fontsize_1: 1em;
  --fontsize_l: 1.125em;
  --fontsize_ll: 1.25em;
  --fontsize_x: 1.5em;
  --fontsize_xx: 1.75em;
  --fontsize_xxx: 2em;
  --oms_red: #e2041b;
  --oms_darkred: #b50316;
  --oms_lightred: #fce5e7;
  --oms_gold: #be9663;
  --oms_lightgold: #f8f4ef;
  --oms_linegold: #f2eae0;
  --oms_white: #ffffff;
  --oms_black: #222222;
  --oms_gray: #999999;
  --oms_linegray: #dddddd;
  --oms_bggray: #f8f8f8;
  --oms_navy: #222944;
  --oms_pink: #df8e8e;
  --oms_blue: #7baec6;
  --oms_purple: #b29db7;
  --oms_green: #9ebf86;
  --oms_sky: #e5f7ff;
  --oms_yellow: #f8f8c1;
  --length_s: 4px;
  --length_1: 8px;
  --length_2: 16px;
  --length_3: 24px;
  --length_4: 32px;
  --length_5: 40px;
  --length_6: 48px;
  --length_7: 56px;
  --length_8: 64px;
  --length_9: 72px;
  --length_10: 80px;
  --swiper-theme-color: #e2041b;
  --swiper-navigation-size: 64px;
}

.font_sansserif {
  font-family: var(--oms_font_sansserif);
}
.font_serif {
  font-family: var(--oms_font_serif);
}
.fontsize_ss {
  font-size: var(--fontsize_ss);
}
.fontsize_s {
  font-size: var(--fontsize_s);
}
.fontsize_l {
  font-size: var(--fontsize_l);
}
.fontsize_ll {
  font-size: var(--fontsize_ll);
}
.fontsize_x {
  font-size: var(--fontsize_x);
}
.fontsize_xx {
  font-size: var(--fontsize_xx);
}
.fontsize_xxx {
  font-size: var(--fontsize_xxx);
}
.red {
  color: var(--oms_red);
}
.darkred {
  color: var(--oms_darkred);
}
.lightred {
  color: var(--oms_lightred);
}
.gold {
  color: var(--oms_gold);
}
.lightgold {
  color: var(--oms_lightgold);
}
.linegold {
  color: var(--oms_linegold);
}
.white {
  color: var(--oms_white);
}
.black {
  color: var(--oms_black);
}
.gray {
  color: var(--oms_gray);
}
.linegray {
  color: var(--oms_linegray);
}
.bggray {
  color: var(--oms_bggray);
}
.pink {
  color: var(--oms_pink);
}
.blue {
  color: var(--oms_blue);
}
.purple {
  color: var(--oms_purple);
}
.green {
  color: var(--oms_green);
}
.sky {
  color: var(--oms_sky);
}
.yellow {
  color: var(--oms_yellow);
}

body {
  font-size: 18px;
  font-family: var(--oms_font_sansserif);
  font-feature-settings: "palt";
}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
a {
  color: var(--oms_red);
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a img {
  transition: opacity 0.4s;
}
a:hover img {
  opacity: 0.7;
}

.pc {
  display: block;
}
.tb {
  display: none;
}
.sp {
  display: none;
}
.pc.tb {
  display: block;
}
.pc.sp {
  display: block;
}
.tb.sp {
  display: none;
}

.l-container.narrow {
  max-width: calc(964px + var(--swl-pad_container, 0px) * 2);
}

/* -- .icon */

.material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 20;
}
.icon.material-symbols-outlined {
  font-size: 0.75em;
  line-height: inherit;
  display: inline-block;
  width: 1em;
  overflow: clip;
}
.icon_right {
  margin-left: var(--length_1);
}
.icon_left {
  margin-right: var(--length_1);
}
.icon.icon_rotate {
  transform: rotate(90deg);
}
.hide_until_load {
  visibility: hidden;
}

/* -- .button */

.button {
  display: inline-block;
  text-align: center;
}
.button input[type="submit"],
.button input[type="button"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
}
.button a,
.button input[type="submit"],
.button input[type="button"] {
  display: inline-block;
  padding: var(--length_1) var(--length_3);
  color: var(--oms_white);
  text-decoration: none;
  background: var(--oms_red);
  border: 1px solid var(--oms_red);
  border-radius: 0.2em;
  transition: color 0.4s, background 0.4s, border 0.4s;
  cursor: pointer;
}
.button a:hover,
.button input[type="submit"]:hover,
.button input[type="button"]:hover {
  color: var(--oms_red);
  background: transparent;
  border: 1px solid var(--oms_red);
}
.button a.buttonGold,
.button input[type="submit"].buttonGold,
.button input[type="button"].buttonGold {
  background: var(--oms_gold);
  border: 1px solid var(--oms_gold);
}
.button a.buttonGold:hover,
.button input[type="submit"].buttonGold:hover,
.button input[type="button"].buttonGold:hover {
  color: var(--oms_gold);
  background: transparent;
  border: 1px solid var(--oms_gold);
}
.button a.buttonGhost,
.button input[type="submit"].buttonGhost,
.button input[type="button"].buttonGhost {
  color: var(--oms_red);
  background: transparent;
}
.button a.buttonGhost:hover,
.button input[type="submit"].buttonGhost:hover,
.button input[type="button"].buttonGhost:hover {
  color: var(--oms_white);
  background: var(--oms_red);
  border: 1px solid var(--oms_red);
}
.button a.buttonGold.buttonGhost,
.button input[type="submit"].buttonGold.buttonGhost,
.button input[type="button"].buttonGold.buttonGhost {
  color: var(--oms_gold);
  background: transparent;
}
.button a.buttonGold.buttonGhost:hover,
.button input[type="submit"].buttonGold.buttonGhost:hover,
.button input[type="button"].buttonGold.buttonGhost:hover {
  color: var(--oms_white);
  background: var(--oms_gold);
  border: 1px solid var(--oms_gold);
}

/* -- .list */

.list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--length_4) var(--length_2);
}
.list.list2Column .listItem {
  width: calc((100% - (var(--length_2) * 1)) / 2);
}
.list.list3Column .listItem {
  width: calc((100% - (var(--length_2) * 2)) / 3);
}
.list.list4Column .listItem {
  width: calc((100% - (var(--length_2) * 3)) / 4);
}

.list .listItem {
  line-height: 1.4;
}
.list .listItem a {
  position: relative;
  display: block;
  color: var(--oms_black);
  text-decoration: none;
}
.list .listItem .listItemThumb {
  aspect-ratio: 191/100;
  overflow: hidden;
  border-radius: 0.2em;
}
.list .listItem .listItemThumb .c-postThumb__figure {
  height: 100%;
}
.list .listItem .listItemThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transition: opacity 0.4s, transform 0.4s;
}
.list .listItem a:hover .listItemThumb img {
  transform: scale(1.05);
}
.list .listItem .listItemInfo {
  padding: var(--length_1);
  padding-bottom: 0;
}
.list .listItem .listItemHeadline {
  font-size: var(--fontsize_l);
  transition: color 0.4s;
}
.list .listItem a:hover .listItemHeadline {
  color: var(--oms_gold);
}
.list .listItem .listItemSubheadline {
  margin-bottom: var(--length_s);
}
.list .listItem .listItemLabel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--length_s);
  margin-bottom: var(--length_1);
}
.list .listItem .listItemTag {
  display: inline-block;
  padding: 0 var(--length_1);
  font-size: var(--fontsize_s);
  color: var(--oms_white);
  background: var(--oms_gold);
  border-radius: 0.2em;
}
.list .listItem.recognition .listItemTag,
.list .listItem .listItemTag.recognition {
  background: var(--oms_red);
}
.list .listItem.special .listItemTag,
.list .listItem .listItemTag.special {
  background: var(--oms_navy);
}
.list .listItem.gold .listItemTag,
.list .listItem .listItemTag.gold {
  background: var(--oms_gold);
}

.listFooter {
  margin-top: var(--length_4);
  text-align: center;
}

/* -- .title */

.prizetitle {
  font-size: var(--fontsize_xxx);
  line-height: 1.2;
  text-align: center;
  font-family: var(--oms_font_serif);
}
.categorytitle {
  padding: var(--length_5) 0;
  font-size: var(--fontsize_xx);
  line-height: 1.2;
  text-align: center;
  font-family: var(--oms_font_serif);
  background: var(--oms_lightgold);
}
.prizesearchtitle {
  padding: var(--length_5) 0;
  font-size: var(--fontsize_xx);
  line-height: 1.2;
  text-align: center;
  font-family: var(--oms_font_serif);
}
.sectiontitle {
  font-size: var(--fontsize_x);
  line-height: 1.4;
  text-align: center;
  font-family: var(--oms_font_serif);
}
.paragraphtitle {
  font-size: var(--fontsize_l);
  line-height: 1.4;
  text-align: center;
  font-family: var(--oms_font_serif);
}

/* -- .swiper */

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: var(--length_7);
  height: var(--length_7);
  margin-top: calc(0px - (var(--length_7) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--oms_red));
  background: var(--oms_white);
  border-radius: 100%;
  overflow: hidden;
  transition: background 0.4s;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: rgba(255, 255, 255, 0.7);
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  width: var(--length_2);
  height: var(--length_2);
  line-height: 0;
  border-top: 4px solid var(--oms_red);
  border-right: 4px solid var(--oms_red);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--length_3);
  right: auto;
}
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: "";
  margin-right: calc(0px - var(--length_s));
  transform: rotate(-135deg);
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--length_3);
  left: auto;
}
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev:after {
  content: "";
  margin-left: calc(0px - var(--length_s));
  transform: rotate(45deg);
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 0px);
}

/* 固定ページ */

#body_wrap.page .l-topTitleArea {
  min-height: 0;
  padding: var(--length_5) 0;
  text-align: center;
  font-family: var(--oms_font_serif);
  background: var(--oms_lightgold);
}
#body_wrap.page .l-topTitleArea h1 {
  font-size: var(--fontsize_xx);
  line-height: 1.2;
  color: var(--oms_black);
  text-shadow: none;
}
.static_page_main {
  padding-top: var(--length_5);
  padding-bottom: var(--length_5);
}

/* 404 */

#body_wrap.error404 .l-topTitleArea {
  min-height: 0;
  padding: var(--length_5) 0;
  text-align: center;
  font-family: var(--oms_font_serif);
  background: var(--oms_lightgold);
}
#body_wrap.error404 .l-topTitleArea h1 {
  font-size: var(--fontsize_xx);
  line-height: 1.2;
  color: var(--oms_black);
  text-shadow: none;
}
#body_wrap.error404 .static_page_main {
  padding-top: var(--length_10);
  padding-bottom: var(--length_10);
  text-align: center;
}
#body_wrap.search-no-results .notfound {
  padding-top: var(--length_10);
  padding-bottom: var(--length_10);
  text-align: center;
}

/* ヘッダー */

header#header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--oms_lightgold);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  transform: translateY(0) !important;
  z-index: 1000;
}
header#header #headerBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--length_1) var(--length_3);
  font-size: var(--fontsize_s);
  color: var(--oms_gold);
  border-top: 2px solid var(--oms_red);
}
header#header .headerLogo {
  line-height: 1;
}
header#header .headerLogo img {
  width: auto;
  height: var(--length_4);
}
header#header #headerBar nav a {
  color: var(--oms_gold);
  text-decoration: none;
  transition: color 0.4s;
}
header#header #headerBar nav a:hover {
  color: var(--oms_red);
}
header#header #headerBar nav ul {
  display: flex;
  align-items: center;
  gap: 0 var(--length_2);
}
header#header .drawerButton {
  position: relative;
  display: none;
  line-height: 0;
  z-index: 1001;
}
header#header .drawerButton button {
  display: block;
  height: var(--length_3);
  padding: 0;
  background: transparent;
  border: none;
}
header#header .drawerButton .hiraku-open-btn-line {
  width: var(--length_4);
  height: 4px;
  margin: 2px 0;
  background-color: var(--oms_red);
  border-radius: 1px;
  transition: background 0.4s;
}
header#header .drawerButton .hiraku-open-btn-line::before,
header#header .drawerButton .hiraku-open-btn-line::after {
  background-color: var(--oms_red);
  width: 100%;
  height: 4px;
  border-radius: 1px;
  transition: transform 0.4s;
}
header#header .drawerButton .hiraku-open-btn-line::before {
  top: calc(0px - var(--length_1));
}
header#header .drawerButton .hiraku-open-btn-line::after {
  bottom: calc(0px - var(--length_1));
}
header#header .drawerButton [aria-expanded="true"] .hiraku-open-btn-line {
  background-color: transparent;
}
header#header
  .drawerButton
  [aria-expanded="true"]
  .hiraku-open-btn-line::before,
header#header
  .drawerButton
  [aria-expanded="true"]
  .hiraku-open-btn-line::after {
  width: var(--length_4);
}
header#header
  .drawerButton
  [aria-expanded="true"]
  .hiraku-open-btn-line::before {
  top: 0;
  transform: rotate(45deg);
}
header#header
  .drawerButton
  [aria-expanded="true"]
  .hiraku-open-btn-line::after {
  bottom: 0;
  transform: rotate(-45deg);
}

/* ナビ */

#headerNav {
  color: var(--oms_white);
  background: var(--oms_red);
  z-index: 1000;
}
#headerNav nav a {
  display: inline-block;
  padding: var(--length_1) var(--length_2);
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  background: var(--oms_red);
  transition: background 0.4s;
}
#headerNav nav a:hover {
  background: var(--oms_darkred);
}
#headerNav nav > ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
#headerNav nav > ul > li {
  position: relative;
}
#headerNav nav > ul > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  font-size: var(--fontsize_s);
  background: var(--oms_red);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1em);
  z-index: -1;
  transition: opacity 0.4s, visibility 0.4s, transform 0.4s;
}
#headerNav nav > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#headerNav nav > ul > li > ul > li {
  width: 100%;
  border-top: 1px solid var(--oms_darkred);
}
#headerNav nav > ul > li > ul > li a {
  display: block;
  padding: var(--length_1) var(--length_2);
}
#headerNav nav .button {
  padding-left: var(--length_1);
}
#headerNav nav .button a {
  padding: 0 var(--length_2);
  background: var(--oms_gold);
  border: 1px solid var(--oms_gold);
  transition: color 0.4s, background 0.4s, border 0.4s;
}
#headerNav nav .button a:hover {
  background: var(--oms_darkred);
  border: 1px solid var(--oms_darkred);
}

/* ドロワー */

.drawer.js-offcanvas {
  color: var(--oms_black);
  background-color: var(--oms_white);
}
.drawer.js-offcanvas a {
  color: var(--oms_black);
  text-decoration: none;
  font-weight: bold;
}
.drawer.js-offcanvas .drawerLogo {
  padding: var(--length_4);
  text-align: center;
}
.drawer.js-offcanvas .drawerLogo img {
  max-width: 50%;
}
.drawer.js-offcanvas .drawerMainmenu {
  border-bottom: 1px solid var(--oms_linegold);
}
.drawer.js-offcanvas .drawerMainmenu a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--length_2) var(--length_4);
  font-size: var(--fontsize_xx);
  line-height: 1;
  border-top: 1px solid var(--oms_linegold);
}
.drawer.js-offcanvas .drawerMainmenu ul ul a {
  padding: var(--length_2) var(--length_4) var(--length_2) var(--length_5);
  font-size: var(--fontsize_x);
  line-height: 1;
  background: var(--oms_lightgold);
  border-top: 1px solid var(--oms_linegold);
}
.drawer.js-offcanvas .drawerSubmenu {
  margin-top: var(--length_4);
  border-bottom: 1px solid var(--oms_linegold);
}
.drawer.js-offcanvas .drawerSubmenu a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--length_2) var(--length_4);
  font-size: var(--fontsize_x);
  line-height: 1;
  border-top: 1px solid var(--oms_linegold);
}
.drawer.js-offcanvas .button {
  display: block;
}
.drawer.js-offcanvas .button a {
  padding: var(--length_3) var(--length_4);
  color: var(--oms_white);
  background: var(--oms_gold);
  border: none;
  border-top: 1px solid var(--oms_linegold);
  border-radius: 0;
}
.drawer.js-offcanvas .drawerSns {
  padding: var(--length_4);
}
.drawer.js-offcanvas .drawerSns ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 var(--length_2);
}
.drawer.js-offcanvas .drawerSns li {
  width: var(--length_6);
}

/* パンくず */

#breadcrumb {
  padding: var(--length_s) var(--length_3);
  font-size: var(--fontsize_ss);
  line-height: 1.2;
  color: var(--oms_white);
  background: var(--oms_darkred);
}
#breadcrumb ul {
  display: flex;
  align-items: center;
}
#breadcrumb ul li + li {
  position: relative;
  margin-left: 0.6em;
  padding-left: 1em;
}
#breadcrumb ul li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 0.4em;
  width: 0.4em;
  margin-top: -0.2em;
  border-top: 1px solid var(--oms_white);
  border-right: 1px solid var(--oms_white);
  transform: rotate(45deg);
}
#breadcrumb a {
  color: inherit;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.4s;
}
#breadcrumb a:hover {
  color: var(--oms_gold);
}
#breadcrumb h1,
#breadcrumb h2,
#breadcrumb h3,
#breadcrumb h4,
#breadcrumb h5,
#breadcrumb h6 {
  font-weight: normal;
}

/* フッター */

footer#footer {
  padding-top: var(--length_5);
  color: var(--oms_white);
  background: var(--oms_red);
  text-align: center;
}
footer#footer #footerLogo img {
  width: auto;
  height: var(--length_6);
}
footer#footer #footerNav {
  margin-top: var(--length_4);
  font-size: var(--fontsize_s);
}
footer#footer #footerNav nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 var(--length_3);
}
footer#footer #footerNav nav a {
  color: inherit;
  text-decoration: none;
  transition: color 0.4s;
}
footer#footer #footerNav nav a:hover {
  color: var(--oms_gold);
}
footer#footer #footerSNS {
  margin-top: var(--length_4);
}
footer#footer #footerSNS ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 var(--length_2);
}
footer#footer #footerSNS li {
  width: var(--length_6);
}
footer#footer #footerCopy {
  margin-top: var(--length_5);
  padding: var(--length_2);
  font-size: var(--fontsize_ss);
  background: var(--oms_darkred);
}

/* ホーム */

#homeSlider {
  /*
  スタイルロード中のサイズ調整
  Swiperがロードしたら、heightが自動的に設定される。
  */
  --slider-height: calc((100vw / (191 * 2)) * 100);
}

#homeSlider .swiper-wrapper {
  max-height: var(--slider-height);
}

#homeSlider .swiper-slide a {
  display: block;
  aspect-ratio: 191/100;
  overflow: hidden;
  text-align: center;
}
#homeSlider .swiper-slide a img {
  max-height: var(--slider-height);
  margin: auto;
  width: auto;
  height: auto;
  object-fit: cover;
  object-position: 50% 50%;
  transition: opacity 0.4s, transform 0.4s;
}
#homeSlider .swiper-slide a:hover img {
  transform: scale(1.02);
}

#homeNews {
  padding: var(--length_4) 0;
  background: var(--oms_lightgold);
}
#homeNews #homeNewsContents {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 var(--length_5);
}
#homeNews a {
  color: var(--oms_black);
  text-decoration: none;
  transition: color 0.4s;
}
#homeNews a:hover {
  color: var(--oms_gold);
}
#homeNews .sectiontitle {
  color: var(--oms_gold);
  white-space: nowrap;
}
#homeNews .homeNewsItem {
  display: flex;
  gap: 0 var(--length_2);
}
#homeNews .homeNewsItem + .homeNewsItem {
  margin-top: var(--length_1);
}
#homeNews .homeNewsItem .homeNewsItemSubheadline {
  color: var(--oms_gray);
  white-space: nowrap;
}

#homeEvent {
  padding: var(--length_5) 0;
}
#homeEvent .list {
  margin-top: var(--length_4);
}

#homeJournal {
  padding: var(--length_5) 0;
  color: var(--oms_white);
  background: var(--oms_red) url(/selection/image/bg_red_shippou.webp) repeat-y 0 0;
  background-size: 100% auto;
}
#homeJournal #homeJournalContents > * + p {
  margin-top: var(--length_4);
}
#homeJournal .list {
  margin-top: var(--length_4);
}
#homeJournal .list a {
  color: var(--oms_white);
}

#homePrize {
  padding: var(--length_5) 0;
}
#homePrize .list {
  margin-top: var(--length_4);
}
#homePrize .list .listItem .listItemThumb {
  aspect-ratio: 3/2;
}
#homePrize .list .listItem .listItemSubheadline {
  font-size: var(--fontsize_s);
}

/* 受賞一覧 */

#prizeSearch {
  position: sticky;
  top: 0;
  width: 100%;
  padding: var(--length_2) 0;
  background: var(--oms_lightgold);
  z-index: 900;
}
#prizeSearch #prizeSearchContents {
  display: flex;
  align-items: center;
  gap: var(--length_2);
}
#prizeSearch .prizeSearchAdvanced {
  width: 50%;
}
#prizeSearch .prizeSearchAdvanced .button,
#prizeSearch .prizeSearchAdvanced .button a {
  display: block;
  font-weight: bold;
}
#prizeSearch .prizeSearchAdvanced .button {
  width: 100%;
}
#prizeSearch .prizeSearchKeyword {
  position: relative;
  width: 50%;
}
#prizeSearch .prizeSearchKeyword input[type="search"] {
  width: 100%;
  padding: var(--length_1);
  padding-right: calc(2em + var(--length_7));
  background: var(--oms_white);
  border: 1px solid var(--oms_gold);
  border-radius: 0.2em;
}
html[lang=en-US] #prizeSearch .prizeSearchKeyword input[type="search"] {
  padding-right: calc(3.5em + var(--length_7));
}
#prizeSearch .prizeSearchKeyword .button {
  position: absolute;
  top: 0;
  right: 0;
}
#prizeSearch .prizeSearchKeyword .button input[type=submit] {
  font-weight: bold;
}
#prizeSearch .prizeSearchNumber {
  min-width: 4em;
  font-size: var(--fontsize_ll);
  line-height: 1.2;
  font-weight: bold;
  white-space: nowrap;
  text-align: right;
}
#prizeSearch input[type="search"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
}
#prizeSearch input[type="search"]::placeholder {
  color: var(--oms_linegray);
}

.prizeSearchQuery {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--length_2);
  padding: var(--length_2);
  line-height: 1.4;
  text-align: left;
  background: var(--oms_bggray);
}
.prizeSearchQuery h2 {
  margin-right: var(--length_2);
  padding-right: var(--length_2);
  font-size: 0.875rem;
  white-space: nowrap;
  border-right: 1px solid var(--oms_linegray);
}
.prizeSearchQuery p {
  font-size: 0.75rem;
}

#prizeList #prizeListContents {
  padding-bottom: var(--length_4);
}
#prizeList .list {
  gap: var(--length_4) 0;
}
#prizeList .listItem {
  width: 16.666%;
}
#prizeList .listItem .listItemThumb {
  aspect-ratio: 3/2;
  border-radius: 0;
}
#prizeList .listItem .listItemCanceled {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100px;
  height: 100px;
  font-size: 4em;
  line-height: 1;
  font-weight: bold;
  color: var(--oms_red);
  border: 4px solid var(--oms_red);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#prizeList .listItem .listItemInfo {
  padding: var(--length_2);
  padding-bottom: 0;
}
#prizeList .listItem .listItemHeadline {
  font-size: var(--fontsize_1);
}
#prizeList .listItem .listItemSubheadline {
  font-size: var(--fontsize_s);
}
#prizeList .listItem .listItemLabel {
  font-size: var(--fontsize_s);
}
@media screen and (max-width: 1599px) {
  #prizeList .list .listItem {
    width: 25%;
  }
}
@media screen and (max-width: 959px) {
  #prizeList .list .listItem {
    width: 33.333%;
  }
}
@media screen and (max-width: 599px) {
  #prizeList .list .listItem {
    width: 50%;
  }
}

#prizeNoresult {
  padding: var(--length_6) 0 var(--length_10) 0;
  color: var(--oms_gray);
  text-align: center;
}

/* -- 受賞一覧詳細検索モーダル */

#prizeSearchModalForm {
  display: flex;
  flex-wrap: wrap;
  gap: var(--length_4);
}
#prizeSearchModalForm h3 {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
}
#prizeSearchModalForm .prizeSearchModalYear,
#prizeSearchModalForm .prizeSearchModalPref {
  display: flex;
  align-items: flex-start;
  gap: var(--length_2);
  width: calc((100% - var(--length_4)) / 2);
}
#prizeSearchModalForm .prizeSearchModalYear select,
#prizeSearchModalForm .prizeSearchModalPref select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
}
#prizeSearchModalForm .prizeSearchModalYear h3,
#prizeSearchModalForm .prizeSearchModalPref h3 {
  white-space: nowrap;
}
#prizeSearchModalForm .prizeSearchModalTag {
  width: 100%;
  padding-top: var(--length_4);
  border-top: 1px solid var(--oms_linegray);
  text-align: center;
}
#prizeSearchModalForm .prizeSearchModalTag .prizeSearchModalTagRecommend,
#prizeSearchModalForm .prizeSearchModalTag .prizeSearchModalTagRank {
  margin-top: var(--length_4);
}
#prizeSearchModalForm .prizeSearchModalTag ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--length_1);
}
#prizeSearchModalForm .prizeSearchModalTag input[type="checkbox"] {
  display: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
}
#prizeSearchModalForm .prizeSearchModalTag input[type="checkbox"] + label {
  display: block;
  padding: var(--length_s) var(--length_2);
  border: 1px solid var(--oms_gold);
  border-radius: 100px;
  cursor: pointer;
  transition: color 0.4s, background 0.4s;
}
#prizeSearchModalForm
  .prizeSearchModalTag
  input[type="checkbox"]
  + label:hover {
  color: var(--oms_gold);
}
#prizeSearchModalForm
  .prizeSearchModalTag
  input[type="checkbox"]:checked
  + label {
  color: var(--oms_white);
  background: var(--oms_gold);
}
#prizeSearchModalForm .prizeSearchModalSubmit {
  width: 100%;
  text-align: center;
}
#prizeSearchModalForm .prizeSearchModalSubmit .button {
  width: 40%;
}
#prizeSearchModalForm .prizeSearchModalSubmit input {
  width: 100%;
}

/* 受賞個別 */

#prizeWinnerNote {
  padding: var(--length_5) 0;
  background: var(--oms_lightred);
}
#prizeWinnerNote .listItemCanceled {
  margin-bottom: var(--length_4);
  font-size: 1.6em;
  line-height: 1;
  font-weight: bold;
  color: var(--oms_red);
}

#prizeWinnerImage {
  background: var(--oms_lightgold);
}
#prizeWinnerImage .prizeWinnerImageContainer {
  max-width: 964px;
  margin: 0 auto;
}

#prizeWinnerInfo {
  position: relative;
  padding: var(--length_5) 0;
  z-index: 10;
}
#prizeWinnerInfo .prizeWinnerHeader {
  margin-top: calc(0px - var(--length_5) - 0.8em);
  line-height: 1.2;
  text-align: center;
}
#prizeWinnerInfo .prizeWinnerAward {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  ilign-items: center;
  gap: var(--length_s);
}
#prizeWinnerInfo .prizeWinnerAward span {
  display: inline-block;
  padding: 0.3em 0.6em;
  font-size: var(--fontsize_s);
  color: var(--oms_white);
  background: var(--oms_gold);
  border-radius: 0.2em;
}
#prizeWinnerInfo .prizeWinnerAward.recognition,
#prizeWinnerInfo .prizeWinnerAward span.recognition {
  background: var(--oms_red);
}
#prizeWinnerInfo .prizeWinnerAward.special,
#prizeWinnerInfo .prizeWinnerAward span.special {
  background: var(--oms_navy);
}
#prizeWinnerInfo .prizeWinnerAward.gold,
#prizeWinnerInfo .prizeWinnerAward span.gold {
  background: var(--oms_gold);
}
#prizeWinnerInfo .prizeWinnerItemname {
  margin-top: var(--length_3);
  font-size: var(--fontsize_xx);
  font-family: var(--oms_font_serif);
}
#prizeWinnerInfo .prizeWinnerCompanyname {
  margin-top: var(--length_1);
  font-size: var(--fontsize_l);
  font-family: var(--oms_font_serif);
}
#prizeWinnerInfo .prizeWinnerText {
  margin-top: var(--length_3);
  font-size: var(--fontsize_l);
  line-height: 2;
}
#prizeWinnerInfo .prizeWinnerTextshort {
  margin-top: var(--length_4);
  padding: var(--length_3);
  background: var(--oms_lightred);
}
#prizeWinnerInfo .prizeWinnerTextshort h3 {
  margin-bottom: var(--length_2);
  font-size: var(--fontsize_ll);
  text-align: center;
}
#prizeWinnerInfo .prizeWinnerTextshortContent * {
  margin-top: var(--length_2);
}
#prizeWinnerInfo .prizeWinnerTags {
  margin-top: var(--length_4);
  font-size: var(--fontsize_s);
  line-height: 1.2;
}
#prizeWinnerInfo .prizeWinnerTags ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--length_1) var(--length_s);
}
#prizeWinnerInfo .prizeWinnerTags li a {
  display: inline-block;
  padding: var(--length_s) var(--length_1);
  color: var(--oms_white);
  text-decoration: none;
  background: var(--oms_gold);
  border: 1px solid var(--oms_gold);
  border-radius: 100px;
  transition: color 0.4s, background 0.4s;
}
#prizeWinnerInfo .prizeWinnerTags li a:hover {
  color: var(--oms_gold);
  background: var(--oms_white);
}

#prizeWinnerCompany {
  padding: var(--length_5) 0;
  background: var(--oms_lightgold);
}
#prizeWinnerCompany .prizeWinnerCompanyContainer {
  padding: var(--length_5);
  border-radius: 8px;
  background: var(--oms_white);
  box-shadow: 0 var(--length_1) var(--length_4) rgba(190, 150, 99, 0.3);
}
#prizeWinnerCompany .prizeWinnerCompanyname {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--length_2) var(--length_2);
  font-size: var(--fontsize_x);
  line-height: 1.2;
  font-family: var(--oms_font_serif);
}
#prizeWinnerCompany .prizeWinnerSns {
  line-height: 1;
}
#prizeWinnerCompany .prizeWinnerSns ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--length_s);
}
#prizeWinnerCompany .prizeWinnerSns img {
  width: var(--length_4);
}
#prizeWinnerCompany .prizeWinnerGenre {
  margin-top: var(--length_3);
  font-size: var(--fontsize_ll);
  line-height: 1.4;
  font-weight: bold;
}
#prizeWinnerCompany .prizeWinnerConsecutive {
  margin-top: var(--length_1);
  font-size: var(--fontsize_ll);
  line-height: 1.4;
  font-weight: bold;
}
#prizeWinnerCompany .prizeWinnerSpec {
  margin-top: var(--length_4);
}
#prizeWinnerCompany .prizeWinnerSpec:empty {
  margin-top: 0;
}
#prizeWinnerCompany .prizeWinnerSpec h3 {
  margin-top: var(--length_3);
  padding-left: var(--length_1);
  font-size: var(--fontsize_l);
  line-height: 1.2;
  border-left: 4px solid var(--oms_black);
}
#prizeWinnerCompany .prizeWinnerSpec h3 span {
  font-size: var(--fontsize_ss);
  line-height: 1.2;
  font-weight: normal;
}
#prizeWinnerCompany .prizeWinnerSpec .prizeWinnerSpecText {
  margin-top: var(--length_1);
}
#prizeWinnerCompany .prizeWinnerLink {
  text-align: center;
  margin-top: var(--length_4);
  font-size: var(--fontsize_ll);
}
#prizeWinnerCompany .prizeWinnerLink .icon.material-symbols-outlined {
  font-size: 1em;
  vertical-align: bottom;
}

/* Multi Select */

.prizeSearchMultiSelect {
  position: relative;
  width: 100%;
}
.prizeSearchMultiField {
  position: relative;
  width: 100%;
  padding: var(--length_1);
  padding-right: calc(1em + var(--length_3));
  border: 1px solid var(--oms_gold);
  border-radius: 0.2em;
  cursor: pointer;
}
.prizeSearchMultiTitle {
  padding-top: calc( 1px + var(--length_1) + var(--length_s) );
  line-height: 1;
}
html[lang=en-US] .prizeSearchMultiTitle {
  width: 8em;
}

.prizeSearchMultiChips {
  --selector-height: calc( 1em + var(--length_1) );
  min-height: var(--selector-height);
  display: flex;
  flex-wrap: wrap;
  gap: var(--length_s);
}
.prizeSearchMultiChips::after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--length_2);
  height: 0.4em;
  width: 0.4em;
  margin-top: -0.2em;
  border-bottom: 2px solid var(--oms_black);
  border-right: 2px solid var(--oms_black);
  transform: rotate(45deg);
  transition: 0.4s;
}

.prizeSearchMultiPlaceholder {
  color: var(--oms_gray);
  height: var(--selector-height);
  line-height: var(--selector-height);
  display: table-cell;
  vertical-align: middle;
}
.prizeSearchMultiSelect.has_selection .prizeSearchMultiPlaceholder {
  display: none;
}

.prizeSearchChip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: calc( ( 100% - var(--length_1) ) / 3 );
  color: var(--oms_white);
  padding: var(--length_s);
  padding-left: var(--length_1);
  line-height: 1;
  border-radius: 100px;
  background: var(--oms_gold) 0% 0% no-repeat padding-box;
}
html[lang=en-US] .prizeSearchModalPref .prizeSearchChip {
  width: calc( ( 100% - var(--length_s) ) / 2 );
}
.prizeSearchChipClose {
  flex-shrink: 0;
  display: block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  text-align: center;
  color: var(--oms_gray);
  background: var(--oms_white);
  border-radius: 1em;
  overflow: hidden;
  cursor: pointer;
  transition: color 0.4s;
}
.prizeSearchChip:hover .prizeSearchChipClose {
  color: var(--oms_red);
}
.prizeSearchChip.hidden {
  display: none;
}

.prizeSearchMultiDropdown {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  top: calc( 100% + 1px );
  left: 0;
  width: 100%;
  max-height: 200px;
  padding: var(--length_1);
  background: var(--oms_lightgold);
  border: 1px solid var(--oms_linegold);
  border-radius: 0.2em;
  z-index: 10;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  box-shadow: 0 var(--length_s) var(--length_s) rgba(190, 150, 99, 0.3);
}
.prizeSearchMultiDropdown {
  gap: var(--length_s);
}
.prizeSearchMultiDropdown.dropdown_revealed {
  display: flex;
  opacity: 1;
}
.prizeSearchMultiDropdown li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc( ( 100% - var(--length_1) ) / 3 );
}
html[lang=en-US] .prizeSearchModalPref .prizeSearchMultiDropdown li {
  width: calc( ( 100% - var(--length_s) ) / 2 );
}
.prizeSearchMultiDropdown label {
  display: flex;
  align-items: center;
  gap: var(--length_s);
  cursor: pointer;
}
.prizeSearchMultiCheck {
  position: relative;
  display: block;
  width: var(--length_3);
  height: var(--length_3);
  line-height: var(--length_3);
  font-size: var(--length_3);
  background: var(--oms_white);
  border: 1px solid var(--oms_gray);
  overflow: hidden;
  cursor: pointer;
}
.prizeSearchMultiCheck .icon {
  color: var(--oms_green);
  display: block;
  position: absolute;
  font-size: inherit;
  line-height: inherit;
  opacity: 0;
}
.prizeSearchMultiDropdown input[type="checkbox"] {
  display: none;
}
.prizeSearchMultiDropdown input[type="checkbox"]:checked + label .icon {
  opacity: 1;
}

/* 記事一覧 */

#articleList {
  padding: var(--length_5) 0;
}
#articleList .articleListContents {
  display: flex;
  justify-content: space-between;
}
#articleList .articleListContents .articleListMain {
  width: calc(100% - ((100% - (var(--length_2) * 3)) / 4) - var(--length_2));
}
#articleList .articleListContents .articleListMain .list .listItem {
  width: calc((100% - (var(--length_2) * 2)) / 3);
}
#articleList
  .articleListContents
  .articleListMain
  .list
  .listItem
  .listItemHeadline {
  font-size: var(--fontsize_1);
}
#articleList
  .articleListContents
  .articleListMain
  .list
  .listItem
  .listItemHeadline
  a {
  display: inline;
  text-decoration: underline;
  transition: color 0.4s;
}
#articleList
  .articleListContents
  .articleListMain
  .list
  .listItem
  .listItemHeadline
  a:hover {
  color: var(--oms_gold);
}
#articleList
  .articleListContents
  .articleListMain
  .list
  .listItem
  .listItemSubheadline {
  font-size: var(--fontsize_s);
}
#articleList
  .articleListContents
  .articleListMain
  .list
  .listItem
  .listItemLabel {
  font-size: var(--fontsize_s);
}
#articleList
  .articleListContents
  .articleListMain
  .list
  .listItem
  .listItemTag {
  margin-right: var(--length_s);
  font-size: var(--fontsize_ss);
}
#articleList .articleListContents .articleListMain .list.listNothumb {
  gap: 0;
  border-bottom: 1px solid var(--oms_linegray);
}
#articleList .articleListContents .articleListMain .list.listNothumb .listItem {
  width: 100%;
  border-top: 1px solid var(--oms_linegray);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem:nth-child(2n) {
  background: var(--oms_bggray);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItemInfo {
  padding: var(--length_1);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem
  .listItemLabel {
  margin-bottom: var(--length_s);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem
  .listItemTag {
  margin-right: 0;
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem.entry
  .listItemTag {
  background: var(--oms_blue);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem.prize
  .listItemTag {
  background: var(--oms_purple);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem.pressrelease
  .listItemTag {
  background: var(--oms_pink);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem.etc
  .listItemTag {
  background: var(--oms_green);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem.web
  .listItemTag {
  background: var(--oms_purple);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem.newspaper
  .listItemTag {
  background: var(--oms_blue);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem.magazine
  .listItemTag {
  background: var(--oms_green);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem.tv
  .listItemTag {
  background: var(--oms_pink);
}
#articleList
  .articleListContents
  .articleListMain
  .list.listNothumb
  .listItem.radio
  .listItemTag {
  background: var(--oms_gray);
}
#articleList .articleListContents .articleListSide {
  width: calc((100% - (var(--length_2) * 3)) / 4);
  padding-right: var(--length_2);
}
#articleList .articleListContents .articleListSide .articleListSideSticky {
  position: sticky;
  top: 0;
}
#articleList .articleListContents .articleListSide h3 {
  margin-bottom: var(--length_1);
  font-size: var(--fontsize_ll);
}
#articleList .articleListContents .articleListSide a {
  display: block;
  position: relative;
  padding: var(--length_1);
  color: var(--omg_black);
  text-decoration: none;
  transition: color 0.4s;
}
#articleList .articleListContents .articleListSide .current > a {
  color: var(--oms_gold);
  font-weight: bold;
}
#articleList .articleListContents .articleListSide a:hover {
  color: var(--oms_gold);
}
#articleList .articleListContents .articleListSide a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--length_1);
  height: 0.4em;
  width: 0.4em;
  margin-top: -0.2em;
  border-top: 2px solid var(--oms_black);
  border-right: 2px solid var(--oms_black);
  transform: rotate(45deg);
  transition: border-top 0.4s, border-right 0.4s;
}
#articleList .articleListContents .articleListSide a:hover::after {
  border-top: 2px solid var(--oms_gold);
  border-right: 2px solid var(--oms_gold);
}
#articleList .articleListContents .articleListSide .articleListSideCategory {
  position: sticky;
  top: 0;
}
#articleList
  .articleListContents
  .articleListSide
  .articleListSideCategory
  > ul {
  border-top: 1px solid var(--oms_gold);
  border-bottom: 1px solid var(--oms_gold);
}
#articleList
  .articleListContents
  .articleListSide
  .articleListSideCategory
  > ul
  > li
  + li {
  border-top: 1px solid var(--oms_linegold);
}
#articleList
  .articleListContents
  .articleListSide
  .articleListSideCategory
  > ul
  > li
  > ul {
  padding: var(--length_1) 0 var(--length_1) var(--length_1);
  background: var(--oms_bggray);
  font-size: var(--fontsize_s);
}
#articleList
  .articleListContents
  .articleListSide
  .articleListSideCategory
  > ul
  > li
  > ul
  a {
  padding: 0;
}
#articleList
  .articleListContents
  .articleListSide
  .articleListSideCategory
  > ul
  > li
  > ul
  > li
  + li {
  margin-top: var(--length_s);
}
#articleList
  .articleListContents
  .articleListSide
  .articleListSideCategory
  + .articleListSideArchive {
  margin-top: var(--length_3);
}
#articleList .articleListContents .articleListSide .articleListSideSelectbox {
  position: relative;
  width: 100%;
}
#articleList
  .articleListContents
  .articleListSide
  .articleListSideSelectbox::after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--length_1);
  height: 0.4em;
  width: 0.4em;
  margin-top: -0.2em;
  border-bottom: 2px solid var(--oms_black);
  border-right: 2px solid var(--oms_black);
  transform: rotate(45deg);
  transition: border-bottom 0.4s, border-right 0.4s;
}
#articleList
  .articleListContents
  .articleListSide
  .articleListSideSelectbox:hover::after {
  border-bottom: 2px solid var(--oms_gold);
  border-right: 2px solid var(--oms_gold);
}
#articleList
  .articleListContents
  .articleListSide
  .articleListSideSelectbox
  select {
  width: 100%;
  padding: var(--length_1);
  padding-right: calc(1em + var(--length_2));
  background: none;
  border: none;
  border-top: 1px solid var(--oms_gold);
  border-bottom: 1px solid var(--oms_gold);
  outline: none;
  cursor: pointer;
  appearance: none;
  transition: color 0.4s;
}
#articleList
  .articleListContents
  .articleListSide
  .articleListSideSelectbox
  select:hover {
  color: var(--oms_gold);
}

/* 記事個別 */

#singleHeader {
  display: flex;
  flex-wrap: wrap;
  background: var(--oms_lightgold);
}
#singleHeader .singleHeaderImage {
  width: 50%;
  aspect-ratio: 191/100;
  overflow: hidden;
}
#singleHeader .singleHeaderImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
#singleHeader .singleHeaderTitle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: var(--length_4);
}
#singleHeader .singleHeaderTitle .singleHeaderHeadline {
  font-size: var(--fontsize_x);
  font-family: var(--oms_font_serif);
}
#singleHeader .singleHeaderTitle .singleHeaderLabel {
  margin-bottom: var(--length_1);
}
#singleHeader .singleHeaderTitle .singleHeaderTag {
  display: inline-block;
  margin-right: var(--length_1);
  padding: 0 var(--length_1);
  font-size: var(--fontsize_s);
  color: var(--oms_white);
  background: var(--oms_gold);
  border-radius: 0.2em;
}
#singleHeader .singleHeaderTitle .singleHeaderTag.entry {
  background: var(--oms_blue);
}
#singleHeader .singleHeaderTitle .singleHeaderTag.prize {
  background: var(--oms_purple);
}
#singleHeader .singleHeaderTitle .singleHeaderTag.pressrelease {
  background: var(--oms_pink);
}
#singleHeader .singleHeaderTitle .singleHeaderTag.etc {
  background: var(--oms_green);
}
#singleHeader .singleHeaderTitle .singleHeaderDate {
  margin-top: var(--length_1);
  color: var(--oms_gray);
}
#singleHeader
  .singleHeaderTitle
  .singleHeaderDate
  .icon.material-symbols-outlined {
  font-size: 1em;
  vertical-align: bottom;
}
#singleContents {
  padding-top: var(--length_5);
}
#singleBack {
  padding: var(--length_5);
  text-align: center;
}

/* メディアログイン */

#medialogin {
  padding: var(--length_10) var(--length_4);
}
#medialogin dl {
  max-width: 600px;
  margin: 0 auto;
}
#medialogin dl input {
  width: 100%;
  padding: var(--length_1);
}
#medialogin dt {
  margin-bottom: var(--length_1);
}
#medialogin dd + dt {
  margin-top: var(--length_2);
}
#medialogin .medialoginButtton {
  margin-top: var(--length_4);
  text-align: center;
}
#medialogin .medialoginButtton input {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#medialogin .medialoginButtton input {
  position: relative;
  display: inline-block;
  max-width: 300px;
  margin: 0 auto;
  padding: var(--length_2) var(--length_8);
  color: var(--oms_white);
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  background: var(--oms_red);
  border-radius: 0.2em;
  box-shadow: var(--swl-btn_shadow);
  transition: box-shadow .25s;
}
#medialogin .medialoginButtton input:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.1),0 12px 24px -12px rgba(0,0,0,.2);
}

/* 受賞対象リスト */

.pagePrizeList,
.pagePrizeList li {
  list-style-type: none;
}
ul.pagePrizeList {
  display: flex;
  flex-wrap: wrap;
  gap: var(--length_4) var(--length_2);
  padding-left: 0;
}
.pagePrizeList li {
  width: calc( ( 100% - var(--length_2) * 3 ) / 4 );
}
.pagePrizeList a {
  display: block;
  color: var(--oms_black);
  text-decoration: none;
}
.pagePrizeList .pagePrizeListThumb {
  aspect-ratio: 3/2;
  overflow: hidden;
  border-radius: 0.2em;
}
.pagePrizeList .pagePrizeListThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transition: transform 0.4s;
}
.pagePrizeList a:hover .pagePrizeListThumb img {
  transform: scale(1.1);
}
.pagePrizeList .pagePrizeListInfo {
  padding: var(--length_1);
  padding-bottom : 0;
}
.pagePrizeList .pagePrizeListName {
  margin: 0;
  padding: 0;
  font-size: var(--fontsize_1);
  transition: color 0.4s;
}
.pagePrizeList .pagePrizeListName::before {
  display: none;
}
.pagePrizeList a:hover .pagePrizeListName {
  color: #bf9d63;
}
.pagePrizeList .pagePrizeListText {
  font-size: var(--fontsize_ss);
  margin-top: 1%;
}

/* おもてなしジャーナル */

#journalHomeHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: var(--length_10);
  padding-bottom: var(--length_10);
  text-align: center;
  background: var(--oms_red);
}
#journalHomeHeader h1 {
  padding-left: 0.1em;
  font-size: var(--fontsize_xxx);
  color: var(--oms_white);
  font-family: var(--oms_font_serif);
  letter-spacing: 0.1em;
}
#journalHomeHeader h2 {
  margin-bottom: var(--length_1);
  font-size: var(--fontsize_l);
  color: var(--oms_white);
  font-family: var(--oms_font_serif);
}

#journalHomeLead {
  padding-top: var(--length_4);
  padding-bottom: var(--length_4);
  background: var(--oms_lightgold);
  font-size: var(--fontsize_l);
  line-height: 2;
}
#journalHomeLead * + * {
  margin-top: var(--length_2);
}

#journalHomeList {
  padding-top: var(--length_5);
  padding-bottom: var(--length_5);
}

#journalSingleHeader {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: var(--length_10);
  padding-bottom: var(--length_10);
  color: var(--oms_white);
  text-align: center;
}
#journalSingleHeader .journalSingleHeaderImage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#journalSingleHeader .journalSingleHeaderImage::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
#journalSingleHeader .l-container {
  position: relative;
}
#journalSingleHeader h1 {
  padding-left: 0.1em;
  font-size: var(--fontsize_xxx);
  color: var(--oms_white);
  font-family: var(--oms_font_serif);
  letter-spacing: 0.1em;
}
#journalSingleHeader .journalSingleHeaderNumber {
  margin-bottom: var(--length_1);
}
#journalSingleHeader .journalSingleHeaderAddress {
  margin-top: var(--length_s);
}

#journalSingleLead {
  padding-top: var(--length_4);
  padding-bottom: var(--length_4);
  background: var(--oms_lightgold);
  font-size: var(--fontsize_l);
  line-height: 2;
}
#journalSingleLead * + * {
  margin-top: var(--length_2);
}

/* swell 投稿css上書き */

.swell-block-fullWide__inner.l-article {
  max-width: calc(964px + var(--swl-pad_container, 0px) * 2);
  padding-left: var(--swl-pad_container,0);
  padding-right: var(--swl-pad_container,0);
}
.p-blogCard {
  max-width: 964px;
}
.c-balloon__text {
    max-width: 100%;
}

/* Infinite Scroll */

#main_content.infinite .c-pagination {
  display: none;
}

.page-load-status {
  position: absolute;
  display: none;
  bottom: calc( 0px - var(--length_2) - 4px );
  left: 0;
  width: 100%;
  left: 0;
}
.infinite-scroll-request {
  display: none;
}
.loader-ellips {
  font-size: 8px;
  position: relative;
  width: 4em;
  height: 1em;
  margin: 0 auto;
}
.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: var(--oms_gold);
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }
@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}
@keyframes slide {
  to { transform: translateX(1.5em) }
}
.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}
.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}
.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

/* レスポンシブ */

/* -- PC */

@media screen and (max-width: 1199px) {
  body {
    font-size: 14px;
  }
}

/* -- TB */

@media screen and (max-width: 959px) {
  /* ---- :hover */

  a {
    text-decoration: underline;
  }
  a:hover {
    text-decoration: inherit;
  }
  a img {
    transition: opacity 0s;
  }
  a:hover img {
    opacity: 1;
  }
  .button a,
  .button input[type="submit"],
  .button input[type="button"] {
    transition: color 0s, background 0s, border 0s;
  }
  .button a:hover,
  .button input[type="submit"]:hover,
  .button input[type="button"]:hover {
    color: var(--oms_white);
    background: var(--oms_red);
  }
  .button a.buttonGold:hover,
  .button input[type="submit"].buttonGold:hover,
  .button input[type="button"].buttonGold:hover {
    color: var(--oms_white);
    background: var(--oms_gold);
  }
  .button a.buttonGhost:hover,
  .button input[type="submit"].buttonGhost:hover,
  .button input[type="button"].buttonGhost:hover {
    color: var(--oms_red);
    background: transparent;
  }
  .button a.buttonGold.buttonGhost:hover,
  .button input[type="submit"].buttonGold.buttonGhost:hover,
  .button input[type="button"].buttonGold.buttonGhost:hover {
    color: var(--oms_gold);
    background: transparent;
  }
  .list .listItem .listItemThumb img {
    transition: opacity 0s, transform 0s;
  }
  .list .listItem a:hover .listItemThumb img {
    transform: scale(1);
  }
  .list .listItem .listItemHeadline {
    transition: color 0s;
  }
  .list .listItem a:hover .listItemHeadline {
    color: inherit;
  }
  .swiper-button-next,
  .swiper-button-prev {
    transition: background 0s;
  }
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    background: var(--oms_white);
  }
  header#header #headerBar nav a {
    transition: color 0s;
  }
  header#header #headerBar nav a:hover {
    color: var(--oms_gold);
  }
  #breadcrumb a {
    transition: color 0s;
  }
  #breadcrumb a:hover {
    color: var(--oms_white);
  }
  footer#footer #footerNav nav a {
    transition: color 0s;
  }
  footer#footer #footerNav nav a:hover {
    color: var(--oms_white);
  }
  #homeSlider .swiper-slide a img {
    transition: opacity 0s, transform 0s;
  }
  #homeSlider .swiper-slide a:hover img {
    transform: scale(1);
  }
  #homeNews a {
    transition: color 0s;
  }
  #homeNews a:hover {
    color: var(--oms_black);
  }
  #prizeSearchModalForm
    .prizeSearchModalTag
    input[type="checkbox"]
    + label:hover {
    color: var(--oms_black);
  }
  #prizeSearchModalForm
    .prizeSearchModalTag
    input[type="checkbox"]:checked
    + label {
    color: var(--oms_white);
    background: var(--oms_gold);
  }
  #articleList .articleListContents .articleListSide a {
    transition: color 0s;
  }
  #articleList .articleListContents .articleListSide a:hover {
    color: var(--omg_black);
  }
  #articleList .articleListContents .articleListSide .current a:hover {
    color: var(--oms_gold);
  }
  #articleList .articleListContents .articleListSide a::after {
    transition: border-top 0s, border-right 0s;
  }
  #articleList .articleListContents .articleListSide a:hover::after {
    border-top: 2px solid var(--oms_black);
    border-right: 2px solid var(--oms_black);
  }
  #articleList
    .articleListContents
    .articleListSide
    .articleListSideSelectbox::after {
    transition: border-bottom 0s, border-right 0s;
  }
  #articleList
    .articleListContents
    .articleListSide
    .articleListSideSelectbox:hover::after {
    border-bottom: 2px solid var(--oms_black);
    border-right: 2px solid var(--oms_black);
  }
  #articleList
    .articleListContents
    .articleListSide
    .articleListSideSelectbox
    select {
    transition: color 0s;
  }
  #articleList
    .articleListContents
    .articleListSide
    .articleListSideSelectbox
    select:hover {
    color: inherit;
  }
  #articleList
    .articleListContents
    .articleListMain
    .list
    .listItem
    .listItemHeadline
    a {
    transition: color 0s;
  }
  #articleList
    .articleListContents
    .articleListMain
    .list
    .listItem
    .listItemHeadline
    a:hover {
    color: var(--oms_black);
  }
  #prizeWinnerInfo .prizeWinnerTags li a {
    transition: color 0s, background 0s;
  }
  #prizeWinnerInfo .prizeWinnerTags li a:hover {
    color: var(--oms_white);
    background: var(--oms_gold);
  }

  /* ---- 基本設定 */

  .pc {
    display: none;
  }
  .tb {
    display: block;
  }
  .sp {
    display: none;
  }
  .pc.tb {
    display: block;
  }
  .pc.sp {
    display: none;
  }
  .tb.sp {
    display: block;
  }

  /* ---- ドロワー */

  header#header .drawerButton {
    display: block;
  }

  /* ---- 受賞一覧 */

  #prizeSearch .prizeSearchAdvanced {
    width: calc((100% - var(--length_1)) / 3);
  }
  #prizeSearch .prizeSearchKeyword {
    width: calc((100% - var(--length_1)) / 3 * 2);
  }

  /* ---- 受賞一覧詳細検索モーダル */

  #prizeSearchModalForm {
    gap: var(--length_3);
  }
  #prizeSearchModalForm .prizeSearchModalYear,
  #prizeSearchModalForm .prizeSearchModalPref {
    width: 100%;
  }
  #prizeSearchModalForm .prizeSearchModalPref {
    margin-top: calc(0px - var(--length_1));
  }
  #prizeSearchModalForm .prizeSearchModalTag {
    padding-top: var(--length_3);
    border-top: 1px solid var(--oms_linegray);
  }
  #prizeSearchModalForm .prizeSearchModalTag .prizeSearchModalTagRecommend,
  #prizeSearchModalForm .prizeSearchModalTag .prizeSearchModalTagRank {
    margin-top: var(--length_3);
  }

  /* ---- 記事一覧 */

  #articleList .articleListContents .articleListMain .list .listItem {
    width: calc((100% - (var(--length_2) * 1)) / 2);
  }

  /* ---- 受賞個別 */

  #prizeWinnerInfo .prizeWinnerTextshort {
    padding: var(--length_3) var(--length_2);
  }
  #prizeWinnerCompany .prizeWinnerCompanyContainer {
    padding: var(--length_5) var(--length_2);
  }

  /* ---- Multi Select */

  .prizeSearchChip {
    width: calc( ( 100% - var(--length_1) - var(--length_s) ) / 4 );
  }
    .prizeSearchMultiDropdown li {
    width: calc( ( 100% - var(--length_1) - var(--length_s) ) / 4 );
  }
  html[lang=en-US] .prizeSearchModalPref .prizeSearchChip {
    width: calc( ( 100% - var(--length_1) ) / 3 );
  }
  html[lang=en-US] .prizeSearchModalPref .prizeSearchMultiDropdown li {
    width: calc( ( 100% - var(--length_1) ) / 3 );
  }

}

/* -- SP */

@media screen and (max-width: 599px) {
  /* ---- 基本設定 */

  :root {
    --fontsize_ss: 0.714em;
    --fontsize_s: 0.857em;
    --fontsize_1: 1em;
    --fontsize_l: 1.143em;
    --fontsize_ll: 1.286em;
    --fontsize_x: 1.429em;
    --fontsize_xx: 1.571em;
    --fontsize_xxx: 1.714em;
    --length_s: 1vw;
    --length_1: 2vw;
    --length_2: 4vw;
    --length_3: 6vw;
    --length_4: 8vw;
    --length_5: 10vw;
    --length_6: 12vw;
    --length_7: 14vw;
    --length_8: 16vw;
    --length_9: 18vw;
    --length_10: 20vw;
    --swiper-navigation-size: 12vw;
  }

  body {
    font-size: 3.8vw;
  }

  .pc {
    display: none;
  }
  .tb {
    display: none;
  }
  .sp {
    display: block;
  }
  .pc.tb {
    display: none;
  }
  .pc.sp {
    display: block;
  }
  .tb.sp {
    display: block;
  }

  /* ---- .list */

  .list.list2Column .listItem {
    width: 100%;
  }
  .list.list3Column .listItem {
    width: 100%;
  }
  .list.list4Column .listItem {
    width: calc((100% - (var(--length_2) * 1)) / 2);
  }
  .list .listItem .listItemHeadline {
    font-size: var(--fontsize_1);
  }
  .list .listItem .listItemSubheadline {
    font-size: var(--fontsize_s);
  }
  .list .listItem .listItemLabel {
    margin-bottom: var(--length_1);
  }
  .list .listItem .listItemTag {
    font-size: var(--fontsize_s);
  }

  /* ---- .swiper */

  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }

  /* ---- ヘッダー */

  header#header #headerBar {
    padding: var(--length_1) var(--length_2);
  }
  header#header .headerLogo img {
    height: var(--length_3);
  }

  /* ---- ドロワー */

  .drawer.js-offcanvas .drawerLogo {
    padding: var(--length_2);
  }
  .drawer.js-offcanvas .drawerLogo img {
    max-width: 80%;
  }
  .drawer.js-offcanvas .drawerMainmenu a {
    padding: var(--length_2) var(--length_2);
    font-size: var(--fontsize_l);
  }
  .drawer.js-offcanvas .drawerMainmenu ul ul a {
    padding: var(--length_2) var(--length_2) var(--length_2) var(--length_3);
    font-size: var(--fontsize_1);
  }
  .drawer.js-offcanvas .drawerSubmenu {
    margin-top: var(--length_2);
  }
  .drawer.js-offcanvas .drawerSubmenu a {
    padding: var(--length_2) var(--length_2);
    font-size: var(--fontsize_1);
  }
  .drawer.js-offcanvas .button a {
    padding: var(--length_2) var(--length_2);
  }
  .drawer.js-offcanvas .drawerSns {
    padding: var(--length_2);
  }
  .drawer.js-offcanvas .drawerSns ul {
    gap: 0 var(--length_2);
  }
  .drawer.js-offcanvas .drawerSns li {
    width: var(--length_6);
  }

  /* ---- パンくず */

  #breadcrumb {
    padding: var(--length_s) var(--length_2);
  }

  /* ---- フッター */

  footer#footer #footerLogo img {
    height: var(--length_4);
  }
  footer#footer #footerNav nav ul {
    flex-direction: column;
    gap: var(--length_1);
  }
  footer#footer #footerSNS ul {
    gap: 0 var(--length_2);
  }
  footer#footer #footerSNS li {
    width: var(--length_5);
  }

  /* ---- ホーム */

  #homeSlider {
    --slider-height: calc((100vw / (191 * 1.1)) * 100);
  }
  #homeNews {
    padding: var(--length_2) 0;
  }
  #homeNews #homeNewsContents {
    flex-direction: column;
    gap: 0;
  }
  #homeNews .sectiontitle {
    font-size: var(--fontsize_ll);
  }
  #homeNews .homeNewsList {
    margin-top: var(--length_1);
  }
  #homeNews .homeNewsItem {
    display: block;
  }
  #homeNews .homeNewsItem + .homeNewsItem {
    margin-top: var(--length_s);
    padding-top: var(--length_s);
    border-top: 1px solid var(--oms_linegold);
  }
  #homeNews .homeNewsItem .homeNewsItemHeadline {
    font-size: var(--fontsize_s);
  }
  #homeNews .homeNewsItem .homeNewsItemSubheadline {
    margin-bottom: 0;
    font-size: var(--fontsize_ss);
  }
  #homeJournal {
    background-size: 200% auto;
}

  /* ---- 受賞一覧 */

  #prizeSearch {
    padding-top: var(--length_1);
    padding-bottom: var(--length_1);
  }
  #prizeSearch #prizeSearchContents {
    gap: var(--length_1);
  }
  #prizeSearch .prizeSearchAdvanced {
    font-size: var(--fontsize_ss);
  }
  #prizeSearch .prizeSearchKeyword {
    font-size: var(--fontsize_ss);
  }
  #prizeSearch .prizeSearchKeyword input[type="search"] {
    padding-right: calc(2em + var(--length_3));
  }
  html[lang=en-US] #prizeSearch .prizeSearchKeyword input[type="search"] {
    padding-right: var(--length_7);
  }
  #prizeSearch .prizeSearchAdvanced .button a {
    padding: var(--length_1);
  }
  #prizeSearch .prizeSearchKeyword .button input[type="submit"] {
    padding: var(--length_1);
  }
  #prizeSearch .prizeSearchNumber {
    font-size: var(--fontsize_s);
  }

  .prizeSearchQuery {
    display: block;
    text-align: center;
  }
  .prizeSearchQuery h2 {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  .prizeSearchQuery p {
    margin-top: var(--length_1);
  }

  /* ---- 受賞一覧詳細検索モーダル */

  #prizeSearchModalForm .prizeSearchModalYear,
  #prizeSearchModalForm .prizeSearchModalPref {
    display: block;
    width: 100%;
  }
  #prizeSearchModalForm .prizeSearchModalTag .prizeSearchModalTagRecommend,
  #prizeSearchModalForm .prizeSearchModalTag .prizeSearchModalTagRank {
    font-size: var(--fontsize_s);
  }
  html[lang=en-US] #prizeSearchModalForm .prizeSearchModalTag .prizeSearchModalTagRecommend,
  html[lang=en-US] #prizeSearchModalForm .prizeSearchModalTag .prizeSearchModalTagRank {
    font-size: var(--fontsize_ss);
  }
  #prizeSearchModalForm .prizeSearchModalSubmit .button {
    width: 100%;
  }

  /* ---- 受賞個別 */

  #prizeWinnerCompany .prizeWinnerCompanyname {
    font-size: var(--fontsize_x);
  }
  #prizeWinnerCompany .prizeWinnerGenre {
    font-size: var(--fontsize_l);
  }
  #prizeWinnerCompany .prizeWinnerConsecutive {
    font-size: var(--fontsize_l);
  }

  /* ---- Multi Select */
  
  .prizeSearchMultiTitle {
    margin-bottom: var(--length_1);
    padding-top: 0;
  }
  html[lang=en-US] .prizeSearchMultiTitle {
    width: 100%;
  }
  .prizeSearchChip {
    width: calc( ( 100% - var(--length_1) ) / 3 );
    font-size: var(--fontsize_s);
  }
  .prizeSearchMultiDropdown li {
    width: calc( ( 100% - var(--length_1) ) / 3 );
    font-size: var(--fontsize_s);
  }
  html[lang=en-US] .prizeSearchModalPref .prizeSearchChip {
    width: calc( ( 100% - var(--length_s) ) / 2 );
  }
  html[lang=en-US] .prizeSearchModalPref .prizeSearchMultiDropdown li {
    width: calc( ( 100% - var(--length_s) ) / 2 );
  }

  /* ---- 記事一覧 */

  #articleList .articleListContents {
    display: flex;
    flex-wrap: wrap;
  }
  #articleList .articleListContents .articleListMain {
    width: 100%;
  }
  #articleList .articleListContents .articleListSide {
    width: 100%;
    margin-bottom: var(--length_4);
    padding-right: 0;
  }
  #articleList .articleListContents .articleListSide .articleListSideCategory {
    display: none;
  }
  #articleList .articleListContents .articleListSide .articleListSideArchive {
    display: flex;
    align-items: center;
  }
  #articleList
    .articleListContents
    .articleListSide
    .articleListSideArchive
    h3 {
    margin-bottom: 0;
    white-space: nowrap;
  }
  #articleList
    .articleListContents
    .articleListSide
    .articleListSideCategory
    + .articleListSideArchive {
    margin-top: 0;
  }
  #articleList .articleListContents .articleListSide .articleListSideSelectbox {
    padding-left: var(--length_2);
  }
  #articleList
    .articleListContents
    .articleListSide
    .articleListSideSelectbox
    select {
    width: 100%;
    padding: var(--length_1);
    padding-right: calc(1em + var(--length_2));
    background: none;
    border: none;
    border: 1px solid var(--oms_gold);
    border-radius: 0.2em;
  }

  /* ---- 記事個別 */

  #singleHeader .singleHeaderImage {
    width: 100%;
  }
  #singleHeader .singleHeaderTitle {
    width: 100%;
    max-width: 100%;
    padding: var(--length_2);
  }
  #singleHeader .singleHeaderTitle .singleHeaderHeadline {
    line-height: 1.4;
  }

  /* ----受賞対象リスト */
  ul.pagePrizeList {
    gap: 4vw 2%;
  }
  .pagePrizeList li {
    width: 49%;
  }


  /* ---- swell 投稿css上書き */

}

/* 英語 */

html[lang="en-US"]:root {
  --oms_font_sansserif: sans-serif;
  --oms_font_serif: serif;
}
body {
  font-weight: normal;
}

/* -- ヘッダー */

html[lang="en-US"] header#header {
  padding: var(--length_1) var(--length_3);
  background: var(--oms_red);
}
html[lang="en-US"] header#header #headerNav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html[lang="en-US"] header#header .drawerButton .hiraku-open-btn-line {
  background-color: var(--oms_white);
}
html[lang="en-US"] header#header .drawerButton .hiraku-open-btn-line::before,
html[lang="en-US"] header#header .drawerButton .hiraku-open-btn-line::after {
  background-color: var(--oms_white);
}
html[lang="en-US"]
  header#header
  .drawerButton
  [aria-expanded="true"]
  .hiraku-open-btn-line {
  background-color: transparent;
}

/* -- ナビ */

html[lang="en-US"] #headerNav nav {
  padding-left: var(--length_3);
}
html[lang="en-US"] #headerNav nav > ul {
  gap: 0 var(--length_3);
}
html[lang="en-US"] #headerNav nav li.headerNavLang {
  padding-left: var(--length_2);
  border-left: 1px solid var(--oms_white);
}
html[lang="en-US"] #headerNav nav a {
  padding: 0;
  transition: color 0.4s;
}
html[lang="en-US"] #headerNav nav a:hover {
  color: var(--oms_gold);
  background: transparent;
}

/* -- ホーム */

html[lang="en-US"] #homeAbout {
  position: relative;
  padding: var(--length_5) 0;
  color: var(--oms_white);
  background: var(--oms_red) url(/selection/image/bg_red_shippou.webp) repeat-y 0 0;
  background-size: 100% auto;
}
html[lang="en-US"] #homeAbout::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(/selection/image/bg_keyvisual_oms.webp) no-repeat right top;
  background-size: 75% auto;
  background-attachment: fixed;
}
html[lang="en-US"] #homeAbout #homeAboutContents {
  position: relative;
  max-width: 600px;
  font-size: var(--fontsize_l);
  line-height: 2;
}
html[lang="en-US"] #homeAbout #homeAboutContents h2 {
  padding: var(--length_4) 0;
}
html[lang="en-US"] #homeAbout #homeAboutContents h2 img {
  max-width: 400px;
}
html[lang="en-US"] #homeAbout #homeAboutContents p {
  margin: var(--length_4) 0;
}
html[lang="en-US"] #homeAbout #homeAboutContents p:last-child {
  margin-bottom: 0;
}
html[lang="en-US"] #homeAbout #homeAboutContents p.homeAboutContentsNote {
  margin-left: calc( 0px - var(--length_5) );
  margin-right: calc( 0px - var(--length_5) );
}
html[lang="en-US"] #homeAbout #homeAboutContents p.homeAboutContentsPhoto img {
  border-radius: 0.2em;
}

/* -- 記事一覧 */

html[lang="en-US"] #articleList .articleListContents .articleListMain {
  width: 100%;
}
html[lang="en-US"]
  #articleList
  .articleListContents
  .articleListMain
  .list
  .listItem {
  width: calc((100% - (var(--length_2) * 3)) / 4);
}
html[lang="en-US"]
  #articleList
  .articleListContents
  .articleListMain
  .list
  .listItem.event
  .listItemTag {
  background: var(--oms_blue);
}
html[lang="en-US"]
  #articleList
  .articleListContents
  .articleListMain
  .list
  .listItem.journal
  .listItemTag {
  background: var(--oms_pink);
}
html[lang="en-US"]
  #articleList
  .articleListContents
  .articleListMain
  .list
  .listItem.mediacoverage
  .listItemTag {
  background: var(--oms_purple);
}
html[lang="en-US"]
  #articleList
  .articleListContents
  .articleListMain
  .list
  .listItem.news
  .listItemTag {
  background: var(--oms_green);
}

/* -- TB */

@media screen and (max-width: 959px) {
  /* ---- ナビ */

  html[lang="en-US"] #headerNav nav {
    display: none;
  }
}

/* -- SP */

@media screen and (max-width: 599px) {
  /* ---- ナビ */

  html[lang="en-US"] header#header {
    padding: var(--length_1) var(--length_2);
  }

/* -- ホーム */

   html[lang="en-US"] #homeAbout {
    background-size: 200% auto;
  }
  html[lang="en-US"] #homeAbout::before {
    background: url(/selection/image/bg_keyvisual_oms.webp) no-repeat left top;
    background-size: 150% auto;
  }
  html[lang="en-US"] #homeAbout #homeAboutContents h2 img {
    width: 80%;
  }
  html[lang="en-US"] #homeAbout #homeAboutContents p.homeAboutContentsNote {
    margin-left: calc( 0px - var(--length_1) );
    margin-right: calc( 0px - var(--length_1) );
  }

  /* -- 記事一覧 */

  html[lang="en-US"]
    #articleList
    .articleListContents
    .articleListMain
    .list
    .listItem {
    width: calc((100% - (var(--length_2) * 1)) / 2);
  }
}
