@charset "utf-8";

/* =============================================
	style
============================================= */

/*---------------------------------------------
	二次トレ（二次検定対策Web問題集）
---------------------------------------------*/
.font_purple{
	color: #67519E;
}

/***配信期間 表組***/
.tbl_2jitore{
	width: auto;
	margin: 1em 0;
}
.tbl_2jitore th,
.tbl_2jitore td{
	padding: 0.5em 1em;
	border-bottom: solid 1px #67519E;
}
.tbl_2jitore th{
	text-align: left;
	color: #67519E;
	background-color: #e9f0f0;
	white-space: nowrap;
}
.tbl_2jitore td{}

.tbl_2jitore th.ttl_2jitore{
	text-align: center;
	color: #fff;
	border-radius: 0.5em 0.5em 0 0;
	background-color: #67519E;
}

/***概要***/
.box_2jitore{
	display: flex;
	justify-content: space-between;
	margin-top: 2em;
}

.detail_2jitore{
	width: 340px;
}
.ttl_2jitore{
	margin-top: 2em;
	margin-bottom: 1em;
}
.img_2jitore{
	width: 340px;
}
.ttl_2jitore img,
.img_2jitore img{
	max-width: 100%;
	height: auto;
}

.sticky_red{
	color: #fff;
	background-color: #f16886;
}
.sticky_blue{
	color: #fff;
	background-color: #84abff;
}
.sticky_yell{
	background-color: #ffff88;
}
.sticky_red,
.sticky_blue,
.sticky_yell{
	display: inline-block;
	line-height: 1;
	margin: 0.25em;
	padding: 0.25em 0.5em;
	border: solid 1px #666;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media screen and (min-width: 768px){

}

/* スマホ----------------------------- */
@media screen and (max-width: 767px){
	#course_info_cont{
		padding: 0 10px;
	}
	
	/*---------------------------------------------
		二次トレ（二次検定対策Web問題集）
	---------------------------------------------*/
	/***概要***/
	.box_2jitore{
		display: block;
	}
	
	.box_2jitore{
		width: 100%;
	}
	.img_2jitore{
		width: 100%;
	}

}