@charset "UTF-8";
@import url("https://images.pkg.navitime.co.jp/citrus/525/header_footer/css/fonts/icon.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
/* =======================================

  BROWSER RESET

 ======================================= */
.yoshinoya-hd-hf html
.yoshinoya-hd-hf body
.yoshinoya-hd-hf div
.yoshinoya-hd-hf span
.yoshinoya-hd-hf nav
.yoshinoya-hd-hf applet
.yoshinoya-hd-hf object
.yoshinoya-hd-hf iframe
.yoshinoya-hd-hf h1
.yoshinoya-hd-hf h2
.yoshinoya-hd-hf h3
.yoshinoya-hd-hf h4
.yoshinoya-hd-hf h5
.yoshinoya-hd-hf h6
.yoshinoya-hd-hf p
.yoshinoya-hd-hf blockquote
.yoshinoya-hd-hf pre
.yoshinoya-hd-hf a
.yoshinoya-hd-hf abbr
.yoshinoya-hd-hf acronym
.yoshinoya-hd-hf address
.yoshinoya-hd-hf big
.yoshinoya-hd-hf cite
.yoshinoya-hd-hf code
.yoshinoya-hd-hf del
.yoshinoya-hd-hf dfn
.yoshinoya-hd-hf em
.yoshinoya-hd-hf font
.yoshinoya-hd-hf img
.yoshinoya-hd-hf ins
.yoshinoya-hd-hf kbd
.yoshinoya-hd-hf q
.yoshinoya-hd-hf s
.yoshinoya-hd-hf samp
.yoshinoya-hd-hf small
.yoshinoya-hd-hf strike
.yoshinoya-hd-hf strong
.yoshinoya-hd-hf tt
.yoshinoya-hd-hf var
.yoshinoya-hd-hf dl
.yoshinoya-hd-hf dt
.yoshinoya-hd-hf dd
.yoshinoya-hd-hf ol
.yoshinoya-hd-hf ul
.yoshinoya-hd-hf li
.yoshinoya-hd-hf fieldset
.yoshinoya-hd-hf form
.yoshinoya-hd-hf label
.yoshinoya-hd-hf button
.yoshinoya-hd-hf legend
.yoshinoya-hd-hf table
.yoshinoya-hd-hf caption
.yoshinoya-hd-hf tbody
.yoshinoya-hd-hf tfoot
.yoshinoya-hd-hf thead
.yoshinoya-hd-hf tr
.yoshinoya-hd-hf th
.yoshinoya-hd-hf td
.yoshinoya-hd-hf article
.yoshinoya-hd-hf aside
.yoshinoya-hd-hf dialog
.yoshinoya-hd-hf figure
footer,
header,
.yoshinoya-hd-hf hgroup
.yoshinoya-hd-hf main
.yoshinoya-hd-hf menu
.yoshinoya-hd-hf nav
.yoshinoya-hd-hf section
.yoshinoya-hd-hf time
.yoshinoya-hd-hf mark
.yoshinoya-hd-hf audio
.yoshinoya-hd-hf video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-style: inherit;
  font-weight: inherit;
  background: transparent;
}

.yoshinoya-hd-hf html {
  font-size: 62.5%;
  line-height: 1;
  overflow-y: scroll;
}

.yoshinoya-hd-hf img {
  vertical-align: bottom;
}

.yoshinoya-hd-hf strong {
  font-weight: bold;
}

.yoshinoya-hd-hf sup {
  font-size: 70%;
  vertical-align: super;
}

.yoshinoya-hd-hf sub {
  font-size: 70%;
  vertical-align: sub;
}

.yoshinoya-hd-hf ul {
  list-style: none;
}

.yoshinoya-hd-hf table {
  border-collapse: collapse;
  border-spacing: 0;
}

.yoshinoya-hd-hf caption
.yoshinoya-hd-hf th
.yoshinoya-hd-hf td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

.yoshinoya-hd-hf blockquote
.yoshinoya-hd-hf q {
  quotes: none;
}

.yoshinoya-hd-hf blockquote:before
.yoshinoya-hd-hf blockquote:after
.yoshinoya-hd-hf q:before
.yoshinoya-hd-hf q:after {
  content: none;
}

/* form */
.yoshinoya-hd-hf input {
  vertical-align: middle;
  font-family: inherit;
  border: none;
  border-radius: 0;
  background: none;
}

.yoshinoya-hd-hf input[type=radio]
.yoshinoya-hd-hf input[type=checkbox] {
  margin: 0;
}

.yoshinoya-hd-hf textarea {
  resize: vertical;
  font-family: inherit;
  border: none;
  border-radius: 0;
  background: none;
}

.yoshinoya-hd-hf button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  border-radius: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.yoshinoya-hd-hf select {
  vertical-align: middle;
  font-family: inherit;
  cursor: pointer;
  border: none;
  border-radius: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* for IE select */
.yoshinoya-hd-hf select::-ms-expand {
  display: none;
}

/* for IE clear */
.yoshinoya-hd-hf input::-ms-clear {
  display: none;
}

/* for IE password */
.yoshinoya-hd-hf input::-ms-reveal {
  display: none;
}

.yoshinoya-hd-hf option {
  padding-right: 10px;
}

/* for iOS15 safari */
.yoshinoya-hd-hf input
.yoshinoya-hd-hf button
.yoshinoya-hd-hf select {
  color: inherit;
}

.yoshinoya-hd-hf input[type=search]::-webkit-search-decoration {
  display: none;
}

/* ------------------------------
  HTML5 ELEMENTS
------------------------------ */
header,
footer,
.yoshinoya-hd-hf article
.yoshinoya-hd-hf section
.yoshinoya-hd-hf aside
.yoshinoya-hd-hf main
.yoshinoya-hd-hf nav
.yoshinoya-hd-hf menu
.yoshinoya-hd-hf details
.yoshinoya-hd-hf summary
.yoshinoya-hd-hf figcaption
.yoshinoya-hd-hf figure {
  display: block;
}

.yoshinoya-hd-hf *
.yoshinoya-hd-hf *:before
.yoshinoya-hd-hf *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* =======================================

  BASE

======================================= */
.yoshinoya-hd-hf html.menu_open {
  overflow: hidden;
}

.yoshinoya-hd-hf {
  width: 100%;
  line-height: 1.4375;
  color: #1D1D1F;
  font-size: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.04em;
  -webkit-text-size-adjust: none;
  background: #FFFFFF;
  overflow-wrap: break-word;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   body {
    min-width: initial;
  }
}

.yoshinoya-hd-hf #container {
  min-height: 100%;
}

.yoshinoya-hd-hf a {
  text-decoration: none;
}
.yoshinoya-hd-hf a.deco_underline {
  text-decoration: underline;
}

.yoshinoya-hd-hf img {
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

.yoshinoya-hd-hf button
.yoshinoya-hd-hf input
.yoshinoya-hd-hf select
.yoshinoya-hd-hf textarea {
  font-family: inherit;
  font-size: 100%;
}

/*-----------------------------------------
  CLEARFIX
-----------------------------------------*/
.yoshinoya-hd-hf .clear:before
.yoshinoya-hd-hf .clear:after {
  content: "";
  display: table;
}

.yoshinoya-hd-hf .clear:after {
  clear: both;
}

.yoshinoya-hd-hf .clear {
  *zoom: 1;
}

/* =======================================

  SCROLL HINT

======================================= */
@-webkit-keyframes scroll-hint-appear {
.yoshinoya-hd-hf   0% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
.yoshinoya-hd-hf   10% {
    opacity: 1;
  }
.yoshinoya-hd-hf   50%, 100% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0;
  }
}
@keyframes scroll-hint-appear {
.yoshinoya-hd-hf   0% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
.yoshinoya-hd-hf   10% {
    opacity: 1;
  }
.yoshinoya-hd-hf   50%, 100% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0;
  }
}
.yoshinoya-hd-hf .scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.yoshinoya-hd-hf .scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.yoshinoya-hd-hf .scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.yoshinoya-hd-hf .scroll-hint-icon {
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 65px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 130px;
  height: 80px;
  border-radius: 5px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.yoshinoya-hd-hf .scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.yoshinoya-hd-hf .scroll-hint-text {
  line-height: 1;
  font-size: 10px;
  color: #fff;
  margin-top: 5px;
}

.yoshinoya-hd-hf .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.yoshinoya-hd-hf .scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.yoshinoya-hd-hf .scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}

.yoshinoya-hd-hf .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.yoshinoya-hd-hf .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  -webkit-animation: scroll-hint-appear 1.2s linear;
  animation: scroll-hint-appear 1.2s linear;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}

.yoshinoya-hd-hf .scroll-hint-icon-white {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.yoshinoya-hd-hf .scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.yoshinoya-hd-hf .scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.yoshinoya-hd-hf .scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

/*-----------------------------------------
add style
-----------------------------------------*/
.yoshinoya-hd-hf .scroll_area::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.yoshinoya-hd-hf .scroll_area::-webkit-scrollbar-track {
  background-color: #F2F1F1;
}
.yoshinoya-hd-hf .scroll_area::-webkit-scrollbar-thumb {
  background-color: rgba(132, 132, 132, 0.4);
  border-radius: 10px;
}

/* =======================================

  COMMON

======================================= */
.yoshinoya-hd-hf .bg_active::after
.yoshinoya-hd-hf .bg_hover::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(29, 29, 31, 0.6);
  position: fixed;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .bg_active::after
.yoshinoya-hd-hf   .bg_hover::after {
    content: none;
  }
}

.yoshinoya-hd-hf .cont_inner {
  max-width: 1280px;
  margin-inline: auto;
}
@media screen and (max-width: 1340px) {
.yoshinoya-hd-hf   .cont_inner {
    margin-inline: 30px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .cont_inner {
    max-width: auto;
    margin-inline: 3%;
  }
}
.yoshinoya-hd-hf .cont_inner.left_align_cont_inner {
  max-width: calc(100% - (100% - 1280px) / 2);
  margin-inline: 0 auto;
}
@media screen and (max-width: 1340px) {
.yoshinoya-hd-hf   .cont_inner.left_align_cont_inner {
    margin-inline: 0 30px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .cont_inner.left_align_cont_inner {
    max-width: auto;
    margin-inline: 3%;
  }
}
.yoshinoya-hd-hf .cont_inner.right_align_cont_inner {
  max-width: calc(100% - (100% - 1280px) / 2);
  margin-inline: auto 0;
}
@media screen and (max-width: 1340px) {
.yoshinoya-hd-hf   .cont_inner.right_align_cont_inner {
    margin-inline: 30px 0;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .cont_inner.right_align_cont_inner {
    max-width: auto;
    margin-inline: 3%;
  }
}

/* .cont_inner_narrow */
.yoshinoya-hd-hf .cont_inner_narrow {
  max-width: 1000px;
}

/*-----------------------------------------
  page_fixed_side
-----------------------------------------*/
.yoshinoya-hd-hf #page_fixed_side {
  display: none;
  position: fixed;
  right: 0;
  bottom: 50px;
  border-radius: 8px 0px 0px 8px;
  -webkit-box-shadow: 0px 0px 12px rgba(45, 45, 59, 0.24);
          box-shadow: 0px 0px 12px rgba(45, 45, 59, 0.24);
  z-index: 9;
  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  /* hover */
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   #page_fixed_side:hover {
    -webkit-box-shadow: 0px 0px 6px rgba(45, 45, 59, 0.24);
            box-shadow: 0px 0px 6px rgba(45, 45, 59, 0.24);
  }
}
.yoshinoya-hd-hf #page_fixed_side #page_top {
  width: 60px;
  height: 60px;
  font-family: "Poppins", sans-serif;
  font-size: 1.3em;
  line-height: 1.1538461538;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  padding: 8px 0 0 4px;
  background: #1D1D1F;
  border-radius: 8px 0px 0px 8px;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  /* hover */
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   #page_fixed_side #page_top {
    width: 45px;
    height: 50px;
    font-size: 1.1em;
    line-height: 1.1818181818;
    padding: 8px 0 0 4px;
  }
}
.yoshinoya-hd-hf #page_fixed_side #page_top::before {
  display: block;
  content: "\e914";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1;
  position: relative;
  top: -2px;
  -webkit-transition: top 0.2s ease-out;
  transition: top 0.2s ease-out;
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   #page_fixed_side #page_top:hover {
    color: rgba(255, 255, 255, 0.6);
  }
.yoshinoya-hd-hf   #page_fixed_side #page_top:hover::before {
    top: -5px;
  }
}
.yoshinoya-hd-hf #page_fixed_side .basic_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60px;
  font-size: 1.3em;
  line-height: 1.4615384615;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  padding-inline: 16px 19px;
  background: #E57E2E;
  border-radius: 0px 0px 0px 8px;
  /* hover */
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   #page_fixed_side .basic_link {
    width: 45px;
  }
}
.yoshinoya-hd-hf #page_fixed_side .basic_link::before {
  display: block;
  content: "\e905";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 1.7em;
  line-height: 1;
  color: #E57E2E;
  padding: 7px;
  margin-bottom: 8px;
  background: #FFFFFF;
  border-radius: 9999px;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   #page_fixed_side .basic_link:hover {
    opacity: 1;
    color: rgba(255, 255, 255, 0.6);
  }
.yoshinoya-hd-hf   #page_fixed_side .basic_link:hover::before {
    background: rgba(255, 255, 255, 0.6);
  }
}

/*-----------------------------------------
  label
-----------------------------------------*/
.yoshinoya-hd-hf .label {
  font-size: 1.6em;
  line-height: 1.25;
  font-weight: 600;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 1px;
  white-space: nowrap;
}
.yoshinoya-hd-hf .label.lb_direct_management {
  background: #E57E2E;
}
.yoshinoya-hd-hf .label.lb_franchise {
  background: #3D82E9;
}

/* .label_category */
.yoshinoya-hd-hf .label_category {
  display: inline-block;
  font-size: 1.6em;
  line-height: 1.0625;
  font-weight: 900;
  color: #FFFFFF;
  padding: 5px 14px 6px 10px;
  margin-bottom: 8px;
  background: #1D1D1F;
  border-radius: 25px;
}
.yoshinoya-hd-hf .label_category::before {
  content: "\e918";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 1em;
  line-height: 1;
  margin-right: 4px;
  position: relative;
  top: -2px;
}

.yoshinoya-hd-hf .label_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

/*-----------------------------------------
  parts
-----------------------------------------*/
.yoshinoya-hd-hf p {
  font-size: 1.6em;
  line-height: 2;
  margin-bottom: 18px;
}
.yoshinoya-hd-hf p.text_l {
  font-size: 1.8em;
  line-height: 2.1111111111;
}

.yoshinoya-hd-hf em {
  font-size: 1.8em;
  line-height: 1.7777777778;
  font-weight: 600;
  color: #000000;
}

.yoshinoya-hd-hf .attention {
  display: block;
  font-size: 1.6em;
  line-height: 1.75;
  color: #6D6D6D;
  padding-left: 22px;
  position: relative;
}
.yoshinoya-hd-hf .attention:has(+ .attention) {
  margin-bottom: 8px;
}
.yoshinoya-hd-hf .attention.type_parentheses {
  padding-left: 36px;
}
.yoshinoya-hd-hf .attention.type_parentheses::before {
  content: "（※）";
  position: absolute;
  top: 1px;
  left: 0;
}
.yoshinoya-hd-hf .attention.type_num {
  margin-left: 18px;
  padding-left: 18px;
  text-indent: -0.9em;
}
.yoshinoya-hd-hf .attention::before {
  content: "※";
  position: absolute;
  top: 1px;
  left: 0;
}

.yoshinoya-hd-hf .supp_text {
  font-size: 1.4em;
  line-height: 2;
  letter-spacing: 0.035em;
  color: #000000;
}

.yoshinoya-hd-hf .access_text {
  font-size: 1.6em;
  line-height: 2;
  color: #000000;
  padding-left: 28px;
  position: relative;
}
.yoshinoya-hd-hf .access_text::before {
  content: "\e91c";
  font-family: "yoshinoyahd_icon";
  font-weight: 400;
  font-size: 2em;
  line-height: 1;
  color: #E57E2E;
  position: absolute;
  top: 7px;
  left: 4px;
}

.yoshinoya-hd-hf .contact_text {
  color: #000000;
  padding-left: 34px;
  margin-bottom: 8px;
  position: relative;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .contact_text {
    margin-bottom: 16px;
  }
}
.yoshinoya-hd-hf .contact_text::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  content: "\e91b";
  font-family: "yoshinoyahd_icon";
  font-weight: 400;
  font-size: 2.4em;
  line-height: 1;
  color: #000000;
  position: absolute;
  top: 23px;
  left: 0;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .contact_text::before {
    top: 22px;
  }
}
.yoshinoya-hd-hf .contact_text .tel {
  font-size: 3.6em;
  line-height: 1.5;
  font-weight: 700;
  padding-inline: 4px;
  position: relative;
  bottom: -2px;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .contact_text .tel {
    text-decoration: none;
  }
}

.yoshinoya-hd-hf a {
  color: #1D1D1F;
}

.yoshinoya-hd-hf .btn {
  display: inline-block;
  font-size: 1.6em;
  line-height: 1.8125;
  font-weight: 600;
  text-align: left;
  color: #1D1D1F;
  letter-spacing: 0.08em;
  padding: 11px 51px 10px 17px;
  background: #EAEAEA;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 16px rgba(39, 41, 47, 0.06);
          box-shadow: 0px 0px 16px rgba(39, 41, 47, 0.06);
  position: relative;
  /* hover */
  /* _blank */
  /* .type_basic */
  /* .type_rss */
  /* .type_return */
  /* .type_no_icon */
  /* hover */
}
.yoshinoya-hd-hf .btn.btn_highlighted {
  font-size: 1.8em;
  line-height: 1.7777777778;
  font-weight: 500;
  color: #FFFFFF;
  padding: 10px 51px 12px 17px;
  background: #1D1D1F;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.yoshinoya-hd-hf .btn.btn_text_s {
  font-size: 1.4em;
  line-height: 1.7857142857;
  padding-block: 13px 12px;
}
.yoshinoya-hd-hf .btn.btn_minw {
  min-width: 240px;
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .btn:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn {
    min-width: initial;
  }
}
.yoshinoya-hd-hf .btn::after {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-weight: 700;
  font-size: 1.4em;
  line-height: 1;
  color: #000000;
  background: #F0F0F0;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 15px;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
.yoshinoya-hd-hf .btn[target=_blank]::after {
  content: "\e904";
  font-weight: 400;
  background: #FFFFFF;
}
.yoshinoya-hd-hf .btn.type_basic {
  padding-right: 17px;
  background: #E7ECF1;
  /* hover */
}
.yoshinoya-hd-hf .btn.type_basic::after {
  content: none;
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .btn.type_basic:hover {
    opacity: 0.6;
  }
}
.yoshinoya-hd-hf .btn.type_rss {
  min-width: 160px;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn.type_rss {
    min-width: initial;
  }
}
.yoshinoya-hd-hf .btn.type_rss::after {
  width: auto;
  height: auto;
  content: "\e90e";
  font-size: 1.6em;
  line-height: 1;
  color: #E57E2E;
  background: transparent;
}
.yoshinoya-hd-hf .btn.type_return::after {
  content: "\e917";
  font-weight: 400;
  padding-top: 2px;
  padding-left: 2px;
  background: #FFFFFF;
}
.yoshinoya-hd-hf .btn.type_no_icon {
  padding-right: 17px;
}
.yoshinoya-hd-hf .btn.type_no_icon::after {
  content: none;
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .btn:hover:not([target=_blank]):not(.type_rss):not(.type_return)::after {
    right: 7px;
  }
}

.yoshinoya-hd-hf .btn_arrow {
  display: inline-block;
  font-size: 1.8em;
  line-height: 2.2222222222;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0.12em;
  padding-right: 50px;
  position: relative;
  /* hover */
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .btn_arrow:hover {
    opacity: 1;
  }
.yoshinoya-hd-hf   .btn_arrow:hover::after {
    right: -16px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_arrow:hover::after {
    right: -8px;
  }
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .btn_arrow:hover > span {
    border-bottom: 1px solid #1d1d1f;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_arrow {
    margin-inline: auto 0;
  }
}
.yoshinoya-hd-hf .btn_arrow::after {
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 3.6em;
  line-height: 1;
  color: #E57E2E;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 0;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
.yoshinoya-hd-hf .btn_arrow > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(29, 29, 31, 0);
  -webkit-transition: border 0.3s ease-out;
  transition: border 0.3s ease-out;
}

.yoshinoya-hd-hf .btn_img {
  display: table;
  /* hover */
  /* _blank */
}
.yoshinoya-hd-hf .btn_img figure {
  padding-right: 48px;
  position: relative;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_img figure {
    padding-right: 40px;
  }
}
.yoshinoya-hd-hf .btn_img figure::after {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1;
  color: #000000;
  background: #F0F0F0;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 0;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .btn_img:hover:not([target=_blank]) figure::after {
    right: -8px;
  }
}
.yoshinoya-hd-hf .btn_img[target=_blank] figure::after {
  content: "\e904";
}
.yoshinoya-hd-hf .btn_img img {
  width: auto;
  height: 64px;
}

.yoshinoya-hd-hf .btn_wrap_img {
  display: table;
  font-size: 2em;
  line-height: 1.6;
  font-weight: 700;
  padding: 15px 75px 15px 20px;
  border: 1px solid #E2E2E2;
  position: relative;
  /* hover */
  /* _blank */
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_wrap_img {
    padding: 15px 50px 15px 20px;
  }
}
.yoshinoya-hd-hf .btn_wrap_img::after {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1;
  color: #000000;
  background: #FFFFFF;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 24px;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_wrap_img::after {
    right: 16px;
  }
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .btn_wrap_img:hover:not([target=_blank])::after {
    right: 16px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_wrap_img:hover:not([target=_blank])::after {
    right: 12px;
  }
}
.yoshinoya-hd-hf .btn_wrap_img[target=_blank]::after {
  content: "\e904";
}
.yoshinoya-hd-hf .btn_wrap_img figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 13px;
}
.yoshinoya-hd-hf .btn_wrap_img figure img {
  width: 68px;
}

