@charset "UTF-8";

@import url(//fonts.googleapis.com/css?family=Exo+2:400,700&display=swap);
@import url(//fonts.googleapis.com/css?family=Baloo+Thambi%7CM+PLUS+Rounded+1c&display=swap&&subset=japanese);
@import url(//fonts.googleapis.com/css2?family=Archivo+Black&display=swap);

/*--------------------------------------
  リセット
--------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead,
article, aside, canvas, details, embed,/* table, tbody, tr, th, td,*/
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, 
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}


button[type="button"],button[type="submit"],input[type="submit"], input[type="button"], input[type="reset"] {
  -webkit-appearance: none;
  border-radius: 0;
}

/*IE11でobject-fitを使う為*/
.ofi {
  object-fit: cover; /* 他のブラウザ用(＝通常の指定) */
  object-position: 50% 50%; /* 他のブラウザ用(＝通常の指定) */
  font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */
}

/*W3C でエラー　IE11用　しかしIE11ユーザーであっても高コントラストモードをオンにしている場合は適用されない*/
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

html { 	font-size:62.5%;
}

body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"Yu Gothic Medium","游ゴシック Medium", YuGothic,"游ゴシック体",sans-serif;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.kozuka {
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}

.hiragino {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

.meirio {
	font-family: 'メイリオ',Meiryo,sans-serif;
}

/* ---------------------------------------------------------------- */
/*  ページ全体の設定
/* ---------------------------------------------------------------- */

body {
	font-family: sans-serif;
}

/* 「ヘッダー」ブロック */
header {
	color: #29abe2;
	font-weight: bold;
	font-family: 'Exo 2', sans-serif;
}

/* リンク */
a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}

a:hover img {
	opacity: 0.7;
}

/*  クリアフィックス */
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
}
/*寄せ*/
.alignright {
	float: right;
	margin: 0 0 24px 24px;
}
.alignleft {
	float: left;
	margin: 0 24px 24px 0;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
/*文字大きさ*/
.m {
	font-size: 1.25rem !important;
	margin:5px 2px 0;
}
.s {
	font-size: 1.0rem !important;
}


.container {
	width:95%;
	margin:auto;
}

.breadline_block {
	width:95%;
	margin:5px auto 20px auto;
}

/*トップバーエリア*/
.top_container {
	padding:7px 0 7px 0;
}
@media screen and (min-width:830px) { 
.top_container {
	padding:7px 0 5px 0;
	}
}


@media print { 
.top_container {
	padding:7px 0 7px 0;
	}
}

.topbar_area {
	display: contents;
	height: auto;
	width:15%;
	float:left;
}

@media screen and (max-width:380px) { 
.topbar_area {
	display:inline;
	height: auto;
	width:32%;
	float:left;
	}
}


.logo {
	height: 56px;
	width:auto;
	padding:2px 10px 0;
	}

.topbar_right {
	display:inline;
	float:right;
	display: flex;
	padding-top:2px;
}	

@media screen and (max-width:1024px) { 
.top_radiko {
	margin:0 45px 0 0;/*ハンバーガーメニューより右にする為*/
	}
}

.top_radiko img{
	height: 50px;
	width:auto;
	padding:2px 0 0 0px;
}

/*======スマホで小さく表示======*/
@media (max-width: 338px) {
.top_radiko img{
	height: 40px;
	width:auto;
	padding:8px 0px 0 10px; 
	}
}
/*=======ここまで================*/

/*　SNSアイコン */
.sns_icon ul {
	display: none;
}

@media print { 
.sns_icon ul {
	display: none;
	}
}

.sns_icon ul li {
	width:26px;
	margin:20px 5px 0 5px;
}


.sns_icon ul li img {
	border-radius:20px;
	background-color:#fff;
	box-shadow: 1px 0 5px 1px #fff;
	/*1118wpj*/
	width: 100%;
	height: auto;
}


/* 「コンテンツ」ブロック */
.contents {
	background-color: #fff;
	padding: 20px 0 10px;
}

/*メインブロック*/
.main {
	margin-bottom:20px;
}

.midashi {
position:relative;
}

.main h2{ 
	font-family: Arial;
	color: #2a2727;
	font-size: 2.0rem;
	font-weight: 700;
	margin: 5px 5px 0 5px;
}
	
.main #kasou h2{ 
	font-family: Arial;
	color: #2a2727;
	font-size: 2.0rem;
	font-weight: 700;
	margin: 5px 5px 10px 5px;
}
	
.fm779 {
	position:absolute;
	right:8px;
	bottom:7px;
	font-family: 'Verdana','sans-serif';
	font-weight: 700;
	color: #2a2727;
	font-size: 1.7rem;
	color: #373535;
}

.heading:before {
 	position: relative;
 	top: 2px;
 	margin: 0 9px 0 0;
 	content: url(images/midashi.png);
}

.heading {
 	text-decoration: none;
 	background: url(images/midashi_underline.png) repeat-x 100% 100%;
	padding-bottom: 10px;
	white-space: nowrap;
}

.heading_kasou:before {
	position: relative;
	top: 2px;
 	margin: 0 9px 0 0;
	width:55px;
	height:auto;
  content: url(images/f-logo.png);
}


/* 記事 */
article {
	background-color: #fff;
	padding: 20px;
}

h1 {
	font-size: 3rem;
}

p {
	line-height: 1.6;
	min-height: 1.6rem;
}

/* 画像 */
/*
img {
	width: 100%;
	height: auto;
}
*/
figure {
	margin: 0;
}

/*メインエリア*/
.main {
}

/*=====================新着記事 スマホ日付カテゴリ写真左記事右配置=====================*/
.new_info ul {
	list-style-type: none;
	margin:5px 0;
	font-size: 1.4em;
}

.new_info ul li {
	padding: 10px 0 10px 0;
	border-bottom: solid 3px #d1cfcf;
	display:inline-block;
	width: 100%;
	word-wrap:normal;
}

/*201127wpj
@media screen and (min-width:1030px) { 
.new_infox ul li {
	display:inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    }
}
*/

.new_info ul li:last-child {
	border-bottom: none;
}

/*201127*/
.new_info a[target="_blank"] {
	padding: 2px 23px 2px 0;
    background: url(images/icon_link.svg) right center no-repeat;
    background-size:18px;
    vertical-align: top;
}

.news_lines::before { 
	content: "\A" ;
	white-space: pre ;
}
@media screen and (min-width:1024px) { 
.news_lines {
	display:inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width:81%;
	vertical-align:top;
	}

.news_lines::before { 
	content:none
}

.new ~ a .news_lines {
	display:inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width:73%;
	vertical-align:top;
	}

 }


.new_info .cate {
	display:inline-block;
	width: 85px;
	padding:0 2px;
	margin: auto 3px 7px 0;
	font-size: 1.2rem;
	text-align:center;
}

.new_info .cate a{
	color:#fff;
	padding:0;
}

.new_info .info {
background: #6e9cf3;
}

.new_info .program {
	background: #66c2f1;
}
.new_info .event {
	background: #69e190;
}

.new_info .cate span{
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 1.2em;
	padding: 0px;
	text-align:center;
}

/*ライブカテゴリ一旦廃止
.new_info .live {
	background: #66c2f1;
}
*/

.new_info .cate p{
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 1.2em;
	padding: 0px;
	text-align:center;
}

/*インフォで画像掲載中止になったが今後のため残す*/
.new_info .new_info_middle img{
position: relative;
	margin:5px 10px 0 0;
	object-fit: cover;
	width: 80px;
	height: 60px;
}

/*NEWマーク*/
.new {
	padding: 2px 6px;
	margin:3px 8px 3px 3px;
	font-size:1.0em; /*0223 moto 1em*/
	color:#fff;
	background:#ff0000;
	border-radius:10px;
}

/*改行*/
/*201127
.new::after { 
	content: "\A" ;
	white-space: pre ;
}

@media screen and (min-width:1030px) { 
.new::after { 
	content:none
	}
}
*/

.mojiseigen {/*実際の表示幅をnew_info h3の外のクラスで指定*/
	overflow:hidden;
}	

.new_info h3 {
	font-size: 1.4em;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom:5px;
	width: 100%;
	height: auto;
	word-wrap:normal;
}
@media screen and (min-width:1030px) { 
.new_info h3 {
	display:inline-block;
	font-size: 1.4em;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom:5px;
	width: 620px;
	height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
}


/*　新着記事カテゴリー選択 */
.new_info_cate {
	margin-bottom: 8em;
}
@media screen and (min-width:480px) { 
.new_info_cate {
	margin-bottom: 5em;
}
}

.new_info_cate h3 {
	}
.new_info_cate ul {
	list-style-type: none;
	padding: 2px;
	width:100%;
}
.new_info_cate ul li {
	float:left;
	padding: 2px;
	text-align:center;
	margin:5px 2px;
	border-radius: 18px;
}
.new_info_cate ul li{ /*リンクなしの（１:カテゴリー）番目*/
	font-weight:bold;
	color: #1a4390;
}
.new_info_cate ul li a { 
	font-weight:normal;
	color: #fff ;
}

ul li a h3 :hover {
	opacity: 0.7;
}
.new_info_cate a h3:hover{
	opacity: 0.7;
}

.new_info_cate ul li:nth-of-type(1) {
	width:105px;
	font-size:1.3rem;
}
.new_info_cate ul li:nth-of-type(2) {
	width:105px;
	background: #ff9697;
	font-size: 1.3em;
}
.new_info_cate ul li:nth-of-type(3) {
	width:105px;
	background: #69e190;
	font-size: 1.3em;
}
.new_info_cate ul li:nth-of-type(4) {
	width:105px;
	background: #66c2f1;
	font-size: 1.3em;
}
.new_info_cate ul li:nth-of-type(5) {
	width:105px;
	background: #6e9cf3;
	font-size: 1.3em;
}
.new_info_cate ul li:nth-of-type(6) {
	width:105px;
	background: #b9a1c3;
	font-size: 1.3em;
}



/*=====================新着記事　768以上　左日付写真　中央画像　右記事===================== */
@media (min-width: 768px){
.sp_left {
	display:block
	}

.new_info_left {
	float:left;
	}

.new_info_middle {
	float:left;
	}

.new_info_rigth {
	float:left;
	}

.new_info_left::after {
	display: block;
	content: " ";
	clear: both;
	}

.new_info ul {
	list-style-type: none;
	padding: 0;
	width:100%;
	line-height: 25px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	}

.new_info ul li {
	padding:10px 0 5px 0;
	border-bottom: solid 3px #d1cfcf;
	}

.new_info ul li:last-child {
	border-bottom: none;
	}

/*使われてないが今後のために残す*/
.new_info .new_info_middle img{
	position: relative;
	margin-left: 10px;
	margin-right:10px;
	width: 133px;
	height: 100px;
	object-fit: cover;
	}

}


/*==================================*/
.radiko_bana img {
	width:100%;
	height:auto;
	margin: 3% 0;
}



/* 右サイドバー
  ---------------------------------------------------------- */
aside {
	padding:1px;
	margin-top: 0;
}

h2 {
	font-size:1.5rem;
	color: #444;
	font-family: sans-serif;
	font-weight: normal;
}

/*サブエリア seb_area1はMONTHRY　LOOPとHYPER PLAY*/

.sub_area1, .sub_area2 {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.sub_area1 div {
	width:100%;
	position:relative;
	height: 103px;
	margin-bottom:10px;
	overflow: hidden;
}

.sub_area1 img,  .sub_area1 img {
	position:absolute;
	top: 16px;
	left:12px;
	border: 3px solid #fff;
	width:65px;
	height:65px;
	object-fit: cover;
	text-align: left;
}

.sub_area1 .category_title_monthly {
	position:absolute;
	top: 10px;
	left:95px;
	font-family: 'Archivo Black', sans-serif;
	font-size: 1.5rem;
	line-height: 1.165;
	color:#fff;
}

.sub_area1 .category_title_hyper {
	position:absolute;
	top: 10px;
	left:95px;
	font-family: 'Archivo Black', sans-serif;
	font-size: 1.5rem;
	line-height: 1.165;
	color:#fff;
}

.box1_text_color { 
	color:#fff;
}

.sub_area1 .box1 .category_song_title,  .sub_area1 .box2 .category_song_title,  .sub_area1 .box5 .category_song_title {
	position:absolute;
	top: 34px;
	left:95px;
	color: #fff;
	line-height:1.1;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	font-size:1.4rem;
	padding-right:8px;
	height:30px;
	overflow:hidden;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}


.sub_area1 .by_artist{
	position:absolute;
	width:66%;
	bottom: 6px;
	right:10px;
	font-size: 1.2rem;
	line-height:1.1;
	color: #fffbd6;
	font-weight:600;
	text-align:right;
	height:25px;
	overflow:hidden;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
@media screen and (max-width:820px) {
.sub_area1 .by_artist{
	width:75%;	
	}
}

@media screen and (max-width:400px) {
.sub_area1 .by_artist{
	width:67%;	
	}
}

.sub_area1 .box1{
	background:#249c4b url(images/box1_layered_1.png) right bottom no-repeat;
}
.sub_area1 .box2 {
	background: #f05738 url(images/box2_layered.png) right top no-repeat;
}

.sub_area1 .box5 {
	background-color: #535e70;
	background-image: url(images/snow.png);
	background-repeat: no-repeat;
}


/*seb_area2はプレゼント、リクエスト*/
.sub_area2, .sub_area3 {
	padding: 0;
	margin:0;
}

.sub_area2 > .box3 {
	position:relative;
	width:100%;
	margin:0;
}
.sub_area2 > .box4 {
	position:relative;
	width:100%;
	margin:0;
}
@media print, screen and (min-width:500px) and (max-width:1023px) {
.sub_area2 > .box3 {
	position:relative;
	width:49%;
	margin:0;
	}
.sub_area2 > .box4 {
	position:relative;
	width:49%;
	margin:0;
	}
}

.sub_area2 .kasane_bana {/*丸いアイコンをバナーに重ねる*/
	width:90%;
	float:right;
	margin-bottom:10px;
	transform:translate3d(0,0,0);
}
.sub_area2:after {
	content: " ";
	display: block;
	clear: both;
}

/*listen live ３つ目のバナー（現在利用無し）*/

.sub_area3 {
	display: none;/*スマホ,タブレットで非表示　1024以上でdisplay:block表示*/
}
.sub_area3 .kasane_bana{
	margin-bottom:10px;
}

.sub_area2:after {
	content: " ";
	display: block;
	clear: both;
}
.kasane_maru {
	position:absolute;
	width:15%;
	top:8px;
	left:2px;
	z-index: 99;
}

/*バウンズ動き*/
.item_no1{
  animation: key1 .4s ease infinite alternate;
}

@keyframes key1{
	0% {transform: translateY(0px);}
	100% {transform: translateY(-4px);}
}

.item_no2{
	animation: key2 .3s ease infinite alternate;
}

@keyframes key2{
	0% {transform: translateY(0px);}
	100% {transform: translateY(-4px);}
}

.item_no3{
  animation: key3 .5s ease infinite alternate;
}

@keyframes key3{
	0% {transform: translateY(0px);}
	100% {transform: translateY(-4px);}
}


/*お勧め広告バナー*/
.sub_osusume {
	background-color: #f0eeee;
}
.sub_osusume img{
	display:block;
	max-width:190px;
	margin: 10px auto;
}

/*後援申請*/
.sub_shinsei {
	display: none;/*スマホ,タブレットで非表示　{display: none;}1024以上でdisplay:block表示 1005  !important削除 */
	color:#fff;
	}
.btn_shinsei {
	color:#fff;
	}
	
.sub_shinsei p a {
	display:none;/*スマホ,タブレットで非表示　{display: none;}1024以上でdisplay:block表示*/
	}	

.sub_area1 p, .sub_area2 p, .sub_area3 p {
	font-size: 0.875rem;
	text-align: center;
}

/* トップ＞SNSエリア
  ---------------------------------------------------------- */
.sns_area {
	display:block;
	width:98%;
	margin:20px auto;
	border-top:solid 8px #dcdcdc;
}

.sns_area:after {
	content: " ";
	display: block;
	clear: both;
}

.sns_area .midashi {
	width:100%;
}

.sns_box {
	float:left;
	width:94%;
	margin:20px auto;
	padding: 0 !important;
}

@media (min-width: 1024px) {
.sns_box{
	width:31%;
	margin:10px 10px;
	}
.sns_area {
	width:100%;
	max-width: 1025px;
	margin: 5px auto;
	}
}

.sns_box::after {
	display: block;
	content: " ";
	clear: both;
}

/*スポンサー他バナーエリア　現在利用なし*/
.sponsor {
	width:90%;
	margin:0 auto;
}

.sponsor ul {
	display:flex;
	display: -ms-flex;
	justify-content: center;
	list-style:none;
	margin: auto;
}
.sponsor ul li{
	padding: 2px 5px;
}		


/* 「フッター」ブロック
  ---------------------------------------------------------- */
footer {
	font-size: 1.3rem;
	text-align: center;
	font-family: sans-serif;
	color:#fff;
}
.footer_box1 {
	padding: 25px 20px 28px;
	background-color: #1a4390;
	height:auto;
}
.footer_box2 {
	color:#fff;
	background: #2d2f32;
	height:auto;
	padding:10px 10px 40px;
}
.footer_box2 a{	
	color:#fff;
}

/*フッター*/
.horizontal-list {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.horizontal-list .horizontal-item {
	display: inline-block;
	padding: 3px 8px;
	letter-spacing: 1px;
}
.horizontal-list .horizontal-item + .horizontal-item {
	border-left: 0.2px solid #fff;
	line-height: 0.8;
}
.horizontal-list .horizontal-item a {
	font-size: 1.0rem;
	transition: color 0.15s;
	color:#fff;
}
.horizontal-list .horizontal-item a:hover {
	color: #ddd;
}
.footer_company {
	padding:10px 10px 5px;
	font-size:1.3rem;
	font-weight:500;
}
.footer_company_ad{
	font-size:1.2rem;
	padding:0 10px 0;
}
.copyright {
	font-size:1.0rem;
	padding-top:15px;
	text-align: center;
	letter-spacing: 1px;
}


/* ---------------------------------------------------------------- */
/* PC版 
/* ---------------------------------------------------------------- */

@media (min-width: 768px) {

/* PC版：コンテナ */
.container {
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
	}

.breadline_block {
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
	}


/* PC版：「ヘッダー」ブロック内のコンテナ */
header .container {
	display: flex;
	display: -ms-flex;
	justify-content: space-between;
	}

/* PC版：記事 */
article {
	padding:0 60px;
	}

h1 {
	font-size: 2.5rem;
	}

p {
	font-size: 1.125em;
	}

/*トップバーエリア*/
.topbar_area {
	display:flex;
	display: -ms-flex;
	}

.topbar_right {
	float:right;
	display: flex;
	display: -ms-flex;
	padding-top:2px;
	}	

/* PC版：トップページ： 記事一覧 */
.toppost article {
	width: 23%;
	}
.toppost article:not(:nth-last-child(-n+2)) {
	margin-bottom: 0;
	}

/*サイド*/
.sub_area1 .box1,.sub_area1 .box2,.sub_area1 .box5{
	width: 49.5%;
	}

/*フッター*/
.horizontal-list {
	width: 680px;
	}

}
/* ===== PC版の設定ここまで ===== */

/* ==== PC版（大） ==== */
@media (min-width: 1024px) {

/*トップバーエリア*/
.topbar_right {
	float:right;
	display: flex;
	display: -ms-flex;
	padding-top:2px;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	}

.sns_icon ul {
	display: flex;
	list-style-type: none;
	}

.logo {
	height: 71px;
	width:auto;
	padding:3px 10px 0 0; 
	margin:0 0 0 7px;
	}
.top_radiko img{
	width:193px;
	height:auto;
	margin:auto;
	padding:0 10px 0 0;
	}

/* PC版（大）：コンテナ */
.container {
	max-width: 1050px;
	}

/*0827*/
.breadline_block {
	max-width: 1050px;
	}

/* PC版（大）：「コンテンツ」ブロック内のコンテナ */
.contents .container {
	display: flex;
	justify-content: space-between;
	}

.contents .breadline_block {
	display: flex;
	justify-content: space-between;
	}

/* PC版（大）：記事 */
.main {
	width: 70%;
	box-sizing: border-box;
	}

#timetable  {
	width: 100%;
	}

#timetable .main {
	width: 100%;
	box-sizing: border-box;
	}


/* PC版（大） */
.sub {
	width: 28.5%;
	margin:0.2rem 0 3.0rem 0;  
	}

.sub2 {
	width: 23.5%;
	}

/*　新着記事Radiko画像 */
.radiko_bana img {
	width:100%;
	height:auto;
	}

/*右サイドバー*/
.sub_area1 {
	display:block;
	}

.sub_area1 .box1, .sub_area1 .box2, .sub_area1 .box5, .sub_area2 .box3, .sub_area2 .box4 {
	width:100%;
	}

/*1015
.sub_area1 .box1 {*/

.sub_area1 .box1 p,  .sub_area1 .box2 p,  .sub_area1 .box5 p{
	top: 30px;
	}

/* PC版（大）：プロフィール */
.sub_area1 {
	margin-top: 0;
}

.sub_osusume img{
	width:100%;
	margin: 10px auto;
	}

.sub_area1 div, .sub_area2 div {
	width: 100%;
	}

/*seb_area2はプレゼント、リクエスト*/

.sub_area2 .kasane_bana {
	width:90%;
	float:right;
	margin-bottom:10px;
	}
.sub_area2:after {
	content: " ";
	display: block;
	clear: both;
	}
.sub_area3 {
	display:block;
	position:relative;
	width:100%;
	}
.sub_area3:after {
	content: " ";
	display: block;
	clear: both;
	}
.sub_area3 .kasane_bana{
	width:90%;
	float: right;
	margin-bottom:10px;
	}

/*お勧めバナー*/
.sub_osusume img{
	width:100%;
	margin: 10px auto;
	}


/*後援申請ダウンロード*/
.sub_shinsei {
	display:block;
	padding: 21px 30px;
	background-color: #f8f8f8;
	box-shadow: 0px 0px 3px 0px rgba(10, 7, 9, 0.48);
	}

.display_none {	
	display:block;/*スマホ,タブレットで非表示にする為　1024以上でdisplay:block表示*/
	}

.sub_shinsei p {
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	text-align:center;
	color: #221815;
	font-size: 1.4rem;
	line-height: 1.5;
	}

.sub_shinsei .btn_shinsei {
	margin-top:8px;
	padding:8px;
	border-radius: 7px;
	background-color: #fb6a72;
	box-shadow: 0px 0px 3px 0px rgba(10, 7, 9, 0.48);
	text-align: center;
	}

.btn_shinsei p a {
	display:block;
	font-size: 1.2rem;
	color: #fff;
	}

/*スポンサー他バナーエリア*/
.sponsor {
	width:100%;
	max-width: 1025px;
	margin: 10px auto;
	}
.sponsor ul li{
	margin: 0;
	padding: 0 5px 0;
	width: 210px;	
	height:auto;
	}

/*フッター*/
.horizontal-list {
	width: 680px;
	}
.horizontal-list .horizontal-item {
	padding: 3px 15px;
	}

}
/* ===== PC版（大）の設定ここまで ===== */


/* ===== TOPページ　XMLデータ表示設定　ここから ===== */	
.upper_lines {
	width:98%;
	margin:3% 0 0 0;
	padding:50px 0 10px;
	font-size:1.0625rem;
}

 @media screen and (min-width:380px) {
.upper_lines {
	width:100%;
	margin:1% 0 0;
	padding:10px 0;
	font-size:1.25rem;
	}
}

@media screen and (min-width:768px)  {
.upper_lines {
	width:100%;
	margin:0 auto;
	padding:10px 0;
	font-size:1.25rem;
	}
}

@media screen and (min-width:1024px)  {
.upper_lines {
	max-width:1025px;
	}
}

@media print {
.upper_lines {
	margin:1% 0 0;
	padding:0;
	}
}
	

.first_line {
	padding-left:2%;
	text-align:left;
}
@media screen and (min-width:480px) { 
.first_line {
	padding-left:3%;
	}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
.first_line {
	padding-left:5%;
	}
}
@media print, screen and (min-width:1025px) {
.first_line {
	margin:10px 0px;
	padding-left:3%;
	list-style-type: none;
	}
}

.nowonair{
	display    : inline-block;
	font-size  : 2.0rem;
	font-weight: bold;
	color      : #ff0000;
	font-family:  'Baloo Thambi';
	padding:0 4px;
	animation  : nowonairAnime 4s linear infinite alternate;
}
@keyframes nowonairAnime{
	0% { text-shadow:  2px  2px 10px #fff ,
                     -2px  2px 10px #fff ,
                      2px -2px 10px #fff ,
                     -2px -2px 10px #fff;}
	100% { text-shadow:  2px  2px 10px #ffff00 ,
                     -2px  2px 10px #ffff00 ,
                      2px -2px 10px #ffff00 ,
                     -2px -2px 10px #ffff00;}
}

.onairtime{
	margin-left:3%;
	color:#000080;
	font-family:'CM PLUS Rounded 1c', sans-serif;
	font-size:1.8rem;
	font-weight:600;
}

.onairtime_kasou{
	margin-left:2%;
	color:#000080;
	font-family:'CM PLUS Rounded 1c', sans-serif;
	font-size:1.8rem;
	font-weight:600;
}


.second_line {
	padding:0 2% 0 3%;
	list-style-type: none;
	}
@media print, screen and (min-width:480px) { 
.second_line {
	padding:0 5% 0 5%;
	}
}
@media print, screen and (min-width:768px) and ( max-width:1024px) {
.second_line {
	padding:0 0 0 5%;
	}
}
@media print, screen and (min-width:1025px) {
.second_line {
	padding-left:6%;
	}
}


.program_name {
	width:auto;
	color:#000080;
	font-weight : bold;
	font-family:'CM PLUS Rounded 1c', sans-serif;
	font-size   : 2.1rem;
	word-break: normal;
}

@media screen and (min-width:813px) { 
.program_name {
	width:90%;
	}
}


/*下層ページ用プログラム名 ここから*/
.program_name_kasou {
	display     : inline-block;
	padding-left:2%;
	font-size:1.8rem;
	font-weight : bold;
	color : #ffff99;
	font-family:'CM PLUS Rounded 1c', sans-serif;
	color:#000080;
}
/*下層ページ用プログラム名 ここまで*/

.third_line {
	width:95%;
	padding:0 0 0 2%;
	text-align:left;
	margin-bottom:10px;
	white-space: nowrap;  
	 overflow: hidden;  
	 text-overflow: ellipsis;  
 	-webkit-text-overflow: ellipsis;  
 	-o-text-overflow: ellipsis;
	}
@media print, screen and (min-width:480px) { 
.third_line {
	width:90%;
	padding-left:5%;
	text-align:left;
	margin-bottom:10px;
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;  
	-webkit-text-overflow: ellipsis;  
	-o-text-overflow: ellipsis;
}
}
@media print, screen and (min-width:768px) and ( max-width:1024px) {
.third_line {
	width:80%;
	padding-left:5%;
	text-align:left;
	margin-bottom:10px;
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;  
	-webkit-text-overflow: ellipsis;  
	-o-text-overflow: ellipsis;
	}
}
@media print, screen and (min-width:1025px) {
.third_line {
	width:45%;
	padding:0 0.09% 0 20%;
	text-align:left;
	margin-bottom:10px;
	white-space: nowrap;  
 	overflow: hidden;  
 	text-overflow: ellipsis;  
	-webkit-text-overflow: ellipsis;  
	-o-text-overflow: ellipsis;
	}
}

.fourth_line {
	padding-left:4%;
	text-align:left;
	margin:10px 0 0 0;
	list-style-type: none;
	}
@media print, screen and (min-width:480px) and ( max-width:1024px) {
.fourth_line {
	padding-left:5%;
	}
}

@media print, screen and (min-width:1025px) {
.fourth_line {
	padding-left:14%;
	}
}


.with {
	margin-right:4px;
	font-size:1.4rem;
	color:#000080;
 }
 
 .personality{
	color:#000080;
	font-family:'CM PLUS Rounded 1c', sans-serif;
	font-weight:bold;
	font-size:1.8rem;
 }
 

.lower_lines {
	width:98%;
	margin:3% 0 0 0;
	padding:0 0 10px;
	font-size:1.0625rem;
}

@media print, screen and (min-width:480px) { 
.lower_lines {
	width:100%;
	margin:10px 0;
	padding:5px 0;
	font-size:1.25rem;
	}
}

@media screen and (min-width:768px)  {
.lower_lines {
	width:100%;
	margin:0 auto;
	padding:10px 0;
	font-size:1.25rem;
	}
}

@media screen and (min-width: 1024px) {
.lower_lines {
    max-width: 1025px;
	}
}

.fifth_line {
	padding-left:2%;
	text-align:left;
	}
@media print, screen and (min-width:480px) { 
.fifth_line {
	padding-left:3%;
}
}
@media print, screen and (min-width:768px) and ( max-width:1024px) {
.fifth_line {
	padding-left:5%;
}
}
@media print, screen and (min-width:1025px) {
.fifth_line {
	padding-left:3%;
	list-style-type: none;
}
}


.nowplaying{
	display    : inline-block;
	font-size  : 2.0rem;
	font-weight: bold;
	color      : #ff0000;
	margin:0 15px 0 5px;
	font-family:  'Baloo Thambi';
	animation  : sample2Anime 3s linear infinite alternate;
}
@keyframes sample2Anime{
	0% { text-shadow:  2px  2px 10px #fff ,
                     -2px  2px 10px #fff ,
                      2px -2px 10px #fff ,
                     -2px -2px 10px #fff;}
	100% { text-shadow:  2px  2px 10px #ffff00 ,
                     -2px  2px 10px #ffff00 ,
                      2px -2px 10px #ffff00 ,
                     -2px -2px 10px #ffff00;}
}

.onairlist{
	background-color:#ff0000;
	padding: 3px;
	border-radius: 5px;
	margin-right: 8px;
	color:#fff;
	font-size:1.4rem;
	padding:2px 5px;
}


.sixth_line {
	padding:1% 2% 0 3%;
	text-align:left;
	}
@media print, screen and (min-width:480px) { 
.sixth_line {
	padding:0 5%;
	}
}
@media print, screen and (min-width:768px) and ( max-width:1024px) {
.sixth_line {
	margin: 0 0 10px;
	padding-left:5%;
	}
}
@media print, screen and (min-width:1025px) {
.sixth_line {
	margin:10px 0 0;
	padding-left:6%;
	list-style-type: none;
	}
}

.song_title {
	width:auto;
	margin:3% 0 2%;
	color:#000080;
	font-weight : bold;
	font-family:'CM PLUS Rounded 1c', sans-serif;
	font-size   : 2.1rem;
	word-break: normal;
}
@media screen and (min-width:813px) { 
.song_title {
	width:90%;
	}
}

.seventh_line {
	padding-left:4%;
	text-align:left;
	margin:10px 0 15px ;
	}
@media print, screen and (min-width:480px) and ( max-width:1024px) {
.seventh_line {
	padding-left:5%;
	}
}

@media print, screen and (min-width:1025px) {
		
.seventh_line {
	padding-left:14%;
	list-style-type: none;
	}
}

.by {
	margin-right:4px;
	font-size:1.4rem;
	color:#000080;
}

.artist{
	margin-right:8px;
	font-size:1.8rem;
	color:#000080;
	font-family:'CM PLUS Rounded 1c', sans-serif;
	font-weight:bold;
}



/* ===== TOPページ XMLデータ表示設定 ここまで ===== */


/* =====周波数ライン 　ここから ===== */
.oneline_area {
	width:100%;
	text-align:center;
	padding:0.5% 0 0.5% 0;
	background-color:#FAF0E6;
}

.oneline01 {
	padding:2px 5px 2px 5px;
	color:#000080;
	font-size:1.3rem;
	font-weight:bold;
	vertical-align:middle;
}
	
.oneline02 {
	padding:2px 5px 2px 5px;
	color:#000080;
	font-size:1.3rem;
	font-weight:bold;
	vertical-align:middle;
}
@media (max-width: 800px) {
.oneline02 {
	display:none;
	}
}


/* =====周波数ライン 　ここまで ===== */



/*
  TOPへ戻る PC・タブレット追尾型
--------------------------------------*/

#page-top {
	display:none;
}

@media (min-width: 768px) {
#page-top {
	display:block;
	position: fixed;
	bottom: 40px;
	right: 20px;
	text-align: center;
	z-index:99;
}

#page-top i {
	margin: 0;
}
#page-top a {
	text-decoration: none;
	color: #fe9a2e;
	font-size:1.5rem;
}
#page-top a:hover {
	text-decoration: none;
	color: #888;
	}

}


/*
  TOPへ戻る スマホ固定型
--------------------------------------*/

.sp_pagetop {
	display: block;
	float:right;
}

.sp_pagetop a {
	color: #fe9a2e;
	font-size:1.5rem;
}
.sp_pagetop a:hover {
	text-decoration: none;
	color: #888;
}

.sp_pagetop img {
	width:90%;
}

@media (min-width: 768px){
.sp_pagetop {
	display:none;
	}
}

/* ===== パンくず　breadline_block 内部 ===== */

.breadline {
	padding: 0 3px;
	list-style: none;
	color: #52b5ee;
	text-align:left;
	font-size:1.2rem;
}
@media screen and (max-width:1024px) {
.breadline {
	padding: 0 5px;
	}
}

.breadline li {
	display: inline;
	list-style: none;
	font-weight: bold;
}

.breadline li:after {
	content: '>';
	padding: 0 0.6rem;
}

.breadline li:last-child:after {
	content: '';
}

.breadline li a {
	text-decoration: none;
}

.breadline li a:hover {
	text-decoration: underline;
}

/* ===== テーブル ===== */
table {
	border-collapse:collapse;
	border-spacing: 0;
	width:95%;
	margin:30px auto;
	font-size:1.3rem;
}

th,td {
	padding:8px;
}

.ireko th {
	padding:0 !important;
}

/* ===== 会社案内　テーブル ===== */
.com_table{
	width:100%;
}

.com_table th{
	width:20%;
	font-weight: normal;
	text-align:left;
	color:#0099ff;
	background:#f7f6f5;
	box-shadow: 0px -1px 5px 1px #eee inset;
	border:1px solid #CCC;
	margin-top: -1px;
	}
	
.com_table td{
	background:#fff;
	border:1px solid #CCC;
	margin-top: -1px;
	box-shadow: 0px -3px 5px 1px #eee inset;
	}

/*##########会社テーブル 767以下##########*/
@media (max-width: 767px) {
.com_table{
	width:95%;
	margin:10px auto;
	}
.com_table th{
	width:95%;
	display:block;
	font-weight: normal;
	background:#f7f6f5;
	margin-top:5px;
	border-bottom:0;
	}
.com_table td{
	width:95%;
	display:block;
	}
}

/* ===== 列固定テーブル ===== */
.kotei_table{
	margin:10px auto;
	}
.kotei_table th{
	width:30%;
	background:#f7f6f5;
	color:#0099ff;
	margin-top:5px;
	border-bottom:0;
	box-shadow: 0px -1px 5px 1px #eee inset;
	border:1px solid #CCC;
	margin-top: -1px;
	}
.kotei_table td{
	box-shadow: 0px -1px 5px 1px #eee inset;
	border:1px solid #CCC;
	margin-top: -1px;
	}
.kotei_table th, .kotei_table td {
	padding:6px;
	}

/* ===== 資料ダウンロード  ===== */
.support_application {
	display: inline-block;
	background-color: rgba(255,255,255,1);
	font-size: 1.4rem;
	font-weight: 600;
	padding: 5px 10px;
	margin: 0 0 0 2%;
	vertical-align: middle;
	border-radius: 5px;
	border: inset 1px #ff0000;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
	}
.support_application:before {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 5px 0 0;
	width: 27px;
	height: 27px;
	background-image: url(images/download_icon.svg);
	background-size: contain;
	vertical-align: middle;
}

.download {
	margin:20px 0;
}

.download_unit {
width:90%;
margin:0 0 10% 5%;
}

/* ===== 下層エリアスタイル ===== */
.marg_15 {
	margin: 15px;
}
.marg_top10 {
	margin-top: 10px;
}

.marg_top15 {
	margin: 10px 0 0px 0 !important;
}

#kasou { 
	margin: 0 0 50px;
}

#kasou p {
	font-size:1.4rem;
	color: #211715 !important;
	z-index:2;
}

