
.block {
	display: block;
}

.none {
	display: none;
}

.column240 {
	width: 240px;
	margin-right: auto;
	margin-left: auto;
}

.column320 {
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}

.column360 {
	width: 360px;
	margin-right: auto;
	margin-left: auto;
}

.column480 {
	width: 480px;
	margin-right: auto;
	margin-left: auto;
}

.column640 {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}

.column720 {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width:768px) {
	.column240 {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
	}

	.column320 {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}

	.column360 {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}

	.column480 {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}

	.column640 {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	.column720 {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
}

.mT10 {
	display: block;
	margin-top: 10px;
}

.mT20 {
	display: block;
	margin-top: 20px;
}

.mT30 {
	display: block;
	margin-top: 30px;
}

.mT40 {
	display: block;
	margin-top: 40px;
}

.mT50 {
	display: block;
	margin-top: 50px;
}

.mT60 {
	display: block;
	margin-top: 60px;
}

.mT70 {
	display: block;
	margin-top: 70px;
}

.mT80 {
	display: block;
	margin-top: 80px;
}

.mT90 {
	display: block;
	margin-top: 90px;
}

.mT100 {
	display: block;
	margin-top: 100px;
}

.mTm0 {
	display: block;
	margin-top: 0px !important;
}

.mTm10 {
	display: block;
	margin-top: -10px;
}

.mTm20 {
	display: block;
	margin-top: -20px;
}

.mTm30 {
	display: block;
	margin-top: -30px;
}

.mTm40 {
	display: block;
	margin-top: -40px;
}

.mTm50 {
	display: block;
	margin-top: -50px;
}

.mTm60 {
	display: block;
	margin-top: -60px;
}

.mTm70 {
	display: block;
	margin-top: -70px;
}

.mTm80 {
	display: block;
	margin-top: -80px;
}

.mTm90 {
	display: block;
	margin-top: -90px;
}

.mTm100 {
	display: block;
	margin-top: -100px;
}

.mB10 {
	display: block;
	margin-bottom: 10px;
}

.mB20 {
	display: block;
	margin-bottom: 20px;
}

.mB30 {
	display: block;
	margin-bottom: 30px;
}

.mB40 {
	display: block;
	margin-bottom: 40px;
}

.mB50 {
	display: block;
	margin-bottom: 50px;
}

.mB60 {
	display: block;
	margin-bottom: 60px;
}

.mB70 {
	display: block;
	margin-bottom: 70px;
}

.mB80 {
	display: block;
	margin-bottom: 80px;
}

.mB90 {
	display: block;
	margin-bottom: 90px;
}

.mB100 {
	display: block;
	margin-bottom: 100px;
}

.column2 {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.column2 p, .column2 article {
	width: 49%;
}

.column2b {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.column2b div:nth-child(1) {
	width: 50%;
	margin-bottom: 0px;
}

.column2b div:nth-child(2) {
	width: 47%;
	margin-bottom: 0px;
}

@media screen and (max-width:768px) {
	.column2b {
		display: block;
		width: 100%;
	}

	.column2b div:nth-child(1) {
		width: 100%;
		margin-bottom: 10px;
	}

	.column2b div:nth-child(2) {
		width: 90%;
		margin-bottom: 50px;
	}
}

.column3 {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.column3 p {
	width: 33%;
}

.column5 {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	width: 100%;
}

.column5 p {
	width: 18%;
	margin-right: 2%;
}

.column5 p:nth-child(5n) {
	margin-right: 0px;
}

.column5 p:nth-child(4n) {
	margin-right: ;
	margin-right: 2%;
}

@media screen and (max-width:768px) {
	.column5 {
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		width: 100%;
	}

	.column5 p {
		width: 23.5%;
		margin-right: 1.5%;
	}

	.column5 p:nth-child(5n) {
		margin-right: 1.5%;
	}

	.column5 p:nth-child(4n) {
		margin-right: 0px;
	}
}


.fs05 {
	font-size: 0.5em !important;
}

.fs06 {
	font-size: 0.6em !important;
}

.fs07 {
	font-size: 0.7em !important;
}

.fs08 {
	font-size: 0.8em !important;
}

.fs09 {
	font-size: 0.9em !important;
}

.fs10 {
	font-size: 1em !important;
}

.fs11 {
	font-size: 1.1em !important;
}


.fs12 {
	font-size: 1.2em !important;
}

.fs13 {
	font-size: 1.3em !important;
}

.fs14 {
	font-size: 1.4em !important;
}

.fs15 {
	font-size: 1.5em !important;
}

.fs16 {
	font-size: 1.6em !important;
}

.fs18 {
	font-size: 1.8em !important;
}

.fs20 {
	font-size: 2.0em !important;
}

ul.indent1 {
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 1.8em;
}

ul.indent1 li:before {
	padding: 0px;
	margin: 0 0 0 -15px;
	content: "\203B";
}

ul.indent1 li {
	padding: 0px;
	margin: 0 0 0 15px;
}

ul.indent2 {
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 1.8em;
}

ul.indent2 li:before {
	padding: 0px;
	margin: 0 0 0 -15px;
	content: "\30FB";
}

ul.indent2 li {
	padding: 0px;
	margin: 0 0 0 15px;
}

ul.indent3 {
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 1.8em;
}

ul.indent3 li:before {
	padding: 0px;
	margin: 0 0 0 -15px;
	content: "\25CF";
}

ul.indent3 li {
	padding: 0px;
	margin: 0 0 0 15px;
}


ul.indent4 {
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 1.8em;
}

ul.indent4 li:before {
	padding: 0px;
	margin: 0 0 0 -15px;
	content: "\25A0";
}

ul.indent4 li {
	padding: 0px;
	margin: 0 0 0 15px;
}

ol.decimal {
	display: block;
	padding: 0px;
	list-style: decimal;
}

ol.decimal li {
	padding: 0px;
	margin-left: 30px;
	list-style: decimal !important;
}

ol.decimal li.list-none {
	margin-left: 0px;
	list-style: none;
}

ol.decimal2 {
	list-style-type: none;
	counter-reset: number;

}

ol.decimal2 li {
	position: relative;
}



ol.decimal2 li::before {
	padding: 0 0.2em;
	content: counter(number);
	counter-increment: number;
}



ol.decimal2 li::after {

	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	/* ������� */
	width: 1em;
	height: 1em;
	content: '';
	border: 1px solid #000;
	border-radius: 50%;
	transform: translateY(-50%);
}

.m-box-youtube {
	position: relative;
	padding-top: 56.5%;
	margin-top: 15px;
}

.m-box-youtube > iframe {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	min-height: 100%;
}

.col-gray{color:#666;}



/* 放送情報フォントカラー用 ロゴページ字のcss空ばっす */
.page-nav{width:auto;}
.page-nav .p-nav__inner{width:70%;margin:10px auto 50px;}
.page-nav .p-nav__inner .p-nav__list{display:flex;flex-wrap:wrap;justify-content:left;}
.page-nav .p-nav__inner .p-nav__list li{width:32%;}

@media screen and (max-width:768px) {
.page-nav .p-nav__inner{width:100%;margin:10px auto 50px;}
.page-nav .p-nav__inner .p-nav__list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.page-nav .p-nav__inner .p-nav__list li{width:48%;}
}

.sp{display:none;}
.pc{display:block;}
@media screen and (max-width:768px) {
.sp{display:block;}
.pc{display:none;}
}

.border-blue {
    border: 1px solid #95b6f6;
    padding: 30px;
    display: inline-block;
    width:100%;
    
}

ul.p-onair__list {
    margin-block: 0px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

ul.p-onair__list li {
    border: solid 2px #DCB475;
	border-radius: 10px;
		box-shadow: 3px 7px 12px -10px #DCB475;
}

ul.p-onair__list li a{
    display:block;
    padding:25px 0;
    font-size:1.2em;
    width:auto;
    height:auto;
    text-align:center;
    font-family: Kaisei Opti, serif;

}

ul.p-onair__list li a:hover{
    display:block;
    width:auto;
    height:auto;
    text-align:center;
    border-radius:unset;
    box-shadow: unset;

}

.at{font-size:0.7em;}


@media screen and (max-width:768px) {
ul.p-onair__list {
    margin-block: 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

ul.p-onair__list li a{
    display:block;
    padding:25px 0;
    font-size:1em;
    width:auto;
    height:auto;
    text-align:center;

}

ul.p-onair__list li a:hover{
    display:block;
    width:auto;
    height:auto;
    text-align:center;
    border-radius:unset;
    box-shadow: unset;

}

.at{font-size:0.7em;line-height: 1.8em;}


}

