@charset "UTF-8";

/* style add ps */	
@media only screen and (max-width: 620px) {	
.breadCrumbArea, hr {	
width: 620px;	
margin: 5px 0;	
}	
}	
	
#pageTitleArea {	
display: table;	
width: 100%;	
min-height: 25px;	
background: #808080;	
border-bottom: 1px solid #cfcfcf;	
}	
#pageTitleArea .back {	
display: table-cell;	
width: 30px;	
border-right: 1px solid #6f6f6f;	
border-bottom: 1px solid #6f6f6f;	
vertical-align: middle;	
text-align: center;	
table-layout: fixed;	
}	
#pageTitleArea .back a {	
display: block;	
width: 30px;	
min-height: 25px;	
background: url(/sp/common/images/arrow_back.png) 50% 50% no-repeat;	
background-size: 30px 25px;	
text-indent: -999em;	
}	
#pageTitleArea #pageTitle {	
display: table-cell;	
margin: 0 0 0 30px;	
padding: 4px 10px;	
color: #fff;	
border-left: 1px solid #cfcfcf;	
font-size: 13px;	
line-height: 17px;	
text-align: left;	
vertical-align: middle;	
height: 40px;	
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo, sans-serif;	
}	

/*tmp overwrite*/
/*-------------------------------------------------------*/
/*リセット*/
body, html{
  height: auto;
  margin: 0;
  container-type: inline-size;

}

#wrapper {
  font-size: 14px;
  overflow: hidden;
  position: relative;
  line-height: 1.4167;
  text-align: justify;
  font-family: "Noto Sans Japanese", sans-serif;
  /*ページ*/
  /* show only  SP/PC
  -------------------------------*/
  /* font
  -------------------------------*/
  /* margin
  -------------------------------*/
  /* padding
  -------------------------------*/
}
#wrapper * {
  box-sizing: border-box;
}
#wrapper *::before, #wrapper *::after {
  box-sizing: border-box;
}
#wrapper p {
  margin: 0;
}
#wrapper a {
  outline: none;
}
#wrapper img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  #wrapper img {
    width: 100%;
  }
}
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6, #wrapper article, #wrapper section, #wrapper ul, #wrapper figure {
  margin: 0;
  padding: 0;
}
#wrapper li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#wrapper div {
  line-height: 1;
}
#wrapper .text-align-center {
  text-align: center;
}
#wrapper .text-align-right {
  text-align: right;
}
#wrapper .display-block {
  display: block;
}
#wrapper .hidden {
  display: none !important;
  visibility: hidden;
}
#wrapper .clearfix::before, #wrapper .clearfix::after {
  content: "";
  display: table;
}
#wrapper .clearfix::after {
  clear: both;
}
#wrapper .clear {
  clear: both;
}
#wrapper .sp-only {
  display: none !important;
}
#wrapper .sp-only-2 {
  display: none !important;
}
#wrapper .pc-only {
  display: block !important;
}
#wrapper .pc-only-2 {
  display: inline-block !important;
}
#wrapper .bold {
  font-weight: bold;
}
#wrapper .loader-box {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(circle farthest-corner at 49.71% 59.09%, rgb(239, 130, 0) 0.41%, rgb(240, 139, 0) 12.28%, rgb(251, 200, 0) 99.53%);
  z-index: 5000;
  align-items: center;
  justify-content: center;
}
#wrapper .loader {
  width: 50px;
  height: 50px;
  border-top: 5px solid rgba(255, 255, 255, 0.4);
  border-right: 5px solid rgba(255, 255, 255, 0.4);
  border-bottom: 5px solid rgba(255, 255, 255, 0.4);
  border-left: 5px solid #fff;
  border-radius: 50%;
  animation: loader 1.1s infinite linear;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media only screen and (min-width: 621px) {
  .sp {
    display: none;
  }
}
@media only screen and (max-width: 620px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
/* コンテンツ */
#wrapper {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#wrapper .scrollin {
  opacity: 0;
  transform: translate(0, 50px);
}
#wrapper .scrollin.is-visible {
  opacity: 1;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translate(0, 0);
}
#wrapper .bgsec {
  position: relative;
  padding-bottom: 19.8529411765cqw;
  padding-top: 1px;
}
@media only screen and (max-width: 620px) {
  #wrapper .bgsec {
    padding-bottom: 26.6666666667cqw;
  }
}
#wrapper .bgsec__bg {
  position: absolute;
  inset: -19.8529411765cqw 0 0;
  z-index: -2;
  pointer-events: none;
}
@media only screen and (max-width: 620px) {
  #wrapper .bgsec__bg {
    top: -26.6666666667cqw;
  }
}
#wrapper .bgsec__bg img {
  position: absolute;
  inset: 0 0 auto;
  width: 100%;
}
#wrapper .bgsec__inner {
  position: relative;
}
#wrapper .sec01::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: #FBC700;
}
#wrapper .sec03::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: #002362;
}
#wrapper .sec04 {
  padding-bottom: 11.0294117647cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .sec04 {
    padding-bottom: 26.6666666667cqw;
  }
}
#wrapper .main-visual {
  width: 100%;
  position: relative;
}
#wrapper .main-visual__deco {
  position: relative;
  inset: 0;
}
#wrapper .main-visual__deco img {
  width: 100%;
}
#wrapper .main-visual__deco2, #wrapper .main-visual__deco3, #wrapper .main-visual__character, #wrapper .main-visual__fair, #wrapper .main-visual__character, #wrapper .main-visual__date, #wrapper .main-visual__period {
  position: absolute;
  inset: 0;
}
#wrapper .main-visual__deco2 img, #wrapper .main-visual__deco3 img, #wrapper .main-visual__character img, #wrapper .main-visual__fair img, #wrapper .main-visual__character img, #wrapper .main-visual__date img, #wrapper .main-visual__period img {
  width: 100%;
}
#wrapper .main-visual__deco2 {
  mix-blend-mode: hard-light;
}
@media only screen and (max-width: 620px) {
  #wrapper .main-visual__character {
    padding-top: 5cqw;
  }

  #wrapper .main-visual__fair {
    z-index: 1;
  }

  #wrapper .main-visual__date {
    display: none;
  }

  #wrapper .main-visual__period {
    padding-top: 3.7cqw;
  }
}
#wrapper .present {
  width: 100%;
  position: relative;
  margin-top: -14.3382352941cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .present {
    margin-top: 0;
    padding-bottom: 21.3333333333cqw;
  }
}
#wrapper .present__deco {
  position: absolute;
  z-index: -1;
  inset: 8.0882352941cqw 0 auto;
}
@media only screen and (max-width: 620px) {
  #wrapper .present__deco {
    inset: 12cqw 0 auto;
  }
}
#wrapper .present__ttl {
  width: 74.7794117647cqw;
  position: relative;
  left: 1.4705882353cqw;
  margin-inline: auto;
}
@media only screen and (max-width: 620px) {
  #wrapper .present__ttl {
    width: 100cqw;
    left: 0cqw;
  }
}