/*20201222wpj*/
#kasou .present_naiyou {
	font-size:1.4rem;
	color: #211715 !important;
	z-index:2;
}

#kasou h3 {
	margin: 30px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	font-size: 1.6rem;
	font-weight:bold;
}
#kasou h3 a:hover {
	opacity:0.7 !important;
}

#kasou .midashi_program h2{ 
	font-family:'CM PLUS Rounded 1c', sans-serif;
	color: #2a2727;
	font-size: 2.1em;
	font-weight: 700;
	height:85px;
	padding:10px 0 10px 10px;
	}
	
@media screen and (min-width:350px) and (max-width:379px) { 
#kasou .midashi_program h2{ 
	font-size: 2.5rem;
	}
}

@media screen and (min-width:380px) { 
#kasou .midashi_program h2{ 
	font-size: 3.1rem;
	font-weight: 800;
	margin: 5px;
	padding:10px 0 10px;
	}
}


.per_name {
	position:relative;
	vertical-align: middle;
	font-size: 1.9rem;
	font-weight:bold;
	color: #211715;
	min-width:200px;
}

.icon1:before {
	position: relative;
	top: 2px;
	margin: 0 10px 0 0;
	content: url(images/midashi.png);
}

.icon2:before {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 10px 5px 6px;
	width: 27px;
	height: 28px;
	background-image: url(images/icon_star_blue.png);
	background-size: contain;
	vertical-align: middle;
}

