@charset "UTF-8";

:root {
  --parimary: #ab0303;
  --silver: #dadada;
  --light: #f9f9f9;
  --swiper-navigation-size: 24px !important;
}

header.site-header * {
  box-sizing: border-box;
}

/* ヘッダー用モーダル */

#modal-overlay-header {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  backdrop-filter: blur(4px);
}

#modal-overlay-header.show {
  display: block;
}

/* リニューアルヘッダー */

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.site-header .container {
  max-width: 960px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.site-header .select-lang-form {
  width: 100%;
}

.site-header .select-lang-wrapper {
  padding: 0;
}

.site-header .select-lang-wrapper::after {
  aspect-ratio: 23/13;
  width: 16px;
  top: 50%;
  height: auto;
  translate: 0 -50%;
  right: 8px;
  background-size: contain;
}

.site-header .langSelectBox {
  background: #f2f2f2;
  border: solid 1px #bdbdbd;
  border-radius: 3px;
  padding: 8px;
  color: inherit;
}

.header-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.header-logo .logo {
  padding: 8px 0;
  width: auto;
  aspect-ratio: 131/24;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22131%22%20height%3D%2224%22%20viewBox%3D%220%200%20131%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3043_879)%22%3E%3Cpath%20d%3D%22M13.5556%2015.0195C14.3084%2016.0304%2015.2534%2016.1951%2016.5747%2016.241V18.0255H12.2611L6.20352%209.30616H5.00123V15.2531C5.00123%2016.1683%205.09726%2016.8039%206.41479%2016.8039H7.09852V18.0255H0V16.8039H0.779762C2.12418%2016.8039%202.19332%2016.1223%202.19332%2015.2531V2.77339C2.19332%201.88116%202.12418%201.22252%200.779762%201.22252H0V0.000976562H8.27393C12.7528%200.000976562%2014.0972%202.46704%2014.0972%204.58464C14.0972%206.23124%2013.4134%208.72028%209.31105%209.26021L13.5556%2015.0195ZM7.59019%207.52171C10.1139%207.52171%2011.1049%206.18146%2011.1049%204.60762C11.1049%202.84614%2010.0217%201.78543%207.59019%201.78543H4.99739V7.52171H7.59019Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M21.7872%204.95984V14.2421C21.7872%2015.0424%2022.0215%2016.4975%2023.8154%2016.4975C23.9345%2016.4975%2026.5734%2016.4975%2027.1879%2013.6294V7.89308C27.1879%207.46803%2027.1649%206.81322%2026.4082%206.81322C26.1508%206.81322%2025.9588%206.83619%2025.6553%206.90895L25.5593%205.68741L29.7577%204.95984V15.8427C29.7577%2016.5243%2029.7808%2017.0642%2030.983%2016.9455V18.1671L27.1879%2018.4007V16.7541C25.9626%2018.0216%2024.2417%2018.4007%2022.9895%2018.4007C19.2175%2018.4007%2019.2175%2015.3449%2019.2175%2014.3799V7.89308C19.2175%207.49483%2019.1944%206.81322%2018.4377%206.81322C18.2034%206.81322%2017.9883%206.83619%2017.6848%206.90895L17.5888%205.68741L21.7872%204.95984Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M37.0176%206.62941C38.0086%205.5955%2039.5873%204.95984%2041.3312%204.95984C45.1494%204.95984%2045.1724%208.06157%2045.1724%208.95379V15.253C45.1724%2016.5932%2045.5258%2016.8039%2046.8702%2016.8039V18.0254H41.0239V16.8039C42.2954%2016.8039%2042.6027%2016.5205%2042.6027%2015.253V9.09548C42.6027%208.03859%2042.1801%207.00468%2040.5515%207.00468C38.9228%207.00468%2037.321%208.13433%2037.0137%209.80007V15.253C37.0137%2016.4975%2037.298%2016.8039%2038.5924%2016.8039V18.0254H32.7462V16.8039C34.0906%2016.8039%2034.444%2016.5932%2034.444%2015.253V7.91988C34.444%207.54461%2034.444%206.81705%2033.6642%206.81705C33.403%206.81705%2033.1917%206.863%2032.9344%206.91278L32.8383%205.69123L37.0099%204.96367V6.63324L37.0176%206.62941Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M64.2977%200.000854492H71.8188V1.2224H70.9468C69.6254%201.2224%2069.5332%201.85806%2069.5332%202.77326V13.0664C69.5332%2015.4406%2069.2989%2017.5084%2067.482%2019.6719C66.8444%2020.3995%2065.2196%2022.1648%2063.4987%2022.1648C62.5807%2022.1648%2062.0852%2021.6019%2062.0852%2020.9433C62.0852%2020.2157%2062.6268%2019.7677%2063.6178%2019.7677C65.5269%2019.7677%2066.6831%2019.649%2066.6831%2014.7628V2.77326C66.6831%201.88104%2066.637%201.2224%2065.2695%201.2224H64.3015V0.000854492H64.2977Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M81.5331%208.24925C81.5331%207.11961%2080.9185%206.69838%2079.4819%206.69838C77.8302%206.69838%2077.3846%207.14641%2077.1004%207.77825C76.8661%208.27222%2076.6279%208.85811%2075.779%208.85811C74.9993%208.85811%2074.5767%208.27223%2074.5767%207.70549C74.5767%206.31928%2076.5588%204.95605%2079.5511%204.95605C83.9838%204.95605%2084.1029%207.63656%2084.1029%208.7394V15.5326C84.1029%2015.8619%2084.1259%2016.3099%2084.5254%2016.3099C84.7866%2016.3099%2085.0901%2015.9576%2085.3743%2015.299L86.4806%2016.0495C86.1963%2016.6354%2085.3474%2018.4007%2083.5344%2018.4007C82.0248%2018.4007%2081.6945%2017.2021%2081.6253%2016.7541C80.9646%2017.294%2079.4781%2018.4007%2077.2156%2018.4007C73.82%2018.4007%2073.5127%2015.9078%2073.5127%2015.1573C73.5127%2012.9018%2075.2797%2011.7722%2077.3078%2011.2093C78.3219%2010.9259%2079.336%2010.6923%2081.5293%2010.1754V8.24925H81.5331ZM81.5331%2012.0096C77.3347%2012.787%2076.2054%2013.2082%2076.2054%2014.6901C76.2054%2015.3947%2076.6548%2016.4784%2077.9032%2016.4784C79.0364%2016.4784%2080.6381%2015.7011%2081.5331%2014.5982V12.0134V12.0096Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M91.647%2021.2266C91.647%2022.1189%2091.7161%2022.7775%2093.0606%2022.7775H93.437V23.9991H87.3794V22.7775C88.7238%2022.7775%2089.0772%2022.5669%2089.0772%2021.2266V7.91984C89.0772%207.37991%2089.0311%206.817%2088.2514%206.817C87.9671%206.817%2087.7559%206.86295%2087.5446%206.91273L87.4486%205.69119L91.647%204.96362V6.42259C92.7302%205.3657%2094.0516%204.96362%2095.5612%204.96362C99.6405%204.96362%20100.935%208.46743%20100.935%2011.6611C100.935%2016.0341%2098.5535%2018.4083%2095.1117%2018.4083C93.8864%2018.4083%2092.6111%2018.056%2091.647%2017.3973V21.2266ZM91.647%2014.9504C92.3307%2016.103%2093.7443%2016.62%2094.9235%2016.62C97.5624%2016.62%2098.2231%2014.2458%2098.2231%2011.8487C98.2231%208.3717%2096.6674%206.77105%2094.7584%206.77105C93.2949%206.77105%2092.0695%207.85091%2091.647%209.14521V14.9504Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M110.961%208.24925C110.961%207.11961%20110.346%206.69838%20108.909%206.69838C107.258%206.69838%20106.812%207.14641%20106.528%207.77825C106.293%208.27222%20106.055%208.85811%20105.206%208.85811C104.427%208.85811%20104.004%208.27223%20104.004%207.70549C104.004%206.31928%20105.986%204.95605%20108.978%204.95605C113.411%204.95605%20113.53%207.63656%20113.53%208.7394V15.5326C113.53%2015.8619%20113.553%2016.3099%20113.953%2016.3099C114.214%2016.3099%20114.517%2015.9576%20114.802%2015.299L115.908%2016.0495C115.624%2016.6354%20114.775%2018.4007%20112.962%2018.4007C111.452%2018.4007%20111.122%2017.2021%20111.053%2016.7541C110.392%2017.294%20108.905%2018.4007%20106.643%2018.4007C103.247%2018.4007%20102.94%2015.9078%20102.94%2015.1573C102.94%2012.9018%20104.707%2011.7722%20106.735%2011.2093C107.749%2010.9259%20108.763%2010.6923%20110.957%2010.1754V8.24925H110.961ZM110.961%2012.0096C106.762%2012.787%20105.633%2013.2082%20105.633%2014.6901C105.633%2015.3947%20106.082%2016.4784%20107.331%2016.4784C108.464%2016.4784%20110.066%2015.7011%20110.961%2014.5982V12.0134V12.0096Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M121.144%206.62941C122.135%205.5955%20123.713%204.95984%20125.457%204.95984C129.275%204.95984%20129.298%208.06157%20129.298%208.95379V15.253C129.298%2016.5932%20129.652%2016.8039%20130.996%2016.8039V18.0254H125.15V16.8039C126.421%2016.8039%20126.729%2016.5205%20126.729%2015.253V9.09548C126.729%208.03859%20126.302%207.00468%20124.677%207.00468C123.053%207.00468%20121.447%208.13433%20121.14%209.80007V15.253C121.14%2016.4975%20121.424%2016.8039%20122.718%2016.8039V18.0254H116.872V16.8039C118.217%2016.8039%20118.57%2016.5932%20118.57%2015.253V7.91988C118.57%207.54461%20118.57%206.81705%20117.79%206.81705C117.529%206.81705%20117.318%206.863%20117.06%206.91278L116.964%205.69123L121.136%204.96367V6.63324L121.144%206.62941Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M56.0776%2015.2491C59.2831%2015.2491%2061.8816%2012.6586%2061.8816%209.46307C61.8816%206.26751%2059.2831%203.677%2056.0776%203.677C52.8721%203.677%2050.2735%206.26751%2050.2735%209.46307C50.2735%2012.6586%2052.8721%2015.2491%2056.0776%2015.2491Z%22%20fill%3D%22%23C6111A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_3043_879%22%3E%3Crect%20width%3D%22131%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.header-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.header-inner::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.9);
}

