@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FM COCOLO  [HOMEPAGE for Program]*/
/*----------------------------------------------*/
/*Created: 2015.10.01*/
/*Last Update:	2015.10.01*/
/*----------------------------------------------*/




/*INDEX*/

/*[HOMEPAGE for Program]*/
/*[Main Frame Customize]*/
/*[Page Title with Icon Customize]*/
/*[Heading Text Link]*/

/*-- [Main Frame] --*/
/*-- [Side Menu] --*/










/*----------------------------------------------*/
/*[HOMEPAGE for Program]*/
/*----------------------------------------------*/

/*[Main Frame Customize]*/
.pages .main-container.two-columns .main-frame { /*Default Size 710px*/
width:auto;
}
.main-container.two-columns .main-frame > .inner-frame {
width:auto;
margin:0 auto;
}

.pages .main-container.two-columns .main-side { /*Default Size 200px*/
width:auto;
}
.main-container.two-columns .main-side > .inner-frame {
width:auto;
margin:0;
padding:0;
}


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

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

}


@media screen and (min-width:641px) and (max-width:959px) {
.pages .main-container.two-columns .main-frame {
width:57.40740%;
display:table-cell;
}
.main-container.two-columns .main-frame > .inner-frame {
width:88.05970%;
margin:0 auto;
}

.pages .main-container.two-columns .main-side {
width:29.62962%;
display:table-cell;
}
.main-container.two-columns .main-side > .inner-frame {
width:83.33333%;
margin:0;
padding:0;
}

}


@media screen and (min-width:960px) and (max-width:1199px) {
.pages .main-container.two-columns .main-frame {
width:57.40740%;
display:table-cell;
}
.main-container.two-columns .main-frame > .inner-frame {
width:88.05970%;
margin:0 auto;
}

.pages .main-container.two-columns .main-side {
width:29.62962%;
display:table-cell;
}
.main-container.two-columns .main-side > .inner-frame {
width:83.33333%;
margin:0;
padding:0;
}

}



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

.pages .main-container.two-columns .main-side {
width:240px;
}
.main-container.two-columns .main-side > .inner-frame {
width:240px;
margin:0;
padding:0;
}

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


/*----------------------------------------------*/
/*Diary*/
/*----------------------------------------------*/

/*[Main Frame Customize]*/
.pages .main-container.two-columns .main-frame-etc { /*Default Size 710px*/
width:auto;
}
.main-container.two-columns .main-frame-etc > .inner-frame {
width:auto;
margin:0 auto;
}

.pages .main-container.two-columns .main-side { /*Default Size 200px*/
width:auto;
}
.main-container.two-columns .main-side > .inner-frame {
width:auto;
margin:0;
padding:0;
}


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

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

}


@media screen and (min-width:641px) and (max-width:959px) {
.pages .main-container.two-columns .main-frame-etc {
width:57.40740%;
display:table-cell;
}
.main-container.two-columns .main-frame-etc > .inner-frame {
width:88.05970%;
margin:0 auto;
}

.pages .main-container.two-columns .main-side {
width:29.62962%;
display:table-cell;
}
.main-container.two-columns .main-side > .inner-frame {
width:83.33333%;
margin:0;
padding:0;
}

}


@media screen and (min-width:960px) and (max-width:1199px) {
.pages .main-container.two-columns .main-frame-etc {
width:57.40740%;
display:table-cell;
}
.main-container.two-columns .main-frame-etc > .inner-frame {
width:88.05970%;
margin:0 auto;
}

.pages .main-container.two-columns .main-side {
width:29.62962%;
display:table-cell;
}
.main-container.two-columns .main-side > .inner-frame {
width:83.33333%;
margin:0;
padding:0;
}

}



@media screen and (min-width:1200px) {
.pages .main-container.two-columns .main-frame-etc {
width:auto;
}
.main-container.two-columns .main-frame-etc > .inner-frame {
width:88.0597%;
margin:0 auto;
}

.pages .main-container.two-columns .main-side {
width:240px;
}
.main-container.two-columns .main-side > .inner-frame {
width:240px;
margin:0;
padding:0;
}

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




/*[Page Title with Icon Customize]*/
/*[Pages Title]*/
#pages-header.pages-header .ph-ttl {
padding:12px 0 0 52px;
background:url(../images/icn_page_hp.png) no-repeat left 1px;
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:-52px;
}


}


@media screen and (max-width:640px) {
#pages-header.pages-header .ph-ttl {
padding:8px 0 0 42px;
background:url(../images/icn_page_hp.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:-42px;
}


}