.icon3::before {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 10px 0 0;
	width: 38px;
	height: 38px;
	background-image: url(images/icon_mic_s.png);
	background-size: contain;
	vertical-align: middle;
}

.icon_program_name {
	font-size:1.8rem !important;
  }

.icon_program_name::before  {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 10px 0 0;
	width: 40px;/*画像の幅*/
	height: 40px;/*画像の高さ*/
	background-image: url(images/program_star_icon.png);
	background-size: contain;
	vertical-align: middle;
}

.icon_time:before {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 10px 5px 0;
	width: 30px;/*画像の幅*/
	height: 30px;/*画像の高さ*/
	background-image: url(images/icon_time.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.icon_mic:before {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 10px 5px 0;
	width: 30px;
	height: 30px;
	background-image: url(images/icon_mic.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.grid_2 .sec_left {
	margin:20px 0 0 0;
}

/*###メディアクエリFirefox用アイコン位置調整###*/
@-moz-document url-prefix() {
  /* ここに書く */
  /*
.icon3:before {
	top: 8px;
  }
.icon2:before {
		top: 8px;
}
*/
}

/*###ここまで###*/

#kasou h4 {
	padding: 10px 0;
	font-size:1.4rem;
	font-weight: bold;
	color:#000080;
}

#kasou h5 {
	padding: 10px 0;
	font-size:1.4rem;
	font-weight: bold;
}

#kasou ul {
	padding: 20px 5px 20px 20px;
	font-size:1.4rem;
}

/*20201222wpj*/
#kasou .present_naiyou ul {
	padding: 0;
	font-size:1.4rem;
}

