/* CSS Document */
#gotodetail{
	padding-right:24px;
}


#mainpicture{
	max-height: 776px;
}

.minbox{
	min-width: 261px !important;
}

#thumbox {
	margin: 0px auto 0 auto;
/*	max-width: 660px;*/
	min-width: 360px;
	justify-content: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

/* サムネイル画像のトランジション改善 */
#thumbox img {
	transition: transform 0.3s ease-in-out;
}

/* detailboxのレイアウト統一 */
.detailbox {
	position: relative;
	margin-bottom: 30px;
}

/* h4の高さを統一 */
.detailbox h4 {
	min-height: 110px !important; /* 5行分の高さを確保 */
	display: block;
	width: calc(100% - 55px); /* iconboxの幅 + margin を考慮 */
}

/* minbox内のh4要素の幅を調整して改行問題を解決 */
.minbox h4 {
	width: 100% !important; /* minbox内では全幅を使用 */
	margin-left: 0 !important; /* 左マージンをリセット */
	padding-right: 5px; /* 右側に少し余白を確保 */
}

/* linkboxの位置を固定 */
.detailbox .linkbox {
	position: relative;
	clear: both;
	display: block;
	width: 100%;
}

/* 各detailboxの高さを揃える */
#detailewrap {
	align-items: stretch;
}

#detailewrap .detailbox {
	display: block; /* flexを上書き */
}

/* スマホ表示時の3Dボタン上部マージン */
@media screen and (max-width: 768px) {
	div#threedbox div.thumWrap {
		margin-top: 32px !important;
	}
}