.yoshinoya-hd-hf .btn_bg_img {
  max-width: 640px;
  background: url("https://images.pkg.navitime.co.jp/citrus/525/header_footer/img/ir/meeting_img_btn_bg.png") no-repeat center center;
  -webkit-filter: drop-shadow(0px 0px 16px rgba(39, 41, 47, 0.06));
          filter: drop-shadow(0px 0px 16px rgba(39, 41, 47, 0.06));
  -webkit-transition: -webkit-filter 0.3s ease-out;
  transition: -webkit-filter 0.3s ease-out;
  transition: filter 0.3s ease-out;
  transition: filter 0.3s ease-out, -webkit-filter 0.3s ease-out;
  /* hover */
}
.yoshinoya-hd-hf .btn_bg_img a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 8/3;
  position: relative;
  /* _blank */
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_bg_img a {
    aspect-ratio: 6/3;
  }
}
.yoshinoya-hd-hf .btn_bg_img a::after {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1;
  color: #000000;
  background: #F0F0F0;
  border-radius: 5px;
  position: absolute;
  top: 13px;
  right: 12px;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_bg_img a::after {
    top: 8px;
    right: 8px;
  }
}
.yoshinoya-hd-hf .btn_bg_img a[target=_blank]::after {
  content: "\e904";
}
.yoshinoya-hd-hf .btn_bg_img a p {
  margin-bottom: 0;
}
.yoshinoya-hd-hf .btn_bg_img a p .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 18px;
  font-family: "Noto Serif JP", serif;
  font-size: 3.6em;
  line-height: 1.4444444444;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_bg_img a p .ttl {
    font-size: 2.4em;
    line-height: 1.375;
    gap: 0 8px;
  }
}
.yoshinoya-hd-hf .btn_bg_img a p .ttl::after {
  content: "";
  width: 42px;
  height: 42px;
  background: url("https://images.pkg.navitime.co.jp/citrus/525/header_footer/img/ir/img_play_btn.svg") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_bg_img a p .ttl::after {
    width: 28px;
    height: 28px;
  }
}
.yoshinoya-hd-hf .btn_bg_img a p small {
  display: block;
  font-size: 1.2em;
  line-height: 1.4166666667;
  font-weight: 700;
  color: #6D6D6D;
  letter-spacing: 0.1em;
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .btn_bg_img:hover {
    -webkit-filter: drop-shadow(0px 0px 8px rgba(39, 41, 47, 0.06));
            filter: drop-shadow(0px 0px 8px rgba(39, 41, 47, 0.06));
  }
}

/* .btn_wrap */
.yoshinoya-hd-hf .btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.yoshinoya-hd-hf .btn_wrap.gap_wide {
  gap: 8px 24px;
}
.yoshinoya-hd-hf .btn_wrap.jcontent_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.yoshinoya-hd-hf .btn_wrap.jcontent_end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_wrap.sp_jcontent_start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_wrap.sp_jcontent_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_wrap.sp_jcontent_end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* .btn_list */
.yoshinoya-hd-hf .btn_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 20px;
  gap: 20px;
}
.yoshinoya-hd-hf .btn_list > * {
  width: calc((100% - 40px) / 3);
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .btn_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    row-gap: 10px;
    gap: 10px;
  }
.yoshinoya-hd-hf   .btn_list > * {
    width: calc((100% - 0px) / 1);
  }
}
.yoshinoya-hd-hf .btn_list a {
  width: 100%;
}

/* .color_box */
.yoshinoya-hd-hf .color_box {
  padding: 32px;
  background: #F6FAFF;
}

/* .map_wrap */
.yoshinoya-hd-hf .map_wrap {
  aspect-ratio: 5/2;
}
.yoshinoya-hd-hf .map_wrap iframe {
  width: 100%;
  height: 100%;
}

/* .tel  */
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .tel {
    color: #1D1D1F;
    text-decoration: underline;
  }
}

/* .text_link  */
.yoshinoya-hd-hf .text_link {
  color: #1D1D1F;
  text-decoration: underline;
  /* _blank */
}
.yoshinoya-hd-hf .text_link.no_deco {
  text-decoration: none;
}
.yoshinoya-hd-hf .text_link.add_arrow {
  padding-right: 30px;
  position: relative;
}
.yoshinoya-hd-hf .text_link.add_arrow::after {
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-weight: 700;
  font-size: 1.4em;
  line-height: 1;
  color: #000000;
  margin-left: 4px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 0;
}
.yoshinoya-hd-hf .text_link[target=_blank]::after {
  width: 24px;
  height: 24px;
  display: inline-block;
  content: "\e904";
  font-family: "yoshinoyahd_icon";
  font-weight: 400;
  font-size: 1.4em;
  line-height: 1;
  color: #000000;
  padding: 5px;
  margin-left: 4px;
  background: #FFFFFF;
  border-radius: 5px;
}

/* .emphasis_text */
.yoshinoya-hd-hf .emphasis_text {
  display: inline-block;
  background: #FFF27E;
  padding-inline: 7px;
}

/* .emphasis_caption */
.yoshinoya-hd-hf .emphasis_caption {
  font-size: 2.4em;
  line-height: 2;
  font-weight: 700;
  color: #000000;
}

/* .icon_external */
.yoshinoya-hd-hf .icon_external::before {
  content: "\e904";
  font-family: "yoshinoyahd_icon";
  font-weight: 700;
  font-size: 2em;
  line-height: 1;
  color: #000000;
}

/* .icon_pdf */
.yoshinoya-hd-hf .icon_pdf {
  position: relative;
}
.yoshinoya-hd-hf .icon_pdf::before {
  content: "";
  width: 19px;
  height: 25px;
  background: url("https://images.pkg.navitime.co.jp/citrus/525/header_footer/img/common/icon_pdf.svg") no-repeat center center;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
}

/*-----------------------------------------
  youtube
-----------------------------------------*/
.yoshinoya-hd-hf .youtube iframe {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .youtube iframe {
    width: 100%;
  }
}

/*-----------------------------------------
  form
-----------------------------------------*/
.yoshinoya-hd-hf .select_wrap {
  position: relative;
}
.yoshinoya-hd-hf .select_wrap::after {
  content: "\e911";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 1em;
  line-height: 1;
  margin-left: 3px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 14px;
  pointer-events: none;
}
.yoshinoya-hd-hf .select_wrap select {
  width: 100%;
  font-size: 1.6em;
  line-height: 1.25;
  font-weight: 700;
  color: #000000;
  padding: 19px 30px 19px 19px;
  border: 1px solid #E2E2E2;
  border-radius: 2px;
}

/*-----------------------------------------
  newslist
-----------------------------------------*/
.yoshinoya-hd-hf .newslist {
  background: #FFFFFF;
  border-top: 1px solid #000000;
}
.yoshinoya-hd-hf .newslist li {
  border-bottom: 1px solid #E2E2E2;
}
.yoshinoya-hd-hf .newslist a
.yoshinoya-hd-hf .newslist div {
  min-height: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 28px 40px 24px 28px;
  color: #1D1D1F;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .newslist a
.yoshinoya-hd-hf   .newslist div {
    padding: 28px 36px 24px 0;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .newslist a
.yoshinoya-hd-hf   .newslist div {
    min-height: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 12px 0 16px;
  }
}
.yoshinoya-hd-hf .newslist a {
  position: relative;
  /* _blank */
  /* hover */
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .newslist a {
    padding-bottom: 36px;
  }
}
.yoshinoya-hd-hf .newslist a::after {
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 1.6em;
  line-height: 1;
  color: #1D1D1F;
  position: absolute;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 20px;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .newslist a::after {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .newslist a::after {
    top: auto;
    bottom: 12px;
    right: 0;
  }
}
.yoshinoya-hd-hf .newslist a[target=_blank]::after {
  content: "\e904";
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .newslist a:hover {
    opacity: 1;
  }
.yoshinoya-hd-hf   .newslist a:hover:not([target=_blank])::after {
    color: #E57E2E;
    right: 4px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 1079px) {
.yoshinoya-hd-hf   .newslist a:hover:not([target=_blank])::after {
    right: -8px;
  }
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .newslist a:hover .ttl {
    color: #E57E2E;
  }
}
.yoshinoya-hd-hf .newslist div {
  padding: 28px 28px 24px 28px;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .newslist div {
    padding: 28px 0 24px 0;
  }
}
.yoshinoya-hd-hf .newslist .date {
  font-family: "Poppins", sans-serif;
  font-size: 1.4em;
  line-height: 1.7857142857;
  font-weight: 600;
  color: #4D4D4D;
}
.yoshinoya-hd-hf .newslist .ttl {
  font-size: 1.6em;
  line-height: 1.5;
  margin-left: 45px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .newslist .ttl {
    margin-left: 24px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .newslist .ttl {
    margin-left: 0;
  }
}

/* .store_newslist */
.yoshinoya-hd-hf .store_newslist {
  background: #FFFFFF;
  border-top: 1px solid #000000;
}
.yoshinoya-hd-hf .store_newslist li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 30px;
  padding: 25px 0;
  color: #1D1D1F;
  border-bottom: 1px solid #E2E2E2;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .store_newslist li {
    padding: 12px 0;
  }
}
.yoshinoya-hd-hf .store_newslist .date {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 1.4em;
  line-height: 1;
  font-weight: 600;
  color: #4D4D4D;
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .store_newslist .date {
    margin-bottom: 8px;
  }
}
.yoshinoya-hd-hf .store_newslist .ttl_wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 30px;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .store_newslist .ttl_wrap {
    gap: 0 16px;
  }
}
.yoshinoya-hd-hf .store_newslist figure {
  width: 100%;
  max-width: 104px;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.yoshinoya-hd-hf .store_newslist .ttl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.6em;
  line-height: 2;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

/*-----------------------------------------
  HOVER
-----------------------------------------*/
.yoshinoya-hd-hf a
.yoshinoya-hd-hf .btn
.yoshinoya-hd-hf .btn::before {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.yoshinoya-hd-hf a {
  /* hover */
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   a:hover {
    opacity: 0.6;
  }
}

/*-----------------------------------------
  NEWS
-----------------------------------------*/
.yoshinoya-hd-hf .news_field_clm {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .news_field_clm {
    margin-bottom: 48px;
  }
}
.yoshinoya-hd-hf .news_field_clm .cont_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 48px;
     -moz-column-gap: 48px;
          column-gap: 48px;
  row-gap: 0px;
}
.yoshinoya-hd-hf .news_field_clm .cont_inner > * {
  width: calc((100% - 48px) / 2);
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .news_field_clm .cont_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    row-gap: 0px;
  }
.yoshinoya-hd-hf   .news_field_clm .cont_inner > * {
    width: calc((100% - 24px) / 2);
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .news_field_clm .cont_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 48px;
       -moz-column-gap: 48px;
            column-gap: 48px;
    row-gap: 48px;
  }
.yoshinoya-hd-hf   .news_field_clm .cont_inner > * {
    width: calc((100% - 0px) / 1);
  }
}

.yoshinoya-hd-hf .news_field {
  /* .btn_area */
}
.yoshinoya-hd-hf .news_field h2 {
  font-size: 3.2em;
  line-height: 1.8125;
}
.yoshinoya-hd-hf .news_field h2:where(html.font_lg *) {
  font-size: 32px;
  line-height: 1.8125;
}
.yoshinoya-hd-hf .news_field .btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
  margin-block: -92px 16px;
}
@media screen and (max-width: 1280px) {
.yoshinoya-hd-hf   .news_field .btn_area {
    margin-block: -30px 16px;
  }
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .news_field .btn_area {
    gap: 8px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .news_field .btn_area {
    gap: 8px;
    margin-block: 0 16px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .news_field .btn_area > a {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 40px;
  }
}

/* .card_link_title_wrap */
.yoshinoya-hd-hf .card_link_title_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #E2E2E2;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .card_link_title_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px 0;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link_title_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 20px;
    margin-top: 30px;
  }
}
.yoshinoya-hd-hf .card_link_title_wrap > h2 {
  font-size: 3.2em;
  line-height: 1.5;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0;
  width: 25%;
  min-width: 270px;
}
.yoshinoya-hd-hf .card_link_title_wrap > .card_link_reduction {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* .card_link */
.yoshinoya-hd-hf .card_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 40px;
}
.yoshinoya-hd-hf .card_link > * {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .card_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    row-gap: 16px;
  }
.yoshinoya-hd-hf   .card_link > * {
    width: calc((100% - 16px) / 2);
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    row-gap: 16px;
  }
.yoshinoya-hd-hf   .card_link > * {
    width: calc((100% - 0px) / 1);
  }
}
.yoshinoya-hd-hf .card_link.type_lower h3 {
  margin-bottom: 0;
}
.yoshinoya-hd-hf .card_link.type_sustainability > li {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.yoshinoya-hd-hf .card_link.type_sustainability > li > ul {
  padding: 0 40px 0 24px;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .card_link.type_sustainability > li > ul {
    padding: 0 35px 0 12px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link.type_sustainability > li > ul {
    padding: 0 44px 0 12px;
  }
}
.yoshinoya-hd-hf .card_link.type_sustainability > li > ul > li:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link.type_sustainability > li > ul > li:not(:last-child) {
    margin-bottom: 8px;
  }
}
.yoshinoya-hd-hf .card_link.type_sustainability > li a {
  height: auto;
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .card_link.type_sustainability > li a:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.yoshinoya-hd-hf .card_link > li {
  background: #FFFFFF;
  border-radius: 0px 0px 12px 0px;
  -webkit-box-shadow: 0px 0px 16px rgba(39, 41, 47, 0.06);
          box-shadow: 0px 0px 16px rgba(39, 41, 47, 0.06);
}
.yoshinoya-hd-hf .card_link > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  color: #1D1D1F;
  position: relative;
  /* hover */
}
.yoshinoya-hd-hf .card_link > li > a::after {
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 1.8em;
  line-height: 1;
  color: #1D1D1F;
  position: absolute;
  right: 21px;
  bottom: 35px;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .card_link > li > a::after {
    right: 12px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link > li > a::after {
    right: 13px;
    bottom: 11px !important;
  }
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .card_link > li > a:hover {
    opacity: 1;
    -webkit-box-shadow: 0px 0px 8px rgba(39, 41, 47, 0.06);
            box-shadow: 0px 0px 8px rgba(39, 41, 47, 0.06);
  }
.yoshinoya-hd-hf   .card_link > li > a:hover::after {
    right: 13px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link > li > a:hover::after {
    right: 5px;
  }
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .card_link > li > a:hover > figure img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
.yoshinoya-hd-hf   .card_link > li > a:hover > h3 {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
  }
}
.yoshinoya-hd-hf .card_link > li > a > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 44px;
  font-family: "Poppins", sans-serif;
  font-size: 1.2em;
  line-height: 1.8333333333;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: rgba(29, 29, 31, 0.5);
  padding-inline: 16px 18px;
  background: #FFFFFF;
  border-radius: 0px 0px 12px 0px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 1280px) {
.yoshinoya-hd-hf   .card_link > li > a > span {
    padding-inline: 12px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link > li > a > span {
    min-height: 34px;
    font-size: 0.9em;
    line-height: 1.1111111111;
    padding-inline: 9px 12px;
  }
}
.yoshinoya-hd-hf .card_link > li > a > figure {
  position: relative;
  background: #FFFFFF;
  overflow: hidden;
}
.yoshinoya-hd-hf .card_link > li > a > figure img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.yoshinoya-hd-hf .card_link > li > a > h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 2.8em;
  line-height: 1.2857142857;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 22px 40px 27px 24px;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .card_link > li > a > h3 {
    padding: 22px 35px 27px 12px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link > li > a > h3 {
    font-size: 1.6em;
    line-height: 1.1875;
    padding: 12px 44px 12px 12px;
  }
}
@media screen and (max-width: 1280px) {
.yoshinoya-hd-hf   .card_link > li > a .br_adjust {
    display: block !important;
  }
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .card_link > li > a .br_adjust {
    display: none !important;
  }
}

/* .card_link_reduction */
.yoshinoya-hd-hf .card_link_reduction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 24px;
}
.yoshinoya-hd-hf .card_link_reduction > * {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .card_link_reduction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    row-gap: 16px;
  }
.yoshinoya-hd-hf   .card_link_reduction > * {
    width: calc((100% - 32px) / 3);
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link_reduction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    row-gap: 16px;
  }
.yoshinoya-hd-hf   .card_link_reduction > * {
    width: calc((100% - 16px) / 2);
  }
}
.yoshinoya-hd-hf .card_link_reduction > li {
  border-radius: 0px 0px 12px 0px;
}
.yoshinoya-hd-hf .card_link_reduction > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  color: #1D1D1F;
  position: relative;
  /* hover */
}
.yoshinoya-hd-hf .card_link_reduction > li > a::after {
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 1.8em;
  line-height: 1;
  color: #1D1D1F;
  position: absolute;
  right: 0;
  bottom: 18px;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link_reduction > li > a::after {
    right: 0;
    bottom: 10px !important;
  }
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .card_link_reduction > li > a:hover {
    opacity: 1;
  }
.yoshinoya-hd-hf   .card_link_reduction > li > a:hover::after {
    right: -8px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link_reduction > li > a:hover::after {
    right: -5px;
  }
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .card_link_reduction > li > a:hover > figure img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
.yoshinoya-hd-hf   .card_link_reduction > li > a:hover > h3 {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
  }
}
.yoshinoya-hd-hf .card_link_reduction > li > a > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 44px;
  font-family: "Poppins", sans-serif;
  font-size: 1.2em;
  line-height: 1.8333333333;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: rgba(29, 29, 31, 0.5);
  padding-inline: 16px 18px;
  background: #FFFFFF;
  border-radius: 0px 0px 12px 0px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 1280px) {
.yoshinoya-hd-hf   .card_link_reduction > li > a > span {
    padding-inline: 12px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link_reduction > li > a > span {
    min-height: 34px;
    font-size: 0.9em;
    line-height: 1.1111111111;
    padding-inline: 9px 12px;
  }
}
.yoshinoya-hd-hf .card_link_reduction > li > a > figure {
  position: relative;
  background: #FFFFFF;
  overflow: hidden;
}
.yoshinoya-hd-hf .card_link_reduction > li > a > figure img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.yoshinoya-hd-hf .card_link_reduction > li > a > h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 2.4em;
  line-height: 1.7916666667;
  font-weight: 600;
  color: #000000;
  letter-spacing: 0.12em;
  padding: 8px 22px 8px 0;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .card_link_reduction > li > a > h3 {
    font-size: 1.6em;
    line-height: 1.1875;
    padding: 10px 22px 10px 0;
  }
}

/* =======================================

  LAYOUT

======================================= */
/* .clm_2 */
.yoshinoya-hd-hf .clm_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 80px;
     -moz-column-gap: 80px;
          column-gap: 80px;
  row-gap: 24px;
}
.yoshinoya-hd-hf .clm_2 > * {
  width: calc((100% - 80px) / 2);
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .clm_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    row-gap: 24px;
  }