#kasou .new_info ul {
	padding: 0 !important;
	font-size:1.4rem;
}

.b {
    font-weight: bold ;
}


/*枠*/
.waku {
     border:solid 0.5px #ccc; 
     margin:5px 5px 0 5px;
     padding:4px;
     }

     
/*プログラムページ*/ 
   
.bg_program {
	background-color: rgba( 250, 250, 210, 0.9 );
	background-image: url(images/gplay.png);
	border-top: solid 2px #a9a9a9;
	box-shadow: 0px 0px 4px 0px rgba(10, 7, 9, 0.4);
	margin:5px 0 50px;
	padding:0 15px 20px 15px;
}

.bg_corner {
	position:relative;
	background-color: #fff1f3;
	margin: 18px;
	border: solid 1px #003f8e;
	box-shadow: 0px 0px 4px 0px rgba(10, 7, 9, 0.4);
	z-index:1;
	padding:40px 10px 20px 15px;
}

.bg_corner:before {
	position: absolute;
	top: 0;
	left: 24px;
	height: 24px;
	padding: 2px 25px 0;
	content: '\イチオシコーナー';
	font-size: 1.3rem;
	color: #fff;
	font-weight:bold;
	border-radius: 0 0 10px 10px;
	background: #003f8e;
	z-index:2;
}

/*グリットレイアウト*/

.grid_2 {
	width:95%;
	display: grid;
	grid-gap :15px;
	gap: 15px;
	margin: 0 auto;
	grid-template-columns: 1fr;
}
.grid_2 img {
	display:block;
	width:auto !important;
	margin: 0 auto;
}
/*####768px以上#####*/
@media (min-width: 768px) {
.grid_2 {
	width:95%;
	grid-template-columns: 4fr .1fr;
	margin: 0 auto;
	}
.grid_2 img {
	margin: 30px auto;
	}
}

/*パーソナリティ*/
.personality_ue {
	background-color:rgba(255, 255, 255, 0.9);
	 background-image: url(images/xv.png);
	border-top: solid 2px #a9a9a9;
	box-shadow: 0px 0px 4px 0px rgba(10, 7, 9, 0.4);
	margin:10px 0;
	padding:15px;
}

.personality_ue > .alignleft {
	float: left;
	margin: 0 15px 0 0;
}
@media screen and (min-width: 400px) {
.personality_ue > .alignleft {
	float: left;
	margin: 0 24px 0 0;
}
}

.personality_ue img {
	width:90px;
	height:120px;
	object-fit:cover;
}

.personality_program{
	font-size:1.65rem;
	font-weight:700;
	}

.personality_overview {
	text-align: right;
	}
@media screen and (max-width: 450px) {
.personality_overview {
margin:1% 0 0 0 !important;
	}

}

.personality_overview_category {
	font-size:1.1rem;
	font-weight:600;
	color:#22608D;
	}


.under_url {
	display: inline-block;
	margin-top:-5px;
	font-size:1.4rem;
    white-space: nowrap;
}


