@charset "UTF-8";
/* CSS Document */
#content.under-contents{
  padding-bottom: min(120px,20vw);
}
#key.under-key{
  background: #f3f9fa;
}
.under-key-inner{
  min-height: min(48vw,245px);
  display: grid;
  place-content:center;
}
.under-contents{
  margin-top: min(60px,8vw);
}
.under-key-title{
  gap:15px;
  transform: translateY(5px);
}
.under-key-title .page-title{
  font-size: var(--head2);
  font-weight: 700;
}
.under-key-title .en{
  font-family: var(--fnt-futura);
  font-weight: 500;
  color: var(--base-blue);
  font-size: var(--fs-mid20);
  letter-spacing: .12em;
}
/*breadcrumbs*/
.breadcrumbs{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:10px 1.5em;
  color: var(--clr-blue);
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: min(12px,3.4vw);
}
.breadcrumbs > *:not(:last-child)::before{
  content: "";
  width: 5px;
  aspect-ratio:1/1;
  border: 1px solid;
  border-color: var(--clr-blue) var(--clr-blue) transparent transparent;
  position: absolute;
  right: calc(-1.5em/1.5);
  top: .25em;
  transform: rotate(45deg);
}
/*ARCHIVE
===========================================================*/
#content.archive-contents .archive-recoeds-item
,#content.search-contents .archive-recoeds-item{
  margin-top: min(80px,10vw);
}
.search-toggle-box{
  width: min(920px, 100%);
}
.search-toggle-box dt{
  background: var(--base-blue);
  border-radius: 10px;
  padding: min(18px,3vw);
-webkit-transition: all var(--transition);
-o-transition: all var(--transition);
transition: all var(--transition);
}
.search-toggle-box dt::after{
  content: "";
  width: min(22px,4vw);
  aspect-ratio:1/1;
  background: url("../images/icn/plus_w.svg") no-repeat center/100%;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  -webkit-transition: all var(--transition);
-o-transition: all var(--transition);
transition: all var(--transition);
}
.search-toggle-box dt p{
  font-size: var(--fs-mid18);
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.search-toggle-box dt.open{
  border-radius: 10px 10px 0 0;
}
.search-toggle-box dt.open::after{
  background-image: url("../images/icn/minus_w.svg");
}
.acv-pager{
  margin-top: min(50px,15vw);
}
.wp-pagenavi{
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  gap:10px;
}
.wp-pagenavi > *{
  width: 1.92em;
  aspect-ratio:1/1;
  border: 1px solid var(--base-blue);
  border-radius: 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  color: var(--clr-blue);
  font-weight: 600;
  position: relative;
}
.wp-pagenavi .current{
  background: var(--base-blue);
  color: #fff;
  
}
.wp-pagenavi > .extend{
  border: none;
}
.wp-pagenavi .previouspostslink::before
,.wp-pagenavi .nextpostslink::before
,.wp-pagenavi .first::before
,.wp-pagenavi .first::after
,.wp-pagenavi .last::before
,.wp-pagenavi .last::after{
  content: "";
  width: 5px;
  aspect-ratio:1/1;
  border: 2px solid;
  position: absolute;
  border-radius: 2px;
  top: 50%;
  left: 50%;
}
.wp-pagenavi .previouspostslink::before{
  border-color: var(--base-blue) transparent transparent var(--base-blue);
  transform: translate(-25%,-50%) rotate(-45deg);
}
.wp-pagenavi .first::before
,.wp-pagenavi .first::after{
  border-color: var(--base-blue) transparent transparent var(--base-blue);
  transform: translate(-25%,-50%) rotate(-45deg);
}
.wp-pagenavi .first::before
,.wp-pagenavi .last::before{
  left: calc(50% - 2px);
}
.wp-pagenavi .first::after
,.wp-pagenavi .last::after{
  left: calc(50% + 2px);
}
.wp-pagenavi .nextpostslink::before{
  border-color: transparent var(--base-blue) var(--base-blue) transparent;
  transform: translate(-65%,-50%) rotate(-45deg);
}
.wp-pagenavi .last::before
,.wp-pagenavi .last::after{
  border-color: transparent var(--base-blue) var(--base-blue) transparent;
  transform: translate(-65%,-50%) rotate(-45deg);
}
/*side*/
#l-side{
  width: max(280px,25%);
}
#l-side > * + *{
  margin-top: 15px;
}
.side-new_entry > * + *{
  margin-top: 15px;
}