.yoshinoya-hd-hf   .clm_2 > * {
    width: calc((100% - 40px) / 2);
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .clm_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 0px;
       -moz-column-gap: 0px;
            column-gap: 0px;
    row-gap: 48px;
  }
.yoshinoya-hd-hf   .clm_2 > * {
    width: calc((100% - 0px) / 1);
  }
}
.yoshinoya-hd-hf .clm_2:has(.office_info_wrap) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 63px;
     -moz-column-gap: 63px;
          column-gap: 63px;
  row-gap: 48px;
}
.yoshinoya-hd-hf .clm_2:has(.office_info_wrap) > * {
  width: calc((100% - 63px) / 2);
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .clm_2:has(.office_info_wrap) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    row-gap: 48px;
  }
.yoshinoya-hd-hf   .clm_2:has(.office_info_wrap) > * {
    width: calc((100% - 40px) / 2);
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .clm_2:has(.office_info_wrap) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 0px;
       -moz-column-gap: 0px;
            column-gap: 0px;
    row-gap: 48px;
  }
.yoshinoya-hd-hf   .clm_2:has(.office_info_wrap) > * {
    width: calc((100% - 0px) / 1);
  }
}

/* .clm_3 */
.yoshinoya-hd-hf .clm_3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 80px;
     -moz-column-gap: 80px;
          column-gap: 80px;
  row-gap: 24px;
}
.yoshinoya-hd-hf .clm_3 > * {
  width: calc((100% - 160px) / 3);
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .clm_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    row-gap: 24px;
  }
.yoshinoya-hd-hf   .clm_3 > * {
    width: calc((100% - 80px) / 3);
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .clm_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 0px;
       -moz-column-gap: 0px;
            column-gap: 0px;
    row-gap: 48px;
  }
.yoshinoya-hd-hf   .clm_3 > * {
    width: calc((100% - 0px) / 1);
  }
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .clm_3:has(.company_info) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    row-gap: 24px;
  }
.yoshinoya-hd-hf   .clm_3:has(.company_info) > * {
    width: calc((100% - 24px) / 2);
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .clm_3:has(.company_info) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 0px;
       -moz-column-gap: 0px;
            column-gap: 0px;
    row-gap: 48px;
  }
.yoshinoya-hd-hf   .clm_3:has(.company_info) > * {
    width: calc((100% - 0px) / 1);
  }
}

/* .clm_4 */
.yoshinoya-hd-hf .clm_4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 40px;
}
.yoshinoya-hd-hf .clm_4 > * {
  width: calc((100% - 120px) / 4);
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .clm_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    row-gap: 24px;
  }
.yoshinoya-hd-hf   .clm_4 > * {
    width: calc((100% - 80px) / 3);
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .clm_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    row-gap: 48px;
  }
.yoshinoya-hd-hf   .clm_4 > * {
    width: calc((100% - 0px) / 1);
  }
}

/* =======================================

  HEADER

======================================= */
header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  height: 117px;
  background: #FFFFFF;
  position: relative;
  z-index: 1000;
  opacity: 0;
  /* .language_field */
  /* .fontsize_field */
  /* .glonav */
  /* #toggle_btn */
  /* fixed */
}
@media screen and (max-width: 767px) {
  header {
    display: block;
    height: 64px;
    padding: 0;
    position: fixed;
    top: 0 !important;
    opacity: 1;
  }
  #main-container {
    margin-top: 64px;
  }
}
@media screen and (min-width: 768px) {
  header .glonav > .nav_main > li {
    /* hover */
  }
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  header .glonav > .nav_main > li:hover > a,
  header .glonav > .nav_main > li:hover > span {
    opacity: 1;
    color: #E57E2E;
  }
}
@media screen and (min-width: 768px) {
  header .glonav > .nav_main > li.parent {
    /* hover */
  }
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  header .glonav > .nav_main > li.parent:hover::before {
    content: "";
  }
  header .glonav > .nav_main > li.parent:hover .lower_list_field {
    display: block;
    visibility: visible;
    height: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  @starting-style {
    header .glonav > .nav_main > li.parent:hover .lower_list_field {
      visibility: hidden;
      height: 0;
      opacity: 0;
      -webkit-transform: translate3d(0, -20px, 0);
              transform: translate3d(0, -20px, 0);
    }
  }
}
@media screen and (min-width: 768px) {
  header .glonav > .nav_main > li.parent:focus-within .lower_list_field {
    display: block;
    visibility: visible;
    height: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  @starting-style {
    header .glonav > .nav_main > li.parent:focus-within .lower_list_field {
      visibility: hidden;
      height: 0;
      opacity: 0;
      -webkit-transform: translate3d(0, -20px, 0);
              transform: translate3d(0, -20px, 0);
    }
  }
  header .glonav > .nav_main > li.parent:focus-within .lower_list_field::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    z-index: -1;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  header .glonav > .nav_main > li.parent:focus-within .lower_list_field::before {
    content: none;
  }
}
@media screen and (min-width: 768px) {
  header .glonav > .nav_main > li.parent:focus-within .lower_list_field::after {
    content: "";
    width: 100%;
    height: 100svh;
    /* background: rgba(29, 29, 31, 0.6); */
    background: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  header .glonav > .nav_main > li.parent:focus-within .lower_list_field::after {
    content: none;
  }
}
header .site_logo {
  width: 180px;
  line-height: 1;
  padding: 18px;
  background: #FFFFFF;
  /* border-radius: 0px 0px 12px 0px; */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
  -webkit-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}
/* @media screen and (max-width: 1280px) {
  header .site_logo {
    width: 250px;
    padding: 24px 40px;
  }
}
@media screen and (max-width: 1180px) {
  header .site_logo {
    width: 150px;
    padding: 12px 24px;
  }
} */
@media screen and (max-width: 1079px) {
  header .site_logo {
    width: 150px;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 30px;
    border-radius: 0px;
  }
}
@media screen and (max-width: 767px) {
  header .site_logo {
    width: 87px;
    left: 3%;
  }
}
header .site_logo > a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  header .site_logo > a:focus-visible {
    outline: none;
  }
}
@media screen and (min-width: 1080px) {
  header:not(.fixed) .glonav .search_field .search_area {
    display: block !important;
  }
}
header .language_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  font-size: 1.4em;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.08em;
  position: absolute;
  right: 437px;
  z-index: 20;
}
header .language_field:where(html.font_lg *) {
  right: 447px;
}
@media screen and (max-width: 1079px) {
  header .language_field {
    width: auto;
    right: 120px;
  }
}
@media screen and (max-width: 767px) {
  header .language_field {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 114px;
  }
}
header .language_field #click_btn_language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  /* hover */
}
@media (hover: hover) and (pointer: fine) {
  header .language_field #click_btn_language:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  header .language_field #click_btn_language {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
header .language_field #click_btn_language > i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6em;
  line-height: 1;
  margin-right: 6px;
}
@media screen and (max-width: 1079px) {
  header .language_field #click_btn_language > span {
    display: none;
  }
}
header .language_field #click_btn_language::after {
  content: "\e911";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 0.6em;
  line-height: 1;
  margin-left: 3px;
}
@media screen and (max-width: 767px) {
  header .language_field #click_btn_language::after {
    margin-left: 0;
  }
}
header .language_field .other_language {
  display: none;
  width: 120px;
  padding: 24px 16px;
  background: #F8F9F9;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  position: absolute;
  right: 0;
  top: 40px;
}
header .language_field .other_language > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
header .language_field .other_language > ul > li > a {
  color: #1D1D1F;
}
header .fontsize_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  font-size: 1.4em;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.08em;
  position: absolute;
  right: 308px;
  z-index: 20;
}
@media screen and (max-width: 1079px) {
  header .fontsize_field {
    width: auto;
    right: 64px;
  }
}
@media screen and (max-width: 767px) {
  header .fontsize_field {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 63px;
  }
}
header .fontsize_field #click_btn_fontsize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  /* hover */
}
@media (hover: hover) and (pointer: fine) {
  header .fontsize_field #click_btn_fontsize:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  header .fontsize_field #click_btn_fontsize {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
header .fontsize_field #click_btn_fontsize > i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2em;
  line-height: 1;
  margin-right: 6px;
}
@media screen and (max-width: 1079px) {
  header .fontsize_field #click_btn_fontsize > span {
    display: none;
  }
}
header .fontsize_field #click_btn_fontsize::after {
  content: "\e911";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 0.6em;
  line-height: 1;
  margin-left: 3px;
}
header .fontsize_field .other_fontsize {
  display: none;
  width: 108px;
  padding: 22.5px 12px;
  background: #F8F9F9;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  position: absolute;
  right: 0;
  top: 40px;
}
header .fontsize_field .other_fontsize > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
header .fontsize_field .other_fontsize > ul > li > a {
  display: block;
  font-size: 0;
  color: #1D1D1F;
}
header .glonav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: calc(100% - 324px);
  margin: 0 0 0 auto;
  /* .nav_main */
  /* .nav_sub */
  /* .search_field */
  /* .lower_list_field */
  /* .lower_clm_wrap */
  /* .lower_sub_nav */
}
@media screen and (max-width: 1280px) {
  header .glonav {
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 1180px) {
  header .glonav {
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 1079px) {
  header .glonav {
    width: calc(100% - 180px);
  }
}
@media screen and (max-width: 767px) {
  header .glonav {
    visibility: hidden;
    width: 100%;
    height: 0;
    opacity: 0;
    margin: 64px 0 0 0;
    background: #FFFFFF;
    z-index: 1000;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
}
header .glonav > .nav_main {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
  width: 100%;
  margin-right: 38px;
}
@media screen and (max-width: 1079px) {
  header .glonav > .nav_main {
    gap: 24px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  header .glonav > .nav_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    gap: 0;
    width: 100%;
    height: auto;
    max-height: calc(100svh - 270px);
    margin-right: 0;
    margin-bottom: 38px;
    border-top: 1px solid #E2E2E2;
    overflow-y: auto;
  }
  header .glonav > .nav_main::-webkit-scrollbar {
    height: 8px;
    width: 8px;
  }
  header .glonav > .nav_main::-webkit-scrollbar-track {
    background-color: #F2F1F1;
  }
  header .glonav > .nav_main::-webkit-scrollbar-thumb {
    background-color: rgba(132, 132, 132, 0.4);
    border-radius: 10px;
  }
}
header .glonav > .nav_main > li {
  padding-block: 16px;
}
@media screen and (max-width: 767px) {
  header .glonav > .nav_main > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-block: 0;
  }
}
@media screen and (max-width: 767px) {
  header .glonav > .nav_main > li:not(.parent) {
    border-bottom: 1px solid #E2E2E2;
  }
}
header .glonav > .nav_main > li:not(.parent) > a {
  position: relative;
  /* hover */
}
@media screen and (max-width: 767px) {
  header .glonav > .nav_main > li:not(.parent) > a::after {
    content: "\e902";
    font-family: "yoshinoyahd_icon";
    font-size: 1.2em;
    line-height: 1;
    font-weight: 400;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 19px;
    -webkit-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
  }
}
@media (hover: hover) and (pointer: fine) {
  header .glonav > .nav_main > li:not(.parent) > a:hover::after {
    right: 11px;
  }
}
header .glonav > .nav_main > li > span,
header .glonav > .nav_main > li > a {
  font-size: 1.6em;
  line-height: 1.4375;
  font-weight: 700;
  color: #1D1D1F;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  header .glonav > .nav_main > li > span,
  header .glonav > .nav_main > li > a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.8em;
    line-height: 1.4444444444;
    min-height: 60px;
    padding: 0 0 0 3%;
    background: #FFFFFF;
    /* hover */
  }
}
@media screen and (max-width: 767px) and (hover: hover) and (pointer: fine) {
  header .glonav > .nav_main > li > span:hover,
  header .glonav > .nav_main > li > a:hover {
    color: #E57E2E;
  }
  header .glonav > .nav_main > li > span:hover::after,
  header .glonav > .nav_main > li > a:hover::after {
    color: #E57E2E;
  }
}
@media screen and (max-width: 767px) {
  header .glonav > .nav_main > li.parent > span,
  header .glonav > .nav_main > li.parent > a {
    display: none;
  }
}
header .glonav > .nav_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  height: 50px;
  margin: 0 0 12px auto;
}
@media screen and (max-width: 767px) {
  header .glonav > .nav_sub {
    width: 94%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    gap: 2px;
    margin: 0 auto 45px;
  }
}
@media screen and (max-width: 767px) {
  header .glonav > .nav_sub > li {
    width: 100%;
    background: #EAEAEA;
  }
}
@media screen and (max-width: 767px) {
  header .glonav > .nav_sub > li:first-child {
    border-radius: 12px 0 0 12px;
  }
}
@media screen and (max-width: 767px) {
  header .glonav > .nav_sub > li:last-child {
    border-radius: 0 12px 12px 0;
  }
}
header .glonav > .nav_sub > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 100%;
  font-size: 1.4em;
  line-height: 1.4285714286;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #1D1D1F;
}
@media screen and (max-width: 767px) {
  header .glonav > .nav_sub > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    padding: 20px 8px;
  }
}
header .glonav .search_field {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 280px;
  margin-left: 160px;
}
header .glonav .search_field:where(html.font_lg *) {
  margin-left: 174px;
}
header .glonav .search_field #click_btn_search {
  display: none;
  width: 50px;
  height: 50px;
  color: #FFFFFF;
  background: #1D1D1F;
  position: relative;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  font-size: 1.6em;
  /* hover */
}
header .glonav .search_field #click_btn_search.active {
  color: rgba(29, 29, 31, 0.25);
  background: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  header .glonav .search_field #click_btn_search:hover {
    opacity: 0.6;
  }
}
header .glonav .search_field .search_area {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
header .glonav .search_field .search_area form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header .glonav .search_field .search_area input {
  font-size: 1.2em;
  line-height: 1.4285714286;
  width: 230px;
  height: 50px;
  padding-inline: 12px;
  background: #F5F5F5;
  border: 1px solid #C8C8C8;
  border-width: 0 0 1px 1px;
}
header .glonav .search_field .search_area input::-webkit-input-placeholder {
  color: #A5A5A5;
}
header .glonav .search_field .search_area input::-moz-placeholder {
  color: #A5A5A5;
}
header .glonav .search_field .search_area input:-ms-input-placeholder {
  color: #A5A5A5;
}
header .glonav .search_field .search_area input::-ms-input-placeholder {
  color: #A5A5A5;
}
header .glonav .search_field .search_area input::placeholder {
  color: #A5A5A5;
}
header .glonav .search_field .search_area .btn_submit {
  width: 50px;
  height: 50px;
  color: #FFFFFF;
  background: #1D1D1F;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  font-size: 1.6em;
  /* hover */
}
@media (hover: hover) and (pointer: fine) {
  header .glonav .search_field .search_area .btn_submit:hover {
    opacity: 0.6;
  }
}
header .glonav .search_field .search_area .poplink.pcia {
  display: none;
}
@media screen and (max-width: 1079px) {
  header .glonav .search_field {
    width: auto;
    margin-left: 68px;
  }
  header .glonav .search_field #click_btn_search {
    display: block;
  }
  header .glonav .search_field .search_area {
    display: none;
    width: 100%;
    padding-block: 24px 64px;
    padding-inline: 3%;
    background: #FFFFFF;
    top: 117px;
    right: 0;
  }
  header .glonav .search_field .search_area form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  header .glonav .search_field .search_area input {
    display: block !important;
    font-size: 1.8em;
    line-height: 1.4583333333;
    width: calc(100% - 75px);
    height: 75px;
    padding-inline: 37px;
  }
  header .glonav .search_field .search_area .btn_submit {
    width: 75px;
    height: 75px;
  }
  header .glonav .search_field .search_area .btn_submit::before {
    font-size: 2.8em;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  header .glonav .search_field {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    height: auto;
    margin-left: auto;
  }
  header .glonav .search_field #click_btn_search {
    display: none;
  }
  header .glonav .search_field .search_area {
    display: block !important;
    padding: 16px 3%;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  header .glonav .search_field .search_area input {
    font-size: 1.6em;
    line-height: 1.4375;
    width: calc(100% - 50px);
    height: 50px;
    padding-inline: 14px;
    border-width: 1px;
  }
  header .glonav .search_field .search_area input::-webkit-input-placeholder {
    font-size: 1.4em;
    line-height: 1.4285714286;
  }
  header .glonav .search_field .search_area input::-moz-placeholder {
    font-size: 1.4em;
    line-height: 1.4285714286;
  }
  header .glonav .search_field .search_area input:-ms-input-placeholder {
    font-size: 1.4em;
    line-height: 1.4285714286;
  }
  header .glonav .search_field .search_area input::-ms-input-placeholder {
    font-size: 1.4em;
    line-height: 1.4285714286;
  }
  header .glonav .search_field .search_area input::placeholder {
    font-size: 1.4em;
    line-height: 1.4285714286;
  }
  header .glonav .search_field .search_area .btn_submit {
    width: 50px;
    height: 50px;
  }
  header .glonav .search_field .search_area .btn_submit::before {
    font-size: 1.4em;
    line-height: 1;
  }
}
header .glonav .lower_list_field {
  display: none;
  visibility: hidden;
  width: 100%;
  height: 0;
  padding-block: 70px;
  background: #FFFFFF;
  z-index: 10;
  position: absolute;
  inset: 117px 0 auto;
  opacity: 0;
  -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /* .lower_list_nav */
}
@media screen and (min-width: 1080px) {
  header .glonav .lower_list_field {
    max-height: calc(100vh - 117px);
    overflow-y: auto;
  }
}
header .glonav .lower_list_field::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
header .glonav .lower_list_field::-webkit-scrollbar-track {
  background-color: #F2F1F1;
}
header .glonav .lower_list_field::-webkit-scrollbar-thumb {
  background-color: rgba(132, 132, 132, 0.4);
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_list_field {
    visibility: hidden;
    height: 0;
    padding-block: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    position: static;
    opacity: 0;
  }
}
header .glonav .lower_list_field > .lower_list_nav {
  width: 100%;
  max-width: 1120px;
  margin: auto !important;
  -webkit-transition: padding 0.2s ease-out;
  transition: padding 0.2s ease-out;
}
@media screen and (max-width: 1180px) {
  header .glonav .lower_list_field > .lower_list_nav {
    width: calc(100% - 60px);
    margin-inline: 30px;
  }
}
@media screen and (max-width: 767px) {
  header .glonav .lower_list_field > .lower_list_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin-inline: 0;
    padding: 0;
  }
}
header .glonav .lower_list_field > .lower_list_nav > .ttl {
  font-size: 3.2em;
  line-height: 1.4375;
  font-weight: 700;
  margin-bottom: 24px;
  border-bottom: 1px solid #1D1D1F;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_list_field > .lower_list_nav > .ttl {
    font-size: 1.8em;
    line-height: 1.4444444444;
    margin-bottom: 0;
    border-bottom-color: #E2E2E2;
    position: relative;
    /* hover */
  }
  header .glonav .lower_list_field > .lower_list_nav > .ttl:has(.switch_btn.on) > a {
    color: #E57E2E;
  }
}
@media screen and (max-width: 767px) and (hover: hover) and (pointer: fine) {
  header .glonav .lower_list_field > .lower_list_nav > .ttl:hover > a {
    opacity: 1;
    color: #E57E2E;
  }
  header .glonav .lower_list_field > .lower_list_nav > .ttl:hover > a::after {
    color: #E57E2E;
  }
  header .glonav .lower_list_field > .lower_list_nav > .ttl:hover .switch_btn {
    color: #E57E2E;
  }
}
header .glonav .lower_list_field > .lower_list_nav > .ttl > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1D1D1F;
  padding-bottom: 25px;
  /* hover */
}
@media screen and (max-width: 767px) {
  header .glonav .lower_list_field > .lower_list_nav > .ttl > a {
    min-height: 60px;
    padding: 8px 60px 8px 3%;
  }
}
header .glonav .lower_list_field > .lower_list_nav > .ttl > a::after {
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-size: 1.2em;
  line-height: 1;
  font-weight: 400;
  margin-left: 12px;
  -webkit-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_list_field > .lower_list_nav > .ttl > a::after {
    content: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  header .glonav .lower_list_field > .lower_list_nav > .ttl > a:hover::after {
    margin-left: 20px;
  }
}
header .glonav .lower_list_field > .lower_list_nav > .ttl .switch_btn {
  display: none;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_list_field > .lower_list_nav > .ttl .switch_btn {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
  }
  header .glonav .lower_list_field > .lower_list_nav > .ttl .switch_btn::after {
    content: "\e907";
    font-family: "yoshinoyahd_icon";
    font-size: 1.2em;
    line-height: 1;
    font-weight: 400;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 19px;
  }
}
header .glonav .lower_list_field > .lower_list_nav > .ttl .switch_btn.on::after {
  content: "\e90a";
  color: #E57E2E;
}
header .glonav .lower_list_field > .lower_list_nav > nav {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 1080px) {
  header .glonav .lower_list_field > .lower_list_nav > nav {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  header .glonav .lower_list_field > .lower_list_nav > nav {
    display: none;
  }
}
header .glonav .lower_list_field > .lower_list_nav:not(:last-child) {
  margin-bottom: 40px;
}
header .glonav .lower_list_field > .lower_list_nav + .lower_list_nav {
  margin-top: 30px !important;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_list_field > .lower_list_nav + .lower_list_nav {
    margin-top: 0 !important;
  }
}
header .glonav .lower_clm_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 76px;
     -moz-column-gap: 76px;
          column-gap: 76px;
  row-gap: 20px;
  text-align: start;
}
header .glonav .lower_clm_wrap > * {
  width: calc((100% - 228px) / 4);
}
@media screen and (max-width: 1180px) {
  header .glonav .lower_clm_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    row-gap: 20px;
  }
  header .glonav .lower_clm_wrap > * {
    width: calc((100% - 60px) / 4);
  }
}
@media screen and (max-width: 767px) {
  header .glonav .lower_clm_wrap {
    display: block;
    margin-inline: 3%;
  }
}
@media screen and (max-width: 767px) {
  header .glonav .lower_clm_wrap > li {
    width: 100%;
    border-bottom: 1px solid #E2E2E2;
  }
}
header .glonav .lower_clm_wrap > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 2em;
  line-height: 1.6;
  font-weight: 700;
  color: #000000;
  /* hover */
}
@media screen and (max-width: 767px) {
  header .glonav .lower_clm_wrap > li > a {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.6em;
    line-height: 1.4375;
    min-height: 45px;
    padding: 8px 60px 8px 3%;
    margin-bottom: 0;
    position: relative;
  }
}
header .glonav .lower_clm_wrap > li > a::after {
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-size: 0.8em;
  line-height: 1;
  font-weight: 400;
  margin-left: 12px;
  position: relative;
  top: 12px;
  right: 0;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_clm_wrap > li > a::after {
    content: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  header .glonav .lower_clm_wrap > li > a:hover::after {
    right: -8px;
  }
}
header .glonav .lower_clm_wrap > li > a + .lower_list_nav {
  display: block;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_clm_wrap > li > a + .lower_list_nav {
    display: none;
    margin-top: 0;
  }
}
header .glonav .lower_clm_wrap > li.parent {
  position: relative;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_clm_wrap > li.parent:has(.switch_btn.on) > .lower_list_nav {
    margin-block: 8px 16px;
  }
}
header .glonav .lower_clm_wrap > li.parent .switch_btn {
  display: none;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_clm_wrap > li.parent .switch_btn {
    display: block;
    width: 60px;
    height: 45px;
    position: absolute;
    top: 0;
    right: -3%;
    z-index: 10;
  }
  header .glonav .lower_clm_wrap > li.parent .switch_btn::after {
    content: "\e907";
    font-family: "yoshinoyahd_icon";
    font-size: 1.2em;
    line-height: 1;
    font-weight: 400;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 19px;
  }
}
header .glonav .lower_clm_wrap > li.parent .switch_btn.on::after {
  content: "\e90a";
}
header .glonav .lower_clm_wrap .lower_list_nav {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_clm_wrap .lower_list_nav {
    display: none;
  }
}
header .glonav .lower_clm_wrap .lower_list_nav > li:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_clm_wrap .lower_list_nav > li:not(:last-child) {
    margin-bottom: 10px;
  }
}
header .glonav .lower_clm_wrap .lower_list_nav > li > a {
  display: inlin-block;
  font-size: 1.6em;
  line-height: 1.4375;
  font-weight: 600;
  color: #1D1D1F;
  padding-bottom: 1px;
  border-bottom: 1px solid rgba(29, 29, 31, 0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /* hover */
}
@media (hover: hover) and (pointer: fine) {
  header .glonav .lower_clm_wrap .lower_list_nav > li > a:hover {
    border-bottom: 1px solid #1d1d1f;
  }
}
@media screen and (max-width: 767px) {
  header .glonav .lower_clm_wrap .lower_list_nav > li > a {
    font-size: 1.4em;
    line-height: 1.4285714286;
    padding-left: 3%;
    border-bottom: none;
    /* hover */
  }
}
@media screen and (max-width: 767px) and (hover: hover) and (pointer: fine) {
  header .glonav .lower_clm_wrap .lower_list_nav > li > a:hover {
    border-bottom: none;
  }
}
header .glonav .lower_sub_nav {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #E2E2E2;
}
@media screen and (max-width: 767px) {
  header .glonav .lower_sub_nav {
    padding: 40px 3%;
    margin: 0 3%;
    border-top: none;
    border-bottom: 1px solid #E2E2E2;
  }
}
header .glonav .lower_sub_nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 0;
}
header .glonav .lower_sub_nav > ul > li {
  padding-right: 20px;
  margin-right: 20px;
  position: relative;
}
header .glonav .lower_sub_nav > ul > li::after {
  content: "";
  width: 1px;
  height: 12px;
  background: #E2E2E2;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 0;
}
header .glonav .lower_sub_nav > ul > li > a {
  font-size: 1.6em;
  line-height: 1.4375;
  font-weight: 700;
  color: #1D1D1F;
  border-bottom: 1px solid rgba(29, 29, 31, 0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /* hover */
}
@media (hover: hover) and (pointer: fine) {
  header .glonav .lower_sub_nav > ul > li > a:hover {
    border-bottom: 1px solid #1d1d1f;
  }
}
header #toggle_btn {
  display: none;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  header #toggle_btn {
    display: block;
    width: 50px;
    height: 50px;
    background: #EFEFEF;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
  }
  header #toggle_btn > span {
    display: inline-block;
    margin: auto;
    width: 16px;
    height: 2px;
    background: #1D1D1F;
    position: absolute;
    right: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  header #toggle_btn > span:nth-of-type(1) {
    top: calc(50% - 5px);
  }
  header #toggle_btn > span:nth-of-type(3) {
    top: calc(50% + 5px);
  }
}
header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  height: 70px;
  background: #FFFFFF;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header.fixed .site_logo {
  width: 90px;
  padding: 0;
  border-radius: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 44px;
}
@media screen and (max-width: 1079px) {
  header.fixed .site_logo {
    left: 8px;
  }
}
header.fixed .language_field {
  width: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 109px;
  margin-right: 32px;
}
@media screen and (max-width: 1079px) {
  header.fixed .language_field {
    right: 60px;
    margin-right: 0;
  }
}
@media screen and (max-width: 850px) {
  header.fixed .language_field {
    right: 82px;
  }
}
header.fixed .language_field #click_btn_language > i {
  margin-right: 0;
}
header.fixed .language_field #click_btn_language > span {
  display: none;
}
header.fixed .fontsize_field {
  width: 30px;
  top: 10px;
  right: 80px;
  margin-right: 16px;
}
@media screen and (max-width: 1079px) {
  header.fixed .fontsize_field {
    right: 58px;
    margin-right: 0;
  }
}
header.fixed .fontsize_field #click_btn_fontsize > i {
  margin-right: 0;
}
header.fixed .fontsize_field #click_btn_fontsize > span {
  display: none;
}
header.fixed .glonav {
  width: calc(100% - 158px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* .lower_list_field */
}
@media screen and (max-width: 1079px) {
  header.fixed .glonav {
    width: calc(100% - 122px);
  }
}
header.fixed .glonav > .nav_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  height: 70px;
  margin-inline: 20px;
}
@media screen and (max-width: 1079px) {
  header.fixed .glonav > .nav_main {
    gap: 24px;
    margin-inline: 20px 10px;
  }
}
@media screen and (max-width: 850px) {
  header.fixed .glonav > .nav_main {
    gap: 8px;
    margin-inline: 10px 0;
  }
}
header.fixed .glonav > .nav_main > li {
  padding-block: 22px;
}
header.fixed .glonav > .nav_main > li > a,
header.fixed .glonav > .nav_main > li > span {
  font-size: 1.5em;
  line-height: 1.5333333333;
}
header.fixed .glonav > .nav_sub {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0;
}
@media screen and (max-width: 1079px) {
  header.fixed .glonav > .nav_sub {
    gap: 12px;
    margin: 0 12px 0 0;
  }
}
@media screen and (max-width: 850px) {
  header.fixed .glonav > .nav_sub {
    gap: 8px;
    margin: 0 16px 0 8px;
  }
}
header.fixed .glonav > .nav_sub > li > a > span {
  display: none;
}
header.fixed .glonav .search_field {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: auto;
  margin-left: 68px;
}
@media screen and (max-width: 1079px) {
  header.fixed .glonav .search_field {
    margin-left: 36px;
  }
}
@media screen and (max-width: 850px) {
  header.fixed .glonav .search_field {
    margin-left: 28px;
  }
}
header.fixed .glonav .search_field #click_btn_search {
  display: block;
  margin-right: 30px;
}
@media screen and (max-width: 1079px) {
  header.fixed .glonav .search_field #click_btn_search {
    margin-right: 0;
  }
}
header.fixed .glonav .search_field .search_area {
  display: none;
  width: 100%;
  background: #FFFFFF;
  top: 70px;
  right: 0;
  padding: 30px 30px 64px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
header.fixed .glonav .search_field .search_area.active {
  opacity: 1;
}
header.fixed .glonav .search_field .search_area.active input {
  border-width: 1px 0 1px 1px;
}
header.fixed .glonav .search_field .search_area form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 980px;
  margin-inline: auto;
}
header.fixed .glonav .search_field .search_area input {
  display: block !important;
  font-size: 1.8em;
  line-height: 1.4583333333;
  width: calc(100% - 75px);
  height: 75px;
  padding-inline: 37px;
}
header.fixed .glonav .search_field .search_area input::-webkit-input-placeholder {
  font-size: 1.6em;
  line-height: 1.4583333333;
}
header.fixed .glonav .search_field .search_area input::-moz-placeholder {
  font-size: 1.6em;
  line-height: 1.4583333333;
}
header.fixed .glonav .search_field .search_area input:-ms-input-placeholder {
  font-size: 1.6em;
  line-height: 1.4583333333;
}
header.fixed .glonav .search_field .search_area input::-ms-input-placeholder {
  font-size: 1.6em;
  line-height: 1.4583333333;
}
header.fixed .glonav .search_field .search_area input::placeholder {
  font-size: 1.6em;
  line-height: 1.4583333333;
}
header.fixed .glonav .search_field .search_area .btn_submit {
  width: 75px;
  height: 75px;
}
header.fixed .glonav .lower_list_field {
  inset: 70px 0 auto;
}
@media screen and (min-width: 1080px) {
  header.fixed .glonav .lower_list_field {
    max-height: calc(100vh - 70px);
  }
}

