@charset "UTF-8";
/* CSS Document */

/* メインコンテンツ大枠 */
/* この枠内にオブジェクトを収めれば、とりあえずは構造的な破綻は起きないと思われます */
/* 但し、メディアクエリ等を用いたレスポンシブデザインは、既存のブレークポイントが分からない場合は、レイアウトの破綻の恐れがあります */
#outerbox{
	max-width:1080px;/* 最大幅を決めています。ブラウザウィンドウをフルスクリーンにした際に、コンテンツが広がりすぎるのを防いでいます */
	margin:0 auto;
	word-break: break-all;/*たとえURL記述であれ、改行を許可*/
}
/*↑URL等は空白が無いため、一つの英単語としてブラウザに認識され、自動で改行されません。そのような場合のために予め一切の禁則なしに改行を許可します*/

/* ↑リンクの設定については、注意が必要です。ここを編集するとレイアウトが不具合を起こす場合があります。 */

.bx_atcl{
	margin:0;
	padding:0 14px;
	border:solid 1px #777;
	min-width:270px;
}


.webinar_ttl{
	font-size:21px;
	font-weight:bold;
}

.ribbons{
	display:flex;/*flexbox宣言*/
	flex-wrap:wrap;
	justify-content:center;/*両端を含め同間隔で配列*/
	margin:15px;
}

.ribbon{
	margin:0 10px;
}

.bl_ribbon{
	margin:5px 5px;
	background-color:#547798;
	color:#fff;
	padding:3px 8px;
}

.bl_ribbon h4{
	margin:0;
}

.ttl_ribbon{
	margin:10px auto;
	background-color:#547798;
	color:#fff;
	padding-top:3px;
}

.prgrm{
	font-size:14px;
	width:50%;
	min-width:240px;
}

.ss_num{
	font-size:13px;
}

.ss_ttl{
	padding:5px;
}

.ss_nm{
	font-size:13px;
}

table{
	margin:0 5px;
}

td{
	padding:5px;
	vertical-align: top;
}

tm{
	font-size:13px;
}

.fx_inner{
	width:50%;
	min-width:240px;
	padding:10px;
}

.howtowebinar{
	margin:5px;
	padding:5px;
	text-align:center;
	border:solid 1px #547798;
}

.bx_atcl_sml{
	margin:0;
	padding:0 14px;
	min-width:270px;
}

.cntct{
	margin-left:14px;
}

.cntct li{
	list-style:decimal;
}

@media screen and (max-width: 680px) {
	.fx{
		flex-direction:column;/*縦並び指定*/
	}
	.prgrm{
		width:100%;
		min-width:240px;
}
	.fx_inner{
		width:100%;
		min-width:240px;
}

}