@charset "UTF-8";


.pc { display: block !important; }
.sp { display: none !important; }
 
@media screen and (width <1080px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}



/* ====================================
	製品ページ共通スタイル
 ==================================== */

.categorydisplay {
	margin-top: 1.5rem;
}


ul.list-icons {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.5em;
}

ul.list-icons li {
	display: inline-block;
	padding: 0.2em 0.5em;
	border: solid 1px #777;
	margin-right: 0.4em;
}
ul.list-icons sup {
	font-size: 1rem;
}


.prod-img {
	margin: 10% 0;
}

.td-column .row {
	min-height: 3.5rem;
}


.td-column .row {
	display: flex;
	min-height: 3.5rem;
}


.td-column .row .column {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}


/* ==========================================
	ホバー、マウスポインタがサポートされている環境
=========================================== */
@media (hover:hover) and (pointer: fine) {

}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media screen and (width <1080px) {	
	.td-column .row {
		min-height: 9vw;
		word-break: break-all;
	}
	.prod-header-column-container .row {
		height: 65vw;
	}
	.categorydisplay {
		margin-top: 18%;
	}
	.caption-section {
		margin-top: 5rem;
	}
	
	.prod-img {
		margin: 5% 0;
	}

}

/* ====================================
	PC&タブレット
===================================== */
@media print,
screen and (width >=768px) {}

/* ====================================
	PC専用スタイル
===================================== */
@media print,
screen and (width >=1080px) {

	ul.list-icons {
		font-size: 1.1rem;
	}

	ul.list-icons li {
		margin-bottom: 0.5rem;
	}

	ul.img-icons {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	ul.img-icons .icon-pci {
		width: 13rem;
	}

	ul.img-icons .icon-cocoro {
		width: 9.6rem;
		margin-left: 1rem;
	}
	
	.td-column .prod-table-tbody .row {
		font-size: 93%;
	}

	.caption-section {
		margin-top: 5rem;
		margin-left: 30rem;
	}
	
}