h1 {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}

.logo h1 img {
  max-width: none;
}

.p-header {
  display: flex;
  z-index: 3040;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 80px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";

  a {
    display: block;
  }

  img {
    display: block;
    width: 100%;
  }
}

.p-header-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  background-color: #fff;
}

.p-header-view__contents {
  z-index: 3041;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 40px 40px;
  gap: 0 0;
  grid-auto-flow: row;
  grid-template-areas:
    "logo subnav all"
    "belt belt belt";
  width: 100%;
  max-width: 1280px;
  height: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.p-header-view:after {
  z-index: 3040;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  background-color: indigo;
}

.p-header-view__contents .logo {
  grid-area: logo;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 8px;
}

a:link {
  color: indigo;
}

.p-header-view__contents .logo img {
  height: 18px;
}

.p-header-view__contents .subnav {
  grid-area: subnav;
  display: grid;
  grid-template-columns: 1fr repeat(2, auto);
  grid-template-areas: "weather member tools";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-header-view__contents .subnav .links {
  grid-area: links;
  display: none;
}

.p-header-view__contents .subnav .links li a:link,
.p-header-view__contents .subnav .links li a:visited {
  color: #1e2428;
}

.p-header-view__contents .subnav .links li a {
  font-size: 13px;
}

a:link {
  color: indigo;
}

.p-header-view__contents .subnav .tools {
  grid-area: tools;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p-header-view__contents .subnav .tools a.search {
  display: none;
  background-image: url("/img/search.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.p-header-view__contents .subnav .tools a:link,
.p-header-view__contents .subnav .tools a:visited {
  color: #1e2428;
  font-weight: 400;
}

.p-header-view__contents .subnav .tools a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 0;
  font-size: 0;
  line-height: 1.1;
}

.p-header-view__contents .subnav .tools a.search:before {
  width: 20px;
  height: auto;
  aspect-ratio: 18 / 18;
}

/* .p-header-view__contents .subnav .tools a:before {
    display: block;
    content: "";
    -webkit-mask: var(--svg);
    mask: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #1e2428;
    -webkit-transition: .3s;
    transition: .3s;
} */

.p-header-view__contents .subnav .tools a.help {
  display: none;
  background-image: url("/img/info.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.p-header-view__contents .subnav .tools a:link,
.p-header-view__contents .subnav .tools a:visited {
  color: #1e2428;
  font-weight: 400;
  width: 20px;
  height: 20px;
}

/* .p-header-view__contents .subnav .tools a.help:before {
    width: 20px;
    height: auto;
    aspect-ratio: 20 / 20;
} */

.p-header-view__contents .subnav .member {
  grid-area: member;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 8px;
}

.p-header-view__contents .subnav .member .subscribe {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.p-header-view__contents .subnav .member .subscribe a:link,
.p-header-view__contents .subnav .member .subscribe a:visited {
  color: #fff;
}

.p-header-view__contents .subnav .member .subscribe a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  height: 24px;
  background-color: #ff7600;
  border: 1px solid #ff7600;
  border-radius: 2px;
  font-size: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-header-view__contents .subnav .member .subscribe a:after {
  content: "\8CFC\8AAD\7533\8FBC";
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
}

.p-header-view__contents .subnav .member .loginsignup {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.p-header-view__contents .subnav .member .loginsignup a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  height: 24px;
  border: 1px solid indigo;
  border-radius: 2px;
  font-size: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-header-view__contents .subnav .member .signup {
  display: none;
}

.p-header-view__contents .subnav .member .signup a:link,
.p-header-view__contents .subnav .member .signup a:visited {
  color: indigo;
}

.p-header-view__contents .subnav .member .login {
  display: none;
}

.p-header-view__contents .subnav .member .login a:link,
.p-header-view__contents .subnav .member .login a:visited {
  color: #1e2428;
}

.p-header-view__contents .globalnav-all {
  grid-area: all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
}

.p-header-view__contents .globalnav-belt {
  grid-area: belt;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  padding: 0 20px;
  max-width: 100%;
  scrollbar-width: none;
}

.p-header-view__contents .globalnav-all label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 0;
  cursor: pointer;
}

.p-header-view__contents .globalnav-all label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.p-header-view__contents .globalnav-belt > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 0 20px;
}

.p-header-view__contents .globalnav-belt > ul > li {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  line-height: 1.1;
}

.p-header-view__contents .globalnav-belt > ul > li > a:link,
.p-header-view__contents .globalnav-belt > ul > li > a:visited {
  color: #fff;
}

.p-header-view__contents .globalnav-belt > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 100%;
  font-size: 13px;
  font-weight: 700;
}

.p-header-view__contents .globalnav-belt > ul > li .sub {
  display: none;
}

.p-header-view__contents .globalnav-belt > ul > li:hover .sub {
  display: block;
}

.p-header-view__contents .subnav .member .signup a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  height: 24px;
  border: 1px solid indigo;
  border-radius: 2px;
  font-size: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-header-view__contents .globalnav-all label:before {
  display: block;
  content: "";
  width: 17px;
  height: auto;
  aspect-ratio: 17 / 15;
  background-image: url("/img/burger0.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-header-view__contents .subnav .member .subscribe a:hover {
  background-color: #ff8c29;
  border-color: #ff8c29;
  text-decoration: none;
}

.p-header-view__contents .subnav .member .signup a:hover {
  background-color: rgba(75, 0, 130, 0.1);
  text-decoration: none;
}

.p-header-view__contents .subnav .member .login a:hover {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

.p-header-view__contents .globalnav-all label:has(:hover) div {
  color: #fff;
  text-decoration: underline;
}

@media (min-width: 1296px) {
  .p-header-view__contents .logo {
    padding-left: 0;
  }

  .p-header-view__contents .subnav {
    padding-right: 0;
  }

  .p-header-view__contents .globalnav-all {
    padding-left: 0;
  }
}

/* @media (min-width: 1280px) { */
.p-header-view__contents .globalnav-belt {
  overflow: visible;
}

.p-header-view__contents .globalnav-belt > ul:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-header-view__contents .globalnav-belt > ul {
  gap: 0 0;
}

.p-header-view__contents .globalnav-belt > ul:not(:first-child) {
  margin-left: 0;
}

.p-header-view__contents .globalnav-belt > ul:last-child {
  padding-right: 0;
}

.p-header-view__contents .globalnav-belt > ul > li:first-child {
  margin-left: 6px;
}

.p-header-view__contents .globalnav-belt > ul > li > a {
  padding: 0 8px;
}

.p-header-view__contents .globalnav-belt > ul > li > a:after {
  z-index: -1;
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.p-header-view__contents .globalnav-belt > ul > li > a {
  padding: 0 8px;
}

.p-header-view__contents
  .globalnav-belt
  > ul:nth-last-of-type(-n + 2)
  > li
  .sub {
  left: auto;
  right: 0;
}

ul > li .sub {
  z-index: -2;
  grid-template-columns: repeat(2, auto);
  gap: 24px 40px;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-header-view__contents .globalnav-belt > ul > li .sub {
  z-index: -2;
  grid-template-columns: repeat(2, auto);
  gap: 24px 40px;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-header-view__contents .globalnav-belt > ul > li .sub-set {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  gap: 10px 8px;
}

.p-header-view__contents .globalnav-belt > ul > li .sub-set .list {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  gap: 12px 40px;
}

.p-header-view__contents .globalnav-belt > ul > li .sub-set .list li {
  white-space: nowrap;
  line-height: 1.1;
}

.p-header-view__contents .globalnav-belt > ul > li .sub-set .list li a:link,
.p-header-view__contents .globalnav-belt > ul > li .sub-set .list li a:visited {
  color: #1e2428;
}

.p-header-view__contents .globalnav-belt > ul > li:has(.sub):hover .sub {
  display: grid;
}

.p-header-view__contents .globalnav-belt > ul > li:has(.sub):hover > a:link,
.p-header-view__contents .globalnav-belt > ul > li:has(.sub):hover > a:visited {
  color: #1e2428;
}

.p-header-view__contents .globalnav-belt > ul > li:has(.sub):hover > a:after {
  background-color: #fff;
}
/* } */

@media (min-width: 1280px) {
  .p-header-view__contents .globalnav-belt > ul:first-child > li:first-child {
    margin-left: 2px;
  }
}

@media (max-width: 1280px) and (min-width: 768px) {
  .p-header-view__contents
    .globalnav-belt
    > ul
    > li[data-header-belt-subnav="editorial"],
  .p-header-view__contents
    .globalnav-belt
    > ul
    > li[data-header-belt-subnav="shimen"],
  .p-header-view__contents
    .globalnav-belt
    > ul
    > li[data-header-belt-subnav="shimenviewer"] {
    display: none;
  }
}

@media (min-width: 1130px) {
  .p-header-view__contents .subnav .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 16px;
  }
}

@media (min-width: 768px) {
  .p-header {
    height: 128px;
  }

  .p-header-view__contents {
    grid-template-columns: auto auto 1fr 1fr;
    grid-template-rows: 80px 48px;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas:
      "logo logo subnav subnav"
      "all belt belt belt";
  }

  .p-header-view:after {
    height: 48px;
  }

  .p-header-view__contents .logo img {
    height: 38px;
  }

  .p-header-view__contents .subnav {
    display: grid;
    grid-template-columns: 1fr repeat(2, auto);
    grid-template-areas: "tools weather member";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 24px;
    padding-right: 10px;
    grid-template-columns: 1fr repeat(3, auto);
    grid-template-areas: "links tools weather member";
  }

  .p-header-view__contents .subnav .tools {
    gap: 0 4px;
  }

  .p-header-view__contents .subnav .tools a {
    padding: 6px;
  }

  .p-header-view__contents .subnav .tools a.help {
    display: block;
  }

  .p-header-view__contents .subnav .member .subscribe a {
    height: 38px;
    border-radius: 3px;
  }

  .p-header-view__contents .subnav .member .subscribe a:after {
    content: "\8CFC\8AAD\304A\7533\3057\8FBC\307F";
    font-size: 13px;
  }

  .p-header-view__contents .subnav .member .loginsignup {
    display: none;
  }

  .p-header-view__contents .subnav .member .loginsignup a {
    height: 38px;
    border-radius: 3px;
    font-size: 13px;
  }

  .p-header-view__contents .subnav .member .signup {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .p-header-view__contents .subnav .member .signup a {
    height: 38px;
    border-radius: 3px;
    font-size: 13px;
  }

  .p-header-view__contents .subnav .member .login {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .p-header-view__contents .subnav .member .login a {
    height: 38px;
    font-size: 13px;
  }

  .p-header-view__contents .globalnav-all {
    padding-right: 14px;
  }

  .p-header-view__contents .globalnav-belt {
    padding: 0;
  }

  .p-header-view__contents .globalnav-all label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .p-header-view__contents .globalnav-all label:before {
    background-image: url("/img/burger.svg");
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: auto;
    aspect-ratio: 17 / 13;
  }

  .p-header-view__contents .globalnav-belt > ul:before {
    display: block;
    -ms-flex-item-align: center;
    align-self: center;
    content: "";
    width: 1px;
    height: 16px;
    background-color: #fff;
  }
}

@media (min-width: 600px) {
  .p-header {
    min-width: 100%;
  }

  .p-header {
    /* min-width: 1088px; */
  }

  .p-header-view__contents .globalnav-all {
    padding-right: 12px;
  }
}

@media (max-width: 440px) {
  .logo img[src$=".svg"] {
    width: 90px;
  }
  .p-header-view__contents .logo {
    padding-left: 0px;
  }
  .logo h1 {
    margin-left: -15px;
  }
}

@media (min-width: 375px) {
  .p-header-view__contents .subnav .tools a.search {
    display: block;
    margin-left: 8px;
  }
}