@charset "UTF-8";
/*pickup*/
.pickupWrap {
  padding-top: 150px;
  margin-bottom: 36px;
}

.pickupWrap .baseTitleWrap {
  margin-bottom: 31px;
}

.pickupWrap .baseTitleWrap .baseTitle {
  letter-spacing: 0.2em;
  color: #212121;
  font-size: 2rem;
  margin: 0;
  font-family: "classico-urw", "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

@media (min-width: 768px) {
  .pickupWrap .baseTitleWrap {
    margin-bottom: 56px;
  }

  .pickupWrap .baseTitleWrap .baseTitle {
    margin: 0;
  }
}
.pickList {
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .pickList {
    width: min(1350 / 1480 * 100%, 1350px);
    padding: 0 75px;
  }
}

.pickList .pickList__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 14px;
}

@media (min-width: 768px) {
  .pickList .pickList__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 45px 30px;
  }
}
.pickList li a {
  display: block;
}

.pickList .basePic {
  margin-bottom: 16px;
}

.pickList li img {
  width: 100%;
  display: block;
}

/*
.pickItemTitle {
  padding: 0 2px;
  text-align: center;
}
*/
.pickItemTitle p {
  font-size: 1.3rem;
  letter-spacing: 0.1em;
}

.pickItemTitle .pickItemTitle__top {
  font-size: 1.4rem;
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  .pickItemTitle .pickItemTitle__top {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}
/* .pickItemTitle p::after {
  content: '';
  position: absolute;
  width: 57px;
  height: 1px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background: #000000;
} */
.pickItemTitle span {
  font-size: 12px;
  color: #9F0A0A;
  font-weight: 500;
  letter-spacing: 0.2px;
  transition: color 0.5s ease;
  display: block;
  margin-bottom: 5px;
}

/* 11 */
.pickup .baseTitle {
  color: #A28440;
}

/*
@media all and (min-width: 768px) and (max-width: 1177px) {

	.pickList li {
		margin: 0 30px 70px 0;
	}
}
*/
@media all and (min-width: 0) and (max-width: 767px) {
  .pickupWrap {
    padding-top: 80px;
  }

  .pickupWrap .baseTitleWrap {
    margin-bottom: 30px;
  }

  /*
    .pickList {
      padding: 0 25px;
    }

    .pickList li {
      flex: 0 0 45.6%;
      margin: 0 8.8% 25px 0;
    }

    .pickList li:nth-child(3n) {
      margin-right: 8.8%;
    }

    .pickList li:nth-child(2n) {
      margin-right: 0;
    }
  */
  .pickList .basePic {
    margin-bottom: 18px;
  }

  .pickItemTitle .pickItemTitle__bottom {
    font-size: 1.2rem;
  }

  /*

    .pickItemTitle p {
      line-height: 1.2;
      font-size: 17px;
      margin-bottom: 14px;
    }
  */
  .pickItemTitle span {
    font-size: 12px;
    letter-spacing: 0.3px;
    text-align: center;
    display: block;
    margin-bottom: 4px;
  }

  .pickItemTitle p::after {
    width: 43px;
  }

  .pickupWrap {
    margin-bottom: 48px;
    padding-top: 90px;
  }
}
/*en*/
.lang-en .pickItemTitle span {
  font-family: "Perpetua Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.3px;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .lang-en .pickItemTitle span {
    font-size: 13px;
    line-height: 1.35;
  }
}
@media all and (min-width: 0) and (max-width: 320px) {
  .pickList li {
    margin: 0 22px 50px 0;
  }

  .pickList li:nth-child(6n) {
    margin-right: 0;
  }
}
.footerControlWrapper .paged .page-numbers {
  color: #abada4;
}

.footerControlWrapper .paged .page-numbers:not(.dots) {
  width: 32px;
  display: inline-block;
  border-bottom: solid 1px #abada4;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .footerControlWrapper .paged .page-numbers:not(.dots) {
    padding-bottom: 14px;
  }
}
.footerControlWrapper .paged .current_paged:not(.dots) {
  color: #212121;
  border-bottom: solid 1px #212121;
}

.footerControlWrapper .page-numbers {
  margin: 0 6px;
  /* padding: 0 10px; */
  font-size: 1.6rem;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.2;
  color: #000;
}

.footerControlWrapper {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .footerControlWrapper .page-numbers {
    font-size: 2rem;
  }

  .footerControlWrapper {
    margin-top: 56px;
  }
}
.footerControlWrapper .pager li {
  margin: 0;
}

.footerControlWrapper .pager li .prev {
  display: block;
  border: solid #5a4e49;
  border-width: 1px 0 0 1px;
  padding: 7px;
  -webkit-transform: translateX(-8px) rotate(-45deg);
  -ms-transform: translateX(-8px) rotate(-45deg);
  transform: translateX(-8px) rotate(-45deg);
}

.footerControlWrapper .pager li .next {
  display: block;
  border: solid #5a4e49;
  border-width: 0 1px 1px 0;
  padding: 7px;
  -webkit-transform: translateX(8px) rotate(-45deg);
  -ms-transform: translateX(8px) rotate(-45deg);
  transform: translateX(8px) rotate(-45deg);
}

.fadeInAnim .pager_group {
	display: flex;
	justify-content:center;
}
.fadeInAnim .pager .pager_group .pager_arrow {
 margin: auto 0;
}
.pickupWrap .iconList span.ico{
	box-sizing: border-box;
	cursor: auto;
	display: inline-block;
	font-family: 'Noto Serif JP','Noto Sans JP','Perpetua','Roboto','Roboto Condensed';
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5;
	list-style-position: outside;
	list-style-type: none;
	margin-right: 3px;
	padding: 0 2px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.pickupWrap .iconList span.ico {
		font-size: 10px;
	}
}
.pickupWrap .iconList span.ico1 {
	/* background: #000 none repeat scroll 0 0; */
	/*NEW*/
	color: #c8161e;
}
.pickupWrap .iconList:not(:has(.ico))
{
	display: none;
}
.pickupWrap .iconList span.ico
{
	background: #988666;
	color: white;
	width: fit-content;
  padding: 0 0.5em;
	letter-spacing: .1em;
	font-family: var(--Classico);
}
@media (max-width: 767px)
{
	.pickupWrap .iconList span.ico
	{
		font-size: 1rem;
		line-height: 1.8;
	}	
}
@media (min-width: 768px)
{	
	.pickupWrap .iconList span.ico
	{
		width: fit-content;
    padding: 0 0.5em;
	}
}
.pickupWrap .iconList {
	font-weight: 300;
	font-size: 12px;
	color: #c8161e;
	height:20px;
	margin-bottom:5px;
	position: absolute;
	top: 8px;
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-end;
    width: 85%;
    margin-left: 15%;
}
.pickupWrap .iconList
{
	container-type: inline-size;
}
.pickupWrap .iconList
{
	position: static;
	margin: 0;
	margin-bottom: 1em;
	width: 100%;
	justify-content: flex-start;
	min-height: 20px;
	height: fit-content;
}
.pickupWrap .iconList .ico:nth-child(n+4)
{
	margin-top: 3px;
}