@charset "UTF-8";



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




/*INDEX*/

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

/*-- [Podcast List] --*/
/*-- [Others] --*/










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

/*[Main Frame Customize]*/
/*[Podcast_list.php 1 column]*/
.main-container.one-column .main-frame > .inner-frame {
width:auto;
margin:0 auto;
}


@media screen and (min-width:641px) and (max-width:960px)  {
.main-container.one-column .main-frame > .inner-frame {
width:90%;
margin:0 auto;
}


}


@media screen and (min-width:961px) and (max-width:1199px)  {
.main-container.one-column .main-frame > .inner-frame {
width:90%;
margin:0 auto;
}


}


@media screen and (min-width:1200px)  {
.main-container.one-column .main-frame > .inner-frame {
width:auto;
margin:0 auto;
}


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





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


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


}


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

#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 28px;
background:url(../images/icn_page_podcast.png) no-repeat left top;
background-size:auto 34px;
-webkit-background-size:auto 34px;
-moz-background-size:auto 34px;
-ms-background-size:auto 34px;
-o-background-size:auto 34px;
}

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


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





/*
[Podcast List](podcast_list.php)
*/

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


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


/*[Title]*/
.p-podcast-list .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;
}


/*[Catch]*/
.p-podcast-list .podcast-catch {
font-size:1.1em;
margin:0 0 1.2em;
color:#603813;
word-break:break-all;
}


/*[Heading]*/
.p-podcast-list .pdl-head {
font-size:1em;
font-weight:bold;
line-height:1.6em;
color:#0080a7;
margin:0 0 .7em;
padding:0;
}


/*[List Box]*/
.p-podcast-list .podcast-list-box {
width:auto;
height:auto;
margin:0 0 2em;
padding:1.4em 1em;
border:1px solid #c3ce4c;
background:#f5f7e2;
}
/*(List)*/
.p-podcast-list .podcast-list-box .ch-list {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
.p-podcast-list .podcast-list-box .ch-list li {
width:49%;
height:auto;
margin:0 .5% .5em;
float:left;
}
.p-podcast-list .podcast-list-box .ch-list li a {
width:auto;
height:auto;
margin:0;
padding:1.2em .8em;
display:block;
overflow:hidden;
background:#0080a7;
text-decoration:none;
font-size:.85em;
color:#FFF;
white-space:nowrap;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
letter-spacing:0;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
}
.p-podcast-list .podcast-list-box .ch-list li a:hover {
background:#66b3ca;
}
.p-podcast-list .podcast-list-box .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;
}


/*[Text]*/
.p-podcast-list .podcast-txt {
font-size:.9em;
line-height:1.7em;
margin:0;
word-break:break-all;
}


@media screen and (max-width:960px) {
.p-podcast-list .podcast-list-box .ch-list li {
width:auto;
margin:0 .5% .5em;
float:none;
}


/*[List Box]*/
.p-podcast-list .podcast-list-box .ch-list li a {
white-space:inherit;
text-overflow:inherit;
-webkit-text-overflow:inherit;
-o-text-overflow:inherit;
}


}



@media screen and (max-width:640px) {
/*(Inner Box)*/
.p-podcast-list .podcast-box .inner-box {
width:93.75%;
padding:1em 0;
}


/*[Title]*/
.p-podcast-list .podcast-title {
font-size:1.2em;
line-height:1.5em;
margin:0 0 1em;
}


}


@media screen and (max-width:480px) {
/*[List Box]*/
.p-podcast-list .podcast-list-box {
margin:0 0 1.6em;
padding:1.2em .8em;
}


}










/*
[Others](podcast_list.php)
*/

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


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


/*[Title]*/
.p-podcast-list .others-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;
}


/*[Heading]*/
.p-podcast-list .osb-head {
font-size:1.2em;
font-weight:bold;
line-height:1.6em;
color:#0080a7;
margin:0 0 .4em;
padding:0;
}


/*[Info Box]*/
.p-podcast-list .info-box {
width:auto;
height:auto;
margin:0 0 2em;
padding:1.4em 1em;
border:1px solid #c3ce4c;
background:#f5f7e2;
}
/*[Heading]*/
.p-podcast-list .osb-info-head {
font-size:1em;
font-weight:bold;
line-height:1.6em;
color:#603813;
padding:0;
margin:0;
word-break:break-all;
}
/*[Text]*/
.p-podcast-list .osb-info-txt {
font-size:.9em;
line-height:1.7em;
margin:0 0 1.4em;
padding:0;
word-break:break-all;
}

/*(Buttons Color)*/
.bc-radiko {
	background:#29abe2;
	}
.bc-lismo {
	background:#73b613;
	}


@media screen and (max-width:640px) {
.p-podcast-list .usen-info .btn-box .btb-block-right,
.p-podcast-list .radiko-info .btn-box .btb-block-right,
.p-podcast-list .lismo-info .btn-box .btb-block-right {
float:none;
}


}