@charset "UTF-8";



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




/*INDEX*/

/*[MONTHLY ARTIST]*/
/*[Main Frame Customize]*/

/*-- [Monthly Artist] --*/










/*----------------------------------------------*/
/*[MONTHLY ARTIST]*/
/*----------------------------------------------*/

/*[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;
}


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





/*
[Monthly Artist]
*/

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


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


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

/*[Main Image]*/
.p-monthlyartist .month-image {
width:auto;
max-width:480px;
margin:0 auto 2em;
padding:0;
text-align:center;
}
.p-monthlyartist .month-image img {
max-width:100%;
height:auto;
}

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

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


/*[Extra Box]*/
.p-monthlyartist .month-extra-box {
width:auto;
height:auto;
margin:0;
padding:1.2em;
border:1px solid #c3ce4c;
background:#f5f7e2;
font-size:.9em;
line-height:1.6em;
}



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

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

}


@media screen and (max-width:480px) {
.month-br {
display:none;
}


}




/*
[Decolation]
*/

/*1.Catch in Bar*/
.pu-ob-ev,
.pu-ob-pg,
.pu-ob-pr,
.pu-ob-wb,
.pu-ob-mb {
width:auto;
height:auto;
padding:1em;
font-size:1em;
font-weight:bold;
}
/*[Event]*/ .pu-ob-ev {background-color:#dff3e2;}
/*[Program]*/ .pu-ob-pg {background-color:#dff3e2;}
/*[PR]*/ .pu-ob-pr {background-color:#fae3e0;}
/*[WEB]*/ .pu-ob-wb {background-color:#d4e9eb;}
/*[Mobile]*/ .pu-ob-mb {background-color:#f5f5dc;}



/*2.Text Size*/
/*[Large]*/.pu-txt-lg {font-size:1.2em;}
/*[Middle]*/.pu-txt-md {font-size:1.1em;}
/*[Small]*/.pu-txt-sm {font-size:1em;}
/*[X Small]*/.pu-txt-xs {font-size:.9em;}



/*3.Text Style*/
/*[Normal]*/.pu-st-rm { font-weight:normal}
/*[Bold]*/.pu-st-bd { font-weight:bold;}
/*[Italic]*/.pu-st-it { font-style:italic;}



/*4.Text Color*/
/*[Red]*/.pu-cl-red { color:#FF0000;}
/*[Pink]*/.pu-cl-pink { color:#e01278}
/*[Blue*/.pu-cl-blue { color:#0080a7;}
/*[Gray]*/.pu-cl-gray { color:#666;}


/*5.Margin*/
/*Bottom*/
/*[50px]*/.pu-mgb-50 {margin-bottom:50px !important;}
/*[42px]*/.pu-mgb-42 {margin-bottom:42px !important;}
/*[34px]*/.pu-mgb-34 {margin-bottom:34px !important;}
/*[28px]*/.pu-mgb-28 {margin-bottom:28px !important;}
/*[24px]*/.pu-mgb-24 {margin-bottom:24px !important;}
/*[20px]*/.pu-mgb-20 {margin-bottom:20px !important;}
/*[16px]*/.pu-mgb-16 {margin-bottom:16px !important;}
/*[12px]*/.pu-mgb-12 {margin-bottom:12px !important;}
/*[10px]*/.pu-mgb-10 {margin-bottom:10px !important;}