/* Container */
/* .wrapper {
  min-width: auto;
} */
.block-contents {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.block-contents-inner {
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
}
.inner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
div#block_of_itemhistory {
    display: none!important;
}
.wrapper>.pane-contents>.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/* ---------------------------------
  アイテム一覧
--------------------------------- */
/* MV */
.mv-area .mv-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mv-area .mv-img img {
  vertical-align: bottom;
  margin: auto;
}
.mv-area .is-read {
    margin-top: 50px;
    font-size: 18px;
    line-height: 1.8;
}

/* 選択 */
.locus-list-select {
    margin-top: 80px;
}
.locus-list-select .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
}
.locus-list-select .h2-ttl {
    text-align: center;
    font-weight: bold;
    margin: 0;
    background: transparent;
    padding: 0;
}
.locus-list-select .select-wrap {
    width: 100%;
    max-width: 360px;
    position: relative;
}
.locus-list-select .select-wrap::before {
    position: absolute;
    content: "";
    display: block;
    top: -5px;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 10px;
    height: 10px;
    border-right: 1px black solid;
    border-bottom: 1px black solid;
    transform: rotate(45deg);
}
.locus-list-select select {
    appearance: none;
    border-radius: 100em;
    font-size: 18px;
    padding: 10px 2em;
    border: 1px solid #292C2D;
    width: 100%;
    text-align: center;
}

/* 商品一覧 */
.locus-list-wrap {
    margin-top: 80px;
}
.locus-list-wrap .num {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}
.locus-list-wrap .num .num {
    font-size: 1.8em;
    font-weight: 600;
    margin-right: 0.2em;
}
.locus-list-wrap .num.add-num + .num { display: none; }
.locus-list-wrap .item-num-length {
  text-align: center;
  margin-bottom: 2em;
  font-size: 18px;
}
.locus-list-wrap .result-title {
    margin: 0 0 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #BEBDBD;
    background: transparent;
}
.locus-list-wrap .item-num-length strong {
  font-size: 2em;
}
.locus-list-cate:not(.is-active) { display: none; }
.locus-list-cate + .locus-list-cate {
    margin-top: 50px;
}
.locus-list-wrap .item-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}
.locus-list-wrap .item-list .elm {
  width: calc((100% - 6em) / 4);
    margin-bottom: 40px;
    padding: 0 15px;
}
.locus-list-wrap .item-list .elm .ph {
	height: 100%;
}
.locus-list-wrap .item-list .elm .inner-elm {
    display: flex;
    flex-direction: column;
    /*gap: 1em;*/
    transition: .3s;
    height: 100%;
}
.locus-list-wrap .item-list .elm .inner-elm:hover {
	opacity: 0.7;
}
.locus-list-wrap .item-list .elm .inner-elm img {
	flex: 1;
}
.locus-list-wrap .item-list .elm .inner-elm .text {
    display: flex;
    flex-direction: column;
    /*gap: 0.5em;*/
    flex: 1;
}
.locus-list-wrap .item-list .elm .inner-elm .text dt {
	flex: 1;
}
.locus-list-wrap .item-list .elm .inner-elm .text dd {
	/* flex: 0.35; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 50px;
}
.locus-list-wrap .item-list .elm .inner-elm .text .name {
	font-weight: 600;
	/*font-size: 1.5em;*/
}
/* ---------------------------------
  アイテム詳細
--------------------------------- */
.item-detail .item-detail {
    padding: 60px 0;
    max-width: 1280px;
    margin: 0 auto;
}
#item h1 {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    width: 100%;
    border: 0;
    padding: 0;
}
#item h1 img {
    max-width: 320px;
}

.item-detail .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.item-detail .image-slider {
    width: 48%;
}
.item-detail .image-slider-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.image-thmb-inner {
	margin-top: 10px;
	padding-inline: 10px;
}
.item-detail .slider-box {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
}
.item-detail .slider-box:first-child img {
    max-height: 100%;
    object-fit: contain;
}
.item-detail .image-slider-inner .slider-box {
    cursor: pointer;
    transition: border-color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item-detail .image-slider-inner .slider-box:hover {
    border-color: #999;
}
.item-detail .info {
    width: 48%;
}
.item-detail .info > * + * {
    margin-top: 30px;
}
.item-detail .info .time-text {
    font-size: 28px;
    font-weight: 500;
}
.item-detail .info .name {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 20px;
    letter-spacing: 0.05em;
    background: transparent;
    padding: 0;
}
.item-detail .comment {
    margin-bottom: 40px;
}
.item-detail .comment-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 15px;
    padding: 0;
}
.item-detail .comment-detail {
    font-size: 15px;
    line-height: 1.8;
    color: #444;
    text-align: justify;
}
.item-detail .item-spec {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.item-detail .item-spec tr + tr {
    border-top: 1px solid #BEBDBD;
}
.item-detail .item-spec th,
.item-spec td {
    padding: 15px 0;
    font-size: 14px;
    text-align: left;
}
.item-detail .item-spec th {
    width: 140px;
    font-weight: 500;
    color: #666;
}
.item-detail .item-spec td {
    color: #333;
}
.item-detail .item-end {
    font-size: 14px;
    text-align: right;
    margin-top: 10px;
}

.item-detail .pager-btns {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
    margin-bottom: 80px;
}
.item-detail .pager-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    height: 50px;
    border: 1px solid #333;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
}
.item-detail .pager-btn:hover {
    background: #333;
    color: #fff;
}
.item-detail .prev-btn::before {
    content: "<";
    margin-right: 10px;
}
.item-detail .next-btn::after {
    content: ">";
    margin-left: 10px;
}
.item-detail .list-btn {
    background: transparent;
}
.slider-thmb-box {
    width: calc((100% - 3.3em) / 4)!important;
    cursor: pointer;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    border: 2px solid transparent;
    box-sizing: border-box;
}
.slider-thmb-box img {
    max-height: 100%;
    margin: auto;
}
.image-thmb-inner .slick-track {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}
.image-thmb-inner .slick-track:before,
.image-thmb-inner .slick-track:after {
	display: none;
}
.slider-thmb-box:not(.slick-slide),
.slider-thmb-box.slick-slide.slick-current {
    border: 1px solid #BEBDBD;

}
.item-list .icons,
.item-detail .icons {
    display: flex;
    gap: 0.5em;
}
.item-list .icons .icon,
.item-detail .icons .icon {
    background: gray;
    color: white;
    padding: 5px 10px;
}

@media  (max-width: 1300px) {
	.locus-list-wrap .result-title {
		margin-left: 30px;
		margin-right: 30px;
	}
	.locus-list-wrap .item-list {
		margin-left: 30px;
		margin-right: 30px;
	}
}