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


.ad-topic-path {
    margin-left: 15px;
    display: inline-block;
    color: #555;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.7;
    text-align: left;
}

.ad-topic-path a {
	text-decoration: none;
}

/*--- topics ---*/
*[class*="category"] {
	margin-left: 20px;
}

.topics-name {
	margin: 0 5px 20px 0; 
    font-size: 15px;
	float:right;
	text-align: left;
}

.topics-name {
    font-size: 16px;
}

.topics-science-col {
	clear: both;
    font-size: 16px;
}

.topics-science-col img {
	margin: 0 0 30px 0 ;
    padding-left: 10px;
    padding-bottom: 10px;
    float: right;
}



/*--- science ---*/

dl.dl-science dt {
    margin: 10px 0 10px 5px;
    padding: 3px 10px;
    background: #e3f5fe;
    color: #0075c2;
    font-weight: bold;
}

dl.dl-science dd {
    margin: 5px 0 30px 10px;
}

h2.h2-science {
    margin: 0 10px 6px 10px !important;
    padding: 0 !important;
    color: #069;
    font-size: 120%;
    font-weight: bold;
}

.science-img-box {
	margin-bottom:10px;
	float:right;
	font-size:90%;
	line-height:1.3;
	text-align:right;
	width:210px;
}

.science-img-box img {
	margin-bottom:0 !important;
}


/*---TVCM---*/
.tvcm {
	margin:0 20px 20px 60px;
	display:inline;
	float:left;
}


.tvcm h2 {
	margin-top:20px;
	color:#06C;
	font-size:130%;
	font-weight:bold;
}
div.movie {
	margin:10px auto 20px auto;
	text-align:center;
}

/*--- YouTube ---*/
.video-item-cm img {
  width: 100%;
}

/*--- ラジオCM ---*/
.tbl-radiocm {
	border-top: none;
}
.tbl-radiocm th,
.tbl-radiocm td {
	border-bottom: none;
}

.wrapper-radioinfo {
	width: 800px;
	display: flex;
	flex-wrap: wrap;
}
.wrapper-radioinfo > * {
	margin-right: 32px;
}

.container-radioinfo:not(:last-child) {
	margin-bottom: 16px;
}
.tbl-radioinfo th {
	font-weight: normal;
	color: #383838;
}

@media screen and (max-width: 1116px) { /* ラジオCM放送番組の表組み用にメディアクエリ設定 */
	.wrapper-radioinfo {
		width: 100%;
	}
	.wrapper-radioinfo > * {
		margin-right: 0;
	}

}

@media screen and (max-width: 767px) {

	.article-area img.img-science {
		width: auto !important;
	}
	
	.topics-name {
		margin: 10px 5px 0 0;
		float :none;
		font-size:14px;
	}

	dl.dl-science dt {
		margin: 0;
		clear: both
	}

	.topics-science-col img {
		width: auto !important;
		float :none;
	}


	.tvcm {
		margin: 0;
		width:300px;
	}

	.video-item img {
		width: 100%;
	}

	/*--- YouTube ---*/
	.video-item-cm {
		width: auto !important;
	}

	/*--- ラジオCM ---*/
	.h3-radioinfo-title {
		font-size: 14px;
	}
	.tbl-radiocm th,
	.tbl-radiocm td {
		display: block;
	}
	.tbl-radiocm th {
		padding-bottom: 0;
	}

	.tbl-radioinfo th {
		font-weight: 600;
	}
}

@media screen and (max-width: 576px) { /* ラジオCMページ用にメディアクエリ設定 */
	.container-radioinfo {
		width: 100%;
	}
	.tbl-radioinfo th,
	.tbl-radioinfo td {
		display: block;
	}

}