@charset "utf-8";
/*~~*/
#main .onair {
	padding: 10px; background: #c4c4c4;
}
#main .onair li {
	padding: 15px; background: #efefef; border-radius: 5px;
}
#main .onair li {
	margin-top: 10px;
}
#main .onair li:first-child {
	margin-top: 0px;
}
#main .onair li .lwrap {
	background: #004096; border-radius: 5px;
}
#main .onair li .lwrap2 {
	background: #01a300; border-radius: 5px;
}
/*#main .onair li .lwrap {
	background: #e40011; border-radius: 5px;
} 元*/

/*
#main .onair li:nth-of-type(2) .lwrap {
	background: #004096;
}
#main .onair li:nth-of-type(3) .lwrap {
	background:#01A300;
}
*/



#main .onair li h2 {
	font-size: 1.8rem; line-height: 2.4rem; font-weight: bold; color: #ffffff;
}
#main .onair li .head {
	font-size: 1.8rem; line-height: 2.2rem; color: #000000;
}
#main .onair li .cmnt {
	margin-top: 3px; font-size: 1.4rem; line-height: 2.0rem; text-align: justify; text-justify: inter-ideograph;
}
#main .onair li .note {
	margin-top: 3px; font-size: 1.2rem; line-height: 1.8rem;
}
#main .onair li .note {
	margin-top: 10px; padding-top: 10px; font-size: 1.2rem; line-height: 1.8rem; border-top: 1px solid #c4c4c4;
}
#main .onair li img{
	width: 100%; border-radius: 5px;
}
/**/
#main .archive {
	margin-top: 5px; padding: 10px; background: #c4c4c4; border-radius: 0 0 10px 10px;
}
#main .archive dt {
	width: 100%; padding: 10px; background: #efefef; border-radius: 5px; font-size: 1.6rem; text-align: center;
}
#main .archive dd {
	padding: 15px; background: #efefef; border-radius: 5px; border-radius: 5px;
}
#main .archive dd .head {
	font-size: 1.8rem; line-height: 2.4rem; color: #000000;
}
#main .archive dd .head span {
	margin-bottom: 10px; background: #ffff00; border: 2px solid #c4c4c4; border-radius: 5px; font-size: 16px; line-height: 28px; font-weight: bold; text-align: center; color: #000000; display: block;
	border-top: 2px solid #666666; border-left: 2px solid #666666;
}
#main .archive dd .movie {
	width: 100%; margin-top: 10px; padding-top: 56.25%; position: relative;
}
#main .archive dd .movie iframe,
#main .archive dd .movie img {
	width: 100%; height: 100%; position: absolute; top: 0; right: 0;
}
#main .archive dd .cmnt {
	margin-top: 10px; font-size: 1.2rem; line-height: 1.8rem; text-align: justify; text-justify: inter-ideograph;
}
#main .archive dd .note {
	margin-top: 10px; font-size: 1.2rem; line-height: 1.8rem;
}
/**/
#main .reporter {
	padding: 15px; background: linear-gradient(#ad8f74, #7f6849); border-radius: 10px;
}
#main .reporter dd {
	display: flex;align-items: center;
}
#main .reporter dd .lwrap {
	width: 100px;
}
#main .reporter dd .lwrap img {
	border-radius: 100px;
}
#main .reporter dd .lwrap2 {
	width: 100px;
}
#main .reporter dd .lwrap2 img {
	border-radius: 100px;
}
#main .reporter dd .rwrap {
	flex: 1; margin-left: 10px;
}
#main .reporter dd .rwrap .name {
	background: #ffffff; border-radius: 100px; font-size: 1.4rem; font-weight: bold; line-height: 20px; text-align: center; color: #7f6849;
}
#main .reporter dd .rwrap .cmnt {
	margin-top: 5px; font-size: 1.2rem; line-height: 1.6rem; color: #ffffff;
}
#main .reporter ul {
	margin-top: 5px; display: flex;
}
#main .reporter li {
	margin-right: 10px;
}
#main .reporter li a {
	width: 24px; height: 24px; border-radius: 24px; color: #ffffff; display: block; text-align: center;
}
#main .reporter li a span {
	font-size: 14px; line-height: 24px;
}
#main .reporter li a.homepage {
	background: #ff9933;
}
#main .reporter li a.facebook {
	background: #314a7e;
}
#main .reporter li a.twitter {
	background: #339bc1;
}
#main .reporter li a.x {
	background: #2A2A2A;
}
#main .reporter li a.youtube {
	background: #ff0000;
}
#main .reporter li a.instagram {
	background: #ff33cc;
}
#main .reporter li a:hover {
	background: #323232;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width: 768px) {
/****************************************************************************************************************************************************************/
header {
}
header .logo {
	display: none;
}
header .menu {
	padding-right: 15px; text-align: right; position: static; top: auto; right: auto;
}
header ul {
	padding-bottom: 15px;
}
/*~~*/
#main .content {
	width: 100%; 
	padding: 0px 15px 15px;
}
/**/
#main .onair li .lwrap {
	padding: 5px; text-align: center;
}
	#main .onair li .lwrap2 {
	padding: 5px; text-align: center;
}
#main .onair li .cwrap {
	margin-top: 10px;
}
#main .onair li .rwrap {
	margin-top: 10px;
}
/**/
#main .archive dd {
	margin-top: 10px;
}
#main .archive dd:first-child {
	margin-top: 0;
}
/**/
#main .reporter {
	margin-top: 15px;
}
#main .reporter dt {
	text-align: center; filter: invert(100%);
}
#main .reporter dd {
	margin-top: 15px; padding-top: 15px;
	background-image: linear-gradient(to right, #fff, #fff 2px, transparent 2px, transparent 8px); background-size: 10px 2px; background-position: top; background-repeat: repeat-x;
}

/****************************************************************************************************************************************************************/
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width: 769px) {
/****************************************************************************************************************************************************************/
#main {
	padding: 10px 0px 25px;
}
#main .content {
}
/**/
#main .onair li {
	margin-top: 5px; display: flex; justify-content:space-between;
}
#main .onair li .lwrap {
	width: 160px; display: flex; justify-content: center; align-items: center;
}
#main .onair li .lwrap  h2 span {
	display: block; text-align: center;
}
#main .onair li .lwrap2 {
	width: 160px; display: flex; justify-content: center; align-items: center;
}
#main .onair li .lwrap2  h2 span {
	display: block; text-align: center;
}
#main .onair li .cwrap {
	margin: 0 15px; flex: 1;
}
#main .onair li .rwrap {
	width: 165px;
}
/**/
#main .archive {
	display: flex; justify-content:space-between; flex-wrap: wrap;
}
#main .archive dd {
	width: 370px; margin-top: 5px;
}
/**/
#main .reporter {
	margin-top: 20px; display: flex;
}
#main .reporter dt {
	width: 170px; background: no-repeat url("../img/reporter-back.png"); display: flex; justify-content: center; align-items: center;background-position: center;/*←2021.7.5nose*/
}
#main .reporter dd {
	margin-left: 10px; padding-left: 10px; flex: 1;
	background-image: linear-gradient(to bottom, #fff, #fff 2px, transparent 2px, transparent 8px); background-size: 2px 10px; background-position: left; background-repeat: repeat-y;
}
#main .reporter dd .rwrap .cmnt {
	font-size: 1.0rem; line-height: 1.4rem;
}
/****************************************************************************************************************************************************************/
}