@charset "UTF-8";
/*****************
index.html コンテンツ
*****************/
.info .l-main__contents {
	padding-bottom: 40px; }
.info .unit__head {
	padding: 6px 0 6px 10px;
	color: #fff;
	font-size: 107.14286%;
	font-weight: bold;
	background-color: #0068b7;
	background-position: 10px center;
	background-repeat: no-repeat;
	border-radius: 5px 5px 0 0; }
.info .unit__body {
	padding: 0px 10px 15px 10px;
	border: 1px solid #E0E0E0;
	border-top: none;
	border-radius: 0 0 5px 5px;
	font-size: 85%; }
.info .update {
	margin-bottom: 20px; }
.info .update ul {
	padding: 10px 0 0; }
.info .update ul > li {
	float: left;
	width: 32%;
	border: 1px solid #E0E0E0;
	cursor: pointer;
	background-image: url("/open-course/img/common/icon_arc-allow_r.png");
	background-position: 95% 96%;
	background-repeat: no-repeat;
	margin-bottom: 10px; }
.info .update ul > li:hover {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	background-color: #FFFBD9; }
.info .update ul > li:nth-child(3n-1){
	margin: 0 2%;
	}
	/*.info .update ul > li:first-child {
	margin-left: 1px; }*/
.info .update ul > li a {
	text-decoration: none;
	display: block; }
.info .update ul > li span {
	display: block; }
.info .update .box {
	padding: 10px; }
.info .update .box__date {
	padding: 2px 5px 2px 2px;
	margin-bottom: 5px;
	background-color: #DBDCE0;
	text-align: right; }
.info .update .box__name {
	margin-bottom: 10px; }
.info .update .box__img {
	margin-bottom: 10px;}
.info .update .box__img img {
	width: 100%;}
.info .update .box__txt {
	padding-bottom: 10px;
	visibility:hidden;
	color: #444; }
.info .updateList {
	margin-bottom: 20px; }
.info .updateList ul {
	padding: 10px 0 0; }
.info .updateList ul > li {
	padding-left: 6.5em;
	margin-bottom: 5px;
	font-size: 109%;
	line-height: 1.5;
	text-indent: -6.5em; }
	/*.info .updateList ul > li:last-child {
	margin-bottom: 0; }*/
.info .updateList__date {
	margin-right: 10px; }

	/*****************
	XXXXXXX.html コンテンツ
	*****************/
.infoDetail {
	padding-bottom: 40px; }
.infoDetail a, .infoDetail em {
	font-weight: bold; }
.infoDetail .Red {
	color: #EB0000;
	font-weight: bold; }
.infoDetail .Blue {
	color: #006CB4; }
.infoDetail .unit__head {
	margin-bottom: 0;
	padding-left: 10px; }
.infoDetail .unit__body {
	padding: 0px 10px 15px 10px;
	border: 1px solid #E0E0E0;
	border-top: none;
	border-radius: 0 0 5px 5px;
	font-size: 85%; }
.infoDetail .entry {
	margin-bottom: 35px; }
.infoDetail .entry:after {
	content: "";
	display: block;
	clear: both; }
.infoDetail .entry .wrap {
	font-size: 85%; }
.infoDetail .entry .img {
	margin-bottom: 10px; }
.infoDetail .entry .txt {
	line-height: 1.7;
	font-size: 109%; }
.infoDetail .entry--right .img {
	float: right;
	margin-left: 15px; }
.infoDetail .entry--left .img {
	float: left;
	margin-right: 15px; }
.infoDetail .entry--left .font-bold-text {
	font-weight: bold; }
.infoDetail .entry--middle .img {
	text-align: center; }
.infoDetail .entry--middle .txt {
	margin-bottom: 20px; }
.infoDetail .course .unit__body {
	padding: 15px 10px; }
.infoDetail .course ul > li {
	margin-bottom: 20px;
	background-image: url("/open-course/img/common/icon_arc-allow_r.png");
	background-repeat: no-repeat;
	line-height: 1.2; }
.infoDetail .course ul > li:last-child {
	margin-bottom: 0; }
.infoDetail .course .list__catch {
	padding-bottom: 12px; }
.infoDetail .course .list__txt {
	padding-bottom: 12px; }
.infoDetail .course .list a {
	margin-left: 20px; }
.infoDetail .back {
	width: 226px;
	border: 1px solid #D4D4D4;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px; }
.infoDetail .back__link {
	background-image: url(/open-course/img/common/icon_arc-allow_r.png);
	background-repeat: no-repeat; }
.infoDetail .back__link > a {
	padding-left: 20px;
	font-size: 85.71429%;
	font-weight: normal;
	line-height: 1.2; }
	/*design.html l-main__aside ranking*/
.infoDetail .side-box {
	padding: 20px 10px 1px 10px;
	border-top: 2px solid #004c7e;
	background: #eef8ff; }
.infoDetail .ranking .side-title {
	position: relative;
	padding-left: 25px;
	margin-bottom: 15px;
	color: #004c7e;
	font-size: 18px;
	font-weight: bold;
	-ms-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
	font-family: FontAwesome; }
.infoDetail .ranking .side-title:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\f091";　}
.infoDetail .ranking .side-ranking-list {
	margin-bottom: 20px; }
.infoDetail .ranking .side-ranking-list li{
	display: table;
	margin-bottom: 10px;
	width: 100%;
	line-height: 1.4;
	list-style: none; }
.infoDetail .ranking .side-ranking-list li .lank {
	display: table-cell;
	width: 50px;
	border-right: 10px solid #eef8ff;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 15px;
	background: #a8a8a8; }
.infoDetail .ranking .side-ranking-list li .lank-1, .infoDetail .ranking .side-ranking-list li .lank-2, .infoDetail .ranking .side-ranking-list li .lank-3{
	background: #004c7e; }


	/*# sourceMappingURL=info.css.map */


	/*live/index.html*/
	/**/
.info .eyecatch {
	margin-bottom: 25px;
	text-align: center; }

	/*categoryNav*/
.info .l-main__categoryNav{
	width: 980px;
	margin: 0 auto;
	height: 48px;
	border-top: dotted 1px #9e9e9e;
	border-bottom: dotted 1px #9e9e9e;
	margin-bottom: 10px; }
.info .l-main__categoryNav .categoryNavList{
	font-size: 0;
	padding: 15px 0; }
.info .l-main__categoryNav .categoryNavList li{
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	padding-right: 47px;
	position: relative;
	padding-left: 15px;
	font-weight: bold; }
.info .l-main__categoryNav .categoryNavList li:first-child{
	margin-left: 30px; }
.info .l-main__categoryNav .categoryNavList li:before{
	content: ">";
	font-family: FontAwesome;
	font-size: 10px;
	left: 0;
	color: #003399;
	position: absolute; }
.info .l-main__categoryNav .categoryNavList li a{
	text-decoration: none; }
	 
	/*live/.updateCategory.articleBox-content*/
.infoDetail .updateCategory{
	margin-bottom: 35px;}
.infoDetail .articleBox-content .heading-bg-gray{
	margin-bottom: 20px;
	padding: 3px 10px;
	color: #fff;
	font-size: 18px;
	background: #7b7b7b;
	}
.infoDetail .articleBox-content .column-unit{
	margin-top: 20px;
	letter-spacing: -.4em;
	}
.infoDetail .articleBox-content .column-unit .column-three{
	width: 227px;
	margin-right: 28px;
	}
.infoDetail .articleBox-content .column-unit .column-three:nth-child(3n) {
	margin-right: 0 !important;
	}
.infoDetail .articleBox-content .column-unit .column-item{
	display: inline-block;
	margin-bottom: 30px;
	letter-spacing: 0;
	vertical-align: top;
	}
.infoDetail .articleBox-content .column-unit .column-item > *:first-child{
	margin-bottom:0 !important; }
.infoDetail .articleBox-content .column-unit .column-item > *:last-child{
	 argin-bottom:0 !important; }
.infoDetail .articleBox-content .column-unit .column-item .column-thumbnail{
	margin-bottom: 20px; }
.infoDetail .articleBox-content .column-unit .column-item .column-thumbnail img{
	width: 100%; }
.infoDetail .articleBox-content .column-unit .column-item .text > *:first-child{
	margin-bottom: 0 !important; }
.infoDetail .articleBox-content .column-unit .column-item .text > *:last-child{
	margin-bottom: 0 !important; }
.infoDetail .articleBox-content .column-unit .column-item .text .link-arrow{
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
	text-indent: -9px; }
.infoDetail .articleBox-content .column-unit .column-item .text .link-arrow:before{
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	margin-left: 3px;
	margin-right: 6px;
	content: "\f105";
	color: #0071bb;
	text-decoration: none;
	font-family: FontAwesome; }
.infoDetail .articleBox-content .column-unit .column-item .text .font-lgview-lg{
	font-size: 15px;
	}
.infoDetail .articleBox-content .column-unit .column-item .text .font-bold{
	font-family: "ゴシックMB101 DB", Gothic MB101 DemiBold, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal; font-weight: bold; }
	  .font-bold {
	font-weight: bold; }
	/**/
