@charset "UTF-8";



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




/*INDEX*/

/*[BLOG ENTRY]*/
/*[Main Frame Customize]*/

/*-- [BLOG ENTRY List Page] --*/










/*----------------------------------------------*/
/*[BLOG ENTRY]*/
/*----------------------------------------------*/

/*[Main Frame Customize]*/
.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_blog.png) no-repeat left 2px;
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_blog.png) no-repeat left 1px;
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_blog.png) no-repeat left 1px;
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;
}


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





/*
[Blog Entry]
*/

/*[Blog Entry List]*/
/*(List Box)*/
.blog-entry-list,
.blog-entry-list .be-box {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}

.blog-entry-list {
 margin-bottom:2em;
}

.blog-entry-list .be-box {
float:left;
padding:0;
margin:0;
width:20%;
}


/*(Detail Box /Inner Box)*/
.blog-entry-list .be-box .detail-box {
width:auto;
height:auto;
margin:0 1px 3px;
padding:0;
background:#FFF;
border:1px solid #E6E6E6;
letter-spacing:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
position:relative;
}

/*(In Box)*/
.blog-entry-list .be-box .detail-box .in-box {
width:auto;
height:auto;
padding:0;
margin:0;
border-top:5px solid #0080a7;
}

/*(Thumbnail)*/
.be-thumbnail {
text-align:center;
margin:0 auto .8em;
padding:1em .7.em;
}
.be-thumbnail img {
width:100%;
}


/*[Data]*/
.be-date {
font-size:.75em;
margin-bottom:.4em;
padding:0 12px .7em;
color:#333;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0;
word-break:break-all;
}


/*(Program Name)*/
.be-program {
width:auto;
height:auto;
padding:0 12px .3em;
margin:0;
font-size:.8em;
line-height:1.2em;
font-weight:bold;
color:#603813;
text-transform:uppercase;
}


/*(List Detail)*/
.blog-entry-list .be-box .detail-box .in-box dl {
width:auto;
height:auto;
margin:0;
padding:0 12px 1em;
}

.be-title {
font-size:.9em;
color:#0080a7;
letter-spacing:0;
margin-bottom:.7em;
word-break:break-all;
}
.blog-entry-list .be-box:hover .be-title {
color:#603813;
text-decoration:none;
}

.be-copy {
font-size:.8em;
line-height:1.5em;
color:#666666;
letter-spacing:0;
word-break:break-all;
}


.be-box a:hover {
text-decoration:none;
}
.blog-entry-list .be-box:hover .detail-box {
background:#f3f5db;
}
.blog-entry-list .be-box:hover .detail-box .in-box {
border-top:5px solid #87aa59;
}
.blog-entry-list .be-box:hover .be-title {
color:#603813;
}


@media screen and (min-width:480px) and (max-width:640px) {
/*(List Detail)*/
.be-title {
font-size:.8em;
background:#FFF;
margin:0;
padding:0;
min-height:auto;
}
.be-copy {
display:none;
}

}

@media screen and (min-width:320px) and (max-width:479px) {
/*(List Detail)*/
.be-title {
font-size:.9em;
}

.be-copy {
display:none;
}

}


@media screen and (min-width:320px) and (max-width:480px) {
.blog-entry-list .be-box {width:50%;}
}


@media screen and (min-width:481px) and (max-width:567px) {
.blog-entry-list .be-box {width:33.33333%;}
}


@media screen and (min-width:568px) and (max-width:640px) {
.blog-entry-list .be-box {width:33.33333%;}
}


@media screen and (min-width:641px) and (max-width:768px) {
.blog-entry-list .be-box {width:33.33333%;}
}


@media screen and (min-width:769px) and (max-width:960px) {
.blog-entry-list .be-box {width:33.33333%;}
}


@media screen and (min-width:961px) and (max-width:1024px) {
.blog-entry-list .be-box {width:25%;}
}


@media screen and (min-width:1025px) {
.blog-entry-list .be-box {width:25%;}
}