/* ボーダーグラデーション*/
.personality_shita {
	position:relative;/*上向き三角形を載せる為*/
	margin:15px 0 40px;;
	padding:10px;
	border-top:solid 4px #008db7;
	border-bottom:solid 4px #00608d;
	border-left: solid 4px;
	border-image: linear-gradient(180deg, #008db7, #00608d);
	border-image-slice: 1;
	border-right: solid 4px;
	border-image: linear-gradient(180deg, #008db7, #00608d);
	border-image-slice: 1;
}

.personality_shita:before{	/*三角形*/
	content: "";
	position: absolute;
	left: 80px;
	top:-15px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #008db7;
	border-left: 15px solid transparent; 
}

.personality_shita > p {
	line-height:2.2;
}
.bg_par_bt1 {
	background-color: #00608d;
	margin:5px 10px 5px 0;
	padding:3px 6px;
	border-radius:2px;
	color: #fff;
}

.bg_par_bt1::after {
	content: "\A" ;
	white-space: pre ;
}

.bg_par_bt2 {
	display:inline-block;
	background-color: #00608d;
	margin:5px 10px 0;
	padding:3px 6px;
	border-radius:15px;
	opacity:0.7;
	color: #fff;
	font-weight:bold;
	cursor: pointer;
	font-size:1.0rem;
}
@media (min-width: 1025px) {
.bg_par_bt2 {
	display:none;
	}
.personality_ue  img {
	width:120px;
	/*height:160px;　PCのみ非バストアップにするならコメントイン*/
	object-fit:cover;
	/* PCのみ非バストアップにするならコメントアウト*/
	object-fit:cover;
	object-position: 50% 0;
	
	}
}

.kasou_midashi_underbar {
	width:94%;
	height:2px;  
	background-image:-webkit-linear-gradient(left, #003f8e 32%, white 32%, white 34%, #d70035 34%, #d70035 66%, white 66%, white 68%, #00984f 68%, #00984f 100%);
	background-image:-moz-linear-gradien(left, #003f8e 32%, white 32%, white 34%, #d70035 34%, #d70035 66%, white 66%, white 68%, #00984f 68%, #00984f 100%);
	background-image:linear-gradient(to right, #003f8e 32%, white 32%, white 34%, #d70035 34%, #d70035 66%, white 66%, white 68%, #00984f 68%, #00984f 100%);
	margin: 0 auto 30px;
 }
 

/* 下層ページ　見出し
  ---------------------------------------------------------- */
 
 /*下層ページ 　見出し プログラム*/

#kasou .midashi_program {
	height:85px;
	background: linear-gradient(120deg, rgba(255,255,255,1) 9%, rgba(253,253,232,0.9542191876750701) 35%, rgba(251,250,201,0.7161239495798319) 62%, rgba(237,227,114,0.7833508403361344) 72%, rgba(216,75,85,0.9878326330532213) 83%, rgba(81,75,184,0.9626225490196079) 97%), url(images/dark-mosaic.png);
}
@media screen and (min-width:760px) { 
 #kasou .midashi_program {
	height:85px;
	background: linear-gradient(120deg, rgba(255,255,255,1) 9%, rgba(253,253,232,0.9542191876750701) 35%, rgba(251,250,201,0.7161239495798319) 65%, rgba(237,227,114,0.7833508403361344) 81%, rgba(216,75,85,0.9878326330532213) 89%, rgba(81,75,184,0.9626225490196079) 97%), url(images/dark-mosaic.png);
	}
}

 /*下層ページ 　見出し プログラム*/
.right_icons_program {
	float:right;
	vertical-align:middle;
	margin: 4px 0px 0 0;
	width:70px;
	height:auto;
}
@media screen and (min-width:380px) { 
.right_icons_program {
	float:right;
	vertical-align:middle;
	margin: 0 5px -2px 0;
	width:78px;
	height:auto;
	}
}

.right_icons_program::before {
	content: url(images/program_midashi_icon.svg);
}

 /*下層ページ 　見出し パーソナリティ　アイコン*/
 
.right_icons_personality {
	float:right;
	vertical-align:middle;
	margin: 4px 0px 0 0;
	width:70px;
	height:auto;
}
@media screen and (min-width:760px) { 
.right_icons_personality {
	float:right;
	vertical-align:middle;
	margin: 0 5px -2px 0;
	width:78px;
	height:auto;
	}
}

.right_icons_personality::before {
	content: url(images/personality_midashi_icon.svg);
}

/*下層ページ 　見出し タイムテーブル　アイコン 0808これでFIX*/
.right_icons_timetable {
	float:right;
	vertical-align:middle;
	margin: 4px 0px 0 0;
	width:70px;
	height:auto;
}
@media screen and (min-width:380px) { 
.right_icons_timetable {
	float:right;
	vertical-align:middle;
	margin: 0 5px -2px 0;
	width:78px;
	height:auto;
}
}

.right_icons_timetable::before {
	content: url(images/timetable_midashi_icon.svg);
}

 /*下層ページWIDE 　見出し パワープレイ　アイコン*/
.right_icons_powerplay {
	float:right;
	vertical-align:middle;
	margin: 4px 0px 0 0;
	width:70px;
	height:auto;
}
@media screen and (min-width:380px) { 
.right_icons_powerplay {
	float:right;
	vertical-align:middle;
	margin: 0 5px -2px 0;
	width:78px;
	height:auto;
}
}

.right_icons_powerplay::before {
content: url(images/powerplay_midashi_icon.svg);
}


 /*下層ページ 　見出し リクエスト　アイコン*/

.right_icons_request {
	float:right;
	vertical-align:middle;
	margin: 4px 0px 0 0;
	width:70px;
	height:auto;
}
@media screen and (min-width:380px) { 
.right_icons_request {
	float:right;
	vertical-align:middle;
	margin: 0 5px -2px 0;
	width:78px;
	height:auto;
	}
}

.right_icons_request::before {
content: url(images/request_midashi_icon.svg);
}

 /*下層ページ 　見出し プレゼント　アイコン*/

.right_icons_present {
	float:right;
	vertical-align:middle;
	margin: 4px 0px 0 0;
	width:70px;
	height:auto;
}
@media screen and (min-width:380px) { 
.right_icons_present {
	float:right;
	vertical-align:middle;
	margin: 0 5px -2px 0;
	width:78px;
	height:auto;
}
}

.right_icons_present::before {
content: url(images/present_midashi_icon.svg);
}

 /*下層ページ 　見出し ラジオCM　アイコン*/

.right_icons_cm {
	float:right;
	vertical-align:middle;
	margin: 4px 0px 0 0;
	width:70px;
	height:auto;
}
@media screen and (min-width:380px) { 
.right_icons_cm {
	float:right;
	vertical-align:middle;
	margin: 0 5px -2px 0;
	width:78px;
	height:auto;
	}
}

.right_icons_cm::before {
	content: url(images/cm_midashi_icon.svg);
}
 

/* ===== 4つのボタンスタイル ===== */

.fourboxes {
    display: block;
    max-width: 1025px;
    text-align: center;
    margin: 2% auto -1%;
}
@media (max-width: 1023px) {
.fourboxes {
	display:none;
	}
}

.fourboxes_button_right_arrow {
	width:7%;
	margin:0 10px 0 0;
}

.fourboxes_inside_title_event {
	display:block;
	font-size:2.4rem;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #fff;
	text-shadow: 
		0 0 0.05em #8f777a,
		0 0 0.10em #8f777a,
		0 0 0.15em #8f777a,
		0 0 0.30em #8f777a;
	filter: saturate(80%);
}

.fourboxes_inside_event {
	display:inline-block;
	width:200px;
	padding:1%;
	background: linear-gradient(0deg, rgba(255,255,255,0.7357317927170868) 0%, rgba(202,244,213,0.8589810924369747) 69%, rgba(114,225,144,0.7749474789915967) 88%, rgba(95,209,126,0.7973564425770308) 100%), url(images/fake-brick.png);
border-radius: 50% 50% 50% 50% / 21% 21% 79% 79% ;
	margin: 0 0 0 2%;
}

.fourboxes_inside_event:hover {
	opacity:0.7;
}

.fourboxes_icon_event {
	width:40%;
	margin-top:10px;
}

.fourboxes_inside_event_text {
	display:block;
	color: #ffffff;
	font-size:1.5rem;
	font-weight:600;
	text-shadow: 
		0 0 0.05em #4a3d3f,
		0 0 0.10em #4a3d3f,
		0 0 0.15em #4a3d3f,
		0 0 0.30em #4a3d3f;
	filter: saturate(80%);
	background: rgb(31,102,33);
	background: linear-gradient(0deg, rgba(31,102,33,0.9878326330532213) 0%, rgba(106,200,81,1) 46%, rgba(255,255,255,1) 100%);
	border-radius:7px;
	padding:5px 10px;
	margin-top: 10px;
}


.fourboxes_inside_title_program {
	display:block;
	font-size:2.4rem;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #fff;
	text-shadow: 
				0 0 0.05em #8f777a,
		0 0 0.10em #8f777a,
		0 0 0.15em #8f777a,
		0 0 0.30em #8f777a;
	filter: saturate(80%);
}

.fourboxes_inside_program {
	display:inline-block;
	width:200px;
	padding:1%;
	background: linear-gradient(0deg, rgba(255,255,255,0.7357317927170868) 0%, rgba(167,220,247,0.7301295518207283) 74%, rgba(136,207,244,0.8917542016806722) 82%, rgba(102,194,241,0.938532913165266) 100%), url(images/fake-brick.png);
border-radius: 50% 50% 50% 50% / 21% 21% 79% 79% ;
	margin: 0 0 0 2%;
}

.fourboxes_inside_program:hover {
	opacity:0.7;
}

.fourboxes_icon_program {
	width:40%;
	margin-top:10px;
}

.fourboxes_inside_program_text {
	display:block;
	color: #ffffff;
	font-size:1.5rem;
	font-weight:600;
	text-shadow: 
		0 0 0.05em #4a3d3f,
		0 0 0.10em #4a3d3f,
		0 0 0.15em #4a3d3f,
		0 0 0.30em #4a3d3f;
	filter: saturate(80%);
	background: linear-gradient(0deg, rgba(102,194,241,0.9878326330532213) 0%, rgba(133,206,244,1) 46%, rgba(255,255,255,1) 100%);
	border-radius:7px;
	padding:5px 10px;
	margin-top: 10px;
}

.fourboxes_inside_title_present {
	display:block;
	font-size:2.4rem;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #fff;
	text-shadow: 
		0 0 0.05em #8f777a,
		0 0 0.10em #8f777a,
		0 0 0.15em #8f777a,
		0 0 0.30em #8f777a;
	filter: saturate(80%);
}

.fourboxes_inside_present {
	display:inline-block;
	width:200px;
	padding:1%;
	background: linear-gradient(0deg, rgba(255,255,255,0.7357317927170868) 0%, rgba(245,146,180,0.8141631652661064) 74%, rgba(242,112,156,0.7833508403361344) 82%, rgba(240,98,146,0.7497373949579832) 100%), url(images/fake-brick.png);
	border-radius: 50% 50% 50% 50% / 21% 21% 79% 79% ;
	margin: 0 0 0 2%;
}

.fourboxes_inside_present:hover {
	opacity:0.7;
}

.fourboxes_icon_present {
	width:40%;
	margin-top:10px;
}

.fourboxes_inside_present_text {
	display:block;
	color: #ffffff;
	font-size:1.5rem;
	font-weight:600;
	text-shadow: 
		0 0 0.05em #4a3d3f,
		0 0 0.10em #4a3d3f,
		0 0 0.15em #4a3d3f,
		0 0 0.30em #4a3d3f;
	filter: saturate(80%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,195,214,1) 25%, rgba(226,92,92,1) 100%);
	border-radius:7px;
	padding:5px 10px;
	margin-top: 10px;
}

.fourboxes_inside_title_request {
	display:block;
	font-size:2.4rem;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #fff;
	text-shadow: 
		0 0 0.05em #8f777a,
		0 0 0.10em #8f777a,
		0 0 0.15em #8f777a,
		0 0 0.30em #8f777a;
	filter: saturate(80%);
}

.fourboxes_inside_request{
	display:inline-block;
	width:200px;
	padding:1%;
	background: linear-gradient(0deg, rgba(255,255,255,0.7357317927170868) 0%, rgba(255,245,191,0.8645833333333334) 72%, rgba(255,237,136,0.9318102240896359) 82%, rgba(254,228,82,0.9710259103641457) 100%), url(images/fake-brick.png);
	border-radius: 50% 50% 50% 50% / 21% 21% 79% 79% ;
	margin: 0 0 0 2%;
}

.fourboxes_inside_request:hover {
	opacity:0.7;
}

.fourboxes_icon_request {
	width:40%;
	margin-top:10px;
}

.fourboxes_inside_request_text {
	display:block;
	color: #ffffff;
	font-size:1.5rem;
	font-weight:600;
	text-shadow: 
		0 0 0.05em #4a3d3f,
		0 0 0.10em #4a3d3f,
		0 0 0.15em #4a3d3f,
		0 0 0.30em #4a3d3f;
	filter: saturate(80%);
	background: linear-gradient(180deg, rgba(255,255,255,0.8897934173669468) 0%, rgba(255,237,136,1) 14%, rgba(255,165,0,1) 100%);
	border-radius:7px;
	padding:5px 10px;
	margin-top: 10px;
}


/*サイトマップページ*/
.sitemaps{
	list-style-type:none;
	margin: 10px;
}

.sitemaps li {
	margin: 5px;
}

.sitemaps > li ul{
	list-style-type:none;
	margin: 0 10px;
}

.sitemaps li::before {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 10px 5px 0;
	width: 10px;/*画像の幅*/
	height: 10px;/*画像の高さ*/
	background-image: url(images/icon_arrow.png);
	background-size: contain;
	vertical-align: middle;
}

.sitemaps>li:first-child {
	font-weight:bold;
	color:#d70035;
}

.sitemaps > li ul li::before {
	background-image: url(images/icon_arrow_green.png);
}

/*リンクページ*/

.link_item a {
	text-decoration:none;
}

.linkhyou {
	display: grid;
	width: 100%;
	margin:30px auto;
	grid-template-columns: 1fr;
	border-top: 0.5px solid #96ceb4;
	border-left: 0.5px solid #96ceb4;
  }
  /*IEのみに適用 　小数点反映されない為*/
@media all and (-ms-high-contrast: none) {
.linkhyou {
	border-top: 1px solid #96ceb4;
	border-left: 1px solid #96ceb4;
  }
}

@media screen and (min-width: 581px) {
.linkhyou {
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: auto;
}
}

.link_item {
	font-size: 0.875rem;
	color:#00008b;
	padding: 10px;
	border-right: 0.5px solid #96ceb4;
	border-bottom: 0.5px solid #96ceb4;
}

a.blank {
    padding: 2px 18px 0 0;
    background: url(images/icon_link.png) right center no-repeat;
}

.web_mark {
	background-color:#000080;
	border-radius:10px;
	color:#fff;
	margin:0 0 0 30px;
	padding:4px 5px;
	text-align:center;
	font-size:1.1rem;
	word-break: keep-all;
}
@media screen and (min-width:650px) {
.web_mark {
	margin:0 0 0 20px;
		}
}

.sns_mark {
	background-color:#EB5537;
	border-radius:10px;
	color:#fff;
	margin:0 0 0 30px;
	padding:4px 10px;
	text-align:center;
	font-weight:600;
	font-size:1.1rem;
	word-break: keep-all;
	}
@media screen and (min-width:650px) {
.sns_mark {
	margin:0 0 0 20px;
	}
}
					
/*----フォーム-------*/

#formWrap {
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:0.9rem;
	font-weight:bold;
}
table.formTable {
	width:100%;
	margin:20px auto;
	border-collapse:collapse;
}

@media screen and (min-width:580px) {
table.formTable {
	width:98%;
	margin:20px auto;
	border-collapse:collapse;
	}
}

table.formTable td, table.formTable th {
	padding:10px;
	line-height: 1.6;
	font-weight:600;
}
table.formTable th {
	width:25%;
	font-weight:normal;
	text-align:right;
	line-height:1.6;
	vertical-align: text-top;
}

input[type="text"], textarea {
	border-radius:3px;
	background-color:#ffffea;
	padding: 8px;
	border: 0.5px solid rgba(0, 0, 0, 0.4);
	width:95%;
}

button[type="button"],
button[type="submit"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
	margin:25px 10px 10px 10px;
	padding:8px;
	border-radius: 7px;
	color:#fff;
	background-color: #fb6a72;
	box-shadow: 0px 0px 3px 0px rgba(10, 7, 9, 0.48);
	text-align: center;
	cursor: pointer;
	border: 0.5px solid rgba(245, 245, 245, 0.4); /*デフォルトの凹凸スタイルをリセットする為*/
	width:100%;
	font-size: 1.5rem;
}
button[type="button"]:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
	opacity: 0.7;
}