/* .menu_open */
@media screen and (max-width: 767px) {
.menu_open header {
    /* #toggle_btn */
  }
.menu_open header .glonav {
    visibility: visible;
    width: 100%;
    height: 100svh;
    border-top: 1px solid rgba(34, 34, 34, 0.08);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
.menu_open header .glonav .lower_list_field {
    display: block;
    visibility: visible;
    height: auto;
    opacity: 1;
  }
.menu_open header .glonav .lower_list_field .lower_list_nav + .lower_list_nav {
    display: none;
  }
.menu_open header #toggle_btn > span:nth-of-type(1) {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) translateX(-3.5px) rotate(45deg);
            transform: translate(-50%, -50%) translateX(-3.5px) rotate(45deg);
  }
.menu_open header #toggle_btn > span:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: translateX(10%) translateX(3.5px) rotate(0);
            transform: translateX(10%) translateX(3.5px) rotate(0);
  }
.menu_open header #toggle_btn > span:nth-of-type(3) {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) translateX(-3.5px) rotate(-45deg);
            transform: translate(-50%, -50%) translateX(-3.5px) rotate(-45deg);
  }
  /* .switch_btn */
.yoshinoya-hd-hf   .switch_btn.on + .lower_list_field {
    background: transparent;
    position: static;
    opacity: 1;
  }
