@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FM COCOLO  [PODCAST CHANNEL]*/
/*----------------------------------------------*/
/*Created: 2015.10.01*/
/*Last Update:	2015.10.01*/
/*----------------------------------------------*/




/*INDEX*/

/*[PODCAST CHANNEL]*/
/*[Main Frame Customize]*/
/*[Page Title with Icon Customize]*/

/*-- [Podcast Channel] --*/










/*----------------------------------------------*/
/*[PODCAST CHANNEL]*/
/*----------------------------------------------*/

/*[Podcast_channel.php 2 columns]*/
.main-container.two-columns .main-frame > .inner-frame {
width:auto;
margin:0 auto;
padding:0;
}
.main-container.two-columns .main-side > .inner-frame {
margin:0 auto;
padding:0;
}


@media screen and (max-width:640px) {
.pages .main-container.two-columns .main-frame {
	display:table-header-group;
}
.main-container.two-columns .main-frame > .inner-frame {
padding:20px 12px 10px;
}

.pages .main-container.two-columns .main-side {
	display:table-row-group;
}
.main-container.two-columns .main-side > .inner-frame {
padding:10px 12px 20px;
}

/*(Page Footer)*/
.pages .main-container.two-columns #pages-footer.pages-footer {
	display:table-footer-group;
	}
.pages .main-container.two-columns #pages-footer.pages-footer > .inner-frame {
	width:auto;
	margin:0;
	padding:1.4em 12px;
}


}


@media screen and (min-width:641px) and (max-width:960px) {
.pages .main-container.two-columns { display:table; width:100%;}
.pages .main-container.two-columns .main-frame {
	display:table-header-group;
	}
.main-container.two-columns .main-frame > .inner-frame {
width:82.03125%;
margin:0 auto;
padding:40px 0 0;
}

.pages .main-container.two-columns .main-side {
	display:table-row-group;
}
.main-container.two-columns .main-side > .inner-frame {
width:82.03125%;
margin:0 auto;
padding:20px 0 40px;
}


/*(Page Footer)*/
.pages .main-container.two-columns #pages-footer.pages-footer{
display:table-footer-group;
}
.pages .main-container.two-columns #pages-footer.pages-footer > .inner-frame {
	width:82.03125%;
	margin:0 auto;
}



}


@media screen and (min-width:961px) and (max-width:1199px) {
.main-container.two-columns .main-frame > .inner-frame {
width:82.03125%;
margin:0 auto;
}
.main-container.two-columns .main-side > .inner-frame {
width:81.6326%;
margin:0;
padding:0;
}

/*(Page Footer)*/
.pages .main-container.two-columns #pages-footer.pages-footer > .inner-frame {
	width:87%;
	margin:0 auto;
}


}


@media screen and (min-width:1200px) {
.main-container.two-columns .main-frame > .inner-frame {
width:630px;
margin:0 auto;
}
.main-container.two-columns .main-side > .inner-frame {
margin:0 auto;
padding:0;
}

/*(Page Footer)*/
.pages .main-container.two-columns #pages-footer.pages-footer > .inner-frame {
	width:870px;
	margin:0 auto;
}



}
/*----------------------------------------------*/





/*[Page Title with Icon Customize]*/
/*[Pages Title]*/
#pages-header.pages-header .ph-ttl {
padding:12px 0 0 45px;
background:url(../images/icn_page_podcast.png) no-repeat left top;
background-size:38px auto;
-webkit-background-size:38px auto;
-moz-background-size:38px auto;
-ms-background-size:38px auto;
-o-background-size:38px auto;
}


@media screen and (max-width:899px) {
#pages-header.pages-header .ph-ttl  small {
margin-left:-45px;
}


}


@media screen and (max-width:640px) {
#pages-header.pages-header .ph-ttl {
padding:10px 0 0 38px;
background:url(../images/icn_page_podcast.png) no-repeat left top;
background-size:32px auto;
-webkit-background-size:32px auto;
-moz-background-size:32px auto;
-ms-background-size:32px auto;
-o-background-size:32px auto;
}

#pages-header.pages-header .ph-ttl  small {
margin-left:-38px;
}


}


@media screen and (max-width:480px) {
#pages-header.pages-header .ph-ttl {
padding:8px 0 0 30px;
background:url(../images/icn_page_podcast.png) no-repeat left top;
background-size:24px auto;
-webkit-background-size:24px auto;
-moz-background-size:24px auto;
-ms-background-size:24px auto;
-o-background-size:24px auto;
}

#pages-header.pages-header .ph-ttl  small {
margin-left:-30px;
}


}
/*----------------------------------------------*/






/*
[Podcast Channel](podcast_channel.php)
*/

/*(Frame)*/
.p-podcast-ch .podcast-box {
width:auto;
height:auto;
margin:0;
padding:0;
}


/*(Inner Box)*/
.p-podcast-ch .podcast-box .inner-box {
width:auto;
height:auto;
margin:0 auto;
padding:0 0 1em;
}