input {
	white-space: normal;/*ボタン内文字折り返し*/
}

.messe {
	line-height:2;
}

.send_button, .totop_button {
	display: block;
	width: 275px;
	margin: auto;
}

.soushin_button {
	display: block;
	width: 300px;
	margin: auto;
}

.shuusei_button {
	display: block;
	width: 200px;
	margin: auto;
}

.shuusei {
	background:#999 !important;
	}



@media screen and (max-width:580px) {
#formWrap {
	width:100%;
	margin:0 auto;
	}

table.formTable th, table.formTable td {
	width:auto;
	display:block;
	padding:2px 10px;
	}

table.formTable th {
	margin-top:5px;
	margin-bottom:0;
	text-align:left;
	}

input[type="text"], textarea {
	font-size:1.1rem;
	display:block;
	}
button[type="button"],button[type="submit"],input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:95%;
	}

.send_button {
	display: block;
	width: 100%;
	margin: auto;
	}

}


/*色変更が必要であれば使う
.color_joudan {
	color:#ff0066;
}
*/

.color_gedan {
	color:#0059b3;
}

.required {
	background-color:#ff0066;
	color:#fff;
	margin-left:10px;
	padding:3px 8px;
	border-radius:20px;
	word-break: keep-all;
}

.doui{
	text-align:center;
	font-size:1.3rem !important;
}

.doui_link {
	color:#ff0066;
}

.form_gedan_midashi {
	margin-top:20px;
	display:grid;
	grid-template-columns: 1fr 7fr;
}

.form_gedan_text {
    line-height: 1.4;
    font-size:1.3rem;
    width:95%;
}

.form_gedan_confirm_text {
    line-height: 1.4;
    font-size:1.4rem;
    width:95%;
    padding:20px 0;
}

/*フォームで使うアイコン*/

.form_img_plus {
	width:36px;
	vertical-align:middle;
	margin:auto 10px;
}

/*テーブルのアイコン吹き出し見出し*/
.icon_fukidashimidashi {
	margin-left:0;
	display:grid;
	grid-template-columns: 1fr 6fr;
	margin: 0 0 25px 0;
}
@media screen and (min-width:580px) {
.icon_fukidashimidashi {
	margin-left:60px;
	}
}

.form_img {
	display:inline-block;
	width:76px;
	vertical-align:middle;
	margin: 0 5px 0 0;
}

.fukidashi_kakomi {
	position:relative;/*左向き三角形を載せる為*/
	border:solid 3px #ff0066;
	padding:12px 10px 10px 12px;
	border-radius:30px;
	vertical-align:middle;
	line-height: 1.2;
	font-size:1.4rem;
	font-weight:600;
	text-align:left;
}

@media screen and (min-width:580px) {
.fukidashi_kakomi {
	padding:20px 15px;
	text-align:center;
	}
}

.fukidashi_kakomi:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 18px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-right: 10px solid #ff0066;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
}

.confirm_kakomi {
	position:relative;/*左向き三角形を載せる為*/
	border:solid 3px #ff0066;
	padding:12px 10px 10px 12px;
	border-radius:30px;
	vertical-align:middle;
	line-height: 1.2;
	font-size:1.4rem;
	font-weight:600;
	text-align:left;
}

@media screen and (min-width:580px) {
.confirm_kakomi {
	padding:20px 15px;
	text-align:center;
	margin: 0 0 0 15%;
}
}


.form_button_area {
	margin:0 0 70px 160px;
	text-align:center;
}

@media screen and (max-width:580px) {
.form_button_area {
	margin-left:0;
	}
}

.form_button {
	padding:8px;
	border-radius: 7px;
	background-color: #fb6a72;
	box-shadow: 0px 0px 3px 0px rgba(10, 7, 9, 0.48);
	text-align: center;
	color:#fff;
	width:250px;
	margin:30px auto;
	font-size:1.6rem;
}

.form_button a{
	color:#fff;
}

/*リクエストselectのスタイル*/

.cp_ipselect {
	position: relative;
}
.cp_sl06 {
	position: relative;
	font-family: inherit;
	background-color: transparent;
	width: 100%;
	padding: 10px 10px 10px 0;
	font-size: 1.6rem;
	border: none;
	border-bottom: 1px solid rgba(0,0,0, 0.3);
	font-weight:600;
}
.cp_sl06:focus {
	outline: none;
	border-bottom: 1px solid rgba(0,0,0, 0);
}
.cp_ipselect .cp_sl06 {
	appearance: none;
	-webkit-appearance:none;
  	-moz-appearance: none;
}
.cp_ipselect select::-ms-expand {
	display: none;
}
.cp_ipselect:after {
	position: absolute;
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ff0066;
	pointer-events: none;
}