.yoshinoya-hd-hf   .switch_btn.on + .lower_list_field .lower_list_nav {
    height: auto;
    opacity: 1;
  }
}
/* =======================================

  FOOTER

======================================= */
footer {
  background: #FAFAFA;
  border-top: 1px solid #E2E2E2;
  /* .cont_inner */
  /* .footer_site_logo */
  /* .footer_sitemap */
  /* .footer_copy_field */
}
footer .cont_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px 67px;
  padding-block: 65px 66px;
}
@media screen and (max-width: 1079px) {
  footer .cont_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  footer .cont_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-inline: 0;
    padding-block: 40px 0;
  }
}
footer .footer_site_logo {
  padding-top: 48px;
}
@media screen and (max-width: 1079px) {
  footer .footer_site_logo {
    padding-top: 0;
  }
}
footer .footer_site_logo > a img {
  width: 200px;
  height: auto;
}
@media screen and (max-width: 767px) {
  footer .footer_site_logo > a img {
    width: 148px;
  }
}
footer .footer_sitemap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 56px;
}
@media screen and (max-width: 1280px) {
  footer .footer_sitemap {
    gap: 0 24px;
  }
}
@media screen and (max-width: 767px) {
  footer .footer_sitemap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
footer .footer_sitemap .row {
  /* .other */
}
@media screen and (max-width: 1280px) {
  footer .footer_sitemap .row {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
footer .footer_sitemap .row:first-child {
  width: 210px;
}
@media screen and (max-width: 1280px) {
  footer .footer_sitemap .row:first-child {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  footer .footer_sitemap .row:first-child > h2 {
    border-top: 1px solid #E2E2E2;
  }
}
@media screen and (max-width: 767px) {
  footer .footer_sitemap .row {
    width: 100% !important;
  }
}
footer .footer_sitemap .row:nth-child(2) {
  width: 240px;
}
@media screen and (max-width: 1280px) {
  footer .footer_sitemap .row:nth-child(2) {
    width: auto;
  }
}
footer .footer_sitemap .row:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
footer .footer_sitemap .row > h2 {
  font-size: 1.8em;
  line-height: 1.4444444444;
  font-weight: 700;
  margin-bottom: 24px;
  border-bottom: 1px solid #E2E2E2;
}
@media screen and (max-width: 767px) {
  footer .footer_sitemap .row > h2 {
    font-size: 1.6em;
    line-height: 1.4375;
    margin-bottom: 0;
  }
}
footer .footer_sitemap .row > h2 > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  padding: 0 16px 24px 0;
  position: relative;
  /* hover */
}
@media screen and (max-width: 767px) {
  footer .footer_sitemap .row > h2 > a {
    padding: 19px calc(3% + 22px) 18px 3%;
  }
}
footer .footer_sitemap .row > h2 > a::after {
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-size: 0.8em;
  line-height: 1;
  font-weight: 400;
  position: absolute;
  right: 0;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  footer .footer_sitemap .row > h2 > a::after {
    font-size: 1.6em;
    line-height: 1;
    right: 3%;
  }
}
@media (hover: hover) and (pointer: fine) {
  footer .footer_sitemap .row > h2 > a:hover::after {
    right: -5px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px) {
  footer .footer_sitemap .row > h2 > a:hover::after {
    right: calc(3% - 5px);
  }
}
footer .footer_sitemap .row ul {
  text-align: start;
}
footer .footer_sitemap .row ul > li:not(:last-child) {
  margin-bottom: 10px;
}
footer .footer_sitemap .row ul > li > a {
  font-size: 1.4em;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #3A3A3A;
}
@media screen and (max-width: 767px) {
  footer .footer_sitemap .row > *:not(h2):not(.other) {
    display: none;
  }
}
footer .footer_sitemap .row > *:not(h2):not(.other) li a {
  border-bottom: 1px solid rgba(58, 58, 58, 0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /* hover */
}
@media (hover: hover) and (pointer: fine) {
  footer .footer_sitemap .row > *:not(h2):not(.other) li a:hover {
    border-bottom: 1px solid #3a3a3a;
  }
}
footer .footer_sitemap .row > *:not(:last-child):not(h2) {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  footer .footer_sitemap .row .other > li {
    border-bottom: 1px solid #E2E2E2;
  }
}
footer .footer_sitemap .row .other > li:not(:last-child) {
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  footer .footer_sitemap .row .other > li:not(:last-child) {
    margin-bottom: 0;
  }
}
footer .footer_sitemap .row .other > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8em;
  line-height: 1.4444444444;
  font-weight: 700;
  color: #000000;
  padding-right: 20px;
  position: relative;
  /* hover */
}
@media screen and (max-width: 767px) {
  footer .footer_sitemap .row .other > li > a {
    font-size: 1.6em;
    line-height: 1.4375;
    padding: 19px calc(3% + 22px) 18px 3%;
  }
}
footer .footer_sitemap .row .other > li > a::after {
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-size: 0.8em;
  line-height: 1;
  font-weight: 400;
  position: absolute;
  right: 0;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  footer .footer_sitemap .row .other > li > a::after {
    font-size: 1.6em;
    line-height: 1;
    right: 3%;
  }
}
@media (hover: hover) and (pointer: fine) {
  footer .footer_sitemap .row .other > li > a:hover::after {
    right: -5px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px) {
  footer .footer_sitemap .row .other > li > a:hover::after {
    right: calc(3% - 5px);
  }
}
footer .footer_sitemap .clm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 64px;
}
@media screen and (max-width: 1280px) {
  footer .footer_sitemap .clm {
    gap: 0 20px;
  }
}
footer .footer_copy_field {
  padding: 51px 30px 52px;
  background: #1D1D1F;
  text-align: start;
}
@media screen and (max-width: 767px) {
  footer .footer_copy_field {
    padding: 40px 3%;
  }
}
footer .footer_copy_field > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 32px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  footer .footer_copy_field > ul {
    gap: 8px 22px;
    margin-bottom: 40px;
  }
}
footer .footer_copy_field > ul > li > a {
  font-size: 1.3em;
  line-height: 1.7692307692;
  color: #FFFFFF;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /* hover */
}
@media (hover: hover) and (pointer: fine) {
  footer .footer_copy_field > ul > li > a:hover {
    border-bottom: 1px solid white;
  }
}
@media screen and (max-width: 767px) {
  footer .footer_copy_field > ul > li > a {
    font-size: 1.2em;
    line-height: 1.8333333333;
  }
}
footer .footer_copy_field > small {
  font-family: "Poppins", sans-serif;
  font-size: 1.2em;
  line-height: 1.8333333333;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  text-align: start;
}
@media screen and (max-width: 767px) {
  footer .footer_copy_field > small {
    font-size: 1em;
    line-height: 1.8;
    letter-spacing: 0.04em;
  }
}

/* =======================================

  UTILITY

======================================= */
/*-----------------------------------------
  color
-----------------------------------------*/
.yoshinoya-hd-hf .color_primary {
  color: #E57E2E !important;
}

.yoshinoya-hd-hf .color_secondary {
  color: #097DB9 !important;
}

.yoshinoya-hd-hf .color_red {
  color: #EF0A06 !important;
}

.yoshinoya-hd-hf .color_base_black {
  color: #1D1D1F !important;
}

.yoshinoya-hd-hf .color_black {
  color: #000000 !important;
}

/*-----------------------------------------
  font_size
-----------------------------------------*/
.yoshinoya-hd-hf .fs_l {
  font-size: 1.8em;
  line-height: 1.7777777778;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .fs_l {
    font-size: 1.8em;
    line-height: 1.5555555556;
  }
}

.yoshinoya-hd-hf .fs_m {
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .fs_m {
    font-size: 1.6em;
    line-height: 1.75;
  }
}

.yoshinoya-hd-hf .fs_s {
  font-size: 1.4em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .fs_s {
    font-size: 1.4em;
    line-height: 1.5714285714;
  }
}

.yoshinoya-hd-hf .fs_xs {
  font-size: 1.2em;
  line-height: 1.8333333333;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .fs_xs {
    font-size: 1.2em;
    line-height: 1.5;
  }
}

/*-----------------------------------------
  font_wight
-----------------------------------------*/
.yoshinoya-hd-hf .fw_400 {
  font-weight: 400 !important;
}

.yoshinoya-hd-hf .fw_500 {
  font-weight: 500 !important;
}

.yoshinoya-hd-hf .fw_600 {
  font-weight: 600 !important;
}

.yoshinoya-hd-hf .fw_700 {
  font-weight: 700 !important;
}

/*-----------------------------------------
  font
-----------------------------------------*/
.yoshinoya-hd-hf .ff_en {
  font-family: "Poppins", sans-serif !important;
}

/*-----------------------------------------
  align
-----------------------------------------*/
.yoshinoya-hd-hf .align_r {
  text-align: right !important;
}

.yoshinoya-hd-hf .align_c {
  text-align: center !important;
}

.yoshinoya-hd-hf .align_l {
  text-align: left !important;
}

.yoshinoya-hd-hf .v_align_t {
  vertical-align: top !important;
}

.yoshinoya-hd-hf .v_align_m {
  vertical-align: middle !important;
}

.yoshinoya-hd-hf .v_align_b {
  vertical-align: bottom !important;
}

/*-----------------------------------------
  flex
-----------------------------------------*/
.yoshinoya-hd-hf .row_reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.yoshinoya-hd-hf .column_reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

/*-----------------------------------------
  display
-----------------------------------------*/
.yoshinoya-hd-hf .pc {
  display: block !important;
}

.yoshinoya-hd-hf .pc_flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.yoshinoya-hd-hf .pc_inline {
  display: inline !important;
}

.yoshinoya-hd-hf .sp {
  display: none !important;
}

.yoshinoya-hd-hf .sp_inline {
  display: none !important;
}

.yoshinoya-hd-hf .dib {
  display: inline-block !important;
}

@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .pc {
    display: none !important;
  }
.yoshinoya-hd-hf   .pc_flex {
    display: none !important;
  }
.yoshinoya-hd-hf   .pc_inline {
    display: none !important;
  }
.yoshinoya-hd-hf   .sp {
    display: block !important;
  }
.yoshinoya-hd-hf   .sp_inline {
    display: inline !important;
  }
}
/*-----------------------------------------
  width
-----------------------------------------*/
.yoshinoya-hd-hf .w_1 {
  width: 1% !important;
}

.yoshinoya-hd-hf .w_max_1 {
  max-width: 1% !important;
}

.yoshinoya-hd-hf .w_min_1 {
  min-width: 1% !important;
}

.yoshinoya-hd-hf .w_2 {
  width: 2% !important;
}

.yoshinoya-hd-hf .w_max_2 {
  max-width: 2% !important;
}

.yoshinoya-hd-hf .w_min_2 {
  min-width: 2% !important;
}

.yoshinoya-hd-hf .w_3 {
  width: 3% !important;
}

.yoshinoya-hd-hf .w_max_3 {
  max-width: 3% !important;
}

.yoshinoya-hd-hf .w_min_3 {
  min-width: 3% !important;
}

.yoshinoya-hd-hf .w_4 {
  width: 4% !important;
}

.yoshinoya-hd-hf .w_max_4 {
  max-width: 4% !important;
}

.yoshinoya-hd-hf .w_min_4 {
  min-width: 4% !important;
}

.yoshinoya-hd-hf .w_5 {
  width: 5% !important;
}

.yoshinoya-hd-hf .w_max_5 {
  max-width: 5% !important;
}

.yoshinoya-hd-hf .w_min_5 {
  min-width: 5% !important;
}

.yoshinoya-hd-hf .w_6 {
  width: 6% !important;
}

.yoshinoya-hd-hf .w_max_6 {
  max-width: 6% !important;
}

.yoshinoya-hd-hf .w_min_6 {
  min-width: 6% !important;
}

.yoshinoya-hd-hf .w_7 {
  width: 7% !important;
}

.yoshinoya-hd-hf .w_max_7 {
  max-width: 7% !important;
}

.yoshinoya-hd-hf .w_min_7 {
  min-width: 7% !important;
}

.yoshinoya-hd-hf .w_8 {
  width: 8% !important;
}

.yoshinoya-hd-hf .w_max_8 {
  max-width: 8% !important;
}

.yoshinoya-hd-hf .w_min_8 {
  min-width: 8% !important;
}

.yoshinoya-hd-hf .w_9 {
  width: 9% !important;
}

.yoshinoya-hd-hf .w_max_9 {
  max-width: 9% !important;
}

.yoshinoya-hd-hf .w_min_9 {
  min-width: 9% !important;
}

.yoshinoya-hd-hf .w_10 {
  width: 10% !important;
}

.yoshinoya-hd-hf .w_max_10 {
  max-width: 10% !important;
}

.yoshinoya-hd-hf .w_min_10 {
  min-width: 10% !important;
}

.yoshinoya-hd-hf .w_11 {
  width: 11% !important;
}

.yoshinoya-hd-hf .w_max_11 {
  max-width: 11% !important;
}

.yoshinoya-hd-hf .w_min_11 {
  min-width: 11% !important;
}

.yoshinoya-hd-hf .w_12 {
  width: 12% !important;
}

.yoshinoya-hd-hf .w_max_12 {
  max-width: 12% !important;
}

.yoshinoya-hd-hf .w_min_12 {
  min-width: 12% !important;
}

.yoshinoya-hd-hf .w_13 {
  width: 13% !important;
}

.yoshinoya-hd-hf .w_max_13 {
  max-width: 13% !important;
}

.yoshinoya-hd-hf .w_min_13 {
  min-width: 13% !important;
}

.yoshinoya-hd-hf .w_14 {
  width: 14% !important;
}

.yoshinoya-hd-hf .w_max_14 {
  max-width: 14% !important;
}

.yoshinoya-hd-hf .w_min_14 {
  min-width: 14% !important;
}

.yoshinoya-hd-hf .w_15 {
  width: 15% !important;
}

.yoshinoya-hd-hf .w_max_15 {
  max-width: 15% !important;
}

.yoshinoya-hd-hf .w_min_15 {
  min-width: 15% !important;
}

.yoshinoya-hd-hf .w_16 {
  width: 16% !important;
}

.yoshinoya-hd-hf .w_max_16 {
  max-width: 16% !important;
}

.yoshinoya-hd-hf .w_min_16 {
  min-width: 16% !important;
}

.yoshinoya-hd-hf .w_17 {
  width: 17% !important;
}

.yoshinoya-hd-hf .w_max_17 {
  max-width: 17% !important;
}

.yoshinoya-hd-hf .w_min_17 {
  min-width: 17% !important;
}

.yoshinoya-hd-hf .w_18 {
  width: 18% !important;
}

.yoshinoya-hd-hf .w_max_18 {
  max-width: 18% !important;
}

.yoshinoya-hd-hf .w_min_18 {
  min-width: 18% !important;
}

.yoshinoya-hd-hf .w_19 {
  width: 19% !important;
}

.yoshinoya-hd-hf .w_max_19 {
  max-width: 19% !important;
}

.yoshinoya-hd-hf .w_min_19 {
  min-width: 19% !important;
}

.yoshinoya-hd-hf .w_20 {
  width: 20% !important;
}

.yoshinoya-hd-hf .w_max_20 {
  max-width: 20% !important;
}

.yoshinoya-hd-hf .w_min_20 {
  min-width: 20% !important;
}

.yoshinoya-hd-hf .w_21 {
  width: 21% !important;
}

.yoshinoya-hd-hf .w_max_21 {
  max-width: 21% !important;
}

.yoshinoya-hd-hf .w_min_21 {
  min-width: 21% !important;
}

.yoshinoya-hd-hf .w_22 {
  width: 22% !important;
}

.yoshinoya-hd-hf .w_max_22 {
  max-width: 22% !important;
}

.yoshinoya-hd-hf .w_min_22 {
  min-width: 22% !important;
}

.yoshinoya-hd-hf .w_23 {
  width: 23% !important;
}

.yoshinoya-hd-hf .w_max_23 {
  max-width: 23% !important;
}

.yoshinoya-hd-hf .w_min_23 {
  min-width: 23% !important;
}

.yoshinoya-hd-hf .w_24 {
  width: 24% !important;
}

.yoshinoya-hd-hf .w_max_24 {
  max-width: 24% !important;
}

.yoshinoya-hd-hf .w_min_24 {
  min-width: 24% !important;
}

.yoshinoya-hd-hf .w_25 {
  width: 25% !important;
}

.yoshinoya-hd-hf .w_max_25 {
  max-width: 25% !important;
}

.yoshinoya-hd-hf .w_min_25 {
  min-width: 25% !important;
}

.yoshinoya-hd-hf .w_26 {
  width: 26% !important;
}

.yoshinoya-hd-hf .w_max_26 {
  max-width: 26% !important;
}

.yoshinoya-hd-hf .w_min_26 {
  min-width: 26% !important;
}

.yoshinoya-hd-hf .w_27 {
  width: 27% !important;
}

.yoshinoya-hd-hf .w_max_27 {
  max-width: 27% !important;
}

.yoshinoya-hd-hf .w_min_27 {
  min-width: 27% !important;
}

.yoshinoya-hd-hf .w_28 {
  width: 28% !important;
}

.yoshinoya-hd-hf .w_max_28 {
  max-width: 28% !important;
}

.yoshinoya-hd-hf .w_min_28 {
  min-width: 28% !important;
}

.yoshinoya-hd-hf .w_29 {
  width: 29% !important;
}

.yoshinoya-hd-hf .w_max_29 {
  max-width: 29% !important;
}

.yoshinoya-hd-hf .w_min_29 {
  min-width: 29% !important;
}

.yoshinoya-hd-hf .w_30 {
  width: 30% !important;
}

.yoshinoya-hd-hf .w_max_30 {
  max-width: 30% !important;
}

.yoshinoya-hd-hf .w_min_30 {
  min-width: 30% !important;
}

.yoshinoya-hd-hf .w_31 {
  width: 31% !important;
}

.yoshinoya-hd-hf .w_max_31 {
  max-width: 31% !important;
}

.yoshinoya-hd-hf .w_min_31 {
  min-width: 31% !important;
}

.yoshinoya-hd-hf .w_32 {
  width: 32% !important;
}

.yoshinoya-hd-hf .w_max_32 {
  max-width: 32% !important;
}

.yoshinoya-hd-hf .w_min_32 {
  min-width: 32% !important;
}

.yoshinoya-hd-hf .w_33 {
  width: 33% !important;
}

.yoshinoya-hd-hf .w_max_33 {
  max-width: 33% !important;
}

.yoshinoya-hd-hf .w_min_33 {
  min-width: 33% !important;
}

.yoshinoya-hd-hf .w_34 {
  width: 34% !important;
}

.yoshinoya-hd-hf .w_max_34 {
  max-width: 34% !important;
}

.yoshinoya-hd-hf .w_min_34 {
  min-width: 34% !important;
}

.yoshinoya-hd-hf .w_35 {
  width: 35% !important;
}

.yoshinoya-hd-hf .w_max_35 {
  max-width: 35% !important;
}

.yoshinoya-hd-hf .w_min_35 {
  min-width: 35% !important;
}

.yoshinoya-hd-hf .w_36 {
  width: 36% !important;
}

.yoshinoya-hd-hf .w_max_36 {
  max-width: 36% !important;
}

.yoshinoya-hd-hf .w_min_36 {
  min-width: 36% !important;
}

.yoshinoya-hd-hf .w_37 {
  width: 37% !important;
}

.yoshinoya-hd-hf .w_max_37 {
  max-width: 37% !important;
}

.yoshinoya-hd-hf .w_min_37 {
  min-width: 37% !important;
}

.yoshinoya-hd-hf .w_38 {
  width: 38% !important;
}

.yoshinoya-hd-hf .w_max_38 {
  max-width: 38% !important;
}

.yoshinoya-hd-hf .w_min_38 {
  min-width: 38% !important;
}

.yoshinoya-hd-hf .w_39 {
  width: 39% !important;
}

.yoshinoya-hd-hf .w_max_39 {
  max-width: 39% !important;
}

.yoshinoya-hd-hf .w_min_39 {
  min-width: 39% !important;
}

.yoshinoya-hd-hf .w_40 {
  width: 40% !important;
}

.yoshinoya-hd-hf .w_max_40 {
  max-width: 40% !important;
}

.yoshinoya-hd-hf .w_min_40 {
  min-width: 40% !important;
}

.yoshinoya-hd-hf .w_41 {
  width: 41% !important;
}

.yoshinoya-hd-hf .w_max_41 {
  max-width: 41% !important;
}

.yoshinoya-hd-hf .w_min_41 {
  min-width: 41% !important;
}

.yoshinoya-hd-hf .w_42 {
  width: 42% !important;
}

.yoshinoya-hd-hf .w_max_42 {
  max-width: 42% !important;
}

.yoshinoya-hd-hf .w_min_42 {
  min-width: 42% !important;
}

.yoshinoya-hd-hf .w_43 {
  width: 43% !important;
}

.yoshinoya-hd-hf .w_max_43 {
  max-width: 43% !important;
}

.yoshinoya-hd-hf .w_min_43 {
  min-width: 43% !important;
}

.yoshinoya-hd-hf .w_44 {
  width: 44% !important;
}

.yoshinoya-hd-hf .w_max_44 {
  max-width: 44% !important;
}

.yoshinoya-hd-hf .w_min_44 {
  min-width: 44% !important;
}

.yoshinoya-hd-hf .w_45 {
  width: 45% !important;
}

.yoshinoya-hd-hf .w_max_45 {
  max-width: 45% !important;
}

.yoshinoya-hd-hf .w_min_45 {
  min-width: 45% !important;
}

.yoshinoya-hd-hf .w_46 {
  width: 46% !important;
}

.yoshinoya-hd-hf .w_max_46 {
  max-width: 46% !important;
}

.yoshinoya-hd-hf .w_min_46 {
  min-width: 46% !important;
}

.yoshinoya-hd-hf .w_47 {
  width: 47% !important;
}

.yoshinoya-hd-hf .w_max_47 {
  max-width: 47% !important;
}

.yoshinoya-hd-hf .w_min_47 {
  min-width: 47% !important;
}

.yoshinoya-hd-hf .w_48 {
  width: 48% !important;
}

.yoshinoya-hd-hf .w_max_48 {
  max-width: 48% !important;
}

.yoshinoya-hd-hf .w_min_48 {
  min-width: 48% !important;
}

.yoshinoya-hd-hf .w_49 {
  width: 49% !important;
}

.yoshinoya-hd-hf .w_max_49 {
  max-width: 49% !important;
}

.yoshinoya-hd-hf .w_min_49 {
  min-width: 49% !important;
}

.yoshinoya-hd-hf .w_50 {
  width: 50% !important;
}

.yoshinoya-hd-hf .w_max_50 {
  max-width: 50% !important;
}

.yoshinoya-hd-hf .w_min_50 {
  min-width: 50% !important;
}

.yoshinoya-hd-hf .w_51 {
  width: 51% !important;
}

.yoshinoya-hd-hf .w_max_51 {
  max-width: 51% !important;
}

.yoshinoya-hd-hf .w_min_51 {
  min-width: 51% !important;
}

.yoshinoya-hd-hf .w_52 {
  width: 52% !important;
}

.yoshinoya-hd-hf .w_max_52 {
  max-width: 52% !important;
}

.yoshinoya-hd-hf .w_min_52 {
  min-width: 52% !important;
}

.yoshinoya-hd-hf .w_53 {
  width: 53% !important;
}

.yoshinoya-hd-hf .w_max_53 {
  max-width: 53% !important;
}

.yoshinoya-hd-hf .w_min_53 {
  min-width: 53% !important;
}

.yoshinoya-hd-hf .w_54 {
  width: 54% !important;
}

.yoshinoya-hd-hf .w_max_54 {
  max-width: 54% !important;
}

.yoshinoya-hd-hf .w_min_54 {
  min-width: 54% !important;
}

.yoshinoya-hd-hf .w_55 {
  width: 55% !important;
}

.yoshinoya-hd-hf .w_max_55 {
  max-width: 55% !important;
}

.yoshinoya-hd-hf .w_min_55 {
  min-width: 55% !important;
}

.yoshinoya-hd-hf .w_56 {
  width: 56% !important;
}

.yoshinoya-hd-hf .w_max_56 {
  max-width: 56% !important;
}

.yoshinoya-hd-hf .w_min_56 {
  min-width: 56% !important;
}

.yoshinoya-hd-hf .w_57 {
  width: 57% !important;
}

.yoshinoya-hd-hf .w_max_57 {
  max-width: 57% !important;
}

.yoshinoya-hd-hf .w_min_57 {
  min-width: 57% !important;
}

.yoshinoya-hd-hf .w_58 {
  width: 58% !important;
}

.yoshinoya-hd-hf .w_max_58 {
  max-width: 58% !important;
}

.yoshinoya-hd-hf .w_min_58 {
  min-width: 58% !important;
}

.yoshinoya-hd-hf .w_59 {
  width: 59% !important;
}

.yoshinoya-hd-hf .w_max_59 {
  max-width: 59% !important;
}

.yoshinoya-hd-hf .w_min_59 {
  min-width: 59% !important;
}

.yoshinoya-hd-hf .w_60 {
  width: 60% !important;
}

.yoshinoya-hd-hf .w_max_60 {
  max-width: 60% !important;
}

.yoshinoya-hd-hf .w_min_60 {
  min-width: 60% !important;
}

.yoshinoya-hd-hf .w_61 {
  width: 61% !important;
}

.yoshinoya-hd-hf .w_max_61 {
  max-width: 61% !important;
}

.yoshinoya-hd-hf .w_min_61 {
  min-width: 61% !important;
}

.yoshinoya-hd-hf .w_62 {
  width: 62% !important;
}

.yoshinoya-hd-hf .w_max_62 {
  max-width: 62% !important;
}

.yoshinoya-hd-hf .w_min_62 {
  min-width: 62% !important;
}

.yoshinoya-hd-hf .w_63 {
  width: 63% !important;
}

.yoshinoya-hd-hf .w_max_63 {
  max-width: 63% !important;
}

.yoshinoya-hd-hf .w_min_63 {
  min-width: 63% !important;
}

.yoshinoya-hd-hf .w_64 {
  width: 64% !important;
}

.yoshinoya-hd-hf .w_max_64 {
  max-width: 64% !important;
}

.yoshinoya-hd-hf .w_min_64 {
  min-width: 64% !important;
}

.yoshinoya-hd-hf .w_65 {
  width: 65% !important;
}

.yoshinoya-hd-hf .w_max_65 {
  max-width: 65% !important;
}

.yoshinoya-hd-hf .w_min_65 {
  min-width: 65% !important;
}

.yoshinoya-hd-hf .w_66 {
  width: 66% !important;
}

.yoshinoya-hd-hf .w_max_66 {
  max-width: 66% !important;
}

.yoshinoya-hd-hf .w_min_66 {
  min-width: 66% !important;
}

.yoshinoya-hd-hf .w_67 {
  width: 67% !important;
}

.yoshinoya-hd-hf .w_max_67 {
  max-width: 67% !important;
}

.yoshinoya-hd-hf .w_min_67 {
  min-width: 67% !important;
}

.yoshinoya-hd-hf .w_68 {
  width: 68% !important;
}

.yoshinoya-hd-hf .w_max_68 {
  max-width: 68% !important;
}

.yoshinoya-hd-hf .w_min_68 {
  min-width: 68% !important;
}

.yoshinoya-hd-hf .w_69 {
  width: 69% !important;
}

.yoshinoya-hd-hf .w_max_69 {
  max-width: 69% !important;
}

.yoshinoya-hd-hf .w_min_69 {
  min-width: 69% !important;
}

.yoshinoya-hd-hf .w_70 {
  width: 70% !important;
}

.yoshinoya-hd-hf .w_max_70 {
  max-width: 70% !important;
}

.yoshinoya-hd-hf .w_min_70 {
  min-width: 70% !important;
}

.yoshinoya-hd-hf .w_71 {
  width: 71% !important;
}

.yoshinoya-hd-hf .w_max_71 {
  max-width: 71% !important;
}

.yoshinoya-hd-hf .w_min_71 {
  min-width: 71% !important;
}

.yoshinoya-hd-hf .w_72 {
  width: 72% !important;
}

.yoshinoya-hd-hf .w_max_72 {
  max-width: 72% !important;
}

.yoshinoya-hd-hf .w_min_72 {
  min-width: 72% !important;
}

.yoshinoya-hd-hf .w_73 {
  width: 73% !important;
}

.yoshinoya-hd-hf .w_max_73 {
  max-width: 73% !important;
}

.yoshinoya-hd-hf .w_min_73 {
  min-width: 73% !important;
}

.yoshinoya-hd-hf .w_74 {
  width: 74% !important;
}

.yoshinoya-hd-hf .w_max_74 {
  max-width: 74% !important;
}

.yoshinoya-hd-hf .w_min_74 {
  min-width: 74% !important;
}

.yoshinoya-hd-hf .w_75 {
  width: 75% !important;
}

.yoshinoya-hd-hf .w_max_75 {
  max-width: 75% !important;
}

.yoshinoya-hd-hf .w_min_75 {
  min-width: 75% !important;
}

.yoshinoya-hd-hf .w_76 {
  width: 76% !important;
}

.yoshinoya-hd-hf .w_max_76 {
  max-width: 76% !important;
}

.yoshinoya-hd-hf .w_min_76 {
  min-width: 76% !important;
}

.yoshinoya-hd-hf .w_77 {
  width: 77% !important;
}

.yoshinoya-hd-hf .w_max_77 {
  max-width: 77% !important;
}

.yoshinoya-hd-hf .w_min_77 {
  min-width: 77% !important;
}

.yoshinoya-hd-hf .w_78 {
  width: 78% !important;
}

.yoshinoya-hd-hf .w_max_78 {
  max-width: 78% !important;
}

.yoshinoya-hd-hf .w_min_78 {
  min-width: 78% !important;
}

.yoshinoya-hd-hf .w_79 {
  width: 79% !important;
}

.yoshinoya-hd-hf .w_max_79 {
  max-width: 79% !important;
}

.yoshinoya-hd-hf .w_min_79 {
  min-width: 79% !important;
}

.yoshinoya-hd-hf .w_80 {
  width: 80% !important;
}

.yoshinoya-hd-hf .w_max_80 {
  max-width: 80% !important;
}

.yoshinoya-hd-hf .w_min_80 {
  min-width: 80% !important;
}

.yoshinoya-hd-hf .w_81 {
  width: 81% !important;
}

.yoshinoya-hd-hf .w_max_81 {
  max-width: 81% !important;
}

.yoshinoya-hd-hf .w_min_81 {
  min-width: 81% !important;
}

.yoshinoya-hd-hf .w_82 {
  width: 82% !important;
}

.yoshinoya-hd-hf .w_max_82 {
  max-width: 82% !important;
}

.yoshinoya-hd-hf .w_min_82 {
  min-width: 82% !important;
}

.yoshinoya-hd-hf .w_83 {
  width: 83% !important;
}

.yoshinoya-hd-hf .w_max_83 {
  max-width: 83% !important;
}

.yoshinoya-hd-hf .w_min_83 {
  min-width: 83% !important;
}

.yoshinoya-hd-hf .w_84 {
  width: 84% !important;
}

.yoshinoya-hd-hf .w_max_84 {
  max-width: 84% !important;
}

.yoshinoya-hd-hf .w_min_84 {
  min-width: 84% !important;
}

.yoshinoya-hd-hf .w_85 {
  width: 85% !important;
}

.yoshinoya-hd-hf .w_max_85 {
  max-width: 85% !important;
}

.yoshinoya-hd-hf .w_min_85 {
  min-width: 85% !important;
}

.yoshinoya-hd-hf .w_86 {
  width: 86% !important;
}

.yoshinoya-hd-hf .w_max_86 {
  max-width: 86% !important;
}

.yoshinoya-hd-hf .w_min_86 {
  min-width: 86% !important;
}

.yoshinoya-hd-hf .w_87 {
  width: 87% !important;
}

.yoshinoya-hd-hf .w_max_87 {
  max-width: 87% !important;
}

.yoshinoya-hd-hf .w_min_87 {
  min-width: 87% !important;
}

.yoshinoya-hd-hf .w_88 {
  width: 88% !important;
}

.yoshinoya-hd-hf .w_max_88 {
  max-width: 88% !important;
}

.yoshinoya-hd-hf .w_min_88 {
  min-width: 88% !important;
}

.yoshinoya-hd-hf .w_89 {
  width: 89% !important;
}

.yoshinoya-hd-hf .w_max_89 {
  max-width: 89% !important;
}

.yoshinoya-hd-hf .w_min_89 {
  min-width: 89% !important;
}

.yoshinoya-hd-hf .w_90 {
  width: 90% !important;
}

.yoshinoya-hd-hf .w_max_90 {
  max-width: 90% !important;
}

.yoshinoya-hd-hf .w_min_90 {
  min-width: 90% !important;
}

.yoshinoya-hd-hf .w_91 {
  width: 91% !important;
}

.yoshinoya-hd-hf .w_max_91 {
  max-width: 91% !important;
}

.yoshinoya-hd-hf .w_min_91 {
  min-width: 91% !important;
}

.yoshinoya-hd-hf .w_92 {
  width: 92% !important;
}

.yoshinoya-hd-hf .w_max_92 {
  max-width: 92% !important;
}

.yoshinoya-hd-hf .w_min_92 {
  min-width: 92% !important;
}

.yoshinoya-hd-hf .w_93 {
  width: 93% !important;
}

.yoshinoya-hd-hf .w_max_93 {
  max-width: 93% !important;
}

.yoshinoya-hd-hf .w_min_93 {
  min-width: 93% !important;
}

.yoshinoya-hd-hf .w_94 {
  width: 94% !important;
}

.yoshinoya-hd-hf .w_max_94 {
  max-width: 94% !important;
}

.yoshinoya-hd-hf .w_min_94 {
  min-width: 94% !important;
}

.yoshinoya-hd-hf .w_95 {
  width: 95% !important;
}

.yoshinoya-hd-hf .w_max_95 {
  max-width: 95% !important;
}

.yoshinoya-hd-hf .w_min_95 {
  min-width: 95% !important;
}

.yoshinoya-hd-hf .w_96 {
  width: 96% !important;
}

.yoshinoya-hd-hf .w_max_96 {
  max-width: 96% !important;
}

.yoshinoya-hd-hf .w_min_96 {
  min-width: 96% !important;
}

.yoshinoya-hd-hf .w_97 {
  width: 97% !important;
}

.yoshinoya-hd-hf .w_max_97 {
  max-width: 97% !important;
}

.yoshinoya-hd-hf .w_min_97 {
  min-width: 97% !important;
}

.yoshinoya-hd-hf .w_98 {
  width: 98% !important;
}

.yoshinoya-hd-hf .w_max_98 {
  max-width: 98% !important;
}

.yoshinoya-hd-hf .w_min_98 {
  min-width: 98% !important;
}

.yoshinoya-hd-hf .w_99 {
  width: 99% !important;
}

.yoshinoya-hd-hf .w_max_99 {
  max-width: 99% !important;
}

.yoshinoya-hd-hf .w_min_99 {
  min-width: 99% !important;
}

.yoshinoya-hd-hf .w_100 {
  width: 100% !important;
}

.yoshinoya-hd-hf .w_max_100 {
  max-width: 100% !important;
}

.yoshinoya-hd-hf .w_min_100 {
  min-width: 100% !important;
}

.yoshinoya-hd-hf .w_fix_10 {
  width: 10px !important;
}

.yoshinoya-hd-hf .w_fix_max_10 {
  max-width: 10px !important;
}

.yoshinoya-hd-hf .w_fix_min_10 {
  min-width: 10px !important;
}

.yoshinoya-hd-hf .w_fix_20 {
  width: 20px !important;
}

.yoshinoya-hd-hf .w_fix_max_20 {
  max-width: 20px !important;
}

.yoshinoya-hd-hf .w_fix_min_20 {
  min-width: 20px !important;
}

.yoshinoya-hd-hf .w_fix_30 {
  width: 30px !important;
}

.yoshinoya-hd-hf .w_fix_max_30 {
  max-width: 30px !important;
}

.yoshinoya-hd-hf .w_fix_min_30 {
  min-width: 30px !important;
}

.yoshinoya-hd-hf .w_fix_40 {
  width: 40px !important;
}

.yoshinoya-hd-hf .w_fix_max_40 {
  max-width: 40px !important;
}

.yoshinoya-hd-hf .w_fix_min_40 {
  min-width: 40px !important;
}

.yoshinoya-hd-hf .w_fix_50 {
  width: 50px !important;
}

.yoshinoya-hd-hf .w_fix_max_50 {
  max-width: 50px !important;
}

.yoshinoya-hd-hf .w_fix_min_50 {
  min-width: 50px !important;
}

.yoshinoya-hd-hf .w_fix_60 {
  width: 60px !important;
}

.yoshinoya-hd-hf .w_fix_max_60 {
  max-width: 60px !important;
}

.yoshinoya-hd-hf .w_fix_min_60 {
  min-width: 60px !important;
}

.yoshinoya-hd-hf .w_fix_70 {
  width: 70px !important;
}

.yoshinoya-hd-hf .w_fix_max_70 {
  max-width: 70px !important;
}

.yoshinoya-hd-hf .w_fix_min_70 {
  min-width: 70px !important;
}

.yoshinoya-hd-hf .w_fix_80 {
  width: 80px !important;
}

.yoshinoya-hd-hf .w_fix_max_80 {
  max-width: 80px !important;
}

.yoshinoya-hd-hf .w_fix_min_80 {
  min-width: 80px !important;
}

.yoshinoya-hd-hf .w_fix_90 {
  width: 90px !important;
}

.yoshinoya-hd-hf .w_fix_max_90 {
  max-width: 90px !important;
}

.yoshinoya-hd-hf .w_fix_min_90 {
  min-width: 90px !important;
}

.yoshinoya-hd-hf .w_fix_100 {
  width: 100px !important;
}

.yoshinoya-hd-hf .w_fix_max_100 {
  max-width: 100px !important;
}

.yoshinoya-hd-hf .w_fix_min_100 {
  min-width: 100px !important;
}

.yoshinoya-hd-hf .w_fix_110 {
  width: 110px !important;
}

.yoshinoya-hd-hf .w_fix_max_110 {
  max-width: 110px !important;
}

.yoshinoya-hd-hf .w_fix_min_110 {
  min-width: 110px !important;
}

.yoshinoya-hd-hf .w_fix_120 {
  width: 120px !important;
}

.yoshinoya-hd-hf .w_fix_max_120 {
  max-width: 120px !important;
}

.yoshinoya-hd-hf .w_fix_min_120 {
  min-width: 120px !important;
}

.yoshinoya-hd-hf .w_fix_130 {
  width: 130px !important;
}

.yoshinoya-hd-hf .w_fix_max_130 {
  max-width: 130px !important;
}

.yoshinoya-hd-hf .w_fix_min_130 {
  min-width: 130px !important;
}

.yoshinoya-hd-hf .w_fix_140 {
  width: 140px !important;
}

.yoshinoya-hd-hf .w_fix_max_140 {
  max-width: 140px !important;
}

.yoshinoya-hd-hf .w_fix_min_140 {
  min-width: 140px !important;
}

.yoshinoya-hd-hf .w_fix_150 {
  width: 150px !important;
}

.yoshinoya-hd-hf .w_fix_max_150 {
  max-width: 150px !important;
}

.yoshinoya-hd-hf .w_fix_min_150 {
  min-width: 150px !important;
}

.yoshinoya-hd-hf .w_fix_160 {
  width: 160px !important;
}

.yoshinoya-hd-hf .w_fix_max_160 {
  max-width: 160px !important;
}

.yoshinoya-hd-hf .w_fix_min_160 {
  min-width: 160px !important;
}

.yoshinoya-hd-hf .w_fix_170 {
  width: 170px !important;
}

.yoshinoya-hd-hf .w_fix_max_170 {
  max-width: 170px !important;
}

.yoshinoya-hd-hf .w_fix_min_170 {
  min-width: 170px !important;
}

.yoshinoya-hd-hf .w_fix_180 {
  width: 180px !important;
}

.yoshinoya-hd-hf .w_fix_max_180 {
  max-width: 180px !important;
}

.yoshinoya-hd-hf .w_fix_min_180 {
  min-width: 180px !important;
}

.yoshinoya-hd-hf .w_fix_190 {
  width: 190px !important;
}

.yoshinoya-hd-hf .w_fix_max_190 {
  max-width: 190px !important;
}

.yoshinoya-hd-hf .w_fix_min_190 {
  min-width: 190px !important;
}

.yoshinoya-hd-hf .w_fix_200 {
  width: 200px !important;
}

.yoshinoya-hd-hf .w_fix_max_200 {
  max-width: 200px !important;
}

.yoshinoya-hd-hf .w_fix_min_200 {
  min-width: 200px !important;
}

.yoshinoya-hd-hf .w_fix_210 {
  width: 210px !important;
}

.yoshinoya-hd-hf .w_fix_max_210 {
  max-width: 210px !important;
}

.yoshinoya-hd-hf .w_fix_min_210 {
  min-width: 210px !important;
}

.yoshinoya-hd-hf .w_fix_220 {
  width: 220px !important;
}

.yoshinoya-hd-hf .w_fix_max_220 {
  max-width: 220px !important;
}

.yoshinoya-hd-hf .w_fix_min_220 {
  min-width: 220px !important;
}

.yoshinoya-hd-hf .w_fix_230 {
  width: 230px !important;
}

.yoshinoya-hd-hf .w_fix_max_230 {
  max-width: 230px !important;
}

.yoshinoya-hd-hf .w_fix_min_230 {
  min-width: 230px !important;
}

.yoshinoya-hd-hf .w_fix_240 {
  width: 240px !important;
}

.yoshinoya-hd-hf .w_fix_max_240 {
  max-width: 240px !important;
}

.yoshinoya-hd-hf .w_fix_min_240 {
  min-width: 240px !important;
}

.yoshinoya-hd-hf .w_fix_250 {
  width: 250px !important;
}

.yoshinoya-hd-hf .w_fix_max_250 {
  max-width: 250px !important;
}

.yoshinoya-hd-hf .w_fix_min_250 {
  min-width: 250px !important;
}

.yoshinoya-hd-hf .w_fix_260 {
  width: 260px !important;
}

.yoshinoya-hd-hf .w_fix_max_260 {
  max-width: 260px !important;
}

.yoshinoya-hd-hf .w_fix_min_260 {
  min-width: 260px !important;
}

.yoshinoya-hd-hf .w_fix_270 {
  width: 270px !important;
}

.yoshinoya-hd-hf .w_fix_max_270 {
  max-width: 270px !important;
}

.yoshinoya-hd-hf .w_fix_min_270 {
  min-width: 270px !important;
}

.yoshinoya-hd-hf .w_fix_280 {
  width: 280px !important;
}

.yoshinoya-hd-hf .w_fix_max_280 {
  max-width: 280px !important;
}

.yoshinoya-hd-hf .w_fix_min_280 {
  min-width: 280px !important;
}

.yoshinoya-hd-hf .w_fix_290 {
  width: 290px !important;
}

.yoshinoya-hd-hf .w_fix_max_290 {
  max-width: 290px !important;
}

.yoshinoya-hd-hf .w_fix_min_290 {
  min-width: 290px !important;
}

.yoshinoya-hd-hf .w_fix_300 {
  width: 300px !important;
}

.yoshinoya-hd-hf .w_fix_max_300 {
  max-width: 300px !important;
}

.yoshinoya-hd-hf .w_fix_min_300 {
  min-width: 300px !important;
}

.yoshinoya-hd-hf .w_fix_310 {
  width: 310px !important;
}

.yoshinoya-hd-hf .w_fix_max_310 {
  max-width: 310px !important;
}

.yoshinoya-hd-hf .w_fix_min_310 {
  min-width: 310px !important;
}

.yoshinoya-hd-hf .w_fix_320 {
  width: 320px !important;
}

.yoshinoya-hd-hf .w_fix_max_320 {
  max-width: 320px !important;
}

.yoshinoya-hd-hf .w_fix_min_320 {
  min-width: 320px !important;
}

.yoshinoya-hd-hf .w_fix_330 {
  width: 330px !important;
}

.yoshinoya-hd-hf .w_fix_max_330 {
  max-width: 330px !important;
}

.yoshinoya-hd-hf .w_fix_min_330 {
  min-width: 330px !important;
}

.yoshinoya-hd-hf .w_fix_340 {
  width: 340px !important;
}

.yoshinoya-hd-hf .w_fix_max_340 {
  max-width: 340px !important;
}

.yoshinoya-hd-hf .w_fix_min_340 {
  min-width: 340px !important;
}

.yoshinoya-hd-hf .w_fix_350 {
  width: 350px !important;
}

.yoshinoya-hd-hf .w_fix_max_350 {
  max-width: 350px !important;
}

.yoshinoya-hd-hf .w_fix_min_350 {
  min-width: 350px !important;
}

.yoshinoya-hd-hf .w_fix_360 {
  width: 360px !important;
}

.yoshinoya-hd-hf .w_fix_max_360 {
  max-width: 360px !important;
}

.yoshinoya-hd-hf .w_fix_min_360 {
  min-width: 360px !important;
}

.yoshinoya-hd-hf .w_fix_370 {
  width: 370px !important;
}

.yoshinoya-hd-hf .w_fix_max_370 {
  max-width: 370px !important;
}

.yoshinoya-hd-hf .w_fix_min_370 {
  min-width: 370px !important;
}

.yoshinoya-hd-hf .w_fix_380 {
  width: 380px !important;
}

.yoshinoya-hd-hf .w_fix_max_380 {
  max-width: 380px !important;
}

.yoshinoya-hd-hf .w_fix_min_380 {
  min-width: 380px !important;
}

.yoshinoya-hd-hf .w_fix_390 {
  width: 390px !important;
}

.yoshinoya-hd-hf .w_fix_max_390 {
  max-width: 390px !important;
}

.yoshinoya-hd-hf .w_fix_min_390 {
  min-width: 390px !important;
}

.yoshinoya-hd-hf .w_fix_400 {
  width: 400px !important;
}

.yoshinoya-hd-hf .w_fix_max_400 {
  max-width: 400px !important;
}

.yoshinoya-hd-hf .w_fix_min_400 {
  min-width: 400px !important;
}

@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .sp_full {
    width: 100% !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_s {
    width: 85px !important;
  }
.yoshinoya-hd-hf   .w_sp_auto {
    width: auto !important;
  }
.yoshinoya-hd-hf   .w_sp_1 {
    width: 1% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_1 {
    max-width: 1% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_1 {
    min-width: 1% !important;
  }
.yoshinoya-hd-hf   .w_sp_2 {
    width: 2% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_2 {
    max-width: 2% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_2 {
    min-width: 2% !important;
  }
.yoshinoya-hd-hf   .w_sp_3 {
    width: 3% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_3 {
    max-width: 3% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_3 {
    min-width: 3% !important;
  }
.yoshinoya-hd-hf   .w_sp_4 {
    width: 4% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_4 {
    max-width: 4% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_4 {
    min-width: 4% !important;
  }
.yoshinoya-hd-hf   .w_sp_5 {
    width: 5% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_5 {
    max-width: 5% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_5 {
    min-width: 5% !important;
  }
.yoshinoya-hd-hf   .w_sp_6 {
    width: 6% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_6 {
    max-width: 6% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_6 {
    min-width: 6% !important;
  }
.yoshinoya-hd-hf   .w_sp_7 {
    width: 7% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_7 {
    max-width: 7% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_7 {
    min-width: 7% !important;
  }
.yoshinoya-hd-hf   .w_sp_8 {
    width: 8% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_8 {
    max-width: 8% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_8 {
    min-width: 8% !important;
  }
.yoshinoya-hd-hf   .w_sp_9 {
    width: 9% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_9 {
    max-width: 9% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_9 {
    min-width: 9% !important;
  }
.yoshinoya-hd-hf   .w_sp_10 {
    width: 10% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_10 {
    max-width: 10% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_10 {
    min-width: 10% !important;
  }
.yoshinoya-hd-hf   .w_sp_11 {
    width: 11% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_11 {
    max-width: 11% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_11 {
    min-width: 11% !important;
  }
.yoshinoya-hd-hf   .w_sp_12 {
    width: 12% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_12 {
    max-width: 12% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_12 {
    min-width: 12% !important;
  }
.yoshinoya-hd-hf   .w_sp_13 {
    width: 13% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_13 {
    max-width: 13% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_13 {
    min-width: 13% !important;
  }
.yoshinoya-hd-hf   .w_sp_14 {
    width: 14% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_14 {
    max-width: 14% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_14 {
    min-width: 14% !important;
  }
.yoshinoya-hd-hf   .w_sp_15 {
    width: 15% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_15 {
    max-width: 15% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_15 {
    min-width: 15% !important;
  }
.yoshinoya-hd-hf   .w_sp_16 {
    width: 16% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_16 {
    max-width: 16% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_16 {
    min-width: 16% !important;
  }
.yoshinoya-hd-hf   .w_sp_17 {
    width: 17% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_17 {
    max-width: 17% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_17 {
    min-width: 17% !important;
  }
.yoshinoya-hd-hf   .w_sp_18 {
    width: 18% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_18 {
    max-width: 18% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_18 {
    min-width: 18% !important;
  }
.yoshinoya-hd-hf   .w_sp_19 {
    width: 19% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_19 {
    max-width: 19% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_19 {
    min-width: 19% !important;
  }
.yoshinoya-hd-hf   .w_sp_20 {
    width: 20% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_20 {
    max-width: 20% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_20 {
    min-width: 20% !important;
  }
.yoshinoya-hd-hf   .w_sp_21 {
    width: 21% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_21 {
    max-width: 21% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_21 {
    min-width: 21% !important;
  }
.yoshinoya-hd-hf   .w_sp_22 {
    width: 22% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_22 {
    max-width: 22% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_22 {
    min-width: 22% !important;
  }
.yoshinoya-hd-hf   .w_sp_23 {
    width: 23% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_23 {
    max-width: 23% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_23 {
    min-width: 23% !important;
  }
.yoshinoya-hd-hf   .w_sp_24 {
    width: 24% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_24 {
    max-width: 24% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_24 {
    min-width: 24% !important;
  }
.yoshinoya-hd-hf   .w_sp_25 {
    width: 25% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_25 {
    max-width: 25% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_25 {
    min-width: 25% !important;
  }
.yoshinoya-hd-hf   .w_sp_26 {
    width: 26% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_26 {
    max-width: 26% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_26 {
    min-width: 26% !important;
  }
.yoshinoya-hd-hf   .w_sp_27 {
    width: 27% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_27 {
    max-width: 27% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_27 {
    min-width: 27% !important;
  }
.yoshinoya-hd-hf   .w_sp_28 {
    width: 28% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_28 {
    max-width: 28% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_28 {
    min-width: 28% !important;
  }
.yoshinoya-hd-hf   .w_sp_29 {
    width: 29% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_29 {
    max-width: 29% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_29 {
    min-width: 29% !important;
  }
.yoshinoya-hd-hf   .w_sp_30 {
    width: 30% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_30 {
    max-width: 30% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_30 {
    min-width: 30% !important;
  }
.yoshinoya-hd-hf   .w_sp_31 {
    width: 31% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_31 {
    max-width: 31% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_31 {
    min-width: 31% !important;
  }
.yoshinoya-hd-hf   .w_sp_32 {
    width: 32% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_32 {
    max-width: 32% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_32 {
    min-width: 32% !important;
  }
.yoshinoya-hd-hf   .w_sp_33 {
    width: 33% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_33 {
    max-width: 33% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_33 {
    min-width: 33% !important;
  }
.yoshinoya-hd-hf   .w_sp_34 {
    width: 34% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_34 {
    max-width: 34% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_34 {
    min-width: 34% !important;
  }
.yoshinoya-hd-hf   .w_sp_35 {
    width: 35% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_35 {
    max-width: 35% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_35 {
    min-width: 35% !important;
  }
.yoshinoya-hd-hf   .w_sp_36 {
    width: 36% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_36 {
    max-width: 36% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_36 {
    min-width: 36% !important;
  }
.yoshinoya-hd-hf   .w_sp_37 {
    width: 37% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_37 {
    max-width: 37% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_37 {
    min-width: 37% !important;
  }
.yoshinoya-hd-hf   .w_sp_38 {
    width: 38% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_38 {
    max-width: 38% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_38 {
    min-width: 38% !important;
  }
.yoshinoya-hd-hf   .w_sp_39 {
    width: 39% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_39 {
    max-width: 39% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_39 {
    min-width: 39% !important;
  }
.yoshinoya-hd-hf   .w_sp_40 {
    width: 40% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_40 {
    max-width: 40% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_40 {
    min-width: 40% !important;
  }
.yoshinoya-hd-hf   .w_sp_41 {
    width: 41% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_41 {
    max-width: 41% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_41 {
    min-width: 41% !important;
  }
.yoshinoya-hd-hf   .w_sp_42 {
    width: 42% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_42 {
    max-width: 42% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_42 {
    min-width: 42% !important;
  }
.yoshinoya-hd-hf   .w_sp_43 {
    width: 43% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_43 {
    max-width: 43% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_43 {
    min-width: 43% !important;
  }
.yoshinoya-hd-hf   .w_sp_44 {
    width: 44% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_44 {
    max-width: 44% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_44 {
    min-width: 44% !important;
  }
.yoshinoya-hd-hf   .w_sp_45 {
    width: 45% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_45 {
    max-width: 45% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_45 {
    min-width: 45% !important;
  }
.yoshinoya-hd-hf   .w_sp_46 {
    width: 46% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_46 {
    max-width: 46% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_46 {
    min-width: 46% !important;
  }
.yoshinoya-hd-hf   .w_sp_47 {
    width: 47% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_47 {
    max-width: 47% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_47 {
    min-width: 47% !important;
  }
.yoshinoya-hd-hf   .w_sp_48 {
    width: 48% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_48 {
    max-width: 48% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_48 {
    min-width: 48% !important;
  }
.yoshinoya-hd-hf   .w_sp_49 {
    width: 49% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_49 {
    max-width: 49% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_49 {
    min-width: 49% !important;
  }
.yoshinoya-hd-hf   .w_sp_50 {
    width: 50% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_50 {
    max-width: 50% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_50 {
    min-width: 50% !important;
  }
.yoshinoya-hd-hf   .w_sp_51 {
    width: 51% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_51 {
    max-width: 51% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_51 {
    min-width: 51% !important;
  }
.yoshinoya-hd-hf   .w_sp_52 {
    width: 52% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_52 {
    max-width: 52% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_52 {
    min-width: 52% !important;
  }
.yoshinoya-hd-hf   .w_sp_53 {
    width: 53% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_53 {
    max-width: 53% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_53 {
    min-width: 53% !important;
  }
.yoshinoya-hd-hf   .w_sp_54 {
    width: 54% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_54 {
    max-width: 54% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_54 {
    min-width: 54% !important;
  }
.yoshinoya-hd-hf   .w_sp_55 {
    width: 55% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_55 {
    max-width: 55% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_55 {
    min-width: 55% !important;
  }
.yoshinoya-hd-hf   .w_sp_56 {
    width: 56% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_56 {
    max-width: 56% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_56 {
    min-width: 56% !important;
  }
.yoshinoya-hd-hf   .w_sp_57 {
    width: 57% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_57 {
    max-width: 57% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_57 {
    min-width: 57% !important;
  }
.yoshinoya-hd-hf   .w_sp_58 {
    width: 58% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_58 {
    max-width: 58% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_58 {
    min-width: 58% !important;
  }
.yoshinoya-hd-hf   .w_sp_59 {
    width: 59% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_59 {
    max-width: 59% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_59 {
    min-width: 59% !important;
  }
.yoshinoya-hd-hf   .w_sp_60 {
    width: 60% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_60 {
    max-width: 60% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_60 {
    min-width: 60% !important;
  }
.yoshinoya-hd-hf   .w_sp_61 {
    width: 61% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_61 {
    max-width: 61% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_61 {
    min-width: 61% !important;
  }
.yoshinoya-hd-hf   .w_sp_62 {
    width: 62% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_62 {
    max-width: 62% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_62 {
    min-width: 62% !important;
  }
.yoshinoya-hd-hf   .w_sp_63 {
    width: 63% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_63 {
    max-width: 63% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_63 {
    min-width: 63% !important;
  }
.yoshinoya-hd-hf   .w_sp_64 {
    width: 64% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_64 {
    max-width: 64% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_64 {
    min-width: 64% !important;
  }
.yoshinoya-hd-hf   .w_sp_65 {
    width: 65% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_65 {
    max-width: 65% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_65 {
    min-width: 65% !important;
  }
.yoshinoya-hd-hf   .w_sp_66 {
    width: 66% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_66 {
    max-width: 66% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_66 {
    min-width: 66% !important;
  }
.yoshinoya-hd-hf   .w_sp_67 {
    width: 67% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_67 {
    max-width: 67% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_67 {
    min-width: 67% !important;
  }
.yoshinoya-hd-hf   .w_sp_68 {
    width: 68% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_68 {
    max-width: 68% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_68 {
    min-width: 68% !important;
  }
.yoshinoya-hd-hf   .w_sp_69 {
    width: 69% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_69 {
    max-width: 69% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_69 {
    min-width: 69% !important;
  }
.yoshinoya-hd-hf   .w_sp_70 {
    width: 70% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_70 {
    max-width: 70% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_70 {
    min-width: 70% !important;
  }
.yoshinoya-hd-hf   .w_sp_71 {
    width: 71% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_71 {
    max-width: 71% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_71 {
    min-width: 71% !important;
  }
.yoshinoya-hd-hf   .w_sp_72 {
    width: 72% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_72 {
    max-width: 72% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_72 {
    min-width: 72% !important;
  }
.yoshinoya-hd-hf   .w_sp_73 {
    width: 73% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_73 {
    max-width: 73% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_73 {
    min-width: 73% !important;
  }
.yoshinoya-hd-hf   .w_sp_74 {
    width: 74% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_74 {
    max-width: 74% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_74 {
    min-width: 74% !important;
  }
.yoshinoya-hd-hf   .w_sp_75 {
    width: 75% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_75 {
    max-width: 75% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_75 {
    min-width: 75% !important;
  }
.yoshinoya-hd-hf   .w_sp_76 {
    width: 76% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_76 {
    max-width: 76% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_76 {
    min-width: 76% !important;
  }
.yoshinoya-hd-hf   .w_sp_77 {
    width: 77% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_77 {
    max-width: 77% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_77 {
    min-width: 77% !important;
  }
.yoshinoya-hd-hf   .w_sp_78 {
    width: 78% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_78 {
    max-width: 78% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_78 {
    min-width: 78% !important;
  }
.yoshinoya-hd-hf   .w_sp_79 {
    width: 79% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_79 {
    max-width: 79% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_79 {
    min-width: 79% !important;
  }
.yoshinoya-hd-hf   .w_sp_80 {
    width: 80% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_80 {
    max-width: 80% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_80 {
    min-width: 80% !important;
  }
.yoshinoya-hd-hf   .w_sp_81 {
    width: 81% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_81 {
    max-width: 81% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_81 {
    min-width: 81% !important;
  }
.yoshinoya-hd-hf   .w_sp_82 {
    width: 82% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_82 {
    max-width: 82% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_82 {
    min-width: 82% !important;
  }
.yoshinoya-hd-hf   .w_sp_83 {
    width: 83% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_83 {
    max-width: 83% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_83 {
    min-width: 83% !important;
  }
.yoshinoya-hd-hf   .w_sp_84 {
    width: 84% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_84 {
    max-width: 84% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_84 {
    min-width: 84% !important;
  }
.yoshinoya-hd-hf   .w_sp_85 {
    width: 85% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_85 {
    max-width: 85% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_85 {
    min-width: 85% !important;
  }
.yoshinoya-hd-hf   .w_sp_86 {
    width: 86% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_86 {
    max-width: 86% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_86 {
    min-width: 86% !important;
  }
.yoshinoya-hd-hf   .w_sp_87 {
    width: 87% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_87 {
    max-width: 87% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_87 {
    min-width: 87% !important;
  }
.yoshinoya-hd-hf   .w_sp_88 {
    width: 88% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_88 {
    max-width: 88% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_88 {
    min-width: 88% !important;
  }
.yoshinoya-hd-hf   .w_sp_89 {
    width: 89% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_89 {
    max-width: 89% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_89 {
    min-width: 89% !important;
  }
.yoshinoya-hd-hf   .w_sp_90 {
    width: 90% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_90 {
    max-width: 90% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_90 {
    min-width: 90% !important;
  }
.yoshinoya-hd-hf   .w_sp_91 {
    width: 91% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_91 {
    max-width: 91% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_91 {
    min-width: 91% !important;
  }
.yoshinoya-hd-hf   .w_sp_92 {
    width: 92% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_92 {
    max-width: 92% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_92 {
    min-width: 92% !important;
  }
.yoshinoya-hd-hf   .w_sp_93 {
    width: 93% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_93 {
    max-width: 93% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_93 {
    min-width: 93% !important;
  }
.yoshinoya-hd-hf   .w_sp_94 {
    width: 94% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_94 {
    max-width: 94% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_94 {
    min-width: 94% !important;
  }
.yoshinoya-hd-hf   .w_sp_95 {
    width: 95% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_95 {
    max-width: 95% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_95 {
    min-width: 95% !important;
  }
.yoshinoya-hd-hf   .w_sp_96 {
    width: 96% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_96 {
    max-width: 96% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_96 {
    min-width: 96% !important;
  }
.yoshinoya-hd-hf   .w_sp_97 {
    width: 97% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_97 {
    max-width: 97% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_97 {
    min-width: 97% !important;
  }
.yoshinoya-hd-hf   .w_sp_98 {
    width: 98% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_98 {
    max-width: 98% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_98 {
    min-width: 98% !important;
  }
.yoshinoya-hd-hf   .w_sp_99 {
    width: 99% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_99 {
    max-width: 99% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_99 {
    min-width: 99% !important;
  }
.yoshinoya-hd-hf   .w_sp_100 {
    width: 100% !important;
  }
.yoshinoya-hd-hf   .w_sp_max_100 {
    max-width: 100% !important;
  }
.yoshinoya-hd-hf   .w_sp_min_100 {
    min-width: 100% !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_10 {
    width: 10px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_10 {
    max-width: 10px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_10 {
    min-width: 10px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_20 {
    width: 20px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_20 {
    max-width: 20px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_20 {
    min-width: 20px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_30 {
    width: 30px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_30 {
    max-width: 30px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_30 {
    min-width: 30px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_40 {
    width: 40px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_40 {
    max-width: 40px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_40 {
    min-width: 40px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_50 {
    width: 50px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_50 {
    max-width: 50px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_50 {
    min-width: 50px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_60 {
    width: 60px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_60 {
    max-width: 60px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_60 {
    min-width: 60px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_70 {
    width: 70px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_70 {
    max-width: 70px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_70 {
    min-width: 70px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_80 {
    width: 80px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_80 {
    max-width: 80px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_80 {
    min-width: 80px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_90 {
    width: 90px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_90 {
    max-width: 90px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_90 {
    min-width: 90px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_100 {
    width: 100px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_100 {
    max-width: 100px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_100 {
    min-width: 100px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_110 {
    width: 110px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_110 {
    max-width: 110px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_110 {
    min-width: 110px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_120 {
    width: 120px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_120 {
    max-width: 120px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_120 {
    min-width: 120px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_130 {
    width: 130px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_130 {
    max-width: 130px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_130 {
    min-width: 130px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_140 {
    width: 140px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_140 {
    max-width: 140px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_140 {
    min-width: 140px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_150 {
    width: 150px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_150 {
    max-width: 150px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_150 {
    min-width: 150px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_160 {
    width: 160px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_160 {
    max-width: 160px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_160 {
    min-width: 160px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_170 {
    width: 170px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_170 {
    max-width: 170px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_170 {
    min-width: 170px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_180 {
    width: 180px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_180 {
    max-width: 180px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_180 {
    min-width: 180px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_190 {
    width: 190px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_190 {
    max-width: 190px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_190 {
    min-width: 190px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_200 {
    width: 200px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_200 {
    max-width: 200px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_200 {
    min-width: 200px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_210 {
    width: 210px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_210 {
    max-width: 210px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_210 {
    min-width: 210px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_220 {
    width: 220px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_220 {
    max-width: 220px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_220 {
    min-width: 220px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_230 {
    width: 230px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_230 {
    max-width: 230px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_230 {
    min-width: 230px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_240 {
    width: 240px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_240 {
    max-width: 240px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_240 {
    min-width: 240px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_250 {
    width: 250px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_250 {
    max-width: 250px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_250 {
    min-width: 250px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_260 {
    width: 260px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_260 {
    max-width: 260px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_260 {
    min-width: 260px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_270 {
    width: 270px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_270 {
    max-width: 270px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_270 {
    min-width: 270px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_280 {
    width: 280px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_280 {
    max-width: 280px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_280 {
    min-width: 280px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_290 {
    width: 290px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_290 {
    max-width: 290px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_290 {
    min-width: 290px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_300 {
    width: 300px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_300 {
    max-width: 300px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_300 {
    min-width: 300px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_310 {
    width: 310px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_310 {
    max-width: 310px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_310 {
    min-width: 310px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_320 {
    width: 320px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_320 {
    max-width: 320px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_320 {
    min-width: 320px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_330 {
    width: 330px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_330 {
    max-width: 330px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_330 {
    min-width: 330px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_340 {
    width: 340px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_340 {
    max-width: 340px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_340 {
    min-width: 340px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_350 {
    width: 350px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_350 {
    max-width: 350px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_350 {
    min-width: 350px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_360 {
    width: 360px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_360 {
    max-width: 360px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_360 {
    min-width: 360px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_370 {
    width: 370px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_370 {
    max-width: 370px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_370 {
    min-width: 370px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_380 {
    width: 380px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_380 {
    max-width: 380px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_380 {
    min-width: 380px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_390 {
    width: 390px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_390 {
    max-width: 390px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_390 {
    min-width: 390px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_400 {
    width: 400px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_max_400 {
    max-width: 400px !important;
  }
.yoshinoya-hd-hf   .w_sp_fix_min_400 {
    min-width: 400px !important;
  }
}
/*-----------------------------------------
  margin
-----------------------------------------*/
.yoshinoya-hd-hf .ma_no {
  margin: 0 !important;
}
.yoshinoya-hd-hf .mb_no {
  margin-bottom: 0 !important;
}
.yoshinoya-hd-hf .mt_no {
  margin-top: 0 !important;
}
.yoshinoya-hd-hf .ml_no {
  margin-left: 0 !important;
}
.yoshinoya-hd-hf .mr_no {
  margin-right: 0 !important;
}

.yoshinoya-hd-hf .ma_xs {
  margin: 4px !important;
}
.yoshinoya-hd-hf .mb_xs {
  margin-bottom: 4px !important;
}
.yoshinoya-hd-hf .mt_xs {
  margin-top: 4px !important;
}
.yoshinoya-hd-hf .ml_xs {
  margin-left: 4px !important;
}
.yoshinoya-hd-hf .mr_xs {
  margin-right: 4px !important;
}

.yoshinoya-hd-hf .ma_s {
  margin: 8px !important;
}
.yoshinoya-hd-hf .mb_s {
  margin-bottom: 8px !important;
}
.yoshinoya-hd-hf .mt_s {
  margin-top: 8px !important;
}
.yoshinoya-hd-hf .ml_s {
  margin-left: 8px !important;
}
.yoshinoya-hd-hf .mr_s {
  margin-right: 8px !important;
}

.yoshinoya-hd-hf .ma_sm {
  margin: 12px !important;
}
.yoshinoya-hd-hf .mb_sm {
  margin-bottom: 12px !important;
}
.yoshinoya-hd-hf .mt_sm {
  margin-top: 12px !important;
}
.yoshinoya-hd-hf .ml_sm {
  margin-left: 12px !important;
}
.yoshinoya-hd-hf .mr_sm {
  margin-right: 12px !important;
}

.yoshinoya-hd-hf .ma_m {
  margin: 16px !important;
}
.yoshinoya-hd-hf .mb_m {
  margin-bottom: 16px !important;
}
.yoshinoya-hd-hf .mt_m {
  margin-top: 16px !important;
}
.yoshinoya-hd-hf .ml_m {
  margin-left: 16px !important;
}
.yoshinoya-hd-hf .mr_m {
  margin-right: 16px !important;
}

.yoshinoya-hd-hf .ma_ml {
  margin: 24px !important;
}
.yoshinoya-hd-hf .mb_ml {
  margin-bottom: 24px !important;
}
.yoshinoya-hd-hf .mt_ml {
  margin-top: 24px !important;
}
.yoshinoya-hd-hf .ml_ml {
  margin-left: 24px !important;
}
.yoshinoya-hd-hf .mr_ml {
  margin-right: 24px !important;
}

.yoshinoya-hd-hf .ma_l {
  margin: 32px !important;
}
.yoshinoya-hd-hf .mb_l {
  margin-bottom: 32px !important;
}
.yoshinoya-hd-hf .mt_l {
  margin-top: 32px !important;
}
.yoshinoya-hd-hf .ml_l {
  margin-left: 32px !important;
}
.yoshinoya-hd-hf .mr_l {
  margin-right: 32px !important;
}

.yoshinoya-hd-hf .ma_xl {
  margin: 40px !important;
}
.yoshinoya-hd-hf .mb_xl {
  margin-bottom: 40px !important;
}
.yoshinoya-hd-hf .mt_xl {
  margin-top: 40px !important;
}
.yoshinoya-hd-hf .ml_xl {
  margin-left: 40px !important;
}
.yoshinoya-hd-hf .mr_xl {
  margin-right: 40px !important;
}

.yoshinoya-hd-hf .ma_2xl {
  margin: 48px !important;
}
.yoshinoya-hd-hf .mb_2xl {
  margin-bottom: 48px !important;
}
.yoshinoya-hd-hf .mt_2xl {
  margin-top: 48px !important;
}
.yoshinoya-hd-hf .ml_2xl {
  margin-left: 48px !important;
}
.yoshinoya-hd-hf .mr_2xl {
  margin-right: 48px !important;
}

.yoshinoya-hd-hf .ma_3xl {
  margin: 56px !important;
}
.yoshinoya-hd-hf .mb_3xl {
  margin-bottom: 56px !important;
}
.yoshinoya-hd-hf .mt_3xl {
  margin-top: 56px !important;
}
.yoshinoya-hd-hf .ml_3xl {
  margin-left: 56px !important;
}
.yoshinoya-hd-hf .mr_3xl {
  margin-right: 56px !important;
}

.yoshinoya-hd-hf .ma_4xl {
  margin: 64px !important;
}
.yoshinoya-hd-hf .mb_4xl {
  margin-bottom: 64px !important;
}
.yoshinoya-hd-hf .mt_4xl {
  margin-top: 64px !important;
}
.yoshinoya-hd-hf .ml_4xl {
  margin-left: 64px !important;
}
.yoshinoya-hd-hf .mr_4xl {
  margin-right: 64px !important;
}

.yoshinoya-hd-hf .left_side {
  display: table;
  margin-inline: 0 auto !important;
}

.yoshinoya-hd-hf .right_side {
  display: table;
  margin-inline: auto 0 !important;
}

.yoshinoya-hd-hf .centering {
  display: table;
  margin-inline: auto auto !important;
}

/*-----------------------------------------
  padding
-----------------------------------------*/
.yoshinoya-hd-hf .pa_no {
  padding: 0 !important;
}
.yoshinoya-hd-hf .pb_no {
  padding-bottom: 0 !important;
}
.yoshinoya-hd-hf .pt_no {
  padding-top: 0 !important;
}
.yoshinoya-hd-hf .pl_no {
  padding-left: 0 !important;
}
.yoshinoya-hd-hf .pr_no {
  padding-right: 0 !important;
}

.yoshinoya-hd-hf .pa_xs {
  padding: 4px !important;
}
.yoshinoya-hd-hf .pb_xs {
  padding-bottom: 4px !important;
}
.yoshinoya-hd-hf .pt_xs {
  padding-top: 4px !important;
}
.yoshinoya-hd-hf .pl_xs {
  padding-left: 4px !important;
}
.yoshinoya-hd-hf .pr_xs {
  padding-right: 4px !important;
}

.yoshinoya-hd-hf .pa_s {
  padding: 8px !important;
}
.yoshinoya-hd-hf .pb_s {
  padding-bottom: 8px !important;
}
.yoshinoya-hd-hf .pt_s {
  padding-top: 8px !important;
}
.yoshinoya-hd-hf .pl_s {
  padding-left: 8px !important;
}
.yoshinoya-hd-hf .pr_s {
  padding-right: 8px !important;
}

.yoshinoya-hd-hf .pa_sm {
  padding: 12px !important;
}
.yoshinoya-hd-hf .pb_sm {
  padding-bottom: 12px !important;
}
.yoshinoya-hd-hf .pt_sm {
  padding-top: 12px !important;
}
.yoshinoya-hd-hf .pl_sm {
  padding-left: 12px !important;
}
.yoshinoya-hd-hf .pr_sm {
  padding-right: 12px !important;
}

.yoshinoya-hd-hf .pa_m {
  padding: 16px !important;
}
.yoshinoya-hd-hf .pb_m {
  padding-bottom: 16px !important;
}
.yoshinoya-hd-hf .pt_m {
  padding-top: 16px !important;
}
.yoshinoya-hd-hf .pl_m {
  padding-left: 16px !important;
}
.yoshinoya-hd-hf .pr_m {
  padding-right: 16px !important;
}

.yoshinoya-hd-hf .pa_ml {
  padding: 24px !important;
}
.yoshinoya-hd-hf .pb_ml {
  padding-bottom: 24px !important;
}
.yoshinoya-hd-hf .pt_ml {
  padding-top: 24px !important;
}
.yoshinoya-hd-hf .pl_ml {
  padding-left: 24px !important;
}
.yoshinoya-hd-hf .pr_ml {
  padding-right: 24px !important;
}

.yoshinoya-hd-hf .pa_l {
  padding: 32px !important;
}
.yoshinoya-hd-hf .pb_l {
  padding-bottom: 32px !important;
}
.yoshinoya-hd-hf .pt_l {
  padding-top: 32px !important;
}
.yoshinoya-hd-hf .pl_l {
  padding-left: 32px !important;
}
.yoshinoya-hd-hf .pr_l {
  padding-right: 32px !important;
}

.yoshinoya-hd-hf .pa_xl {
  padding: 40px !important;
}
.yoshinoya-hd-hf .pb_xl {
  padding-bottom: 40px !important;
}
.yoshinoya-hd-hf .pt_xl {
  padding-top: 40px !important;
}
.yoshinoya-hd-hf .pl_xl {
  padding-left: 40px !important;
}
.yoshinoya-hd-hf .pr_xl {
  padding-right: 40px !important;
}

.yoshinoya-hd-hf .pa_2xl {
  padding: 48px !important;
}
.yoshinoya-hd-hf .pb_2xl {
  padding-bottom: 48px !important;
}
.yoshinoya-hd-hf .pt_2xl {
  padding-top: 48px !important;
}
.yoshinoya-hd-hf .pl_2xl {
  padding-left: 48px !important;
}
.yoshinoya-hd-hf .pr_2xl {
  padding-right: 48px !important;
}

.yoshinoya-hd-hf .pa_3xl {
  padding: 56px !important;
}
.yoshinoya-hd-hf .pb_3xl {
  padding-bottom: 56px !important;
}
.yoshinoya-hd-hf .pt_3xl {
  padding-top: 56px !important;
}
.yoshinoya-hd-hf .pl_3xl {
  padding-left: 56px !important;
}
.yoshinoya-hd-hf .pr_3xl {
  padding-right: 56px !important;
}

.yoshinoya-hd-hf .pa_4xl {
  padding: 64px !important;
}
.yoshinoya-hd-hf .pb_4xl {
  padding-bottom: 64px !important;
}
.yoshinoya-hd-hf .pt_4xl {
  padding-top: 64px !important;
}
.yoshinoya-hd-hf .pl_4xl {
  padding-left: 64px !important;
}
.yoshinoya-hd-hf .pr_4xl {
  padding-right: 64px !important;
}

/*-----------------------------------------
  order
-----------------------------------------*/
.yoshinoya-hd-hf .flex_order_1 {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.yoshinoya-hd-hf .flex_order_2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.yoshinoya-hd-hf .flex_order_3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.yoshinoya-hd-hf .flex_order_4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.yoshinoya-hd-hf .flex_order_5 {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.yoshinoya-hd-hf .flex_order_6 {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important;
}

.yoshinoya-hd-hf .flex_order_7 {
  -webkit-box-ordinal-group: 8 !important;
      -ms-flex-order: 7 !important;
          order: 7 !important;
}

.yoshinoya-hd-hf .flex_order_8 {
  -webkit-box-ordinal-group: 9 !important;
      -ms-flex-order: 8 !important;
          order: 8 !important;
}

.yoshinoya-hd-hf .flex_order_9 {
  -webkit-box-ordinal-group: 10 !important;
      -ms-flex-order: 9 !important;
          order: 9 !important;
}

.yoshinoya-hd-hf .flex_order_10 {
  -webkit-box-ordinal-group: 11 !important;
      -ms-flex-order: 10 !important;
          order: 10 !important;
}

@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .flex_sp_order_1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
.yoshinoya-hd-hf   .flex_sp_order_2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
.yoshinoya-hd-hf   .flex_sp_order_3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
.yoshinoya-hd-hf   .flex_sp_order_4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
.yoshinoya-hd-hf   .flex_sp_order_5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
.yoshinoya-hd-hf   .flex_sp_order_6 {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
.yoshinoya-hd-hf   .flex_sp_order_7 {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
.yoshinoya-hd-hf   .flex_sp_order_8 {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
.yoshinoya-hd-hf   .flex_sp_order_9 {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
.yoshinoya-hd-hf   .flex_sp_order_10 {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}
/*-----------------------------------------
  indent
-----------------------------------------*/
.yoshinoya-hd-hf .text_indent {
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .sp_w_100 {
    width: 100%;
  }
}

/* =======================================

  WLL

======================================= */
/*-----------------------------------------
  xj-sel-category
-----------------------------------------*/
/*-----------------------------------------
  xj-sel-year
-----------------------------------------*/
.yoshinoya-hd-hf .xj-sel-year {
  width: 232px;
  margin: 0 0 24px;
  position: relative;
}
.yoshinoya-hd-hf .xj-sel-year::before {
  content: "\e91d";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1;
  color: #1D1D1F;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 16px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.yoshinoya-hd-hf .xj-sel-year select {
  width: 100%;
  font-size: 1.3em;
  line-height: 1.4615384615;
  font-weight: 500;
  letter-spacing: 0.065em;
  color: #000000;
  padding: 10px 38px 10px 12px;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
}
.yoshinoya-hd-hf .xj-sel-year select:is(html.font_lg *) {
  font-size: 13px;
  line-height: 1.4615384615;
}

/*-----------------------------------------
  xj-newslist
-----------------------------------------*/
.yoshinoya-hd-hf .xj-newslist {
  border-top: 1px solid #000000;
}
.yoshinoya-hd-hf .xj-newslist.no_label .label {
  display: none;
}
.yoshinoya-hd-hf .xj-newslist.no_date .date {
  display: none;
}
.yoshinoya-hd-hf .xj-newslist.no_date .ttl {
  margin-left: 0;
}
.yoshinoya-hd-hf .xj-newslist.no_new .new {
  display: none;
}
.yoshinoya-hd-hf .xj-newslist.no_new a
.yoshinoya-hd-hf .xj-newslist.no_new div {
  padding: 25px 24px;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .xj-newslist.no_new a
.yoshinoya-hd-hf   .xj-newslist.no_new div {
    padding: 25px 0;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist.no_new a
.yoshinoya-hd-hf   .xj-newslist.no_new div {
    padding: 12px 0;
  }
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .xj-newslist.type_wrap a
.yoshinoya-hd-hf   .xj-newslist.type_wrap div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .xj-newslist.type_wrap .ttl:is(.news_list_field *) {
    margin: 4px 0;
    width: 100%;
  }
}
.yoshinoya-hd-hf .xj-newslist li {
  border-bottom: 1px solid #E2E2E2;
}
.yoshinoya-hd-hf .xj-newslist li > div {
  padding: 25px 30px 24px 93px;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .xj-newslist li > div {
    padding: 25px 0 24px 64px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist li > div {
    padding: 12px 0 16px;
  }
}
.yoshinoya-hd-hf .xj-newslist a
.yoshinoya-hd-hf .xj-newslist div {
  min-height: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 30px 24px 93px;
  color: #1D1D1F;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .xj-newslist a
.yoshinoya-hd-hf   .xj-newslist div {
    padding: 25px 0 24px 64px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist a
.yoshinoya-hd-hf   .xj-newslist div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: initial;
    padding: 12px 0 16px;
  }
}
.yoshinoya-hd-hf .xj-newslist a {
  /* _blank */
  /* hover */
}
.yoshinoya-hd-hf .xj-newslist a:not([href$=".pdf"]) {
  position: relative;
}
.yoshinoya-hd-hf .xj-newslist a:not([href$=".pdf"])::after {
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  line-height: 1;
  font-size: 1.6em;
  line-height: 1;
  color: #1D1D1F;
  position: absolute;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 30px;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .xj-newslist a:not([href$=".pdf"])::after {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist a:not([href$=".pdf"])::after {
    top: auto;
    bottom: 12px;
    right: 0;
  }
}
.yoshinoya-hd-hf .xj-newslist a:not([href$=".pdf"])[target=_blank]::after {
  content: "\e904";
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .xj-newslist a:hover {
    opacity: 1;
  }
.yoshinoya-hd-hf   .xj-newslist a:hover:not([target=_blank]):not([href$=".pdf"])::after {
    color: #E57E2E;
    right: 14px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 1079px) {
.yoshinoya-hd-hf   .xj-newslist a:hover:not([target=_blank]):not([href$=".pdf"])::after {
    right: -8px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist a:hover:not([target=_blank]):not([href$=".pdf"])::after {
    right: -8px;
  }
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .xj-newslist a:hover .ttl {
    color: #E57E2E;
  }
.yoshinoya-hd-hf   .xj-newslist a:hover .size {
    color: #E57E2E;
  }
}
.yoshinoya-hd-hf .xj-newslist .new {
  font-family: "Poppins", sans-serif;
  font-size: 1.6em;
  line-height: 1.8125;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #EF0A06;
  position: absolute;
  top: 50%;
  left: 28px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .xj-newslist .new {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist .new {
    margin-left: 12px;
    position: static;
    top: 23px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.yoshinoya-hd-hf .xj-newslist .date {
  margin-right: 12px;
  font-family: "Poppins", sans-serif;
  font-size: 1.4em;
  line-height: 1.7857142857;
  font-weight: 600;
  color: #4D4D4D;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist .date {
    margin-right: 12px;
  }
}
.yoshinoya-hd-hf .xj-newslist .label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 123px;
  font-size: 1.4em;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 500;
  text-align: center;
  color: #000000;
  padding: 4px 6px 6px;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist .label {
    padding: 4px 6px 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 80px;
  }
}
.yoshinoya-hd-hf .xj-newslist .label.pr {
  background: #EDEDED;
}
.yoshinoya-hd-hf .xj-newslist .label.brief {
  background: #DCF5DB;
}
.yoshinoya-hd-hf .xj-newslist .label.disclosure {
  background: #ffcdcd;
}
.yoshinoya-hd-hf .xj-newslist .label.other {
  background: #FCF0FE;
}
.yoshinoya-hd-hf .xj-newslist .label.sustainability {
  background: #ddfdff;
}
.yoshinoya-hd-hf .xj-newslist .label.news {
  background: #ffd595;
}
.yoshinoya-hd-hf .xj-newslist .ttl {
  font-size: 1.6em;
  line-height: 1.5;
  padding-right: 24px;
  margin-left: 12px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .xj-newslist .ttl {
    margin-left: 24px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist .ttl {
    margin: 4px 0;
    width: 100%;
  }
}
.yoshinoya-hd-hf .xj-newslist .size {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Poppins", sans-serif;
  font-size: 1.4em;
  line-height: 1.7857142857;
  font-weight: 400;
  padding-inline: 30px 0;
  margin-left: auto;
  text-align: right;
  color: #8D8D8D;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.yoshinoya-hd-hf .xj-newslist .size::before {
  width: 19px;
  height: 25px;
  content: "";
  background: url("https://images.pkg.navitime.co.jp/citrus/525/header_footer/img/common/icon_pdf.svg") no-repeat center center;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
}

.yoshinoya-hd-hf .xj-newslist_index {
  border-top: 1px solid #000000;
}
.yoshinoya-hd-hf .xj-newslist_index li {
  border-bottom: 1px solid #E2E2E2;
}
.yoshinoya-hd-hf .xj-newslist_index li > div {
  padding: 25px 30px 24px 93px;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .xj-newslist_index li > div {
    padding: 25px 0 24px 64px;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist_index li > div {
    padding: 12px 0 16px;
  }
}
.yoshinoya-hd-hf .xj-newslist_index a
.yoshinoya-hd-hf .xj-newslist_index div:not(.ttl_wrap) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 25px 0;
  color: #1D1D1F;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist_index a
.yoshinoya-hd-hf   .xj-newslist_index div:not(.ttl_wrap) {
    padding: 12px 0;
  }
}
.yoshinoya-hd-hf .xj-newslist_index a {
  /* _blank */
  /* hover */
}
.yoshinoya-hd-hf .xj-newslist_index a:not([href$=".pdf"]) {
  padding-right: 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist_index a:not([href$=".pdf"]) {
    padding-right: 30px;
  }
}
.yoshinoya-hd-hf .xj-newslist_index a:not([href$=".pdf"])::after {
  content: "\e902";
  font-family: "yoshinoyahd_icon";
  font-weight: normal;
  line-height: 1;
  font-size: 1.6em;
  line-height: 1;
  color: #1D1D1F;
  position: absolute;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 0;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist_index a:not([href$=".pdf"])::after {
    top: auto;
    bottom: 12px;
  }
}
.yoshinoya-hd-hf .xj-newslist_index a:not([href$=".pdf"])[target=_blank]::after {
  content: "\e904";
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .xj-newslist_index a:hover {
    opacity: 1;
  }
.yoshinoya-hd-hf   .xj-newslist_index a:hover:not([target=_blank]):not([href$=".pdf"])::after {
    color: #E57E2E;
    right: -8px;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist_index a:hover:not([target=_blank]):not([href$=".pdf"])::after {
    right: -5px;
  }
}
@media (hover: hover) and (pointer: fine) {
.yoshinoya-hd-hf   .xj-newslist_index a:hover .ttl {
    color: #E57E2E;
  }
.yoshinoya-hd-hf   .xj-newslist_index a:hover .size {
    color: #E57E2E;
  }
}
.yoshinoya-hd-hf .xj-newslist_index .new {
  font-family: "Poppins", sans-serif;
  font-size: 1.6em;
  line-height: 1.8125;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #EF0A06;
  margin-left: 12px;
}
@media screen and (max-width: 1079px) {
.yoshinoya-hd-hf   .xj-newslist_index .new {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist_index .new {
    position: static;
  }
}
.yoshinoya-hd-hf .xj-newslist_index .label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 123px;
  font-size: 1.4em;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 500;
  text-align: center;
  color: #000000;
  padding: 4px 6px 6px;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist_index .label {
    padding: 4px 6px 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 80px;
  }
}
.yoshinoya-hd-hf .xj-newslist_index .label.pr {
  background: #EDEDED;
}
.yoshinoya-hd-hf .xj-newslist_index .label.brief {
  background: #DCF5DB;
}
.yoshinoya-hd-hf .xj-newslist_index .label.disclosure {
  background: #ffcdcd;
}
.yoshinoya-hd-hf .xj-newslist_index .label.other {
  background: #FCF0FE;
}
.yoshinoya-hd-hf .xj-newslist_index .label.sustainability {
  background: #ddfdff;
}
.yoshinoya-hd-hf .xj-newslist_index .label.news {
  background: #ffd595;
}
.yoshinoya-hd-hf .xj-newslist_index .date {
  margin-right: 12px;
  font-family: "Poppins", sans-serif;
  font-size: 1.4em;
  line-height: 1;
  font-weight: 600;
  color: #4D4D4D;
}
.yoshinoya-hd-hf .xj-newslist_index .ttl_wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 30px;
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist_index .ttl_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.yoshinoya-hd-hf .xj-newslist_index .ttl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.6em;
  line-height: 2;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist_index .ttl {
    margin: 0 0 4px 0;
  }
}
.yoshinoya-hd-hf .xj-newslist_index .size {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 6.3em;
  font-family: "Poppins", sans-serif;
  font-size: 1.4em;
  line-height: 1.7857142857;
  font-weight: 400;
  padding-inline: 29px 0;
  margin-top: 4px;
  color: #8D8D8D;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-newslist_index .size {
    position: relative;
    margin-inline: auto 0;
  }
}
.yoshinoya-hd-hf .xj-newslist_index .size::before {
  width: 19px;
  height: 25px;
  content: "";
  background: url("https://images.pkg.navitime.co.jp/citrus/525/header_footer/img/common/icon_pdf.svg") no-repeat center center;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
}

/* ------------------------------------
	Wll グラフページ
------------------------------------ */
.yoshinoya-hd-hf .xj-graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 60px auto;
}
.yoshinoya-hd-hf .xj-graph > * {
  text-align: center;
  width: 49%;
}
.yoshinoya-hd-hf .xj-graph img {
  margin: 0 0 20px;
  max-width: 100%;
}
.yoshinoya-hd-hf .xj-graph .unit {
  display: block;
  text-align: right;
}

/*
.yoshinoya-hd-hf .xj_chart_table tr > *:first-child {
	display: none;
}
*/
@media screen and (max-width: 767px) {
.yoshinoya-hd-hf   .xj-graph {
    display: block;
  }
.yoshinoya-hd-hf   .xj-graph > * {
    width: 100%;
  }
}/*# sourceMappingURL=common.css.map */