/*[Title]*/
.p-podcast-ch .podcast-title {
font-size:1.3em;
line-height:1.5em;
margin:0 0 1.5em;
padding:0 0 .5em;
min-height:inherit;
color:#0080a7;
border-bottom:2px solid #c3ce4c;
}


/*[Program Info]*/
.p-podcast-ch .pdd-prg {
	width:auto;
	height:auto;
	margin:0 0 2em;
	padding:0;
	display:table;
}
/*[DJ Face]*/
.p-podcast-ch .pdd-prg .pdd-prg-dj {
	width:auto;
	max-width:100px;
	height:auto;
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:top;
}
/*(Prg Detail)*/
.p-podcast-ch .pdd-prg .pdd-prg-detail {
	width:auto;
	height:auto;
	margin:0;
	padding:0 0 0 1em;
	display:table-cell;
	vertical-align:top;
}
/*[Prg Name]*/
.p-podcast-ch .pdd-prg .pdd-prg-detail .pdd-prg-name {
	font-size:1em;
	font-weight:bold;
	color:#0080a7;
	margin:0 0 .3em;
	padding:0;
}
/*[Prg Text]*/
.p-podcast-ch .pdd-prg .pdd-prg-detail .pdd-prg-txt {
	font-size:.9em;
	margin:0 0 .3em;
	padding:0;
}
/*[Prg RSS]*/
.p-podcast-ch .pdd-prg .pdd-prg-detail .pdd-prg-rss a {
	font-size:.85em;
	margin:0;
	padding:0;
	color:#f7931e;
	font-weight:bold;
	display:block;
}
.p-podcast-ch .pdd-prg .pdd-prg-detail .pdd-prg-rss a .fa {
	font-weight:normal;
}


/*(Podcast Channnel)*/
.p-podcast-ch .podcast-ch {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}

/*[Channel Box]*/
.p-podcast-ch .podcast-ch-box {
width:auto;
height:auto;
margin:0;
padding:1.4em 1em;
border:1px solid #c3ce4c;
background:#f5f7e2;
}
/*(Channel)*/
.p-podcast-ch .podcast-ch-box .ch-list {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	list-style:none;
}
.p-podcast-ch .podcast-ch-box .ch-list li {
	width:auto;
	height:auto;
	margin:0;
	padding:.2em .3em;
	border-bottom:1px dotted #603813;
	display:table;
}
.p-podcast-ch .podcast-ch-box .ch-list li:first-child {
	border-top:1px dotted #603813;
	}
.p-podcast-ch .podcast-ch-box .ch-list li em {
	width:70%;
	font-size:.85em;
	font-style:normal;
	margin:0;
	padding:.3em 0 .3em 2em;
	display:table-cell;
	vertical-align:middle;
	background:url(../images/inc_podcast_b.png) no-repeat left;
	background-size:20px auto;
}
.p-podcast-ch .podcast-ch-box .ch-list li .mp3player {
	width:auto;
	height:auto;
	margin:0;
	padding:.3em 0;
	display:table-cell;
	vertical-align:middle;
}

/*(Channel Navi)*/
.p-podcast-ch .podcast-ch .ch-nav {
	width:auto;
	height:auto;
	margin:0;
	padding:1em 0 0;
	list-style:none;
}
.p-podcast-ch .podcast-ch .ch-nav li {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}


/*(Channel Program List)*/
/*(Head)*/
.ch-list .ch-list-head {
	font-size:.9em;
	font-weight:bold;
	color:#0080a7;
	margin:0 0 .5em;
	}
/*(List)*/
.ch-list {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
.ch-list li {
width:auto;
height:auto;
margin:0 0 .5em;
}
.ch-list li a {
width:auto;
height:auto;
margin:0;
padding:.7em .8em;
display:block;
overflow:hidden;
background:#0080a7;
text-decoration:none;
font-size:.8em;
color:#FFF;
letter-spacing:0;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
}
.ch-list li a:hover {
background:#66b3ca;
}
.ch-list li a span {
padding-left:1.8em;
min-height:1em;
background:url(../images/inc_podcast.png) no-repeat left;
background-size:20px auto;
-webkit-background-size:20px auto;
-moz-background-size:20px auto;
-ms-background-size:20px auto;
-o-background-size:20px auto;
}




@media screen and (max-width:600px) {
/*[Channel Box]*/
.p-podcast-ch .podcast-ch-box {
padding:1em .6em;
}

	.p-podcast-ch .podcast-ch-box .ch-list li {
	border-bottom:1px dotted #603813;
	display:inherit;
}
.p-podcast-ch .podcast-ch-box .ch-list li em {
	width:auto;
	padding:.3em 0 .3em 2em;
	display:inherit;
	vertical-align:top;
}
.p-podcast-ch .podcast-ch-box .ch-list li .mp3player {
	padding:0 0 0 2em;
	display:inherit;
	vertical-align:top;
}

}