/* ハンバーガーボタン */

.menu-toggle {
  position: relative;
  width: 32px;
  height: 22px;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
}

/* 各バー */

.menu-toggle .bar {
  width: 100%;
  height: 3px;
  background-color: #000;
  border-radius: 3px;
  transition: all 0.3s ease;
  transform-origin: center;
}

/* 開いた状態（☰ → ×） */

.menu-toggle.open .bar:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.menu-toggle.open .bar:nth-child(2) {
  opacity: 0;
}

.menu-toggle.open .bar:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* ×に変更アニメーション */

.menu-toggle.open .bar:nth-child(1) {
  transform: rotate(45deg);
  position: absolute;
  top: 9px;
}

.menu-toggle.open .bar:nth-child(2) {
  opacity: 0;
}

.menu-toggle.open .bar:nth-child(3) {
  transform: rotate(-45deg);
  position: absolute;
  top: 9px;
}

/* スマホでメニュー開いたらロゴ、アイコンは非表示 */

/* グローバルナビ */

.global-nav {
  font-size: 16px;
  position: absolute;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  opacity: 0;
  pointer-events: none;
  border-top: 1px solid var(--silver);
  transition: opacity 0.2s ease, transform 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scaleY(0);
  transform-origin: top;
}

.global-nav ul {
  display: grid;
}

