Cocoonタブ見出しボックス｜複数デザインをサイドバーで切り替えるカスタマイズ

.tab-caption-box-content {
	margin-top:-1px;/*ボックスの高さ調整*/
	padding: 1em 1.5em; /* ボックスの内側余白 */
	border-radius: 0;/* ボックスの丸み */
	border-width: 1px;/* 枠線の太さ */
}

.tab-caption-box-label {
	padding: 0 1em;/* 見出しの内側余白 */
	border-radius: 0;/* 見出しの丸み */
}

.tab-caption-box {
	position: relative;/* 配置 */
}

.tab-caption-box-content {
	padding: 2em 1.5em 1em; /* ボックスの内側余白 */
	border-radius: 0;/* ボックスの丸み */
	border-width: 1px;/* 枠線の太さ */
}

.tab-caption-box-label {
	padding: 0 1em;/* 見出しの内側余白 */
	border-radius: 0;/* 見出しの丸み */
	position: absolute;/* 配置 */
	top: 0;
	left: 0;
}

.tab-caption-box {
	position: relative;/* 配置 */
}

.tab-caption-box-content {
	padding: 1.5em 1.5em 1em; /* ボックスの内側余白 */
	border-radius: 0;/* ボックスの丸み */
	border-width: 1px;/* 枠線の太さ */
}

.tab-caption-box-label {
	padding: 0 1em;/* 見出しの内側余白 */
	border-radius: 1px;/* 見出しの丸み */
	position: absolute;/* 配置 */
	top: -10px;
	left: 17px;
}

.tab-caption-box {
	position: relative;/* 配置 */
}

.tab-caption-box-content {
	padding: 1.5em 1.5em 1em; /* ボックスの内側余白 */
	border-radius: 0;/* ボックスの丸み */
	border-width: 1px;/* 枠線の太さ */
}

.tab-caption-box-label {
	padding: 0 1.1em;/* 見出しの内側余白 */
	border-radius: 30px;/* 見出しの丸み */
	position: absolute;/* 配置 */
	top: -10px;
	left: 17px;
}

.tab-caption-box {
	position: relative;/* 配置 */
}

.tab-caption-box-content {
	padding: 3.5em 1.5em 1em;/* ボックスの内側余白 */
	border-radius: 0;/* ボックスの丸み */
	border-width: 1px;/* 枠線の太さ */
}

.tab-caption-box-label {
	padding: .5em;/* 見出しの内側余白 */
	border-radius: 0;/* 見出しの丸み */
	width: 100%;/* 幅いっぱいに */
	text-align: center;/*テキスト中央寄せ*/
	position: absolute;/* 配置 */
	top: 0;
	left: 0;
}