#wrapper .present__img {
  margin-top: -12.2941176471cqw;
  width: 40.9558823529cqw;
  margin-inline: auto;
}
@media only screen and (max-width: 620px) {
  #wrapper .present__img {
    width: 88.8cqw;
    margin-top: -4cqw;
  }
}
#wrapper .present__img__caption {
  margin-top: 0.3352941176cqw;
  font-size: clamp(10px, 0.8823529412cqw, 0.8823529412cqw);
  text-align: center;
  line-height: 1.5;
}
@media only screen and (max-width: 620px) {
  #wrapper .present__img__caption {
    margin-top: 2.6666666667cqw;
    font-size: clamp(10px, 3.2cqw, 3.2cqw);
  }
}
#wrapper .present__caption {
  margin-top: 6.855882cqw;
  width: 47.0588235294cqw;
  margin-inline: auto;
  font-size: clamp(10px, 0.8823529412cqw, 0.8823529412cqw);
  line-height: 1.5;
}
@media only screen and (max-width: 620px) {
  #wrapper .present__caption {
    margin-top: 48cqw;
    font-size: clamp(10px, 3.2cqw, 3.2cqw);
    width: 85.3333333333cqw;
  }
}
#wrapper .online {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: -14.7058823529cqw;
  padding-bottom: 7.3529411765cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .online {
    padding: 16cqw 0 40cqw;
  }
}
#wrapper .online__heading {
  width: 99.1176470588cqw;
  margin-left: auto;
  margin-top: -14.7058823529cqw;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 620px) {
  #wrapper .online__heading {
    width: 100cqw;
    margin-top: 0;
  }
}
#wrapper .online__item {
  width: 90.9558823529cqw;
  margin-inline: auto;
  background: #E8380D;
  border: solid 0.5147058824cqw #0A0A0A;
  border-top: none;
  position: relative;
  border-radius: 0.5882352941cqw;
  padding-top: 2.2058823529cqw;
  padding-bottom: 3.6764705882cqw;
  box-shadow: 0.5147058824cqw 0.5147058824cqw 0px #0A0A0A;
}
@media only screen and (max-width: 620px) {
  #wrapper .online__item {
    width: 93.3333333333cqw;
    border-width: 1.3333333333cqw;
    border-radius: 2.1333333333cqw;
    padding-top: 10.6666666667cqw;
    padding-bottom: 32cqw;
    box-shadow: 0px 1.3333333333cqw 0px #0A0A0A;
  }
}
#wrapper .online__item::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: -0.5147058824cqw;
  right: -0.5147058824cqw;
  top: -19.1176470588cqw;
  height: 22.0588235294cqw;
  background: #E8380D;
  border: solid 0.5147058824cqw #0A0A0A;
  border-bottom: none;
  transform-origin: top right;
  transform: skewY(-8deg);
  border-radius: 0.5882352941cqw 0.5882352941cqw 0 0;
  box-shadow: 0.5147058824cqw -1px 0px #0A0A0A;
}
@media only screen and (max-width: 620px) {
  #wrapper .online__item::before {
    top: -40cqw;
    height: 53.3333333333cqw;
    left: -1.3333333333cqw;
    right: -1.3333333333cqw;
    transform: skewY(-14deg);
    border-width: 1.3333333333cqw;
    border-radius: 2.1333333333cqw 2.1333333333cqw 0 0;
    box-shadow: 0px 0px 0px #0A0A0A;
  }
}
#wrapper .online__item .navi_1 {
  margin-top: 3.6764705882cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .online__item .navi_1 {
    margin-top: 13.3333333333cqw;
  }
}
#wrapper .online__item .navi_1 a {
  display: block;
  width: 22.7941176471cqw;
  margin: 0 auto;
  transition: transform 0.25s;
}
@media only screen and (max-width: 620px) {
  #wrapper .online__item .navi_1 a {
    width: 82.6666666667cqw;
  }
}
#wrapper .online__item .navi_1 a:hover {
  transform: scale(1.05);
}
#wrapper .online__item__deco {
  width: 36.7647058824cqw;
  position: absolute;
  bottom: -8.8235294118cqw;
  left: -20.5882352941cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .online__item__deco {
    width: 141.8666666667cqw;
    bottom: -37.3333333333cqw;
    left: -92cqw;
  }
}
#wrapper .search01-section {
  width: 78.3088235294cqw;
  margin: 0 auto;
  border: #0A0A0A solid 0.5882352941cqw;
  border-radius: 2.8676470588cqw;
  box-shadow: 0 0.6617647059cqw 0px 0 #0A0A0A;
  background-color: #fff;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section {
    width: auto;
    margin-inline: -1.3333333333cqw;
    border-width: 1.3333333333cqw;
    border-radius: 2.1333333333cqw;
    box-shadow: none;
  }
}
#wrapper .search01-section .inner {
  padding: 2.2058823529cqw 0.7352941176cqw 3.3088235294cqw 0.7352941176cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .inner {
    padding: 0;
  }
}
#wrapper .search01-section .wrapper {
  width: 74.7058823529cqw;
  margin: 0 auto;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .wrapper {
    width: 83.7333333333vw;
    padding: 7.2cqw 0 9.3333333333cqw;
  }
}
#wrapper .search01-section .list-item {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item {
    flex-wrap: wrap;
  }
}
#wrapper .search01-section .list-item .item {
  position: relative;
  padding: 1.4% 0 1.2%;
  width: 100%;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item {
    width: 50%;
    padding: 8vw 0 6.2vw;
    border: none;
  }
}
#wrapper .search01-section .list-item .item::after {
  position: absolute;
  content: "";
  background-color: #B3B3B3;
  width: 3px;
  height: 100%;
  border-radius: 1.5px;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item.item02 {
    border-left: none;
  }
  #wrapper .search01-section .list-item .item.item02::after {
    display: none;
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item.item03::after {
    display: none;
  }
}
#wrapper .search01-section .list-item .item.item07 {
  border-right: none;
}
#wrapper .search01-section .list-item .item.item07::after {
  display: none;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item.item07::after {
    display: block;
  }
}
#wrapper .search01-section .list-item .item + .item {
  margin-left: -1px;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item + .item {
    margin-left: 0;
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item:nth-child(odd)::before {
    content: "";
    width: 2px;
    height: calc(100% - 5.88235294vw);
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #B3B3B3;
    transform: translateY(-50%);
  }
  #wrapper .search01-section .list-item .item:nth-child(odd)::after {
    content: "";
    width: calc(100% - 3.35294118vw);
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0.5333333333cqw;
    background-color: #B3B3B3;
  }
  #wrapper .search01-section .list-item .item:nth-child(even)::after {
    content: "";
    width: calc(100% - 3.35294118vw);
    height: 2px;
    position: absolute;
    right: 0.5333333333cqw;
    bottom: 0;
    background-color: #B3B3B3;
  }
}
#wrapper .search01-section .list-item .item .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
}
#wrapper .search01-section .list-item .item .overlay:hover ~ .tooltip {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
  z-index: 100;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item .overlay:hover ~ .tooltip {
    opacity: 0;
    transform: translateY(20px);
    z-index: 1;
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item .overlay:active ~ .tooltip {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
  }
}
#wrapper .search01-section .list-item .item .icon {
  width: 72.35%;
  margin: 10% auto 29%;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item .icon {
    width: 63.7%;
    margin: 0 auto 4cqw;
  }
}
#wrapper .search01-section .list-item .item .txt {
  display: flex;
  height: 2lh;
  margin-top: 28.81%;
  color: #000;
  line-height: 1.25;
  font-size: clamp(14px, 1.4705882353cqw, 1.4705882353cqw);
  font-weight: bold;
  text-align: center;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item .txt {
    margin-top: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
#wrapper .search01-section .list-item .item .tooltip {
  width: 260px;
  position: absolute;
  z-index: 3;
  bottom: 100%;
  left: 50%;
  margin: 0 0 8px -130px;
  border-radius: 3px;
  opacity: 0;
  pointer-events: none;
  background-color: #333;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(20px);
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item .tooltip {
    width: 200%;
  }
}
#wrapper .search01-section .list-item .item .tooltip::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top-color: #333;
}
#wrapper .search01-section .list-item .item .tooltip .ttl {
  padding: 14px 16px !important;
  border-radius: 3px 3px 0 0;
  color: #fff;
  line-height: 1.6;
  font-size: 14px;
  font-weight: bold;
  background: #262626;
}
#wrapper .search01-section .list-item .item .tooltip .read {
  padding: 14px 19px;
  color: #fff;
  line-height: 1.6;
  font-size: 12px;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item:nth-child(odd) .tooltip {
    right: auto;
    left: 0;
    margin-left: 0;
  }
  #wrapper .search01-section .list-item .item:nth-child(odd) .tooltip::before {
    right: auto;
    left: 25%;
    margin: 0 0 0 -8px;
  }
  #wrapper .search01-section .list-item .item:nth-child(even) .tooltip {
    right: 0;
    left: auto;
    margin-left: 0;
  }
  #wrapper .search01-section .list-item .item:nth-last-child(even) .tooltip::before {
    right: 25%;
    left: auto;
    margin: 0 -8px 0 0;
  }
}
#wrapper .search01-section .navi_1 {
  margin-top: 11.5%;
  padding-bottom: 6%;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .navi_1 {
    margin-top: 11.5%;
    padding-bottom: 6%;
  }
}
#wrapper .search01-section .navi_1 a {
  display: block;
  max-width: 564px;
  width: 75.2vw;
  margin: 0 auto;
  padding: 4.427% 0;
  transition: transform 0.25s;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .navi_1 a {
    max-width: 564px;
    width: 75.2vw;
    margin: 0 auto;
    padding: 4.427% 0;
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .navi_1 a img {
    margin-top: -11.382353vw;
  }
}
#wrapper .search01-section .navi_1 a:hover {
  transform: scale(1.05);
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .navi_1 a:hover {
    transform: scale(1);
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .navi_1 a:active {
    transform: scale(1.05);
  }
}
#wrapper .search01-section .navi_1 a::before {
  content: "";
  width: 3.29%;
  height: 0;
  position: absolute;
  top: 50%;
  right: 8.23%;
  padding-top: 3.29%;
  border: solid;
  border-width: 0.8vw 0.8vw 0 0;
  transform: translateY(-50%) rotate(45deg);
}
#wrapper .search02-section {
  padding: 0 0 2.2058823529cqw;
  position: relative;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section {
    padding: 20cqw 0 32cqw;
  }
}
#wrapper .search02-section img {
  width: 100%;
  margin: 0 auto;
}
#wrapper .search02-section .search02_head {
  position: relative;
  z-index: 2;
}
#wrapper .search02-section .search02_head > .ttl {
  width: 83.6764705882cqw;
  margin: 0 auto 3.8970588235cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .search02_head > .ttl {
    width: 100cqw;
    margin: 0 auto 10.6666666667cqw;
  }
}
#wrapper .search02-section .copy {
  font-size: clamp(10px, 1.1764705882cqw, 1.1764705882cqw);
  margin-inline: auto;
  color: #FFF;
  line-height: 1.34375;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .copy {
    width: 81.3333333333cqw;
    font-size: clamp(10px, 4.2666666667cqw, 4.2666666667cqw);
    text-align: left;
  }
}
#wrapper .search02-section .area-navi {
  display: flex;
  width: 78.8235294118cqw;
  position: relative;
  margin: 3.6764705882cqw auto 0;
  letter-spacing: 0.05em;
  z-index: 3;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.1029411765cqw 1.9117647059cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .area-navi {
    width: 78.6666666667cqw;
    flex-direction: column;
    gap: 2.6666666667cqw;
    margin: 8cqw auto 0;
  }
}
#wrapper .search02-section .area-navi .item {
  width: 24.8529411765cqw;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .area-navi .item {
    width: 100%;
  }
}
#wrapper .search02-section .area-navi .item a {
  display: block;
  position: relative;
  padding: 1.25cqw 0;
  border-radius: 1000px;
  color: #0a0a0a;
  line-height: 1;
  font-size: 1.6911764706cqw;
  font-weight: bold;
  border: solid 0.2941176471cqw;
  text-decoration: none;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0px 0.5147058824cqw 0px #0a0a0a;
  transition: transform 0.25s;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .area-navi .item a {
    padding: 3.4666666667cqw 0;
    border: solid 1.0666666667cqw;
    box-shadow: 0px 0.5333333333cqw 0px #0a0a0a;
    font-size: 4.5333333333cqw;
  }
}
#wrapper .search02-section .area-navi .item a::before {
  content: "";
  width: 1.0294117647cqw;
  height: 1.0294117647cqw;
  position: absolute;
  top: 50%;
  right: 6.6%;
  margin-top: -2px;
  border: solid #DE1522;
  border-width: 0 0.2205882353cqw 0.2205882353cqw 0;
  transform: translateY(-50%) rotate(45deg);
  z-index: 2;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .area-navi .item a::before {
    width: 2.6666666667cqw;
    height: 2.6666666667cqw;
    right: 7.2cqw;
    margin-top: -0.5333333333cqw;
    border-width: 0 0.5333333333cqw 0.5333333333cqw 0;
  }
}
@media screen and (min-width: 621px) {
  #wrapper .search02-section .area-navi .item a:hover {
    transform: scale(1.05);
  }
}
#wrapper .search02-section .result {
  overflow: hidden;
  width: 78.8235294118cqw;
  height: 0;
  margin: 0 auto;
  opacity: 0;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result {
    width: 88cqw;
  }
}
#wrapper .search02-section .result.active {
  height: auto;
  opacity: 1;
  transition: opacity 0.5s;
}
#wrapper .search02-section .result .area {
  color: #FFFFFF;
  line-height: 1.5;
  font-size: 2.2058823529cqw;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: 3.6764705882cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .area {
    font-size: 6.1333333333cqw;
    margin-top: 8cqw;
  }
}
#wrapper .search02-section .result .list-item {
  margin-top: 2.5735294118cqw;
  display: flex;
  flex-direction: column;
  gap: 0.7352941176cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item {
    margin-top: 5.3333333333cqw;
    gap: 8cqw;
  }
}
#wrapper .search02-section .result .list-item .item {
  display: flex;
  padding: 1.3970588235cqw 1.3970588235cqw;
  border-radius: 0.7352941176cqw;
  background: #FFFFFF;
  border: solid 0.2941176471cqw #0A0A0A;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item {
    display: block;
    padding: 5.3333333333vw 0 7.69230769vw;
    border-radius: 2.6666666667cqw;
    border: solid 1.0666666667cqw #0A0A0A;
  }
}
#wrapper .search02-section .result .list-item .item .name {
  color: #000;
  line-height: 1.5;
  font-size: 1.6911764706cqw;
  font-weight: bold;
  flex: 1;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .name {
    margin-bottom: 3.4666666667vw;
    font-size: 4.8cqw;
    text-align: center;
  }
}
#wrapper .search02-section .result .list-item .item .navi_1 {
  width: 14.7058823529cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .navi_1 {
    width: 69.3333333333cqw;
    height: 12vw;
    margin: 0 auto;
  }
  #wrapper .search02-section .result .list-item .item .navi:first-child {
    width: 69.3333333333vw;
    margin: 0 auto 4vw;
  }
  #wrapper .search02-section .result .list-item .item .navi:nth-child(2) {
    width: 69.3333333333vw;
    margin: 0 auto;
  }
}
#wrapper .search02-section .result .list-item .item .navi_1 a {
  display: block;
  position: relative;
  margin-left: auto;
  padding: 1.25cqw 0;
  border-radius: 1000px;
  color: #fff;
  line-height: 1;
  font-size: 1.1764705882cqw;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.05em;
  background-color: #E60012;
  transition: transform 0.25s;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .navi_1 a {
    padding: 3.7333333333vw 0 4vw;
    border-radius: 13.84615385vw;
    font-size: 4.26666667vw;
  }
}
#wrapper .search02-section .result .list-item .item .navi_1 a:hover {
  transform: scale(1.05);
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .navi_1 a:hover {
    transform: scale(1);
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .navi_1 a:active {
    transform: scale(1.05);
  }
}
#wrapper .search02-section .result .list-item .item .navi_1 a::before {
  content: "";
  width: 0.5882352941cqw;
  height: 0.5882352941cqw;
  position: absolute;
  top: 50%;
  right: 1.6911764706cqw;
  border: solid #fff;
  border-width: 0.2205882353cqw 0.2205882353cqw 0 0;
  transform: translateY(-50%) rotate(45deg);
  z-index: 2;
}
@media screen and (max-width: 1280px) {
  #wrapper .search02-section .result .list-item .item .navi_1 a::before {
    width: 0.625vw;
    height: 0.625vw;
    right: 1.796875vw;
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .navi_1 a::before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    right: 5.8666666667vw;
    border-width: 0.5333333333vw 0.5333333333vw 0 0;
  }
}
#wrapper .detail-btn-section {
  position: relative;
}
@media only screen and (max-width: 620px) {
  #wrapper .detail-btn-section {
    padding-top: 16cqw;
  }
}
#wrapper .detail-btn-section .detail_btn-ttl {
  width: 84.4852941176cqw;
  margin-left: 2.2058823529cqw;
  margin-bottom: 2.2058823529cqw;
  margin-top: -2.2058823529cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .detail-btn-section .detail_btn-ttl {
    width: 97.8666666667cqw;
    margin: 0 auto 13.3333333333cqw;
  }
}
#wrapper .detail-btn-section .detail_btn {
  width: 87.8676470588cqw;
  margin-left: 10.5147058824cqw;
  position: relative;
}
@media only screen and (max-width: 620px) {
  #wrapper .detail-btn-section .detail_btn {
    width: 93.3333333333cqw;
    margin-left: 4cqw;
  }
}
#wrapper .detail-btn-section .detail_btn a {
  display: block;
  position: absolute;
  width: 22.7941176471cqw;
  bottom: 2.9411764706cqw;
  left: 27.9411764706cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .detail-btn-section .detail_btn a {
    width: 61.3333333333cqw;
    bottom: 5.6cqw;
    left: 16cqw;
  }
}
@media (hover) {
  #wrapper .detail-btn-section .detail_btn a {
    transition: transform 0.25s, opacity 0.25s;
  }
  #wrapper .detail-btn-section .detail_btn a:hover {
    transform: scale(1.02);
    opacity: 0.7;
  }
}