/*	header
============================== */
#title_sp { width: 100%; height: 0; padding-top: 23%; position: relative;}
#title_fadein { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none;}
#title_all { width: 100%; max-width: 900px; margin: 1em auto;}
#title_all a { width: 100%; height: 100%; display: block; display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: center; position: relative; z-index: 100;}
#logo_sp { width: 60%;}
#logo_sp #logo { width: 100%; height: 0; padding-top: 24%; padding-top: -webkit-calc(300 / 1250 * 100%); padding-top: calc(300 / 1250 * 100%); background-repeat: no-repeat; background-size: contain;}
#onair_sp { width: 30%;}
#onair_sp #onair { width: 100%; height: 0; padding-top: 23.80952381%; padding-top: -webkit-calc(100 / 420 * 100%); padding-top: calc(100 / 420 * 100%); background-repeat: no-repeat; background-size: contain;}
/*for_W480-*/
@media all and (min-width: 480px) { 
#title_sp { padding-top: 21%;}
}
/*for_W640-*/
@media all and (min-width: 640px) { 
#title_sp { padding-top: 19%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#title_sp { padding-top: 0; height: 180px;}
#title_all { margin: 1.5em auto 1em auto;}
}

/*	contents
============================== */
.unit { padding: 2em 0;}
.unit h2 { position: relative;}
.unit h2::after { content: ''; display: block; width: 70px; height: 105px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/niji3.png); position: absolute; top: -10px; right: -30px; animation: furafura 1.5s linear infinite;}
@keyframes furafura { 0% { transform: rotate(0) } 50% { transform: rotate(5deg) } 100% { transform: rotate(0) } }
.nkm { box-sizing: border-box; width: 95%; max-width: 1080px; margin: 0 auto; background-color: rgba(239, 159, 151, .3); padding: 1em 0;}
/*backnumber*/
#backnumber_bace { width: 95%; max-width: 1080px; margin: 0 auto; background-color: rgba(239, 159, 151, .3); border-radius: 0 0 30px 30px;}
#backnumber { box-sizing: border-box; width: 100%; margin: 0 auto; background-color: rgba(255, 255, 255, .4); padding: 2em 0; border-radius: 0 0 30px 30px; border-top: 1px dashed rgba(87, 53, 2, .8);}
#backnumber h3 { width: 50%; max-width: 300px; margin: 0 auto 1em auto;}
#backnumber h3 .img { display: block; width: 100%; height: 0; padding-top: 20%; padding-top: -webkit-calc(100 / 500 * 100%); padding-top: calc(100 / 500 * 100%); background-repeat: no-repeat; background-size: contain;}
#backnumber ul { width: 98%; max-width: 480px; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
#backnumber li { width: 45%; margin: 0 2% 1em 2%;}
/*for_W640-*/
@media all and (min-width: 640px) { 
.unit h2::after { width: 80px; height: 120px;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
.unit h2::after { width: 90px; height: 135px;}
#backnumber ul { max-width: 1000px;}
#backnumber li { width: 18%; margin: 0 .9% 1em .9%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
.unit h2::after { width: 120px; height: 180px;}
}