.global-nav ul {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.global-nav ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.global-nav ul li:hover {
  opacity: 0.5;
}

.global-nav ul li::after {
  content: "";
  position: absolute;
  right: 0;
  aspect-ratio: 1/1;
  width: 32px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.9748%2012C14.9748%2012.1333%2014.9541%2012.2583%2014.9128%2012.375C14.8715%2012.4916%2014.8005%2012.6%2014.6998%2012.7L10.0998%2017.3C9.91647%2017.4833%209.68314%2017.575%209.3998%2017.575C9.11647%2017.575%208.88314%2017.4833%208.6998%2017.3C8.51647%2017.1166%208.4248%2016.8833%208.4248%2016.6C8.4248%2016.3166%208.51647%2016.0833%208.6998%2015.9L12.5998%2012L8.6998%208.09995C8.51647%207.91662%208.4248%207.68328%208.4248%207.39995C8.4248%207.11662%208.51647%206.88329%208.6998%206.69995C8.88314%206.51662%209.11647%206.42495%209.3998%206.42495C9.68314%206.42495%209.91647%206.51662%2010.0998%206.69995L14.6998%2011.3C14.7998%2011.4%2014.8708%2011.5083%2014.9128%2011.625C14.9548%2011.7416%2014.9755%2011.8666%2014.9748%2012Z%22%20fill%3D%22%23AB0303%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.9748%2012C14.9748%2012.1333%2014.9541%2012.2583%2014.9128%2012.375C14.8715%2012.4916%2014.8005%2012.6%2014.6998%2012.7L10.0998%2017.3C9.91647%2017.4833%209.68314%2017.575%209.3998%2017.575C9.11647%2017.575%208.88314%2017.4833%208.6998%2017.3C8.51647%2017.1166%208.4248%2016.8833%208.4248%2016.6C8.4248%2016.3166%208.51647%2016.0833%208.6998%2015.9L12.5998%2012L8.6998%208.09995C8.51647%207.91662%208.4248%207.68328%208.4248%207.39995C8.4248%207.11662%208.51647%206.88329%208.6998%206.69995C8.88314%206.51662%209.11647%206.42495%209.3998%206.42495C9.68314%206.42495%209.91647%206.51662%2010.0998%206.69995L14.6998%2011.3C14.7998%2011.4%2014.8708%2011.5083%2014.9128%2011.625C14.9548%2011.7416%2014.9755%2011.8666%2014.9748%2012Z%22%20fill%3D%22%23AB0303%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--parimary);
}

