@charset "UTF-8";

/* -------------------------------------
original
------------------------------------- */
.logottl {
	margin-bottom:80px;
}


#prlist > li {
	padding:6.1% 15px;
	background:url(../imgs/common/bdr_dotted.png) repeat-x center bottom;
}
#prlist > li:first-child {
	padding-top:0;
}
#prlist > li:last-child {
	background:none;
}

#prlist li .cat {
	width:80px;
	float:left;
	margin-right:22px;
	border-radius:8px;
	overflow:hidden;
}
#prlist li .cat.comic {
	border:2px solid #1bb8ce;
	background-color:#1bb8ce;
}
#prlist li .cat.photobook {
	border:2px solid #1bb8ce;
	background-color:#1bb8ce;
}
#prlist li .cat.cd {
	border:2px solid #ffa200;
	background-color:#ffa200;
}
#prlist li .cat.dvd {
	border:2px solid #ffa200;
	background-color:#ffa200;
}

#prlist li .cat span {
	display:block;
}
#prlist li .cat span.icon {
	padding:8px 0;
}
#prlist li .cat span.icon img {
	width:67px;
	height:auto;
	display:block;
	margin:0 auto;
}
#prlist li .cat span.text {
	font-weight:bold;
	text-align:center;
	letter-spacing:0.1em;
	padding:2px 5px;
	background-color:#fff;
}
#prlist li .cat.comic span.text {
	color:#1bb8ce;
}
#prlist li .cat.photobook span.text {
	color:#1bb8ce;
}
#prlist li .cat.cd span.text {
	color:#ffa200;
}
#prlist li .cat.dvd span.text {
	color:#ffa200;
}


#prlist li .prcontent {
	width:calc(100% - 247px);
	float:left;
}
#prlist li .left {
	width:calc((99.9% - 22px) * 0.252);
	float:left;
	margin-right:22px;
}
#prlist li .left .noimage {
	border:1px solid #ccc;
}
#prlist li .right {
	width:calc((99.9% - 22px) * 0.748);
	float:right;
}
#prlist li .right dl {
	font-size:0;
	margin-bottom:5px;
}
#prlist li .right dl dt, #prlist li .right dl dd {
	font-size:18px;
	font-weight:500;
	display:inline-block;
}
#prlist li .right dl dt:after {
	content:":";
}
#prlist li .right h2 {
	font-size:28px;
	font-weight:bold;
	line-height:1.3;
	padding-bottom:20px;
	margin-bottom:25px;
	border-bottom:1px solid #595757;
}
#prlist li .right .item {
	font-size:0;
	margin-bottom:20px;
}
#prlist li .right .item img, #prlist li .right .item span {
	font-size:18px;
	font-weight:500;
	line-height:1.4;
	display:inline-block;
	vertical-align:middle;
}
#prlist li .right .item img {
	width:41px;
	height:auto;
	margin-right:10px;
}
#prlist li .right .item span {
	width:calc(100% - 51px);
}
#prlist li .right .remarks  {
	font-weight:500;
	line-height:1.6;
}

#prlist li .btn {
	width:123px;
	float:right;
}
#prlist li .btn a {
	font-size:16px;
	font-weight:500;
	color:#fff;
	text-align:center;
	line-height:1.2;
	letter-spacing:0.1em;
	margin-bottom:12px;
	border-radius:8px;
	box-shadow:2px 2px 4px 0px #ccc;
	transition:background-color 0.3s;
}
#prlist li .btn a:last-child {
	margin-bottom:0;
}
#prlist li .btn a:hover {
	opacity:1.0
}
#prlist li .btn .reserve {
	padding:9px 5px 10px 5px;
	background-color:#dd0000;
}
#prlist li .btn .reserve:hover {
	background-color:#595757;
}
#prlist li .btn .check {
	padding:13px 5px;
	background-color:#ffa200;
}
#prlist li .btn .check:hover {
	background-color:#282525;
}
#prlist li .btn .check img {
	width:37.1%;
	height:auto;
	display:block;
	margin:0 auto 5px auto;
}

/*202107改修*/
#prlist li .btn .counter {
	padding:15px 5px;
	background-color:#dd0000;
}
#prlist li .btn .counter:hover {
	background-color:#595757;
}
#prlist li .btn .counter img {
	width:37.1%;
	min-width:76px;
	height:auto;
	display:block;
	margin:0 auto 5px auto;
}
#prlist li .btn .webshop {
	padding:15px 5px;
	background-color:#ffa200;
}
#prlist li .btn .webshop:hover {
	background-color:#282525;
}
#prlist li .btn .webshop img {
	width:50%;
	max-width:53px;
	height:auto;
	display:block;
	margin:0 auto 5px auto;
}


/*キャッシュレス還元*/
#cashless {
	text-align:center;
	font-size:18px;
	display:block;
	margin-bottom:30px;
	position:relative;
	top:-25px;
}
#cashless span {
	color:#dd0000;
}