.side-item > * + *{
  margin-top: 15px;
}
.side-title{
  font-weight: 600;
  background: #ededed;
  padding: 10px;
}
.side-item article .thumb{
  width: 25%;
  aspect-ratio:1/1;
  box-shadow: 2px 2px 5px rgba(0,0,0,.25);
  border: 2px solid #fff;
}
.side-item article .thumb img{
  object-fit: cover;
  height: 100%;
}
.side-item article .data{
  width: 75%;
  padding: 10px 10px 10px 15px;;
}
.side-item article .data .tag{
  justify-content: space-between;
  gap:10px;
}
.side-item article .data .post-title{
  margin-top: 10px;
}
/*検索結果*/
.filtering-item{
  padding-left: 1.25em;
}
.filtering-item::before{
  content: "■";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--base-blue);
  font-size: .9em;
}
.filtering-item + .recoeds-item-list
,.search-blank{
  margin-top: min(20px,5vw);
}

/*SINGLE
===========================================================*/
.single-inner{
  width: min(1000px,100%);
  padding-left: min(50px, 3vw);
  padding-right: min(50px, 3vw);
  margin-left: auto;
  margin-right: auto;
}
.single-item-blc{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap:min(50px, 10vw) 0;
}
.single-item-blc .single-item_thumb
,.single-item-blc .single-item_data{
  width: 50%;
}
.single-item-blc .single-item_thumb{
  padding-right: min(50px,5vw);
  
}
.single-item_thumb .thumb{
  width: 100%;
  aspect-ratio:1/0.7494;
  border: 1px solid var(--bdr-pale-gry);
}
.single-item_thumb .thumb img{
  object-fit: contain;
  object-position: center;
  height: 100%;
}
.single-item_thumb .records-tags{
  margin-top: min(20px,5vw);
  gap:10px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single-item_thumb .records-tags span{
  color: var(--clr-blue);
  border: 1px solid;
  border-radius: 1.5em;
  padding: 3px 1em;
  font-size: min(13px,3.4vw);
}
.single-item__price{
  font-weight: 600;
  padding-bottom: min(10px,2vw);
  line-height: 1.2;
}
.single-item__price .buying-price{
  font-size: var(--fs-mid18);
}
.single-item__price .buying-price span{
  font-style: italic;
  color: var(--clr-b-red);
  font-family: var(--fnt-futura);
  font-size: 2.2222em;
  font-weight: 500;
  padding-right: 5px;
}
.single-item__data{
  padding-top: min(20px,3vw);
  border-top: 1px solid var(--bdr-pale-gry);
}
.single-item__data > div{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  line-height: 1.2;
}
.single-item__data > div + div{
  margin-top: 15px;
}
.single-item__data dt{
  width: 7em;
  color: #848484;
}

.single-rank__case{
  width: 100%;
  margin-top: 0;
}
.single-rank__case .comment{
  width: min(800px,100%);
}
.single-rank__case .comment .rank-list > div{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  line-height: 1.4;
}
.single-rank__case .comment .rank-list > div + div{
  margin-top: 10px;
}
.single-rank__case .comment .rank-list dt{
  font-weight: 600;
  width: 6em;
}

/*REGAL PAGE
===========================================================*/
.legal-company-list{
  width: min(700px,100%)
}
.legal-company-list > div{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border-bottom: 2px solid var(--bdr-pale-blue);
  
}
.legal-company-list dt
,.legal-company-list dd{
  padding: 18px 21px 16px;
}
.legal-company-list dt{
  width: 8.5em;
}
.legal-company-list > div:first-child dt
,.legal-company-list > div:first-child dd{
  padding-top: 0;
}
.legal-company-list dt p{
  font-weight: 600;
}
.legal-company-list dt::after{
  content: "";
  width: 100%;
  height: 2px;
  background: var(--base-blue);
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 1;
}
.legal-company-list dd{
  width: calc(100% - 8.5em);
  padding-left: 2.5em;
}

/*privacy*/
.legal-poricy-blc{
  font-size: min(16px,3.6vw);
}
.legal-poricy-box{
  margin-top: min(50px,10vw);
  gap:min(25px,8vw);
}
ul.dot-list li{
  padding-left: 1em;
  line-height: calc(20/14);
}
ul.dot-list li::before{
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.legal-poricy-item .title{
  font-weight: 600;
  padding-left: 1em;
}

.legal-poricy-item .title::before{
  content: "";
  position: absolute;
  width: .8em;
  aspect-ratio:1/1;
  background: var(--base-blue);
  top: .1em;
  left: 0;
  border-radius: 50%;
}
.legal-poricy-item .detail{
  margin-top: min(15px,5vw);
}
.legal-poricy-item .detail > .in-title + *{
  margin-top: 10px;
}
.legal-poricy-item .detail .in-title{
  font-weight: 600;
}
.legal-poricy-item .detail .in-text
,.legal-poricy-item .detail ul li{
  line-height: calc(30/16);
}
.legal-poricy-item .detail ul{
    padding-top: .5em;
}
/*thanks*/
.page-thanks-blc{
  gap:min(60px,10vw);
}
.page-thanks-blc .in-text{
  width: 100%;
  font-size: min(16px,3.6vw);
}