.cp_sl06_selectlabel {
	color: #ff0066;
	font-size: 1.3rem;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 10px;
	transition: 0.2s ease all;
	padding:0 0 0 5px;
}
.cp_sl06:focus ~ .cp_sl06_selectlabel, .cp_sl06:valid ~ .cp_sl06_selectlabel {
	color: #da3c41;
	top: -16px;
	transition: 0.2s ease all;
}
.cp_sl06_selectbar {
	position: relative;
	display: block;
	width: 100%;
}
.cp_sl06_selectbar:before, .cp_sl06_selectbar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #da3c41;
	transition: 0.2s ease all;
}
.cp_sl06_selectbar:before {
	left: 50%;
}
.cp_sl06_selectbar:after {
	right: 50%;
}
.cp_sl06:focus ~ .cp_sl06_selectbar:before, .cp_sl06:focus ~ .cp_sl06_selectbar:after {
	width: 50%;
}
.cp_sl06_highlight {
	position: absolute;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}

/*プレゼントページ*/

.sns_form_icon {
	width:25px;
	height:auto;
	padding:0 5px 0 0;
	vertical-align: middle
}

.icon_fukidashi_present_midashi {
	position:relative;
	padding:20px 0;
	margin-bottom:60px;
}

.fukidashi_present_img {
	position:absolute;
	left:0;
	width:60px;
	height:auto;
	z-index:1;
	padding: 10px 10px 10px 0;
}
@media screen and (min-width:580px) {
.fukidashi_present_img {
	position:absolute;
	left:0;
	width:80px;
	height:auto;
	z-index:1;
	padding: 0;
	}
}

.fukidashi_present_kakomi {
	position:absolute;
	left:30px;
	top:10px;
	background:#fef6f9;
	border-radius:15px;
	height:80px;
	width:auto;
	display: flex;
	align-items: center;
}

@media screen and (min-width:580px) {
.fukidashi_present_kakomi {
	width:95%;
	left:40px;
	}
}

.fukidashi_present_text {
	padding-left: 35px;
	padding-right: 5px;
	font-weight:bold;
	font-size:1.8rem;
	line-height:1.3;
}
@media screen and (min-width:580px) {
.fukidashi_present_text {
	padding-left: 50px;
	padding-right: 10px;
	}
}

.present_naiyou {
    margin: 10px 10px 30px;
}

/*区切り線*/
.line_presentpage{
	border-top: 1px dashed #008000;
	margin:40px;
}

#kasou .present_naiyou p a:link, a:visited {
    color: #1752A3;
	}

#kasou .present_naiyou p a:hover {
    text-decoration: underline dotted;
	}

#kasou .present_naiyou p a[target="_blank"] {
	padding: 2px 23px 2px 0;
    background: url(images/icon_link.svg) right center no-repeat;
    background-size:18px;
}

/*インフォメーション*/
.paging_link {
	font-size:1.4rem;
	margin:40px;
	text-align:center;
	}

.paging_link .backward {
	margin:0 15px 0 5px;
}

.paging_link .forward {
	margin:0 5px 0 15px;
}

.information_article_title {
	margin: 0 0 15px 0 !important;
}

.icon_information_info {
	font-size:2.0rem !important;
}

.icon_information_info::before  {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 10px 0 0;
	width: 30px;/*画像の幅*/
	height: 30px;/*画像の高さ*/
	background-image: url(images/infomation_info_icon.png);
	background-size: contain;
	vertical-align: middle;
}

.icon_information_event {
  font-size:2.0rem !important;
  }

.icon_information_event::before  {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 10px 0 0;
	width: 30px;/*画像の幅*/
	height: 30px;/*画像の高さ*/
	background-image: url(images/infomation_event_icon.png);
	background-size: contain;
	vertical-align: middle;
}

.icon_information_program {
	font-size:2.0rem !important;
	padding:0 !important;
  }

.icon_information_program::before  {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 10px 10px 0;
	width: 50px;/*画像の幅*/
	height: 50px;/*画像の高さ*/
	background-image: url(images/infomation_program_icon.png);
	background-size: contain;
	vertical-align: middle;
}


.information_cate_list {
	display:inline-block;
	width: 80px;
	padding:0 4px;
	margin: auto 3px 7px 0;
	font-size: 1.2rem;
	text-align:center;
	color:#fff;
}

.information_cate {
	display:inline-block;
	width: 80px;
	padding:0 4px;
	margin: 20px 0 10px 0;
	font-size: 1.2rem;
	text-align:center;
	color:#fff;
}

.event_kasou {
	background: #69e190;
}

.info_kasou {
	background: #6e9cf3;
	}

.program_kasou {
	background: #66c2f1;
	}
	
/*ラジオCM*/

.icon_heading_cm_midashi {
	position:relative;
	padding:20px 0;
	margin-bottom:70px;
}

.heading_cm_img {
	position:absolute;
	left:0;
	width:60px;
	height:auto;
	z-index:1;
	padding: 10px 10px 10px 0;
}
@media screen and (min-width:580px) {
.heading_cm_img {
	width:85px;
	height:auto;
	z-index:1;
	padding: 0;
	}
}

.heading_cm_kakomi {
	position:absolute;
	left:30px;
	background:#fef6f9;
	background-image: url(images/green-gobbler.png);
	border-radius:15px;
	height:60px;
	display: flex;
	align-items: center;
	width:90%;
	color:#000066;
}

@media screen and (min-width:580px) {
.heading_cm_kakomi {
	width:95%;
	left:40px;
	}
}

.cm_summary {
 	margin: 15px 15px 30px;
	font-size: 1.5rem;
	font-weight:600;
}


.heading_cm_text {
	padding: 0 5px 0 35px;
	font-weight:bold;
	font-size:1.8rem;
	line-height:1.3;
}
@media screen and (min-width:580px) {
.heading_cm_text {
	padding: 0 10px 0 70px;
	font-size:2.0rem;
	}
}

.cm_kakomi {
	position:relative;/*左向き三角形を載せる為*/
	border:solid 3px #ff0066;
	padding:12px 10px 10px 12px;
	border-radius:10px;
	vertical-align:middle;
	line-height: 1.4;
	font-size:1.4rem;
	font-weight:600;
	text-align:left;
}

@media screen and (min-width:580px) {
.cm_kakomi {
	padding:20px 15px;
	text-align:left;
	line-height: 1.6;
	margin:0 0 25px 0;
	}
}

.bg_cm {
	background-color: #fff;
	margin:5px 0 40px;
	padding:0 15px 20px;
}

.cm_lines {
	width:95%;
	margin:0 2%;
	}

.cm_number {
	padding:5px 10px;
	font-size:1.6rem;
	background-color:#ff0000;
	color:#fff;
	border-radius:10px;
	margin:20px 10px 0 0;
	font-weight:600;
	}
	
#kasou .cm_lines p {
    font-size: 1.4rem;
    color: #211715 !important;
    z-index: 2;
    margin: 0 0 20px;
}

#kasou .cm_lines p a {
	padding:0 0 0 5px;
}

.cm_apeals {
	font-size:1.6rem;
	font-weight:600;
}
			
.cm_strong {
	font-weight:800;
	color:#ff0000;
}
	
.grid_cm_2 {
	width:95%;
	display: grid;
	grid-gap :15px;
	gap: 15px;
	margin: 0 auto;
	grid-template-columns: 1fr;
}
.grid_cm_2 img {
	display:block;
	width:auto !important;
	margin: 0 auto;
}
@media (min-width: 768px) {
.grid_cm_2 {
  width:100%;
  grid-template-columns: 4fr .1fr;
  margin: 0 auto;
	}
.grid_cm_2 img {
	margin: -5px auto;
	}
}

.cm_sec_left p {
	font-size:2.2rem;
	font-weight:800;
	margin:30px 0 0;
	color:#ff0000 !important;
}
.cm_sec_right img {
	width:10%;
}

.cm_soushin_button {
	display: block;
	width: auto;
	margin: auto;
}
@media (min-width: 768px) {
.cm_soushin_button {
	display: block;
	width: 300px;
	margin: auto;
	}
}

/*下層wideページ 基本レイアウト調整*/

#wide .contents .container {
max-width: 980px; 
}

#wide .main {
width:100%;
}

/*下層wide タイムテーブル*/
/*タイムテーブル見出し*/
.timetable_inheading {
	display:none;
}

.timetable_inheading_pdf {
	display:none;
}

.timetable_wide_sub {
	display:inline-block;
}
@media screen and (min-width:900px){
.timetable_inheading {
	display:inline-block;
	background-color:rgba(255,255,255,0.8);
	font-size:1.4rem;
	font-weight:600;
	padding:8px 10px;
	margin:0 0 0 10%;
	vertical-align:middle;
	border-radius:5px;
	text-align:right;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}

.timetable_inheading_pdf {
	display:inline-block;
	background-color:rgba(255,255,255,0.8);
	font-size:1.4rem;
	font-weight:600;
	padding:5px 10px;
	margin:0 0 0 1%;
	vertical-align:middle;
	border-radius:5px;
	text-align:right;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
 }
  
.timetable_inheading_pdf:before {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 5px 0 0;
	width: 27px;/*画像の幅*/
	height: 27px;/*画像の高さ*/
	background-image: url(images/download_icon.svg);
	background-size: contain;
	vertical-align: middle;
}

.timetable_wide_sub {
	display:none;
	}
}

/*タイムテーブル曜日*/
#timetable_youbi {
	border-bottom: solid 2px rgb(233,64,72);
}

#timetable_youbi ul {
	padding:0;/*kasou ul padding打ち消し*/
	display:grid;
	grid-template-columns: repeat(7,1fr);
	gap:5px;
    margin: 10px 0 30px;
	list-style:none;
}
#timetable_youbi li {
	position: relative;
    background: #eee;
	text-align:center;
	font-size:1.2rem;
	font-weight:600;
}
.youbi_item {
	height:55px;
}

@media screen and (min-width:780px) {
#timetable_youbi ul {
     margin: 10px 10px 30px;
	}
#timetable_youbi li {
	font-size:1.5rem;
	font-weight:600;
	}
.youbi_item {
	height:60px;
	}

}

#timetable_youbi ul li a {
	display:block;
	color:#656363;
	padding-top:6px;
	line-height: 49px;
	   font-weight: 600;
}
@media screen and (min-width:780px) {
#timetable_youbi ul li a {
	display:block;
	line-height: 54px;
}
}

#timetable_youbi ul li a:hover {
	opacity:1 !important;
}