@media screen and (max-width:1005px) {
	.logottl {
		margin-bottom:70px;
	}
	
	
	#prlist li .cat {
		margin-right:20px;
	}
	#prlist li .prcontent {
		width:calc(100% - 233px);
	}
	#prlist li .left {
		width:calc((99.9% - 20px) * 0.252);
		margin-right:20px;
	}
	#prlist li .right {
		width:calc((99.9% - 20px) * 0.748);
	}
	#prlist li .right dl dt, #prlist li .right dl dd {
		font-size:17px;
	}
	#prlist li .right h2 {
		font-size:27px;
		padding-bottom:19px;
		margin-bottom:24px;
	}
	#prlist li .right .item img, #prlist li .right .item span {
		font-size:17px;
	}
	#prlist li .right .item img {
		width:39px;
	}
	#prlist li .right .item span {
		width:calc(100% - 49px);
	}
	#prlist li .btn {
		width:113px;
	}
	#prlist li .btn a {
		font-size:15px;
	}
}
@media screen and (max-width:768px) {
	.logottl {
		margin-bottom:60px;
	}
	
	#prlist > li {
		padding:45px 10px;
	}
	#prlist li .prcontent {
		width:calc(100% - 220px);
	}
	#prlist li .right dl dt, #prlist li .right dl dd {
		font-size:16px;
	}
	#prlist li .right h2 {
		font-size:25px;
		padding-bottom:18px;
		margin-bottom:23px;
	}
	#prlist li .right .item img, #prlist li .right .item span {
		font-size:16px;
	}
	#prlist li .right .item img {
		width:37px;
	}
	#prlist li .right .item span {
		width:calc(100% - 47px);
	}
	#prlist li .btn {
		width:100px;
	}
	#prlist li .btn a {
		font-size:14px;
	}

	/*キャッシュレス還元*/
	#cashless {
		font-size:16px;
	}	
	
}
@media screen and (max-width:640px) {
	.logottl {
		margin-bottom:55px;
	}
	
	
	#prlist > li {
		padding:40px 0px;
	}
	#prlist li .cat {
		width:100%;
		float:none;
		display:table;
		margin:0 0 20px 0;
	}
	#prlist li .cat span {
		display:table-cell;
		vertical-align:middle;
	}
	#prlist li .cat span.icon {
		padding:5px 10px;
		width:10px;
		white-space:nowrap;
	}
	#prlist li .cat span.icon img {
		width:50px;
	}
	#prlist li .cat span.icon {
		font-size:10px;
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
	}
	#prlist li .prcontent {
		width:calc(100% - 0px);
		float:none;
		margin-bottom:20px;
	}
	#prlist li .left {
		width:103px;
		margin-right:15px;
	}
	#prlist li .right {
		width:calc(100% - 118px);
	}
	#prlist li .right h2 {
		font-size:24px;
		padding-bottom:17px;
		margin-bottom:22px;
	}
	#prlist li .right .item img {
		width:35px;
	}
	#prlist li .right .item span {
		width:calc(100% - 45px);
	}
	#prlist li .btn {
		width:100%;
		float:none;
	}
	#prlist li .btn .check img {
		width:25px;
	}
	#prlist li .btn .check br {
		display:none;
	}


	/*202107改修*/
	#prlist li .btn a {
		line-height:1;
	}
	#prlist li .btn .counter,#prlist li .btn .webshop {
		padding:12px 5px 10px 5px;
	}
	#prlist li .btn .counter img {
		width:17%;
		min-width:45px;
		display:inline-block;
		vertical-align:middle;
		margin:0 10px 0 0;
	}
	#prlist li .btn .webshop img {
		width:15%;
		min-width:40px;
		display:inline-block;
		vertical-align:middle;
		margin:0 10px 0 0;
	}

	
	/*キャッシュレス還元*/
	#cashless {
		font-size:14px;
		text-align:left;
	}
	
}
@media screen and (max-width:480px) {
	.logottl {
		margin-bottom:45px;
	}
	
	#prlist > li {
		padding:35px 0px;
	}
	#prlist li .cat span.icon img {
		width:35px;
	}
	#prlist li .left {
		width:95px;
	}
	#prlist li .right {
		width:calc(100% - 110px);
	}
	#prlist li .right dl dt, #prlist li .right dl dd {
		font-size:15px;
	}
	#prlist li .right h2 {
		font-size:22px;
		padding-bottom:16px;
		margin-bottom:21px;
	}
	#prlist li .right .item img, #prlist li .right .item span {
		font-size:15px;
	}
	#prlist li .right .item img {
		width:33px;
	}
	#prlist li .right .item span {
		width:calc(100% - 43px);
	}
}
@media screen and (max-width:400px) {
	#prlist li .left {
		width:90px;
	}
	#prlist li .right {
		width:calc(100% - 105px);
	}
	#prlist li .right h2 {
		font-size:20px;
		padding-bottom:15px;
		margin-bottom:20px;
	}
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:769px) {
	
}