/* 開いたとき */

.global-nav.open {
  opacity: 1;
  transform: scaleY(1);
  pointer-events: auto;
}

/* リスト */

.global-nav a {
  color: var(--parimary);
  text-decoration: none;
  font-weight: bold;
}

.global-nav a {
  width: 100%;
}

/* ヘッダーアイコン */

.header-icons {
  display: flex;
  align-items: center;
}

.header-icons .icon-btn {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}

.header-icons .icon-btn i {
  aspect-ratio: 1/1;
  width: 32px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #333;
}

.icon-user {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%208.66663C10%2011.9746%2012.692%2014.6666%2016%2014.6666C19.308%2014.6666%2022%2011.9746%2022%208.66663C22%205.35863%2019.308%202.66663%2016%202.66663C12.692%202.66663%2010%205.35863%2010%208.66663ZM26.6667%2028H28V26.6666C28%2021.5213%2023.812%2017.3333%2018.6667%2017.3333H13.3333C8.18667%2017.3333%204%2021.5213%204%2026.6666V28H26.6667Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%208.66663C10%2011.9746%2012.692%2014.6666%2016%2014.6666C19.308%2014.6666%2022%2011.9746%2022%208.66663C22%205.35863%2019.308%202.66663%2016%202.66663C12.692%202.66663%2010%205.35863%2010%208.66663ZM26.6667%2028H28V26.6666C28%2021.5213%2023.812%2017.3333%2018.6667%2017.3333H13.3333C8.18667%2017.3333%204%2021.5213%204%2026.6666V28H26.6667Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}