#timetable_youbi ul li :visited {
	background: url(images/sankaku_shita_red.png);
	background-repeat: no-repeat;
	background-position: top 5px center;
}

#timetable_youbi ul li :hover {
	outline:solid 1px #cc3333;
	color:rgb(233,64,72);
	background: url(images/sankaku_shita_red.png);
	background-repeat: no-repeat;
	background-position: top 5px center;
}

#timetable_youbi ul li :active {
	background: url(images/sankaku_shita_red.png);
	background-repeat: no-repeat;
	background-position: top 5px center;
}

/*当日 */
#timetable_youbi .youbi_today :visited {
	background: url(images/sankaku_shita_white.png);
	background-repeat: no-repeat;
	background-position: top 5px center;
	color:#fff !important;
}

#timetable_youbi .youbi_today :hover {
	outline:solid 1px #cc3333;
	background: url(images/sankaku_shita_white.png);
	background-repeat: no-repeat;
	background-position: top 5px center;
	color:#fff !important;
}
 
#timetable_youbi .youbi_today :active {
	background: url(images/sankaku_shita_white.png);
	background-repeat: no-repeat;
	background-position: top 5px center;
	color:#fff !important;
}

#timetable_youbi .youbi_today{
	background: url(images/sankaku_shita_white.png),rgb(233,64,72);
	background-repeat: no-repeat;
	background-position: top 5px center;
	color:#fff !important;
}

#timetable_youbi .youbi_today a {
	color:#fff;
}


span.youbi_choose {
	width: 100%;
    font-size: 2.5rem;
    font-weight: 600;
	margin-left:20px;
}


/*========タイムテーブル曜日ie11用=========*/
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#timetable_youbi ul {
	padding:0;/*kasou ul padding打ち消し*/
	display:block;	
	width:100%;
	margin: 10px auto;
	text-align:center;
}
#timetable_youbi li  {
	display:inline-block;
	width:13.5%;
	}
}


/*タイムテーブル番組*/
#timetable_program ul.bangumi_wrap {
	position:relative;
	padding:0 0 50px;/*#kasou ul padding打ち消し*/
	list-style: none;
}

.jikan {
	font-size:1.8rem;
	font-weight:600;
}

.saga_program {
	background:rgb(244,244,220);
}

.bangmi {
    display: inline;
    font-weight: bold;
    font-size: 1.8rem;
    vertical-align: middle;    
} 
.gaibu_link {
	padding: 5px 30px 3px 0;
    background: url(images/icon_link.svg) right center no-repeat;
    background-size:20px;
}

.gaibu_link_info {
	padding: 2px 25px 2px 0;
    background: url(images/icon_link.svg) right center no-repeat;
    background-size:20px;
    vertical-align: top;
}

.time_table_request {
    display:inline;
    background: url(images/bt_request.svg) right center no-repeat;    
    background-size:90px;
	padding: 10px 100px 10px 0;
}

.bangumi_naiyou {
	display:block;
	font-size: 1.3rem;
	background: url(images/icon_time.png) left top no-repeat;
	background-size:28px;
	padding:3px 0 10px 40px;
}


/*FM佐賀プログラム*/
.saga_program .bangmi {
	color: rgb(233,64,72) !important;
	padding: 5px 0 5px 35px;
	background: url(images/program_star_icon.png) left center no-repeat;
	background-size: 28px;
}
@media screen and (min-width:770px){
.saga_program .bangmi {
	padding: 10px 0 10px 45px;
	}
}

.saga_program .jikan {
    color: rgb(233,64,72) !important;
}


/*タイムテーブルグリットレイアウト*/
#timetable_program ul li {
	display:grid;	
	gap: 10px;
	border-bottom: solid 1px rgb(233,64,72);
	padding:20px 10px;
}

@media screen and (min-width:770px){
#timetable_program ul li {
	display:grid;
	/*-ms-grid-columns: 1fr 5fr 4fr;*/
	grid-template-columns: 1fr 5fr 4fr; 
	padding:20px;
	}
.bangumi_item_1 {
	grid-column: 1 / span 1;
	grid-row: 1;
	}
.bangumi_item_2 {
	grid-column: 2 / span 3;
	grid-row: 1;
	}
.bangumi_item_3 {
	grid-column: 2 / span 2;
	grid-row: 2;
	}
.bangumi_item_4 {
	grid-column: 3 / span 3;
	grid-row: 2;
	}
}

.bangumi_naiyou {
	max-width: 400px;
}	

.bangumi_person_img {
	display: flow-root;
	text-align: right;
}

@media screen and (max-width:410px){
.bangumi_person_img img {
	object-fit: cover;
	height: 70px;
	width: 70px;
	padding: 10px 0 0 0;
	 object-position: top;
	}
}
@media print, screen and (min-width:411px){
.bangumi_person_img img {
	object-fit: cover;
	height: 100px;
	width: 100px;
	padding: 10px 10px 0 0;
	 object-position: top;
	}
}

.img_item {/*テキスト中央寄せの為*/
    display: inline-block;
    margin: auto;
    text-align: center;
    margin-top: 0;
}
.personalname {
	font-size:1.2rem;
	   display: block;
}

.bangumi_personality_name {
    display: block;
	position:relative;
	line-height:2;
	font-size:1.3rem;
	font-weight:600;
}

.bangumi_personality_name:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
}

.bangumi_personality_name::before {
	position: relative;
	content: '';
	display: inline-block;
	margin: 0 10px 0 0;
	width: 28px;
	height: 28px;
	background-image: url(images/icon_mic.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}


.bangumi::before {
	content: '';
	height: 30px;
	background-image: url(images/program_star_icon.png);
	background-size: contain;
}

/*パワープレイ（共通）*/
#powerplay .sub .sub_area1 {
	display:none;
}

.powerplay_br {
	display:block;
}

.fire_kugiri {
 	width:100%;
 	text-align:center;
	margin:20px 0;
 }
@media screen and  (min-width: 768px) {
.fire_kugiri {
	margin:30px 0;
	}
}

.fire_kugiri img {
 	width:20%;
 }
@media print, screen and (min-width: 768px) {
.fire_kugiri img {
	width:8%;
	}
}

.powerplay_artist {
	font-size:1.3rem;
	margin:0 10px 5px 20px;
	display:inline-block;
	text-align:left;
	font-weight:600;
}

.powerplay_left {
	text-align:center;
	display:block;
	margin:0 0 2%;
  }
.powerplay_left img {
	width:70%;
}
.powerplay_right {
	display:block;
	font-size:1.4rem;
	margin:0 10px;
 }
.powerplay_right img {
	width:90%;
}

@media screen and (min-width: 768px) {
  .powerplay_content {
  	display: flex;
	}
.powerplay_left {
	flex-grow: 1;
	margin:0 2% 0 0;
	}
.powerplay_left img {
	width:100%;
	}
.powerplay_right {
	flex-grow: 1;
	font-size:1.3rem;
	margin:0 10px 0 0;
	width:60%;
	}
}

@media print {
.powerplay_right img {
	width:30%;
	}
.powerplay_left img {
	width:30%;
	}
}

/*マンスリーループ　見出し＆タイトル ここから*/
#powerplay .ml_midashi{
	width:100%;
	height:60px;
	display:flex;
	background:#249c4b url(images/box1_layered_1.png) right bottom no-repeat;
}

#powerplay .ml_midashi .category_title_monthly {
	margin:2% 0 0 4%;
	font-family: 'Archivo Black', sans-serif;
	font-size: 2.5rem;
	line-height: 1.165;
	color:#fff;
}

.powerplay_ml {
	width:98%;
	margin:2% 0 5% 1%;
	text-align:center;
	border-bottom: solid 2px rgba(79, 157, 76, 1);
}

.powerplay_ml_song {
	font-size:2.1rem;
	font-weight:600;
	color:#4F9D4C;
	margin:0 10px 0 20px;
	display:inline-block;
	text-align:left;
}


/*マンスリーループ　見出し＆タイトル ここまで*/


/*ハイパープレイ　見出し＆タイトル ここから*/
#powerplay .hy_midashi{
	width:100%;
	height:60px;
	display:flex;
	background:#f05738 url(images/box2_layered.png) right bottom no-repeat;
}

#powerplay .hy_midashi .category_title_hyper {
	margin:2% 0 0 4%;
	font-family: 'Archivo Black', sans-serif;
	font-size: 2.5rem;
	line-height: 1.165;
	color:#fff;
}

.powerplay_hy {
	width:98%;
	margin:2% 0 5% 1%;
	text-align:center;
	border-bottom: solid 2px rgba(240,87,56, 1);
}

.powerplay_hy_song {
	font-size:2.1rem;
	font-weight:600;
	color:#f05738;
	margin:0 10px 0 20px;
	display:inline-block;
	text-align:left;
}

/*ハイパープレイ　見出し＆タイトル ここまで*/

/*マンスリーパワープレイ　見出し＆タイトル ここから*/
#powerplay .mpp_midashi{
	width:100%;
	height:60px;
	display:flex;
	background:#535e70 url(images/snow.png);
}

#powerplay .mpp_midashi .category_title_mpp {
	margin:2% 0 0 4%;
	font-family: 'Archivo Black', sans-serif;
	font-size: 2.5rem;
	line-height: 1.165;
	color:#fff;
}

.powerplay_mpp {
	width:98%;
	margin:2% 0 5% 1%;
	text-align:center;
	border-bottom: solid 2px rgba(128,122,74,1);
}

.powerplay_mpp_song {
	font-size:2.1rem;
	font-weight:600;
	color:#807a4a;
	margin:0 10px 0 20px;
	display:inline-block;
	text-align:left;
}


/*マンスリーパワープレイ見出し＆タイトル ここまで*/

/* ===== リサーチ  ===== */
.research_heading {
	font-size:1.3rem;
	width:95%;
	text-align:right;
}

.research_info_image {
	width:100%;
	height:auto;
	text-align: center; 
	display: block; 
	margin: 0 auto 20px;
}

/* ===== ソリューション ===== */
.solution_text {
    padding: 0px 5px 30px 20px !important;
    font-size: 1.5rem !important;
}

.solution_info_image {
	width:100%;
	height:auto;
	text-align: center; 
	display: block; 
	margin: 0 auto 20px;
}

/* ===== 右サイドバー　広告画像 ===== */
#ad_panels{
	width:190px;
	height:210px !important;
	margin:0 auto;
	position:relative;
}

#ad_panels img {
	position:absolute;
	left:0;
	top:0;
	width:190px;
	height:190px;
}

#ad_panels ul {
	list-style-type: none;
}

.form_error_massage {
	font-size:1.3rem;
	color:#ff0000;
	font-weight:600;
}

.form_error_massage::after {
	content: "\A";
	white-space: pre;
}