section {
 position: relative;
 width: 100%;
}
section.collection_area {
 padding: 0 9% 200px;
}
@media screen and (max-width: 1024px) {
 section.collection_area {
  padding: 0 5% 100px;
 }
}
section.collection_area .cloud1 {
 position: absolute;
 top: -60px;
 right: 0;
}
@media screen and (max-width: 1024px) {
 section.collection_area .cloud1 {
  width: 125.61px;
 }
}
@media screen and (max-width: 600px) {
 section.collection_area .cloud1 {
  display: none;
 }
}
section.collection_area .cloud2 {
 position: absolute;
 right: 0;
 bottom: 0;
}
@media screen and (max-width: 1024px) {
 section.collection_area .cloud2 {
  width: 313.76px;
 }
}
section.collection_area >.inner p.lead {
 width: 100%;
 max-width: 800px;
 line-height: 1.875;
 margin-bottom: 50px;
 font-size: 16px;
 letter-spacing: 0.12em;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner p.lead {
  margin-bottom: 30px;
  font-size: 14px;
 }
}
section.collection_area >.inner .tabs {
 display: flex;
 position: relative;
 width: 100%;
 gap: 40px;
 margin-bottom: 30px;
 border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner .tabs {
  gap: 20px;
  margin-bottom: 20px;
 }
}
section.collection_area >.inner .tabs .tab {
 position: relative;
 line-height: 1;
 padding-bottom: 20px;
 color: var(--gray);
 font-size: 20px;
 letter-spacing: 0.12em;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner .tabs .tab {
  font-size: 16px;
 }
}
section.collection_area >.inner .tabs .tab:after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 0px;
 background: var(--blue);
 transition: all 0.3s;
}
section.collection_area >.inner .tabs .tab[aria-selected=true] {
 color: var(--blue);
}
section.collection_area >.inner .tabs .tab[aria-selected=true]:after {
 height: 2px;
}
section.collection_area >.inner .tabpanel {
 display: none;
 visibility: hidden;
 opacity: 0;
 transition: all 0.3s ease-in-out;
}
section.collection_area >.inner .tabpanel[aria-hidden=false] {
 display: block;
 visibility: visible;
 opacity: 1;
}
section.collection_area >.inner .tabpanel ul.artist {
 display: flex;
 flex-wrap: wrap;
 gap: 20px 0;
 margin-bottom: 90px;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner .tabpanel ul.artist {
  gap: 15px 0;
  margin-bottom: 45px;
 }
}
section.collection_area >.inner .tabpanel ul.artist li {
 border-right: 1px solid #d9d9d9;
}
section.collection_area >.inner .tabpanel ul.artist li.row-start {
 border-left: 1px solid #d9d9d9;
}
section.collection_area >.inner .tabpanel ul.artist a {
 line-height: 1.25;
 padding: 0 20px;
 font-size: 16px;
 letter-spacing: 0.12em;
 pointer-events: none;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner .tabpanel ul.artist a {
  padding: 0 10px;
  font-size: 14px;
 }
}
section.collection_area >.inner .tabpanel ul.artist a[href*="#"] {
 color: var(--blue);
 pointer-events: auto;
}
section.collection_area >.inner .tabpanel ul.collection {
 width: 100%;
 max-width: 800px;
 margin: 0 auto;
}
section.collection_area >.inner .tabpanel ul.collection >li {
 display: grid;
 grid-template-columns: 37.5% 1fr;
 gap: 6%;
}
@media screen and (max-width: 600px) {
 section.collection_area >.inner .tabpanel ul.collection >li {
  grid-template-columns: 1fr;
  gap: 20px;
 }
}
section.collection_area >.inner .tabpanel ul.collection >li:not(:last-child) {
 margin-bottom: 150px;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner .tabpanel ul.collection >li:not(:last-child) {
  margin-bottom: 70px;
 }
}
section.collection_area >.inner .tabpanel ul.collection >li .tmb img {
 width: 100%;
}
section.collection_area >.inner .tabpanel ul.collection >li .tmb p.caption {
 line-height: 1.875;
 margin-top: 5px;
 font-size: 16px;
 letter-spacing: 0.12em;
}
section.collection_area >.inner .tabpanel ul.collection >li .data h3 {
 line-height: 1.3125;
 margin-bottom: 20px;
 padding-bottom: 15px;
 border-bottom: 1px solid #d9d9d9;
 color: var(--blue);
 font-family: var(--ff_mincho);
 font-size: 32px;
 letter-spacing: 0.12em;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner .tabpanel ul.collection >li .data h3 {
  margin-bottom: 10px;
  font-size: 22px;
 }
}
section.collection_area >.inner .tabpanel ul.collection >li .data p.ruby {
 line-height: 1.8571428571;
 color: var(--blue);
 font-family: var(--ff_mincho);
 font-size: 14px;
 letter-spacing: 0.12em;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner .tabpanel ul.collection >li .data p.ruby {
  font-size: 12px;
 }
}
section.collection_area >.inner .tabpanel ul.collection >li .data p.name {
 line-height: 1.0833333333;
 margin-bottom: 15px;
 color: var(--blue);
 font-family: var(--ff_mincho);
 font-size: 24px;
 letter-spacing: 0.12em;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner .tabpanel ul.collection >li .data p.name {
  font-size: 18px;
 }
}
section.collection_area >.inner .tabpanel ul.collection >li .data p.name span {
 font-size: 16px;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner .tabpanel ul.collection >li .data p.name span {
  font-size: 14px;
 }
}
section.collection_area >.inner .tabpanel ul.collection >li .data p.profile,section.collection_area >.inner .tabpanel ul.collection >li .data li,section.collection_area >.inner .tabpanel ul.collection >li .data p.desc {
 line-height: 1.875;
 font-size: 16px;
 letter-spacing: 0.12em;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner .tabpanel ul.collection >li .data p.profile,section.collection_area >.inner .tabpanel ul.collection >li .data li,section.collection_area >.inner .tabpanel ul.collection >li .data p.desc {
  font-size: 14px;
 }
}
section.collection_area >.inner .tabpanel ul.collection >li .data li {
 padding-left: 0.62em;
 text-indent: -0.62em;
}
section.collection_area >.inner .tabpanel ul.collection >li .data p.desc {
 margin-top: 35px;
}
@media screen and (max-width: 1024px) {
 section.collection_area >.inner .tabpanel ul.collection >li .data p.desc {
  margin-top: 20px;
 }
}
/*# sourceMappingURL=layout.css.map */