@charset "utf-8";
/* ===========================================
 * 　キャッシュレスカード
 * ======================================== */
html {
	scroll-behavior: smooth;
}
#com_content_wrapper #com_content .category_goods {
	width: 34.5rem;
	margin: 2rem auto;
}

.category_goods .top_block,
.category_goods .bottom_block {
	display: flex;
	display: none;
	flex-direction: column;
	align-items: center;
}

.category_goods .bottom_block .headline {
	font-size: 2.2rem;
	font-weight: bold;
	color: var(--MAIN_COLOR, #003288);
}

.category_goods .link_area {
	width: 100%;
	display: flex;
	gap: 5rem;
	margin-top: 2rem;
}

.category_goods .map_img {
	width: 100%;
	height: auto;
	border-radius: 1rem;
	border: solid 2px var(--MAIN_COLOR, #003288);
	margin: 1rem 0;
	background-color: #FFFFFF;
}

.par-btn01 {
	position: relative;
	width: 100%;
	height: 5.0rem;
	line-height: 5.0rem;
	background-color: #FFFFFF;
	border: solid 1px var(--MAIN_COLOR, #003288);
	text-align: left;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0 1rem;
	margin-bottom: 2rem;
}

.par-btn01:after {
	content: '';
	position: absolute;
	background: url(/cdn/pc/images/common/btn_down.svg) no-repeat;
	background-size: contain;
	width: 2.2rem;
	height: 2.2rem;
	top: 1.2rem;
	right: 2rem;
	display: inline-flex;
}

.category_goods .par-title01 {
	position: relative;
	font-size: 2.6rem;
	color: #FFFFFF;
	margin-top: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}

.category_goods .par-title01.doara {
	background-color: #1B32CB;
}

.category_goods .par-title01.doara:after{
	content: '';
	position: absolute;
	background: url(/cdn/pc/images/service/goods/goods_tokotan01.png) no-repeat;
	background-size: contain;
	width: 9rem;
	height: 11.5rem;
	right: 1rem;
	top: -3rem;
	display: inline-flex;
}

.category_goods .par-title01.tokotan {
	background-color: #FF9D00;
}

.category_goods .par-title01.tokotan:after{
	content: '';
	position: absolute;
	background: url(/cdn/pc/images/service/goods/goods_tokotan02.png) no-repeat;
	background-size: contain;
	width: 15rem;
	height: 15rem;
	right: 0rem;
	top: -5rem;
	display: inline-flex;
}

.category_goods .par-title01.racer {
	background-color: #137ECC;
}

.category_goods .par-title01.racer:after{
	content: '';
	position: absolute;
	background: url(/cdn/pc/images/service/goods/goods_tokotan03.png) no-repeat;
	background-size: contain;
	width: 13rem;
	height: 13rem;
	right: 1rem;
	top: -4rem;
	display: inline-flex;
}
.category_goods .goods_list {
	width: 100%;
	display: flex;
	gap: 4.2rem;
}

.category_goods .goods_list .goods_block{
	width: 34.5rem;
}

.category_goods .goods_block .img_area{
	position: relative;
}

.category_goods .goods_block .img_area.new:before{
	content: 'NEW!!';
	font-size: 2rem;
	font-weight: bold;
	color: #DD0000;
	position: absolute;
	margin: 0.5em;
	animation: blinking 0.8s ease-in-out infinite alternate;
}

@keyframes blinking {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.category_goods .goods_block .img_area img{
	width: 34.5rem;
	border-radius: 1rem;
	border: solid 2px var(--MAIN_COLOR, #003288);
	margin: 1rem 0;
}

.category_goods .goods_block .text_area {
	display: flex;
	height: 7rem;
	font-size: 1.6rem;
	line-height: 2.6rem;
	font-weight: bold;
	justify-content: space-between;
}

.category_goods .goods_block .name_area {
	display: flex;
	flex-direction: column;
}

.category_goods .goods_block .name_area .headline{
	font-size: 1.4rem;
}

.category_goods .goods_block .name_area .notice{
	font-size: 1.4rem;
	font-weight: normal;
}

.category_goods .goods_block .price_area {
	color: #DD0000;
}
.category_goods .bottom_block .list_block_end {
	width: 100%;
}

.category_goods .bottom_block .list_block_end,
.category_goods .list_block .list_block_end {
	margin: 1.5rem 0rem;
	height: 0.4rem;
	background-image: linear-gradient(to right, var(--MAIN_COLOR, #003288) 4px, transparent 2px);
	background-size: 10px 4px; /* 点線の間隔と高さ */
	background-repeat: repeat-x; /* 横方向に繰り返し */
}

.category_goods .list_block .list_block_end:last-child{
	height: 0rem;
}