@charset "UTF-8";

/* font ---------------------------------------
Noto Sans Japanese：font-family: "Noto Sans Japanese";
さわらびゴシック：font-family: "Sawarabi Gothic";
 ---------------------------------------*/
/* TOP画像 ------------------------- */
#wrapper #contents > .img span {
    bottom: 22%;
    left: 34%;
    line-height: 1.8em;
}
/*
#wrapper #contents > .img span:last-of-type {
    top: 22%;
    left: 10%;
}
*/
 
/* コンテンツ ------------------------- */
#cntWrapper .book #introduction .item {
	height: 800px;
}

/*DVD -----------------------*/
#cntWrapper .book #introduction .item .dtl th {
	font-weight: normal;
	width: 55px;
	text-align: left;
}
#cntWrapper .book #introduction .item .dtl td {
	padding: 0px 0px 7px 0;
	line-height: 1.4em;
}

#cntWrapper .book #introduction .dvd p.price i {
    font-size: 15px;
    color: #ff0000;
    display: block;
    margin-bottom: 5px;
}
#cntWrapper .book #introduction .dvd p.price span {
    font-size: 15px;
    font-weight: normal;
}



@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1000px) {
	#cntWrapper .book #introduction .item {
		width: 48%;
		max-width: 400px;
	}
	#cntWrapper .book #introduction .item {
		height: 815px;
	}
}

@media screen and (max-width: 768px) {
	#wrapper #contents > .img span {
			left: 30%;
	}
	#cntWrapper .book #introduction .dvd p.price span {
		font-size: 12px;
	}

	#cntWrapper .book #introduction .item {
		height: 780px;
	}
	#cntWrapper .book #introduction .dvd p.price i {
		font-size: 12px;
	}
}


@media screen and (max-width: 480px) { /*smartphone*/
	#wrapper #contents > .img span:last-of-type {
		top: 55%;
		left: 10%;
		line-height: 1.5em;
	}
	#cntWrapper .book #introduction .item {
		width: 100%;
		height: initial;
	}
}