@media screen and (max-width:480px) {
#pages-header.pages-header .ph-ttl {
padding:8px 0 0 32px;
background:url(../images/icn_page_hp.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:-32px;
}


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




/*[Heading Text Link]*/
.link-box.hp-link-box {
margin-bottom:1em;
padding-bottom:1em;
border-bottom:2px solid #333;
}






/*-- [Main Frame] --*/
/*[Program Header]*/
.prg-header {
	width:auto;
	height:auto;
	margin:0 0 1.6em;
	padding:0;
}
.prg-header .prg-hp-ttl {
	font-size:1.5em;
	font-weight:bold;
	color:#603813;
	margin:0;
	padding:0;
	word-break:break-all;
}


/*(Diary Box)*/
.hp-diary-box {
width:auto;
height:auto;
margin:0;
padding:0;
}
.hp-diary-box > .inner-frame {
width:auto;
height:auto;
margin:0 0 2em;
padding:1.2em 0 2em;
border-bottom:2px solid #603813;
}

/*[Title]*/
.hp-diary-box .hp-d-ttl {
font-size:1.2em;
font-weight:bold;
margin:0 0 1.2em;
padding:0;
color:#0080a7;
color:#CE0066;
}
/*[Date]*/
.hp-diary-box .hp-d-ttl small {
font-size:.8em;
font-weight:normal;
margin:0;
padding:.8em 0 0;
display:block;
}
/*[Photo]*/
.hp-diary-box .hp-d-photo {
width:auto;
max-width:80%;
margin:0 auto 2em;
padding:0;
text-align:center;
}
.hp-diary-box .hp-d-photo img {
margin:0;
padding:0;
width:100%;
}
/*[Text]*/
.hp-diary-box .hp-d-txt {
font-size:.9em;
line-height:1.7em;
margin:0;
padding:0;
word-break:break-all;
}

/*(Page Under Navigation)*/
.page-navigation {
width:auto;
height:auto;
margin:0;
padding:0;
}





/*-- [Side Menu] --*/
/*(Frame)*/
.hp-sub-frame {
width:auto;
height:auto;
margin:0;
padding:0;
}
.hp-sub-frame > .inner-frame  {
width:auto;
height:auto;
margin:0;
padding:0 0 2em;
}

/*(Frame Title)*/
.hp-sub-frame .hp-sub-ttl {
font-size:1em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px dotted #603813;
padding:.5em .3em;
margin:0 0 .7em;
color:#666;
color:#603813;
background:#fffee0;
}

/*(DJ Photo)*/
.hp-sub-frame .hp-p-dj-list {
	width:auto;
	height:auto;
	margin:0 0 .8em;
	padding:0;
	list-style:none;
	text-align:center;
}
/*(DJ Images)*/
.hp-sub-frame .hp-p-dj-list .hp-p-dj-face {
	width:48%;
	margin:0 1%;
	padding:0;
	display:inline-block;
}


/*(Program Info)*/
.hp-sub-frame .hp-p-prg-info {
	width:auto;
	height:auto;
	margin:0 0 .8em;
	padding:0 0 .8em;
	border-bottom:1px dotted #603813;
	list-style:none;
}
.hp-sub-frame .hp-p-prg-info li {
	margin:0;
	padding:.2em 0;
	font-size:.8em;
}
.hp-sub-frame .hp-p-prg-info li span {
	font-size:.9em;
	color:#FFF;
	background:#0080a7;
	margin:0 .5em 0 0;
	padding:.2em .3em;
	border-radius:3px;
}


/*(Request Button)*/
.hp-p-btn {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:1em 0 0;
}
.hp-p-btn .bc-request {
	width:auto;
	color: #FFF;
	background-color:#f46d73;
	border:2px solid #f8a7ab;
	letter-spacing:0;
	display:block;
	}
.hp-p-btn .bc-request:hover {
	background-color:#f68a8f;
	border:2px solid #f46d73;
	}


/*(Text)*/
.hp-sub-frame .hp-f-txt {
font-size:.85em;
line-height:1.6em;
margin:0;
padding:0;
word-break:break-all;
}

/*(Sub Image)*/
.hp-sub-frame .hp-f-img {
width:auto;
height:auto;
margin:0 auto;
padding:1em 0;
text-align:center;
}
.hp-sub-frame .hp-f-img img {
margin:0;
padding:0;
width:100%;
}


@media screen and (max-width:640px) {
.prg-header .prg-hp-ttl {
	font-size:1.2em;
}


.hp-sub-frame .hp-f-img {
max-width:70%;
margin:0 auto;
text-align:center;
}


/*(DJ Photo)*/
.hp-sub-frame .hp-p-dj-list {
	width:68%;
	margin:0 auto .8em;
}


}


@media screen and (max-width:360px) {
.hp-p-btn img {
	width:80%;
	margin:0 auto;
}

}