@charset "utf-8";
/* CSS Document */
section#item-detail{padding: 1rem 0 3rem 0;}
#item-detail h3{font-size: 1.5rem;font-weight: bold;line-height: 1.5;padding-bottom: 1rem;}
/*#item-detail p{line-height: 1.875;padding: 1.5rem 0 3rem 0;}コンテンツの中のpの表示が崩れるため非表示*/
.item-info .flx{justify-content: left;padding-bottom: 0.875rem;}
.item-info .flx > div {flex: 1;}
.item-info dt{font-weight: bold;width: 150px;letter-spacing: 0.8px;}
.item-info dd{font-weight: 500;letter-spacing: 0.8px;line-height: 1.3rem;white-space:pre-wrap;}
.item-tag:after {clear: both;}
.inner690 {max-width: 740px;margin: 0 auto;width: 100%;}/*スライドのpadding左右25px*/
.inner690 p {max-width: 640px;}
#item-detail .item-tag li {border: 1px solid #E5AF00;box-shadow: 1.5px 1.5px #E5AF00;background:#FFF7D8;margin: 0.1rem 0.4rem 0.4rem 0;}
#item-detail .item-tag{height: auto;}
.item-info a {display: inline-block;color: red;}/*dアニメストアのリンクがあるときに改行するのを防ぐ*/

/*slick*/
.pc-slide {display: block;}
.sp-slide{display: none;}
.sliderArea {max-width: 100%;margin: 0 auto;padding: 0 25px;}
.sliderArea.w300 {max-width: 300px;}
.slick-slide {margin: 0 5px;}
.slick-slide img {width: auto/*fit-content*/;height: auto;margin: 0 auto;max-width: 500px;max-height: 500px;}
.slick-prev, .slick-next {z-index: 1;}
.slick-prev:before, .slick-next:before {color: #000;}
.slick-slide {transition: all ease-in-out .3s;opacity: .8;}
.slick-active {opacity: 1;}
.slick-current {opacity: 1;}
.thumb {margin: 20px 0 20px;}
.thumb .slick-slide {cursor: pointer;padding: 0.3rem;box-shadow: 3px 3px 5px #e6e6e6}
.thumb .slick-slide:hover {opacity: .7;}
/*追加*/
/*.thumb img{max-width: 140px;}*/
.thumb div {float:left; width: calc(100% / 5 ) !important;display: contents;margin:0 auto;height: 130px;}
.thumb div img{object-fit: contain;width: 100%;height: 100%;}
.thumb {overflow: hidden;}
#item-detail .inner960 p {line-height: 1.5rem;}
#item-detail .inner960 a img {max-width: 100%;width: auto;}
.thumb-only{width: 100%;}
.inner640 > img {max-width: 500px;display: block;margin: 0 auto;}

@media screen and (max-width:760px){
	#item-detail h3{font-size:1rem;}
	/*.pc-slide{display: none;}
	.sp-slide{display: block;}*/
	.thumb div {width: calc(100% / 4 ) !important;height: 120px;}
	.item-info {font-size: 0.875rem;clear: both;}
	.item-info dt{width: 110px;}
}
@media screen and (max-width:650px){
	footer{padding-bottom: 5.5rem;}
	.slick-slide img {max-width: 300px;max-height: 300px;}
}
@media screen and (max-width:500px){
	.thumb div {height: 80px;}
}
@media screen and (max-width:400px){
	.slick-slide img {max-width: 250px;max-height: 250px;}
}