.icon-search {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M29.0613%2029.0612C28.9219%2029.201%2028.7563%2029.312%2028.574%2029.3877C28.3917%2029.4634%2028.1962%2029.5024%2027.9988%2029.5024C27.8013%2029.5024%2027.6059%2029.4634%2027.4235%2029.3877C27.2412%2029.312%2027.0756%2029.201%2026.9363%2029.0612L21%2023.125C18.6806%2024.9048%2015.771%2025.7358%2012.8614%2025.4493C9.95188%2025.1628%207.26022%2023.7803%205.3325%2021.5823C3.40477%2019.3842%202.38533%2016.5352%202.48096%2013.6131C2.57659%2010.691%203.78014%207.91472%205.84746%205.8474C7.91479%203.78008%2010.6911%202.57653%2013.6131%202.4809C16.5352%202.38527%2019.3843%203.40471%2021.5823%205.33244C23.7804%207.26016%2025.1629%209.95181%2025.4494%2012.8614C25.7359%2015.7709%2024.9049%2018.6805%2023.125%2021L29.0675%2026.9412C29.3476%2027.2233%2029.5042%2027.605%2029.5031%2028.0025C29.5019%2028.4%2029.343%2028.7808%2029.0613%2029.0612ZM14%2022.5C15.6812%2022.5%2017.3245%2022.0014%2018.7224%2021.0674C20.1202%2020.1335%2021.2096%2018.8059%2021.853%2017.2528C22.4963%2015.6996%2022.6647%2013.9905%2022.3367%2012.3417C22.0087%2010.6928%2021.1992%209.17829%2020.0104%207.98954C18.8217%206.8008%2017.3071%205.99125%2015.6583%205.66328C14.0094%205.3353%2012.3004%205.50363%2010.7472%206.14698C9.19403%206.79032%207.86651%207.87979%206.93252%209.2776C5.99853%2010.6754%205.50001%2012.3188%205.50001%2014C5.50266%2016.2535%206.39904%2018.414%207.99253%2020.0074C9.58601%2021.6009%2011.7465%2022.4973%2014%2022.5Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M29.0613%2029.0612C28.9219%2029.201%2028.7563%2029.312%2028.574%2029.3877C28.3917%2029.4634%2028.1962%2029.5024%2027.9988%2029.5024C27.8013%2029.5024%2027.6059%2029.4634%2027.4235%2029.3877C27.2412%2029.312%2027.0756%2029.201%2026.9363%2029.0612L21%2023.125C18.6806%2024.9048%2015.771%2025.7358%2012.8614%2025.4493C9.95188%2025.1628%207.26022%2023.7803%205.3325%2021.5823C3.40477%2019.3842%202.38533%2016.5352%202.48096%2013.6131C2.57659%2010.691%203.78014%207.91472%205.84746%205.8474C7.91479%203.78008%2010.6911%202.57653%2013.6131%202.4809C16.5352%202.38527%2019.3843%203.40471%2021.5823%205.33244C23.7804%207.26016%2025.1629%209.95181%2025.4494%2012.8614C25.7359%2015.7709%2024.9049%2018.6805%2023.125%2021L29.0675%2026.9412C29.3476%2027.2233%2029.5042%2027.605%2029.5031%2028.0025C29.5019%2028.4%2029.343%2028.7808%2029.0613%2029.0612ZM14%2022.5C15.6812%2022.5%2017.3245%2022.0014%2018.7224%2021.0674C20.1202%2020.1335%2021.2096%2018.8059%2021.853%2017.2528C22.4963%2015.6996%2022.6647%2013.9905%2022.3367%2012.3417C22.0087%2010.6928%2021.1992%209.17829%2020.0104%207.98954C18.8217%206.8008%2017.3071%205.99125%2015.6583%205.66328C14.0094%205.3353%2012.3004%205.50363%2010.7472%206.14698C9.19403%206.79032%207.86651%207.87979%206.93252%209.2776C5.99853%2010.6754%205.50001%2012.3188%205.50001%2014C5.50266%2016.2535%206.39904%2018.414%207.99253%2020.0074C9.58601%2021.6009%2011.7465%2022.4973%2014%2022.5Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}

/* 検索フォーム */

