@charset "utf-8";
/*~~*/
#main .head {
	padding: 10px; background: linear-gradient(#d84f3e, #c6000a); border-radius: 5px;
}
#main .head h1 {
	font-weight: normal; color: #ffffff;
}
#main .head form ul {
	display: flex; align-items: center;
}
#main .head select {
	width: 100%; height: 24px; border: 1px solid rgba(0,0,0, 1); border-radius: 5px; text-indent: 3px; font-size: 14px; line-height: 14px; color: #ffffff;
	padding: 5px 25px 5px 5px; vertical-align: middle;
	appearance: button; -webkit-appearance: button; -moz-appearance: button;
	background: #000000 url(img/fm_icon_select_white.png) no-repeat; background-size: 18px 18px; background-position: right center; cursor:pointer;
}
#main .head button {
	width: 100%; height: 24px; background: #000000; border: 1px solid rgba(0,0,0, 1); border-radius: 5px; font-size: 14px; line-height: 14px; color: #ffffff; cursor:pointer;
}
/*~~*/
#main section .info {
	padding: 15px; background: #efefef; border-radius: 5px;
}
#main section .info .onair .link a {
	width: 100%; height: 65px; background: #2e2e2e; border-radius: 5px; display: flex; justify-content: center; align-items: center;
}
#main section .info .onair .cmnt {
	margin-top: 15px; font-size: 1.2rem; line-height: 2.0rem;
}
/**/
#main section .info .item dt {
	font-size: 1.4rem; display: flex; justify-content: center; align-items: center;
}
#main section .info .item dt::before {
	margin-right: 5px; content: ""; flex-grow: 1; height: 1px; background: #000000; display: block;
}
#main section .info .item dt::after {
	margin-left: 5px;  content: ""; flex-grow: 1; height: 1px; background: #000000; display: block;
}
/**/
#main section .info .shuzai {
	margin-top: 15px; margin-bottom: 15px;
}
#main section .info .shuzai .cmnt {
	margin-top: 10px; font-size: 1.2rem; line-height: 2.0rem;
}
#main section .info .shuzai .link {
	width: 100%; margin-top: 10px; font-size: 16px; line-height: 34px; text-align: center; border: 1px solid #969696; background: #ffffff; border-radius: 5px;
}
#main section .info .shuzai .link a {
	text-align: center; display: block; position: relative;
}
#main section .info .shuzai .link a::after {
	width: 24px; height: 24px; border-radius: 20px; background: #565656; font-family: 'icomoon'; content: '\e901'; color: #ffffff; display: flex; justify-content: center; align-items: center;
	position: absolute; top: 5px; right: 10px;
}
/**/
#main section .info .tackle .cmnt {
	margin-top: 10px; padding-top: 10px; border-top: 1px dotted #666666; font-size: 1.2rem; line-height: 2.0rem;
}
#main section .info .tackle .cmnt:nth-of-type(1) {
	padding-top: 0; border-top: none;
}
#main section .info .tackle .link {
	width: 100%; margin-top: 10px; font-size: 16px; line-height: 34px; text-align: center; border: 1px solid #969696; background: #ffffff; border-radius: 5px;
}
#main section .info .tackle .link a {
	text-align: center; display: block;
}
/**/
#main section .body p {
	text-align: justify; text-justify: inter-ideograph;
}
#main section .body ul {
	display: flex; justify-content:space-between; flex-wrap: wrap;
}
#main section .body ul li {
	width: calc((100% - 20px) / 3); margin-right: 10px; margin-top: 10px;
}
#main section .body ul li:nth-child(3n) {
	margin-right: 0px;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width: 768px) {
/****************************************************************************************************************************************************************/
#main .content {
	width: 100%; padding: 0px 15px 15px;
}
#main .head h1 {
	font-size: 1.8rem; line-height: 100%; text-align: center;
}
#main .head form ul {
	margin-top: 10px; padding: 7px; background: #ffffff; border-radius: 5px; justify-content:space-between;
}
#main .head form ul li {
	width: 32%;
}
#main .load {
	margin-top: 15px;
}
/*~~~~*/
#main section {
	margin-top: 25px; display: flex; flex-direction: column; flex-flow: column-reverse nowrap;
}
#main section:nth-of-type(1) {
	margin-top: 0px;
}
/**/
#main section .info  {
	margin-top: 10px;
}
#main section .info .onair dt {
	display: none;
}
/**/
#main section .body h1 {
	font-size: 1.8rem; line-height: 2.2rem;
}
#main section .body h1 span {
	margin-bottom: 10px; padding: 5px; text-align: center; background: #cccccc; border-radius: 5px; display: block;
}
#main section .body p {
	margin-top: 5px; font-size: 1.2rem; line-height: 1.8rem;
}
/****************************************************************************************************************************************************************/
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width: 769px) {
/****************************************************************************************************************************************************************/
#main {
	padding: 25px 0px 25px;
}
#main .content {
}
/**/
#main .head {
	display: flex; justify-content:space-between; align-items: center;
}
#main .head h1 {
	font-size: 2.0rem; line-height: 100%;
}
#main .head form ul li {
	width: 100px; margin-left: 10px;
}
#main .load {
	margin-top: 30px;
}
/*~~~~*/
#main section {
	margin-top: 30px; display: flex;
}
#main section:nth-of-type(1) {
	margin-top: 0px;
}
/**/
#main section .info {
	width: 400px; display: flex; flex-direction: column;
}
#main section .info .onair dt {
	font-size: 2.0rem; font-weight: bold; line-height: 2.4rem; text-align: center;
}
#main section .info .onair .link {
	margin-top: 15px;
}
#main section .info .onair .link a:hover img {
	opacity: 0.6;	transition-duration: 0.3s;
}
/**/
#main section .info .shuzai .link a:hover {
	background: #2e2e2e; color: #ff9900;
}
/**/
#main section .info .tackle {
	margin-top: auto;
}
#main section .info .tackle .link a:hover {
	background: #2e2e2e; color: #ff9900;
}
/*~~*/
#main section .body {
	width: 740px; padding: 15px 0 15px 20px;
}
#main section .body h1 {
	font-size: 2.0rem; line-height: 2.4rem;
}
#main section .body h1 span {
	display: none;
}
#main section .body p {
	margin-top: 10px; font-size: 1.4rem; line-height: 2.0rem;
}
/****************************************************************************************************************************************************************/
}