@charset "utf-8";

#pageMainContent .infolink {
	margin: 1em 0 0;
	text-align: right;
}

#pageMainContent .infolink a{
	background: url(/support/share/images/bt-02.gif) no-repeat;
	padding: 0 0 0 1em
}

#pageMainContent section{
	margin-bottom: 3em;
	margin-top: 2em;
}

#pageMainContent .c5-cs--list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0 0.5em;
	line-height: 1.4;
}

#pageMainContent .c5-cs--list > li{
	width: calc((100% - 1.25em) / 3);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 0 0.625em 0;
}

#pageMainContent .c5-cs--list > li a{
	display: inline-flex;
	align-items: center;
}

#pageMainContent .c5-checkArea__list > li{
	background: #f1f5f9;
}

#pageMainContent .c5-cs--list > li a img.pct_icon{
	margin: 0.5em;
}

#pageMainContent .c5-cs--list.c5-checkArea__list > li a img.pct_icon{
	padding: 3px;
	border: 1px solid #bcbcbc;
}

#pageMainContent .c5-productArea__list > li{
	border-radius: 5px;
	border: #BCBCBC 1px solid !important;
	box-sizing: border-box;
}
#pageMainContent .c5-cs--list.c5-admiArea__list{
	justify-content: flex-start;
}

#pageMainContent .c5-cs--list.c5-admiArea__list::after{
	content:"";
	display: block;
	width: 59.5%
}

#pageMainContent .c5-cs--list.c5-admiArea__list > li{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 220px;
    margin-right: 2em;
}
#pageMainContent .c5-cs--list.c5-admiArea__list > li a{
	display: block;
	font-size: 0.875rem;
}

#pageMainContent .c5-cs--list.c5-admiArea__list > li a p.s5-link:after {
	content: "";
	font-family: icon;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0 0.4em 0.1em;
}

#pageMainContent .c5-cs--list.c5-admiArea__list > li a + p{
	margin-bottom: 1.5em;
	padding: 0 5px;
}

#pageMainContent .c5-cs--list.c5-admiArea__list > li .pct{
	line-height: 0;
}

#pageMainContent .c5-cs--list.c5-admiArea__list > li .pct img{
	border: #BCBCBC 1px solid;
    box-sizing: border-box;
}

#pageMainContent .c5-cs--gray{
	padding: 1em;
	margin: 1em 0;
	background: #F2F2F2;
}

#pageMainContent .c5-cs--gray > p{
	margin: 0;
}

#pageMainContent .c5-cs--gray > dl dt{
	margin-bottom: 0.5em;
}

#pageMainContent .c5-cs--gray > dl dd{
	margin-left: 1em;
}

#pageMainContent .c5-cs--gray > dl dd a{
	color: inherit;
}

@media (max-width: 1024px){
	#pageMainContent .c5-admiArea__list::after{
		width: 24%
	}
}

@media (max-width: 768px){
	#pageMainContent .c5-cs--list > li{
		width: calc((100% - 1em) / 2);
	}
}

@media (max-width: 640px){
	#pageMainContent .c5-cs--list {
		justify-content: center;
	}
	#pageMainContent .c5-cs--list > li{
		width: 100%;
		margin: 0 0 1em 0;
	}
	#pageMainContent .c5-cs--list.c5-admiArea__list{
		flex-direction: column;
	}
	#pageMainContent .c5-cs--list.c5-admiArea__list > li {
		width: 100%;
		flex-direction: row;
	}
	#pageMainContent .c5-cs--list.c5-admiArea__list > li a {
		display: flex;
		justify-content: space-between;
		font-size: 1rem;
	}
	#pageMainContent .c5-cs--list.c5-admiArea__list > li:not(:last-child) {
		margin-right: 0;
	}
	#pageMainContent .c5-cs--list.c5-admiArea__list > li .pct,
	#pageMainContent .c5-cs--list.c5-admiArea__list > li .banner{
		margin-right: 0.8em;
	}
	#pageMainContent .c5-cs--list.c5-admiArea__list > li .pct img{
		height: auto;
		width: 220px;
	}
}

@media (max-width: 480px){
	#pageMainContent .c5-cs--list{
		padding: 0;
	}
}

@media (max-width: 414px){
	#pageMainContent .c5-cs--list.c5-admiArea__list > li .pct img,
	#pageMainContent .c5-cs--list.c5-admiArea__list > li .banner img{
		width: 196px;
		height: auto;
	}
}

@media (max-width: 390px){
	#pageMainContent .c5-cs--list.c5-admiArea__list > li .pct img,
	#pageMainContent .c5-cs--list.c5-admiArea__list > li .banner img{
		width: 180px;
	}
}

@media (max-width: 337px){
	#pageMainContent .c5-cs--list.c5-admiArea__list > li .pct img,
	#pageMainContent .c5-cs--list.c5-admiArea__list > li .banner img{
		width: 154px;
	}
}