.search-box {
  position: fixed;
  backdrop-filter: blur(5px);
  width: 100%;
  background: rgba(171, 3, 3, 0.75);
  border-top: 1px solid rgba(171, 3, 3, 0.3);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transform: translate(0, -50%) scaleY(0);
  transform-origin: top;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-box .search-region {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.search-box form {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  gap: 8px;
}

.search-box input[type=text] {
  width: 60%;
  max-width: 480px;
  padding: 0.8em 1em;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.search-submit {
  background: #d20000;
  color: #fff;
  border: none;
  padding: 0.7em 1.2em;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.search-submit:hover {
  background: #a00000;
}

/* 検索フォーム表示アニメ */

.search-box.active {
  transform: translate(0) scaleY(1);
  opacity: 1;
  pointer-events: auto;
}

/* 検索ボタン */

.search-region button.search_btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-align: inherit;
  text-transform: inherit;
  cursor: pointer;
  background-color: var(--parimary);
  color: #fff;
  display: flex;
  width: 48px;
  height: auto;
  align-items: center;
  justify-content: center;
}

.search-region button.search_btn i {
  aspect-ratio: 1/1;
  width: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
}

/* 新検索フォーム（.search-region.responsive） */

.search-region.responsive {
  float: none;
  margin-bottom: 0;
  padding-left: 0;
}

.search-region.responsive .search-select-wrapper.select-month,
.search-region.responsive .search-select-wrapper.select-area,
.search-region.responsive .search-select-wrapper .easy-select-box .search-select-wrapper .SelectBottom,
.search-region.responsive .search-select-wrapper.in-main select {
  box-shadow: none;
  background-color: inherit;
  height: auto;
  border-radius: 0;
}

.search-region.responsive .search-select-wrapper.select-month .SelectBottom,
.search-region.responsive .search-select-wrapper.select-area .SelectBottom {
  background-position: calc(100% - 10px) 50% !important;
  height: 48px !important;
}

.search-region.responsive .search-select-wrapper {
  float: none;
  margin: 0;
}

.search-region.responsive .search-select-wrapper select {
  color: #333;
}

.search-region.responsive .search_chk_entry {
  margin: 0;
}

.search-region.responsive form {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
}

.search-region.responsive select {
  background-color: #fff !important;
  width: 100% !important;
  border-radius: 4px !important;
}

.search-region.responsive .input-search {
  display: flex;
  grid-column: span 2;
}

.search-region.responsive .input-search input,
.search-region.responsive .input-search button {
  margin: 0;
}

.search-region.responsive .input-search input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid var(--silver);
  border-right-width: 0;
  float: none;
  height: 48px;
  width: 100%;
  max-width: none;
}

.search-region.responsive .input-search button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.search-region.responsive .search_chk_entry {
  grid-column: span 2;
  margin-top: 8px;
}

/* ドロップダウン */

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  min-width: 160px;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 14px;
  color: #212529;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.dropdown-menu .sign-in a,
.dropdown-menu .sign-up a {
  display: block;
  padding: 12px 8px;
}

.dropdown-menu .sign-in a:hover,
.dropdown-menu .sign-in a:active,
.dropdown-menu .sign-up a:hover,
.dropdown-menu .sign-up a:active {
  background-color: #f6e1e1;
}

.dropdown-menu .sign-in a:focus-visible,
.dropdown-menu .sign-up a:focus-visible {
  outline: none;
}

.dropdown-item {
  display: block;
  padding: 0.75rem 1rem;
  color: #212529;
  text-decoration: none;
}

.dropdown-item:hover {
  background-color: var(--light);
}

@media screen and (min-width: 768px) {
  #header {
   height:80px;
  }
  #header + *:not(.top) {
/*    margin-top: 120px; */
  }

  .site-header .select-lang-form {
    max-width: 240px;
  }

  .header-logo .logo {
    height: 32px;
  }

  .header-inner {
    padding: 24px 16px;
  }

  .global-nav ul {
    gap: 8px 48px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 24px;
    margin-top: 16px;
  }

  .global-nav a {
    padding: 24px 24px 24px 16px;
  }

  .header-icons {
    gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  #header {
   height:64px;
  }
  #header + *:not(.top) {
/*    margin-top: 64px; */
  }

  .site-header .container {
    padding: 0 24px;
  }

  .header-logo .logo {
    height: 24px;
  }

  .header-inner {
    padding: 16px;
  }

  .menu-toggle.open .bar:nth-child(1) {
    background-color: var(--parimary);
  }

  .menu-toggle.open .bar:nth-child(2) {
    background-color: var(--parimary);
  }

  .menu-toggle.open .bar:nth-child(3) {
    background-color: var(--parimary);
  }

  .menu-toggle.open {
    margin-left: auto;
  }

  .menu-toggle.open ~ .header-logo,
  .menu-toggle.open ~ .header-icons {
    opacity: 0;
    pointer-events: none;
  }

  .menu-toggle.open ~ .header-icons {
    width: 0;
  }

  .global-nav {
    height: calc(100dvh - 64px);
  }

  .global-nav ul {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .global-nav ul li:not(:last-of-type) {
    border-bottom: 1px solid var(--parimary);
  }

  .global-nav a {
    padding: 24px 16px;
  }

  .header-icons {
    gap: 12px;
  }
}