@charset "utf-8";


/* ----------------------------------------------------
	カスタムHTML2カラムウィジェット（広告貼り付け用）CSS
------------------------------------------------------ */
/* PC,モバイルの横並び設定 */
.w2cchtml_pc,
		.w2cchtml_mobile_horizontal {
	display: table;
	width: 100%;
	table-layout: fixed;
	text-align: center;
	vertical-align: middle;
	border-collapse: separate;  /* 隣り合うセルのボーダーを間隔を開ける */
	border-spacing: 3px 0;  	/* 隣り合うセルの間隔をいくつあけるか */
}

.w2cch_item_tcell {
	display:table-cell;
}

/* モバイルの縦並び設定 */
.w2cchtml_mobile_vertical {
	text-align: center;
}

.w2cchtml_mobile_vertical .w2cch_item_first,
		.w2cchtml_mobile_vertical .w2cch_item_second {
	/* モバイル縦並びだと、ぴったりくっつくので上下に余白を入れる */
	margin: 3px 0;
}

/* モバイル */
@media (max-width: 767px) {
	/* PCグループは消す。モバイルもeraseクラスが定義されている方は消す */
	.w2cchtml_pc,
			.w2cchtml_mobile_horizontal.w2cchtml_erase,
			.w2cchtml_mobile_vertical.w2cchtml_erase {
		display: none;
	}
}

/* タブレット */
@media (min-width: 768px) and (max-width: 1029px) {
	/* モバイルを両方消してPCだけを残す */
	.w2cchtml_mobile_horizontal,
			.w2cchtml_mobile_vertical {
		display: none;
	}
}

/* デスクトップ */
@media (min-width: 1030px) {
	/* モバイルを両方消してPCだけを残す */
	.w2cchtml_mobile_horizontal,
			.w2cchtml_mobile_vertical {
		display: none;
	}
}