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



.listen_box{}
@media (min-width: 768px) {
.listen_box{ padding-bottom: 100px;}

}
@media (max-width: 767.98px) {
.listen_box{ padding-bottom: 50px;}

}




.anchor_link_box{ display: flex; justify-content: space-between;}
@media (min-width: 768px) {
.lead_listen01{ text-align: center;}
.anchor_link_box{ padding: 0 0 100px;}
.anchor_link_box>.link_btn{ margin: 0; width: calc(33.33% - 30px);}
}
@media (max-width: 767.98px) {
.anchor_link_box{ padding: 0 0 60px;}
.anchor_link_box>.link_btn{ margin: 0; width: calc(33.33% - 5px); font-size: 10px; padding-right: 12px;}
}


.midashi_ttl_01{ display: inline-flex;}
.midashi_ttl_01>span{ background-repeat: no-repeat; background-position: center; background-size: contain; margin-left: .25em;}
.midashi_ttl_01>span.radio{ background-image: url("../../common/images/radio.svg");}
.midashi_ttl_01>span.app{ background-image: url("../images/app.png");}
.midashi_ttl_01>span.app.fmpurapura{ background-image: url("../images/2025/app.png");}
.midashi_ttl_01>span.youtube{ background-image: url("../../common/images/youtube.svg");}
@media (min-width: 768px) {
.midashi_ttl_01>span.radio{ width: 46px;}
.midashi_ttl_01>span.app{ width: 56px;}
.midashi_ttl_01>span.youtube{ width: 48px; background-position: bottom 8px center;}
}
@media (max-width: 767.98px) {
.midashi_ttl_01>span.radio{ width: 30px;}
.midashi_ttl_01>span.app{ width: 32px;}
.midashi_ttl_01>span.youtube{ width: 30px; background-position: bottom 4px center;}
}


.app_dl{}
.app_dl>dt{}
.app_dl>dd{}
.app_dl>dd>div{}
.app_dl>dd::after{ content: ""; display: table; clear: both;}
.app_dl>dd>div>a{ display: block;}
.app_dl>dd>div>a>img{}
.app_dl>dd>div>img{ display: block;}
.app_dl>dd>a.link_btn.fmpurapura.browser{ background-color: #333;}
.app_dl>dd>.browser_info{ font-weight: bold;}
.app_dl>dd>.browser_info>small{ display: block; padding-left: 1em; text-indent: -1em;}

@media (min-width: 768px) {
.app_dl{ font-size: 18px;}
.app_dl>dt{ margin: 0 0 20px;}
.app_dl>dd>div:nth-child(1){ float: right; width: 300px; margin-right: 100px;}
.app_dl>dd>div>img{}

.app_dl>dd>div:nth-child(2){ display: flex; flex-wrap: wrap;}
.app_dl>dd>div>a{ margin: 0 30px 15px 0;}
.app_dl>dd>div>a:nth-child(1)>img{ height: 84px; width: auto;}
.app_dl>dd>div>a:nth-child(2)>img{ width: 282px; height: auto;}
.app_dl>dd>div>p{ width: 100%;}
.app_dl>dd>a.link_btn.fmpurapura{ margin: 20px auto 0 0; width: 540px;}
.app_dl>dd>a.link_btn.fmpurapura.browser{}
.app_dl>dd>.browser_info{ margin: 15px 0 0;}
.app_dl>dd>.browser_info>small{ font-size: 12px; margin: 6px 0 0;}

}
@media (max-width: 767.98px) {
.app_dl{}
.app_dl>dt{ margin: 0 0 20px; font-size: 16px;}
.app_dl>dd>div:nth-child(1){ float: right; width: calc(100% - 160px); padding-left: 10px;}
.app_dl>dd>div>img{}

.app_dl>dd{ font-size: 14px;}
.app_dl>dd>div:nth-child(2){ display: flex; flex-wrap: wrap;}
.app_dl>dd>div>a{ margin-bottom: 15px;}
.app_dl>dd>div>a>img{ width: 150px; height: auto;}
.app_dl>dd>div>p{ font-size: 14px;}

.app_dl>dd>a.link_btn.fmpurapura{ margin: 0px auto 0 0; width: 150px; font-size: 10px; padding-right: 1em;}

.app_dl>dd>a.link_btn.fmpurapura.browser{ margin-top: 15px;}
.app_dl>dd>.browser_info{ margin: 5px 0 0;}
.app_dl>dd>.browser_info>small{ font-size: 10px; margin: 6px 0 0;}


}



.youtube_link_box{ display: flex; justify-content: space-between;}
@media (min-width: 768px) {
.youtube_link_box{ padding: 0 0 100px;}
.youtube_link_box>.link_btn{ margin: 0; width: calc(50% - 30px);}
}
@media (max-width: 767.98px) {
.youtube_link_box{ padding: 0 0 60px;}
.youtube_link_box>.link_btn{ margin: 0; width: calc(50% - 5px); font-size: 10px; padding-right: 12px;}
}



.back_oy{ display: inline-block; background-color: #FEDCBD; font-weight: bold;}
.back_oy>p{ margin: 0;}
.back_oy2{ text-align: center;}
@media (min-width: 768px) {
.back_oy{ padding: 28px 30px 30px; border-radius: 10px;}
.back_oy2{ width: 540px; font-size: 24px;}
}
@media (max-width: 767.98px) {
.back_oy{ padding: 14px 15px 15px; border-radius: 5px;}
.back_oy2{ margin-top: 20px; width: 100%;}

}



@media (min-width: 768px) {}
@media (max-width: 767.98px) {}



@media (min-width: 768px) {}
@media (max-width: 767.98px) {}