@charset "UTF-8";
/*
* style.css
* description : FM COCOLO Thanks Week!
*
* Created  2019/6/10.
* Last Update 2019/11/20.
*/




/* INDEX */
/*[[[ Basic ]]]*/


/*[[[ Buttons Setting ]]]*/


/*[[[ Default ]]]*/
/*----- [[[[[ Text Colors ]]]]] -----*/
/*----- [[[[[ Back Ground Colors ]]]]] -----*/
/*----- [[[[[ Title Content ]]]]] -----*/
/*----- [[[[[ Rich Text Content ]]]]] -----*/
/*----- [[[[[ Button Content ]]]]] -----*/
/*----- [[[[[ Link Content ]]]]] -----*/
/*----- [[[[[ Image Content ]]]]] -----*/
/*----- [[[[[ Line Content ]]]]] -----*/
/*----- [[[[[ Frame Parts ]]]]] -----*/


/*[[[ Others ]]]*/
/*----- [[[[[]] Font Awesome Space ]]]]] -----*/
/*----- [[[[[]] SNS Icon List ]]]]] -----*/
/*----- [[[[[]] Light Gallery ]]]]] -----*/


/*[[[ Frame ]]]*/
/*----- [[[[[ Container Full Frame ]]]]] -----*/


/*[[[ CCL Logo, Calendar, Now On Air and SNS Icons ]]]*/
/*----- [[[[[ CCL Logo ]]]]] -----*/
/*----- [[[[[ Calendar and Now On Air ]]]]] -----*/
/*----- [[[[[ SNS Icons ]]]]] -----*/


/*[[[ Header ]]]*/
/*----- [[[[[ Main Header ]]]]] -----*/


/*[[[ Global Navi ]]]*/
/*----- [[[[[ Global Navi ]]]]] -----*/


/*[[[ Footer ]]]*/
/*----- [[[[[ Logos ]]]]] -----*/
/*----- [[[[[ SNS ]]]]] -----*/
/*----- [[[[[ Copyright ]]]]] -----*/
/*----- [[[[[ Page Top Btn ]]]]] -----*/


/*[[[ Card (for Index Page) ]]]*/
/*----- [[[[[ Card Format ]]]]] -----*/


/*[[[ Program Comportment (for Timetable Page) ]]]*/
/*----- [[[[[ Program Comportment ]]]]] -----*/


/*[[[ Modal Window ]]]*/
/*----- [[[[[ Modal Customize ]]]]] -----*/


/*[[[ ADS Banners ]]]*/
/*----- [[[[[ ADS Frame ]]]]] -----*/










/*
[[[ Basic ]]] 
*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
html * {
	max-height:999999px; /*for Android*/
}
*,*:before,*:after {
	box-sizing: inherit;
}

body {
	color: rgba(77,77,77,1); /*#4D4D4D*/
}

a {
color:rgba(0,128,167,1); /* #0080A7 */
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover,
a:focus{
	color:rgba(102,179,202,1); /* #66B3CA */
}
a:active{
	color:rgba(0,96,125,1); /* #00607D */
}

.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
}










/*
[[[ Fonts ]]]
*/
@font-face {
font-family: 'cambria';
src: url('../fonts/cambria.ttc');
}

.font-date {
	font-family: "futura-pt", sans-serif;
    font-weight: 600;
    font-style: normal;
}

/*[[[ Google Fonts ]]]*/
.fontWf-en {
	font-family: 'Source Sans Pro', sans-serif;
}
.fontWf-en b,
.fontWf-en strong {
	font-family: 'Source Sans Pro', sans-serif;
}
.fontWf-en .bold-600 {
	font-weight: 600;
}
.fontWf-en .bold-700 {
	font-weight: 700;
}
.fontWf-en .bold-900 {
	font-weight: 900;
}


.fontWf-ja {
	font-family: 'Noto Sans JP', sans-serif;
}
.fontWf-ja b,
.fontWf-ja strong {
	font-family: 'Noto Sans JP', sans-serif;
}
.fontWf-ja .bold-700 {
	font-weight: 700;
}



/*[[[ Text Letter Spacing ]]]*/
.tx-ls-lv0 {letter-spacing: 0;}
.tx-ls-lv1 {letter-spacing: .1rem;}
.tx-ls-lv2 {letter-spacing: .3rem;}
.tx-ls-lv3 {letter-spacing: .6rem;}
.tx-ls-lv4 {letter-spacing: 1rem;}

@media screen and (min-width:768px) {
/*[[[ Text Letter Spacing ]]]*/
.tx-ls-lv0 {letter-spacing: 0;}
.tx-ls-lv1 {letter-spacing: .2rem;}
.tx-ls-lv2 {letter-spacing: .5rem;}
.tx-ls-lv3 {letter-spacing: .9rem;}
.tx-ls-lv4 {letter-spacing: 1.3rem;}

} /* @media screen and (min-width:768px) end */










/*
[[[ Buttons Setting ]]]
*/

/*[[[ Main 1 Button ]]]*/
.btn-main1 {color: #FFF; background: rgba(12,122,158,1);} /* #0C7A9E */
.btn-main1:hover,
.btn-main1:focus {color: #FFF; background: rgba(102,179,202,1);} /* #66B3CA */
.btn-main1:active { color: #FFF; background: rgba(0,96,125,1);} /* #00607D */

/*[[[ Main 2 Button ]]]*/
.btn-main2 {color: #FFF; background: rgba(244,109,115,1);} /* #F46D73 */
.btn-main2:hover,
.btn-main2:focus {color: #FFF; background: rgba(246,138,143,1);} /* #F68A8F */
.btn-main2:active { color: #FFF; background: rgba(185,104,107,1);} /* #B9686B */


/*[[[ Sub 1 Button ]]]*/
.btn-sub1 {color: #FFF; background: rgba(0,0,0,1);} /* # */
.btn-sub1:hover,
.btn-sub1:focus {color: #FFF; background: rgba(0,0,0,1);} /* # */
.btn-sub1:active { color: #FFF; background: rgba(0,0,0,1);} /* # */

/*[[[ Sub 2 Button ]]]*/
.btn-sub2 {color: #FFF; background: rgba(0,0,0,1);} /* # */
.btn-sub2:hover,
.btn-sub2:focus {color: #FFF; background: rgba(0,0,0,1);} /* # */
.btn-sub2:active { color: #FFF; background: rgba(0,0,0,1);} /* # */


/*[[[ Radius ]]]*/
.btn.no-radius {border-radius: 0;}


/*[[[ Size ]]]*/
.btn-mg {padding: 12px 16px; font-size: 1.1em;}
.btn-lg {padding: 14px 20px; font-size: 1.25em;}
.btn-xg {padding: 16px 24px; font-size: 1.4em;}
.btn-xl {padding: 20px 26px; font-size: 1.5em; border-radius: 7px;}

@media screen and (max-width:991px) and (min-width:768px) {
	.btn-mg {padding: 12px 15px; font-size: 1.1em;}
	.btn-lg {padding: 13px 18px; font-size: 1.2em;}
	.btn-xg {padding: 15px 22px; font-size: 1.3em;}
	.btn-xl {padding: 18px 24px; font-size: 1.4em; border-radius: 6px;}

}

@media screen and (max-width:767px) {
	.btn-mg {padding: 11px 15px; font-size: 1em;}
	.btn-lg {padding: 12px 16px; font-size: 1.1em;}
	.btn-xg {padding: 14px 20px; font-size: 1.2em;}
	.btn-xl {padding: 16px 21px; font-size: 1.3em; border-radius: 5px;}

} /* @media screen and (max-width:767px) end */










/*
[[[ Default ]]]
*/

/*----- [[[[[ Text Colors ]]]]] -----*/
/*[[[ Main ]]]*/
.cl-main {color: rgba(0,0,0,1); } /* #000 */

/*[ Black ]*/
.cl-black {color: rgba(0,0,0,1);} /* #000 */
.cl-black.cl-alpha10 {color: rgba(26,26,26,1);} /* #1a1a1a */
.cl-black.cl-alpha20 {color: rgba(51,51,51,1);} /* #333333 */
.cl-black.cl-alpha30 {color: rgba(77,77,77,1);} /* #4d4d4d */
.cl-black.cl-alpha40 {color: rgba(102,102,102,1);} /* #666666 */
.cl-black.cl-alpha50 {color: rgba(128,128,128,1);} /* #808080 */
.cl-black.cl-alpha60 {color: rgba(153,153,153,1);} /* #999999 */
.cl-black.cl-alpha70 {color: rgba(179,179,179,1);} /* #b3b3b3 */
.cl-black.cl-alpha80 {color: rgba(204,204,204,1);} /* #cccccc */
.cl-black.cl-alpha90 {color: rgba(230,230,230,1);} /* #e6e6e6 */
.cl-black.cl-alpha95 {color: rgba(242,242,242,1);} /* #f2f2f2 */

/*[[[ White ]]]*/
.cl-white {color: rgba(255,255,255,1);} /* #FFF */

/*[[[ Red ]]]*/
.cl-red {color: rgba(255,0,0,1);} /* #ff0000 */

/*[[[ Brown ]]]*/
.cl-brown {color: rgba(91,38,36,1);} /* #5b2624 */

/*[[[ Blue ]]]*/
.cl-blue {color: #4BABD1;} /* #4BABD1 */



/*----- [[[[[ Background Colors ]]]]] -----*/
/*[[[ Black ]]]*/
.bg-black {background:rgba(0,0,0,1);} /* #000 */
.bg-black.bg-alpha10 {background: rgba(26,26,26,1);} /* #1a1a1a */
.bg-black.bg-alpha20 {background: rgba(51,51,51,1);} /* #333333 */
.bg-black.bg-alpha30 {background: rgba(77,77,77,1);} /* #4d4d4d */
.bg-black.bg-alpha40 {background: rgba(102,102,102,1);} /* #666666 */
.bg-black.bg-alpha50 {background: rgba(128,128,128,1);} /* #808080 */
.bg-black.bg-alpha60 {background: rgba(153,153,153,1);} /* #999999 */
.bg-black.bg-alpha70 {background: rgba(179,179,179,1);} /* #b3b3b3 */
.bg-black.bg-alpha80 {background: rgba(204,204,204,1);} /* #cccccc */
.bg-black.bg-alpha90 {background: rgba(230,230,230,1);} /* #e6e6e6 */
.bg-black.bg-alpha95 {background: rgba(242,242,242,1);} /* #f2f2f2 */

/*[[[ White ]]]*/
.bg-white {background-color: rgba(255,255,255,1);} /* #FFF */

/*[[[ Brown ]]]*/
.bg-brown {background-color: rgba(97,40,28,1);} /* #61281C */

/*[[[ Blue ]]]*/
.bg-blue {color: #4BABD1;}




/*----- [[[[[ Title Content ]]]]] -----*/
.pagesection .element-title {
	width:auto;
	height: auto;
}
.pagesection .element-title .container-title {
	/*width:auto;
	height: auto;
	margin-bottom: 7.2rem;*/
}
.pagesection .element-title .container-title .maintitle {
	/*font-size: 32px;
	line-height: 1.5;
	margin-bottom: 5px;
	display: block;*/
}
.pagesection .element-title .container-title .subtitle {
	/*font-size: 15px;*/
}

@media screen and (max-width:991px) and (min-width:768px) {
	.pagesection .element-title .container-title {
		/*width:auto;
		height: auto;
		margin-bottom: 4.4rem;*/
	}
	.pagesection .element-title .container-title .maintitle {
		/*font-size: 26px;
		line-height: 1.4;
		margin-bottom: 8px;
		display: block;*/
	}
	.pagesection .element-title .container-title .subtitle {
		/*font-size: 14px;*/
	}

} /* @media screen and (max-width:991px) and (min-width:768px) end */


@media screen and (max-width:767px) {
	.pagesection .element-title .container-title {
		/*width:auto;
		height: auto;
		margin-bottom: 2.4rem;*/
	}
	.pagesection .element-title .container-title .maintitle {
		/*font-size: 21px;
		line-height: 1;
		margin-bottom: 4px;
		display: block;*/
	}
	.pagesection .element-title .container-title .subtitle {
		/*font-size: 14px;*/
	}

} /* @media screen and (max-width:768px) end */





/*----- [[[[[ Rich Text Content ]]]]] -----*/
.pagesection .element-rich {
	/*width:auto;
	height: auto;*/
}
.pagesection .element-rich .container-rich {
	/*width:auto;
	height: auto;*/
}
.pagesection .element-rich .container-rich .content-rich {
	/*width:auto;
	height: auto;*/
}





/*----- [[[[[ Button Content ]]]]] -----*/
.pagesection .element-button {
	/*width:auto;
	height: auto;*/
}
.pagesection .element-button .container-button {
	/*width:auto;
	height: auto;*/
}
.pagesection .element-button .container-button .content-button {
	/*width:auto;
	height: auto;*/
}


/*[ Button Box ]*/
.btn-box {
	width:auto;
	height:auto;
	padding:0;
	list-style:none;
}





/*----- [[[[[ Link Content ]]]]] -----*/
.pagesection .element-link {
	/*width:auto;
	height: auto;*/
}
.pagesection .element-button .container-link {
	/*width:auto;
	height: auto;*/
}
.pagesection .element-button .container-link .content-link {
	/*width:auto;
	height: auto;*/
}


/*[[[ Text Link Box ]]]*/
.link-box {
	width:auto;
	height: auto;
	padding: 0;
	list-style: none;
}




/*----- [[[[[ Image Content ]]]]] -----*/
.pagesection .element-image {
	/*width:auto;
	height: auto;*/
}
.pagesection .element-image .container-image {
	/*width:auto;
	height: auto;*/
}
.pagesection .element-image .container-image .content-image {
	/*width:auto;
	height: auto;*/
}





/*----- [[[[[ Line Content ]]]]] -----*/
.pagesection .element-line {
	/*width:auto;
	height: auto;*/
}
.pagesection .element-line .container-line {
	/*width:auto;
	height: auto;*/
}
.pagesection .element-line .container-line .content-line {
	/*width:auto;
	height: auto;*/
}


/*[[[[[ Decoration ]]]]]*/
/*[[[ Width ]]]*/
/*[ All ]*/
.pagesection .element-line .container-line .content-line .line-width-lv1 {border-width: 1px;}
.pagesection .element-line .container-line .content-line .line-width-lv2 {border-width: 2px;}
.pagesection .element-line .container-line .content-line .line-width-lv3 {border-width: 3px;}
.pagesection .element-line .container-line .content-line .line-width-lv4 {border-width: 4px;}
.pagesection .element-line .container-line .content-line .line-width-lv5 {border-width: 5px;}

/*[ Top ]*/
.pagesection .element-line .container-line .content-line .line-top-width-lv1 {border-top-width: 1px;}
.pagesection .element-line .container-line .content-line .line-top-width-lv2 {border-top-width: 2px;}
.pagesection .element-line .container-line .content-line .line-top-width-lv3 {border-top-width: 3px;}
.pagesection .element-line .container-line .content-line .line-top-width-lv4 {border-top-width: 4px;}
.pagesection .element-line .container-line .content-line .line-top-width-lv5 {border-top-width: 5px;}

/*[ Left ]*/
.pagesection .element-line .container-line .content-line .line-left-width-lv1 {border-left-width: 1px;}
.pagesection .element-line .container-line .content-line .line-left-width-lv2 {border-left-width: 2px;}
.pagesection .element-line .container-line .content-line .line-left-width-lv3 {border-left-width: 3px;}
.pagesection .element-line .container-line .content-line .line-left-width-lv4 {border-left-width: 4px;}
.pagesection .element-line .container-line .content-line .line-left-width-lv5 {border-left-width: 5px;}

/*[ Right ]*/
.pagesection .element-line .container-line .content-line .line-right-width-lv1 {border-right-width: 1px;}
.pagesection .element-line .container-line .content-line .line-right-width-lv2 {border-right-width: 2px;}
.pagesection .element-line .container-line .content-line .line-right-width-lv3 {border-right-width: 3px;}
.pagesection .element-line .container-line .content-line .line-right-width-lv4 {border-right-width: 4px;}
.pagesection .element-line .container-line .content-line .line-right-width-lv5 {border-right-width: 5px;}

/*[ Bottom ]*/
.pagesection .element-line .container-line .content-line .line-bottom-width-lv1 {border-bottom-width: 1px;}
.pagesection .element-line .container-line .content-line .line-bottom-width-lv2 {border-bottom-width: 2px;}
.pagesection .element-line .container-line .content-line .line-bottom-width-lv3 {border-bottom-width: 3px;}
.pagesection .element-line .container-line .content-line .line-bottom-width-lv4 {border-bottom-width: 4px;}
.pagesection .element-line .container-line .content-line .line-bottom-width-lv5 {border-bottom-width: 5px;}



/*[[[[[ Type ]]]]]*/
.pagesection .element-line .container-line .content-line [class*=line-] {
	margin: 0;
	padding: 0;
}

/*[[[ Solid ]]]*/
/*[ All ]*/
.pagesection .element-line .container-line .content-line .line-solid {border-style: solid;}

/*[ Top ]*/
.pagesection .element-line .container-line .content-line .line-top-solid {border-top-style: solid;}

/*[ Left ]*/
.pagesection .element-line .container-line .content-line .line-left-solid {border-left-style: solid;}

/*[ Right ]*/
.pagesection .element-line .container-line .content-line .line-right-solid {border-right-style: solid;}

/*[ Bottom ]*/
.pagesection .element-line .container-line .content-line .line-bottom-solid {border-bottom-style: solid;}


/*[[[ Dotted ]]]*/
/*[ All ]*/
.pagesection .element-line .container-line .content-line .line-dot {border-style: dotted;}

/*[ Top ]*/
.pagesection .element-line .container-line .content-line .line-top-dot {border-top-style: dotted;}

/*[ Left ]*/
.pagesection .element-line .container-line .content-line .line-left-dot {border-left-style: dotted;}

/*[ Right ]*/
.pagesection .element-line .container-line .content-line .line-right-dot {border-right-style: dotted;}

/*[ Bottom ]*/
.pagesection .element-line .container-line .content-line .line-bottom-dot {border-bottom-style: dotted;}




/*[[[[[ Colors ]]]]]*/
/*[[[ Black ]]]*/
/*[ All ]*/
.pagesection .element-line .container-line .content-line .line-bk {border-color: rgba(0,0,0,1);} /* #000 */
.pagesection .element-line .container-line .content-line .line-bk.line-bk-alpha10 {border-color: rgba(26,26,26,1);} /* #1a1a1a */
.pagesection .element-line .container-line .content-line .line-bk.line-bk-alpha20 {border-color: rgba(51,51,51,1);} /* #333333 */
.pagesection .element-line .container-line .content-line .line-bk.line-bk-alpha30 {border-color: rgba(77,77,77,1);} /* #4d4d4d */
.pagesection .element-line .container-line .content-line .line-bk.line-bk-alpha40 {border-color: rgba(102,102,102,1);} /* #666666 */
.pagesection .element-line .container-line .content-line .line-bk.line-bk-alpha50 {border-color: rgba(128,128,128,1);} /* #808080 */
.pagesection .element-line .container-line .content-line .line-bk.line-bk-alpha60 {border-color: rgba(153,153,153,1);} /* #999999 */
.pagesection .element-line .container-line .content-line .line-bk.line-bk-alpha70 {border-color: rgba(179,179,179,1);} /* #b3b3b3 */
.pagesection .element-line .container-line .content-line .line-bk.line-bk-alpha80 {border-color: rgba(204,204,204,1);} /* #cccccc */
.pagesection .element-line .container-line .content-line .line-bk.line-bk-alpha90 {border-color: rgba(230,230,230,1);} /* #e6e6e6 */
.pagesection .element-line .container-line .content-line .line-bk.line-bk-alpha95 {border-color: rgba(242,242,242,1);} /* #f2f2f2 */

/*[ Top ]*/
.pagesection .element-line .container-line .content-line .line-top-bk {border-top-color: rgba(0,0,0,1);} /* #000 */
.pagesection .element-line .container-line .content-line .line-top-bk.line-top-bk-alpha10 {border-top-color: rgba(26,26,26,1);} /* #1a1a1a */
.pagesection .element-line .container-line .content-line .line-top-bk.line-top-bk-alpha20 {border-top-color: rgba(51,51,51,1);} /* #333333 */
.pagesection .element-line .container-line .content-line .line-top-bk.line-top-bk-alpha30 {border-top-color: rgba(77,77,77,1);} /* #4d4d4d */
.pagesection .element-line .container-line .content-line .line-top-bk.line-top-bk-alpha40 {border-top-color: rgba(102,102,102,1);} /* #666666 */
.pagesection .element-line .container-line .content-line .line-top-bk.line-top-bk-alpha50 {border-top-color: rgba(128,128,128,1);} /* #808080 */
.pagesection .element-line .container-line .content-line .line-top-bk.line-top-bk-alpha60 {border-top-color: rgba(153,153,153,1);} /* #999999 */
.pagesection .element-line .container-line .content-line .line-top-bk.line-top-bk-alpha70 {border-top-color: rgba(179,179,179,1);} /* #b3b3b3 */
.pagesection .element-line .container-line .content-line .line-top-bk.line-top-bk-alpha80 {border-top-color: rgba(204,204,204,1);} /* #cccccc */
.pagesection .element-line .container-line .content-line .line-top-bk.line-top-bk-alpha90 {border-top-color: rgba(230,230,230,1);} /* #e6e6e6 */
.pagesection .element-line .container-line .content-line .line-top-bk.line-top-bk-alpha95 {border-top-color: rgba(242,242,242,1);} /* #f2f2f2 */

/*[ Left ]*/
.pagesection .element-line .container-line .content-line .line-left-bk {border-left-color: rgba(0,0,0,1);} /* #000 */
.pagesection .element-line .container-line .content-line .line-left-bk.line-left-bk-alpha10 {border-left-color: rgba(26,26,26,1);} /* #1a1a1a */
.pagesection .element-line .container-line .content-line .line-left-bk.line-left-bk-alpha20 {border-left-color: rgba(51,51,51,1);} /* #333333 */
.pagesection .element-line .container-line .content-line .line-left-bk.line-left-bk-alpha30 {border-left-color: rgba(77,77,77,1);} /* #4d4d4d */
.pagesection .element-line .container-line .content-line .line-left-bk.line-left-bk-alpha40 {border-left-color: rgba(102,102,102,1);} /* #666666 */
.pagesection .element-line .container-line .content-line .line-left-bk.line-left-bk-alpha50 {border-left-color: rgba(128,128,128,1);} /* #808080 */
.pagesection .element-line .container-line .content-line .line-left-bk.line-left-bk-alpha60 {border-left-color: rgba(153,153,153,1);} /* #999999 */
.pagesection .element-line .container-line .content-line .line-left-bk.line-left-bk-alpha70 {border-left-color: rgba(179,179,179,1);} /* #b3b3b3 */
.pagesection .element-line .container-line .content-line .line-left-bk.line-left-bk-alpha80 {border-left-color: rgba(204,204,204,1);} /* #cccccc */
.pagesection .element-line .container-line .content-line .line-left-bk.line-left-bk-alpha90 {border-left-color: rgba(230,230,230,1);} /* #e6e6e6 */
.pagesection .element-line .container-line .content-line .line-left-bk.line-left-bk-alpha95 {border-left-color: rgba(242,242,242,1);} /* #f2f2f2 */

/*[ Right ]*/
.pagesection .element-line .container-line .content-line .line-right-bk {border-right-color: rgba(0,0,0,1);} /* #000 */
.pagesection .element-line .container-line .content-line .line-right-bk.line-right-bk-alpha10 {border-right-color: rgba(26,26,26,1);} /* #1a1a1a */
.pagesection .element-line .container-line .content-line .line-right-bk.line-right-bk-alpha20 {border-right-color: rgba(51,51,51,1);} /* #333333 */
.pagesection .element-line .container-line .content-line .line-right-bk.line-right-bk-alpha30 {border-right-color: rgba(77,77,77,1);} /* #4d4d4d */
.pagesection .element-line .container-line .content-line .line-right-bk.line-right-bk-alpha40 {border-right-color: rgba(102,102,102,1);} /* #666666 */
.pagesection .element-line .container-line .content-line .line-right-bk.line-right-bk-alpha50 {border-right-color: rgba(128,128,128,1);} /* #808080 */
.pagesection .element-line .container-line .content-line .line-right-bk.line-right-bk-alpha60 {border-right-color: rgba(153,153,153,1);} /* #999999 */
.pagesection .element-line .container-line .content-line .line-right-bk.line-right-bk-alpha70 {border-right-color: rgba(179,179,179,1);} /* #b3b3b3 */
.pagesection .element-line .container-line .content-line .line-right-bk.line-right-bk-alpha80 {border-right-color: rgba(204,204,204,1);} /* #cccccc */
.pagesection .element-line .container-line .content-line .line-right-bk.line-right-bk-alpha90 {border-right-color: rgba(230,230,230,1);} /* #e6e6e6 */
.pagesection .element-line .container-line .content-line .line-right-bk.line-right-bk-alpha95 {border-right-color: rgba(242,242,242,1);} /* #f2f2f2 */

/*[ Bottom ]*/
.pagesection .element-line .container-line .content-line .line-bottom-bk {border-bottom-color: rgba(0,0,0,1);} /* #000 */
.pagesection .element-line .container-line .content-line .line-bottom-bk.line-bottom-bk-alpha10 {border-bottom-color: rgba(26,26,26,1);} /* #1a1a1a */
.pagesection .element-line .container-line .content-line .line-bottom-bk.line-bottom-bk-alpha20 {border-bottom-color: rgba(51,51,51,1);} /* #333333 */
.pagesection .element-line .container-line .content-line .line-bottom-bk.line-bottom-bk-alpha30 {border-bottom-color: rgba(77,77,77,1);} /* #4d4d4d */
.pagesection .element-line .container-line .content-line .line-bottom-bk.line-bottom-bk-alpha40 {border-bottom-color: rgba(102,102,102,1);} /* #666666 */
.pagesection .element-line .container-line .content-line .line-bottom-bk.line-bottom-bk-alpha50 {border-bottom-color: rgba(128,128,128,1);} /* #808080 */
.pagesection .element-line .container-line .content-line .line-bottom-bk.line-bottom-bk-alpha60 {border-bottom-color: rgba(153,153,153,1);} /* #999999 */
.pagesection .element-line .container-line .content-line .line-bottom-bk.line-bottom-bk-alpha70 {border-bottom-color: rgba(179,179,179,1);} /* #b3b3b3 */
.pagesection .element-line .container-line .content-line .line-bottom-bk.line-bottom-bk-alpha80 {border-bottom-color: rgba(204,204,204,1);} /* #cccccc */
.pagesection .element-line .container-line .content-line .line-bottom-bk.line-bottom-bk-alpha90 {border-bottom-color: rgba(230,230,230,1);} /* #e6e6e6 */
.pagesection .element-line .container-line .content-line .line-bottom-bk.line-bottom-bk-alpha95 {border-bottom-color: rgba(242,242,242,1);} /* #f2f2f2 */


/*[[[ White ]]]*/
/*[ All ]*/
.pagesection .element-line .container-line .content-line .line-wt {border-color: rgba(255,255,255,1);} /* #FFF */

/*[ Top ]*/
.pagesection .element-line .container-line .content-line .line-top-wt {border-top-color: rgba(255,255,255,1);} /* #FFF */

/*[ Left ]*/
.pagesection .element-line .container-line .content-line .line-left-wt {border-left-color: rgba(255,255,255,1);} /* #FFF */

/*[ Right ]*/
.pagesection .element-line .container-line .content-line .line-right-wt {border-right-color: rgba(255,255,255,1);} /* #FFF */

/*[ Bottom ]*/
.pagesection .element-line .container-line .content-line .line-bottom-wt {border-bottom-color: rgba(255,255,255,1);} /* #FFF */


/*[[[ Main ]]]*/
/*[ All ]*/
.pagesection .element-line .container-line .content-line .line-main {border-color: rgba(0,0,0,1);} /* #000 */

/*[ Top ]*/
.pagesection .element-line .container-line .content-line .line-top-main {border-top-color: rgba(0,0,0,1);} /* #000 */

/*[ Left ]*/
.pagesection .element-line .container-line .content-line .line-left-main {border-left-color: rgba(0,0,0,1);} /* #000 */

/*[ Right ]*/
.pagesection .element-line .container-line .content-line .line-right-main {border-right-color: rgba(0,0,0,1);} /* #000 */

/*[ Bottom ]*/
.pagesection .element-line .container-line .content-line .line-bottom-main {border-bottom-color: rgba(0,0,0,1);} /* #000 */










/*[[[[[ Section Line ]]]]]*/
/*[[[ Basic ]]]*/
.pagesection .element-line .container-line .content-line hr.line-section {
	margin: 0;
	padding: 0;
	font-size: 0;
}


/*[[[ Width ]]]*/
.pagesection .element-line .container-line .content-line .line-section.line-width-lv1 {border:none; border-top-width:1px;}
.pagesection .element-line .container-line .content-line .line-section.line-width-lv2 {border:none; border-top-width:2px;}
.pagesection .element-line .container-line .content-line .line-section.line-width-lv3 {border:none; border-top-width:3px;}
.pagesection .element-line .container-line .content-line .line-section.line-width-lv4 {border:none; border-top-width:4px;}


/*[[[ Type ]]]*/
/*[ Solid ]*/
.pagesection .element-line .container-line .content-line .line-section.line-solid {border-top-style:solid;}

/*[ Dot ]*/
.pagesection .element-line .container-line .content-line .line-section.line-dot {border-top-style:dotted;}


/*[[[ Colors ]]]*/
/*[ Black ]*/
.pagesection .element-line .container-line .content-line .line-section.line-bk {border-top-color: rgba(0,0,0,1);} /* #000 */
.pagesection .element-line .container-line .content-line .line-section.line-bk.line-alpha10 {border-top-color: rgba(26,26,26,1);} /* #1a1a1a */
.pagesection .element-line .container-line .content-line .line-section.line-bk.line-alpha20 {border-top-color: rgba(51,51,51,1);} /* #333333 */
.pagesection .element-line .container-line .content-line .line-section.line-bk.line-alpha30 {border-top-color: rgba(77,77,77,1);} /* #4d4d4d */
.pagesection .element-line .container-line .content-line .line-section.line-bk.line-alpha40 {border-top-color: rgba(102,102,102,1);} /* #666666 */
.pagesection .element-line .container-line .content-line .line-section.line-bk.line-alpha50 {border-top-color: rgba(128,128,128,1);} /* #808080 */
.pagesection .element-line .container-line .content-line .line-section.line-bk.line-alpha60 {border-top-color: rgba(153,153,153,1);} /* #999999 */
.pagesection .element-line .container-line .content-line .line-section.line-bk.line-alpha70 {border-top-color: rgba(179,179,179,1);} /* #b3b3b3 */
.pagesection .element-line .container-line .content-line .line-section.line-bk.line-alpha80 {border-top-color: rgba(204,204,204,1);} /* #cccccc */
.pagesection .element-line .container-line .content-line .line-section.line-bk.line-alpha90 {border-top-color: rgba(230,230,230,1);} /* #e6e6e6 */
.pagesection .element-line .container-line .content-line .line-section.line-bk.line-alpha95 {border-top-color: rgba(242,242,242,1);} /* #f2f2f2 */

/*[ White ]*/
.pagesection .element-line .container-line .content-line .line-section.line-wt {border-top-color: rgba(255,255,255,1);} /*#FFF*/





/*----- [[[[[ Frame Parts ]]]]] -----*/
/*[[[ Inframe ]]]*/
[class*=in-frame-] {
	width:auto;
	height: auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.in-frame-lv00 {padding:0px;}
.in-frame-lv00-leftright {padding-left:.5em; padding-right:.5em;}
.in-frame-lv0 {padding:5px;}
.in-frame-lv0-leftright {padding-left:.5em; padding-right:.5em;}
.in-frame-lv1 {padding:12px;}
.in-frame-lv1-leftright {padding-left:1em; padding-right:1em;}
.in-frame-lv2 {padding:16px;}
.in-frame-lv2-leftright {padding-left:1.3em; padding-right:1.3em;}
.in-frame-lv3 {padding:20px;}
.in-frame-lv3-leftright {padding-left:1.8em; padding-right:1.8em;}
.in-frame-lv4 {padding:24px;}
.in-frame-lv4-leftright {padding-left:2.1em; padding-right:2.1em;}
.in-frame-lv5 {padding:30px;}
.in-frame-lv5-leftright {padding-left:2.6em; padding-right:2.6em;}
.in-frame-lv6 {padding:38px;}
.in-frame-lv6-leftright {padding-left:3.2em; padding-right:3.2em;}

@media screen and (max-width:767px) {
.in-frame-lv00 {padding:0;}
.in-frame-lv00-leftright {padding-left:.4em; padding-right:.4em;}
.in-frame-lv0 {padding:4px;}
.in-frame-lv0-leftright {padding-left:.4em; padding-right:.4em;}
.in-frame-lv1 {padding:10px;}
.in-frame-lv1-leftright {padding-left:.8em; padding-right:.8em;}
.in-frame-lv2 {padding:14px;}
.in-frame-lv2-leftright {padding-left:1.1em; padding-right:1.1em;}
.in-frame-lv3 {padding:16px;}
.in-frame-lv3-leftright {padding-left:1.4em; padding-right:1.4em;}
.in-frame-lv4 {padding:20px;}
.in-frame-lv4-leftright {padding-left:1.7em; padding-right:1.7em;}
.in-frame-lv5 {padding:24px;}
.in-frame-lv5-leftright {padding-left:2.0em; padding-right:2.0em;}
.in-frame-lv6 {padding:30px;}
.in-frame-lv6-leftright {padding-left:2.4em; padding-right:2.4em;}
} /* @media screen and (max-width:767px) end */

@media screen and (max-width:575px) {
.in-frame-lv00 {padding:0;}
.in-frame-lv00-leftright {padding-left:.3em; padding-right:.3em;}
.in-frame-lv0 {padding:4px;}
.in-frame-lv0-leftright {padding-left:.3em; padding-right:.3em;}
.in-frame-lv1 {padding:8px;}
.in-frame-lv1-leftright {padding-left:.6em; padding-right:.6em;}
.in-frame-lv2 {padding:10px;}
.in-frame-lv2-leftright {padding-left:.8em; padding-right:.8em;}
.in-frame-lv3 {padding:11px;}
.in-frame-lv3-leftright {padding-left:1.1em; padding-right:1.1em;}
.in-frame-lv4 {padding:14px;}
.in-frame-lv4-leftright {padding-left:1.3em; padding-right:.1.3em;}
.in-frame-lv5 {padding:17px;}
.in-frame-lv5-leftright {padding-left:1.5em; padding-right:.1.5em;}
.in-frame-lv6 {padding:21px;}
.in-frame-lv6-leftright {padding-left:1.8em; padding-right:.1.8em;}
} /* @media screen and (max-width:575px) end */

.in-frame-no-topbottom {padding-top:0; padding-bottom:0;}
.in-frame-no-leftright {padding-left:0; padding-right:0;}
.in-frame-no-top {padding-top:0;}
.in-frame-no-bottom {padding-bottom:0;}
.in-frame-no-left {padding-left:0;}
.in-frame-no-right {padding-right:0;}










/*
[[[ Others ]]] 
*/

/*----- [[[[[ Font Awesome Space ]]]]] -----*/
/*[ Margin ]*/
.fa.add-sp-l {margin-left: .5rem;}
.fa.add-sp-r {margin-right: .5rem;}





/*----- [[[[[ SNS Icon List ]]]]] -----*/
/*(for Exhibitor List Detail )*/
.sns-icon-list > li {
	display: inline-block;
}
.sns-icon-list li:not(:last-child) {
	margin-right: .5rem;
}





/*----- [[[[[ Light Gallery ]]]]] -----*/
.lg-outer .lg-item {
 background: url("../images/loading.gif") no-repeat scroll center center transparent;
}
.lg-outer .lg-has-vimeo .lg-video-play {
 background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
 background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
 background: transparent url("../images/video-play.png") no-repeat scroll 0 0;
}
.lg-outer .lg-has-youtube .lg-video-play {
 background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
 background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent;
}











/*
[[[ Frame ]]]
*/

/*----- [[[[[ Container Full Frame ]]]]] -----*/

/*[[[[[ Full Frame ]]]]]*/
.container-full {
	margin:0;
	padding:0;
}

/*[ Border Bottom Line ]*/
.container-full.border-btm-line {
	border-bottom: 3px solid rgba(9,49,86,1); /* #093156 */
}


/*[[[ Side Frame ]]]*/
.container-full .container-side {
	margin: 0;
	padding: 0;
}

/*[ Back Ground ]*/
.container-full .container-side.bg-side {
	background-color: #5d7a8a;
}



/*[[[ Main Frame ]]]*/
.container-full .container-main {
	margin: 0;
	padding: 0;
}


@media screen and (min-width: 992px) {
	/*[[[[[ Full Frame ]]]]]*/
	.container-full {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	/*[ Border Bottom Line ]*/
	.container-full.border-btm-line {
		border-bottom: 3px solid rgba(9,49,86,1); /* #093156 */
	}


	/*[[[ Side Frame ]]]*/
	.container-full .container-side {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		flex-basis: 262px;
		width: 262px;
	}

	/*[ In Frame ]*/
	.container-full .container-side .in-frame-side {
		padding-top: 24px;
		padding-bottom: 24px;
		padding-left: 18px;
		padding-right: 18px;
	}


	/*[[[ Main Frame ]]]*/
	.container-full .container-main {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
	}

} /* @media screen and (min-width: 992px) end */


@media screen and (max-width: 991px) {
	/*[ In Frame ]*/
	.container-full .container-side .in-frame-side {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: cetner;
		align-items: center;
	}

} /* @media screen and (max-width: 991px) end */


/*[[[ read text ]]]*/
.text-read-frame {
	line-height: 3.5rem;
	border: 3px solid #5B2624;
	font-weight:bold;
	padding: 25px 0px;
	border-width: 3px 0px 3px 0px;
	margin: 3rem auto;
	max-width: 900px;
}
.text-read {
	font-size: larger;
	background-image: repeating-linear-gradient(-45deg, #fbd727 0, #fbd727 3px, transparent 3px, transparent 6px);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 31%;
}

@media screen and (max-width: 991px) {
	.text-read-frame {
		margin: 3rem 2rem;
		line-height: normal;
        font-size: medium;
	}
}

/*[[[[[ Fix ]]]]]*/
	.sticky {
		position: -webkit-sticky;
		position: sticky;
		z-index: 998;
		top: 0;
	}





/*----- [[[[[ Bootstrap Container Resize ]]]]] -----*/

@media screen and (min-width: 768px) {
	#p-index .container {
		width: auto;
		max-width: 100%;
	}

} /* @media screen and (min-width: 768px) end */


@media screen and (min-width: 768px) {
	#p-page .container {
		width: auto;
		max-width: 100%;
	}

} /* @media screen and (min-width: 1200px) end */


@media screen and (min-width: 1440px) {
	#p-page .container {
		max-width: 1170px;
	}

} /* @media screen and (min-width: 1440px) end */













/*
[[[ CCL Logo, Calendar, Now On Air and SNS Icons ]]]
*/

/*----- [[[[[ CCL Logo ]]]]] -----*/

@media screen and (max-width:991px) {
	#ccl-logo {
		-ms-flex-preferred-size: 68px;
		flex-basis: 68px;
		width: 68px;
	}

	/*----- [[[[[ CCL Logo ]]]]] -----*/
	#ccl-logo .logo {
		padding:5px 7px;
		box-sizing: border-box;
	}

} /* @media screen and (max-width:991px) end */





/*----- [[[[[ Calendar and Now On Air ]]]]] -----*/

@media screen and (min-width:992px) {
	/*[[[[[ Frame ]]]]]*/
	.calendar-noa {
		box-sizing: border-box;
		background: rgba(255,255,255,.9); /* #FFFFFF */
		border-radius: 7px;
	}

} /* @media screen and (min-width:992px) end */


@media screen and (max-width: 991px) {
	/*[[[[[ Frame ]]]]]*/
	.calendar-noa {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width:100%;
	}

	/*[[[[[ NOA Frame ]]]]]*/
	.noa-frame {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

} /* @media screen and (max-width: 991px) end */





/*[[[[[ Calendar ]]]]]*/

/*[[[ Year, Date and Week ]]]*/
	#calendar .txt-calendar .year,
	#calendar .txt-calendar .date,
	#calendar .txt-calendar .week {
		line-height: 1.2;
	}

@media screen and (min-width: 992px) {
	/*[[[ Year, Date and Week ]]]*/
	#calendar .txt-calendar .year,
	#calendar .txt-calendar .date {
		display: block;
	}
	#calendar .txt-calendar .date {
		margin-top: 5px;
	}

} /* @media screen and (min-width: 992px) end */


@media screen and (max-width: 991px) {
	#calendar {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#calendar .txt-calendar .year {
		display: block;
		line-height: 1;
		color: white;
	}
	#calendar .txt-calendar .date {
		line-height: 1.1;
		color: white;
	}
	#calendar .txt-calendar .week {
		font-size:1.2em;
		margin-left: .7rem;
		color: white;

	}

} /* @media screen and (max-width: 991px) end */





/*[[[[[ Now On Air ]]]]]*/

/*[[[ NOA Title ]]]*/
.noa .noa-title {
	margin: 0;
	padding: 7px 16px;
	border-radius: 7px 7px 0 0;
	background: rgba(97,40,28,1); /* #61281C */
}


/*[[[ NOA Panel ]]]*/
.noa .noa-panel {
	margin: 0;
	padding: 0;
	text-indent: 0;
	letter-spacing: 0;
}
.noa .noa-panel a:hover {
	opacity: .7;
}


/*[[[ NOA radiko ]]]*/
.noa .noa-radiko {
	margin: 0;
	padding: 0;
}
.noa .noa-radiko a {
	display: block;
	border-radius: 0 0 7px 7px;
	padding: 12px 12px;
	background: rgba(32,156,216,1); /* #209CD8 */
}
.noa .noa-radiko a:hover {
	opacity: .7;
}


@media screen and (max-width: 991px) {
	#p-page #nowonair-spn {
		display: none;
	}


.noa {
		max-width: 72%;
		margin-left: auto;
		margin-right: auto;
	}
	.noa .nowonair-spn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		/*-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;*/
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
	}

	/*[[[ NOA Title ]]]*/
	.noa .nowonair-spn .noa-title {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
		padding: 3px 0;
		border-radius: 7px 7px 0 0;
		box-sizing: border-box;
		/*display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;*/
	}
.noa .nowonair-spn .noa-title img {
		max-width: 48%;
	}


	/*[[[ NOA Panel ]]]*/
 .noa .nowonair-spn .noa-panel {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		width: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.noa .nowonair-spn .noa-panel img { /* for IE Bugs */
		-ms-flex-preferred-size:100%;
		flex-basis: 100%;
		width: 100%;
	}

	/*[[[ NOA radiko ]]]*/
 .noa .nowonair-spn .noa-radiko {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		width: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background: rgba(32,156,216,1); /* #209CD8 */
		
	}
	.noa .nowonair-spn .noa-radiko a {
		display: block;
		border-radius: 0;
		padding: 0 24px;
	}
	.noa .nowonair-spn .noa-radiko img { /* for IE Bugs */
		-ms-flex-preferred-size:100%;
		flex-basis: 100%;
		width: 100%;
	}


} /* @media screen and (max-width: 991px) end */


@media screen and (max-width: 767px) {
	.noa {
		max-width: 100%;
		padding-left: 12px;
		padding-right: 12px;
	}

} /* @media screen and (max-width: 767px) end */





/*----- [[[[[ SNS Icons ]]]]] -----*/

/*[[[ Icons ]]]*/
#sns-icons .sns-icons-list {
	text-align: center;
	font-size: 0;
	margin: 0;
	padding: 0;
}
#sns-icons .sns-icons-list li {
	max-width:36px;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}
#sns-icons .sns-icons-list li a {
	display: block;
}
#sns-icons .sns-icons-list li a:hover {
	opacity: .7;
}


@media screen and (max-width:991px) {
	#sns-icons .sns-icons-list li {
		max-width:28px;
		margin-left: 6px;
		margin-right: 0;
	}

} /* @media screen and (max-width:991px) end */










/*
[[[ Header ]]]
*/

/*----- [[[[[ Main Header ]]]]] -----*/

/*[[[ Header Logo Title ]]]*/
#main-header .logo-ttl {
	margin: 0;
	padding: 0;
}

.logo-ttl img {
    filter: drop-shadow(2px 2px 3px #4c5669a3);
}


/*[[[[[ Back Ground Image ]]]]]*/
#main-header.bg-header {
	background: url(../images/bg_image_header_2512.jpg) repeat center;
}

@media screen and (max-width: 575px) {
#main-header.bg-header {
	background-size: 100% auto;
	}
}

@media screen and (max-width: 991px) {
	#main-header.bg-header {
	background: url(../images/bg_image_header_2512.jpg) repeat center;
	background-size: cover;
	}
}

/*[[[[[ Date ]]]]]*/
#main-header .date-txt {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	vertical-align: text-bottom;
	filter: drop-shadow(1px 2px 2px #4c5669a3);
}
/*[[[ Month ]]]*/
#main-header .date-txt .dt-month {
	font-size: 48px;
	position: relative;
	bottom: 0;
}
/*[[[ Day ]]]*/
#main-header .date-txt .dt-day {
	font-size: 74px;
	position: relative;
	bottom: -4px;
}
/*[[[ Week ]]]*/
#main-header .date-txt .dt-week {
	position: relative;
	bottom: 8px;
	display: inline-block;
	margin-left: 8px;
}
#main-header .date-txt .dt-week .dt-circle {
	display: flex;
	align-items: center;
	padding: 8px;
	border-radius: 36px;
}
#main-header .date-txt .dt-week .dt-circle strong {
	font-size:16px;
}
/*[[[ To ]]]*/
#main-header .date-txt .dt-between {
	position: relative;
	bottom: 12px;
	margin-left: 16px;
	margin-right: 16px;

}


@media screen and (max-width: 991px) and (min-width: 768px) {
	/*[[[ Month ]]]*/
	#main-header .date-txt .dt-month {
		font-size: 42px;
	}
	/*[[[ Day ]]]*/
	#main-header .date-txt .dt-day {
		font-size: 64px;
	}
	/*[[[ Week ]]]*/
	#main-header .date-txt .dt-week {
		position: relative;
		bottom: 6px;
		display: inline-block;
		margin-left: 6px;
	}
	#main-header .date-txt .dt-week .dt-circle {
		font-size:16px;
		padding: 8px;
		border-radius: 24px;
	}
	/*[[[ To ]]]*/
	#main-header .date-txt .dt-between {
		position: relative;
		bottom: 8px;
		margin-left: 11px;
		margin-right: 11px;
	}

}


@media screen and (max-width: 767px) and (min-width: 576px) {
	/*[[[ Month ]]]*/
	#main-header .date-txt .dt-month {
		font-size: 36px;
	}
	/*[[[ Day ]]]*/
	#main-header .date-txt .dt-day {
		font-size: 58px;
	}
	/*[[[ Week ]]]*/
	#main-header .date-txt .dt-week {
		position: relative;
		bottom: 5px;
		display: inline-block;
		margin-left: 6px;
	}
	#main-header .date-txt .dt-week .dt-circle {
		font-size:15px;
		padding: 7px;
		border-radius: 24px;
	}
	/*[[[ To ]]]*/
	#main-header .date-txt .dt-between {
		position: relative;
		bottom: 6px;
		margin-left: 10px;
		margin-right: 10px;
	}

}



@media screen and (max-width: 575px) {
	/*[[[ Month ]]]*/
	#main-header .date-txt .dt-month {
		font-size: 28px;
	}
	/*[[[ Day ]]]*/
	#main-header .date-txt .dt-day {
		font-size: 48px;
	}
	/*[[[ Week ]]]*/
	#main-header .date-txt .dt-week {
		position: relative;
		bottom: 2px;
		display: inline-block;
		margin-left: 5px;
	}
	#main-header .date-txt .dt-week .dt-circle {
		font-size:13px;
		padding: 6px;
		border-radius: 24px;
	}
	/*[[[ To ]]]*/
	#main-header .date-txt .dt-between {
		position: relative;
		bottom: 6px;
		margin-left: 10px;
		margin-right: 10px;
	}

}










/*
[[[ Global Navi ]]]
*/

/*----- [[[[[ Global Navi ]]]]] -----*/

/*[[[[[ Date and Week ]]]]]*/
#global-navi .gnavi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}
#global-navi .gnavi li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-pack: center;
	-ms-flex-pack :center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	width: 25%;
	border-left: 1px solid #eee;
}

#global-navi .gnavi li a {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-pack: center;
	-ms-flex-pack :center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	padding: 0;
}
#global-navi .gnavi li a,
#global-navi .gnavi li a:hover {
	text-decoration: none;
}


/*[[[ Week Back Ground Color ]]]*/

#global-navi .gnavi [class*=gn-] {
	position: relative;
	z-index: 2;
	border-width: 2px;
	border-style: solid;
	color: #FFF;
	outline: 0;
}
#global-navi .gnavi [class*=gn-]:hover {
	background: #FFF;
}
#global-navi .gnavi [class*=gn-]::before,
#global-navi .gnavi [class*=gn-]::after {
	left: 0;
	width: 100%;
	height: 50%;
	position: absolute;
 z-index: -1;
 display: block;
 content: '';
}
#global-navi .gnavi [class*=gn-],
#global-navi .gnavi [class*=gn-]::before,
#global-navi .gnavi [class*=gn-]::after {
	-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
#global-navi .gnavi [class*=gn-]::before {
	top: 0;
}
#global-navi .gnavi [class*=gn-]::after {
	bottom: 0;
}
#global-navi .gnavi [class*=gn-]:hover::before,
#global-navi .gnavi [class*=gn-]:hover::after {
	height: 0;
}

/*[ Active ]*/
#p-page.p-week #global-navi .gnavi .gn-week,
#p-page.p-fri #global-navi .gnavi .gn-fri,
#p-page.p-sat #global-navi .gnavi .gn-sat,
#p-page.p-sun #global-navi .gnavi .gn-sun {
	background: rgba(255,255,255,1); /* #FFFFFF */
	border-width: 5px;
}
#p-page.p-week #global-navi .gnavi .gn-week::before,
#p-page.p-week #global-navi .gnavi .gn-week::after,
#p-page.p-fri #global-navi .gnavi .gn-fri::before,
#p-page.p-fri #global-navi .gnavi .gn-fri::after,
#p-page.p-sat #global-navi .gnavi .gn-sat::before,
#p-page.p-sat #global-navi .gnavi .gn-sat::after,
#p-page.p-sun #global-navi .gnavi .gn-sun::before,
#p-page.p-sun #global-navi .gnavi .gn-sun::after {
	background: rgba(255,255,255,1); /* #54c86e */
}
#p-page.p-week #global-navi .gnavi .gn-week::after,
#p-page.p-fri #global-navi .gnavi .gn-fri::after,
#p-page.p-sat #global-navi .gnavi .gn-sat::after,
#p-page.p-sun #global-navi .gnavi .gn-sun::after {
	width: 40px;
 height: 40px;
 border: 5px solid;
 transform: rotate(-45deg);
 position: absolute;
 left: 50%;
 margin-left: -20px;
 bottom: -20px;
 z-index: -1;
}

@media screen and (max-width: 767px) {
	/*[ Active ]*/
	#p-page.p-week #global-navi .gnavi .gn-week,
	#p-page.p-fri #global-navi .gnavi .gn-fri,
	#p-page.p-sat #global-navi .gnavi .gn-sat,
	#p-page.p-sun #global-navi .gnavi .gn-sun {
		border-width: 3px;
	}
	#p-page.p-week #global-navi .gnavi .gn-week::after,
	#p-page.p-fri #global-navi .gnavi .gn-fri::after,
	#p-page.p-sat #global-navi .gnavi .gn-sat::after,
	#p-page.p-sun #global-navi .gnavi .gn-sun::after {
		width: 24px;
	 height: 24px;
	 border: 3px solid;
	 margin-left: -12px;
	 bottom: -12px;
	}
}


/*[ Weekday ]*/
#global-navi .gnavi .gn-week {
	border-color: #093156;
	background: #093156;
}
#global-navi .gnavi .gn-week:hover {
	border-color: #093156; /* #54c86e */
	color: #093156; /* #54c86e */
}
#global-navi .gnavi .gn-week::before,
#global-navi .gnavi .gn-week::after {
	border-color: #093156; /* #54c86e */
}
#global-navi .gnavi .gn-week:hover::before,
#global-navi .gnavi .gn-week:hover::after {
	background: #093156; /* #54c86e */
}
/*[ Active ]*/
#p-page.p-week #global-navi .gnavi .gn-week {
	color: #093156; /* #54c86e */
}
#p-page.p-week #global-navi .gnavi .gn-week::after {
 border-color:  transparent transparent #093156 #093156;
}


/*[ Friday ]*/
#global-navi .gnavi .gn-fri {
	border-color: #093156;
	background: #093156;
}
#global-navi .gnavi .gn-fri:hover {
	border-color: #093156;
	color: #093156;
}
#global-navi .gnavi .gn-fri::before,
#global-navi .gnavi .gn-fri::after {
	border-color: #093156;
}
#global-navi .gnavi .gn-fri:hover::before,
#global-navi .gnavi .gn-fri:hover::after {
	background: #093156;
}
/*[ Active ]*/
#p-page.p-fri #global-navi .gnavi .gn-fri {
	color: #093156;
}
#p-page.p-fri #global-navi .gnavi .gn-fri::after {
 border-color:  transparent transparent #093156 #093156;
}


/*[ Saturday ]*/
#global-navi .gnavi .gn-sat {
	border-color: #093156;
	background: #093156;
}
#global-navi .gnavi .gn-sat:hover {
	border-color: #093156;
	color: #093156;
}
#global-navi .gnavi .gn-sat::before,
#global-navi .gnavi .gn-sat::after {
	border-color: #093156;
}
#global-navi .gnavi .gn-sat:hover::before,
#global-navi .gnavi .gn-sat:hover::after {
	background: #093156;
}
/*[ Active ]*/
#p-page.p-sat #global-navi .gnavi .gn-sat {
	color: #093156;
}
#p-page.p-sat #global-navi .gnavi .gn-sat::after {
 border-color:  transparent transparent #093156 #093156;
}


/*[ Sunday ]*/
#global-navi .gnavi .gn-sun {
	border-color: #093156;
	background: #093156;
}
#global-navi .gnavi .gn-sun:hover {
	border-color: #093156;
	color: #093156;
}#093156
#global-navi .gnavi .gn-sun::before,
#global-navi .gnavi .gn-sun::after {
	border-color: #093156;
}
#global-navi .gnavi .gn-sun:hover::before,
#global-navi .gnavi .gn-sun:hover::after {
	background: #093156;
}
/*[ Active ]*/
#p-page.p-sun #global-navi .gnavi .gn-sun {
	color: #093156;
}
#p-page.p-sun #global-navi .gnavi .gn-sun::after {
 border-color:  transparent transparent #093156 #093156;
}


/*[[[ Date ]]]*/
#global-navi .gnavi li .date {
	display: block;
	line-height: 1.2;
}


@media screen and (max-width: 991px) {
	#global-navi .gnavi li .date {
		margin-top: 3px;
		font-size: 4.8vw;
		line-height: 1;
	}

	#global-navi .gnavi li .week {
		font-size: 3vw;
		line-height: 1;
	}

} /* @media screen and (max-width: 991px) end */










/*
[[[ Footer ]]]
*/

/*----- [[[[[ Logos ]]]]] -----*/
#main-footer .logos {
	width:auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	list-style: none;
	text-align: center;
}
#main-footer .logos li {
	width:auto;
	height: auto;
}
#main-footer .logos img {
	display: inline-block;
}


@media screen and (max-width: 991px) {
	#main-footer .logos li {
		width:66.6%;
		margin-left: auto;
		margin-right: auto;
	}

} /* @media screen and (max-width: 991px) end */






/*----- [[[[[ SNS ]]]]] -----*/

/*[[[ Buttons ]]]*/
#main-footer .sns-btns {
	width:auto;
	height: auto;
	padding: 0;
	text-align: center;
}
#main-footer .sns-btns .social {
	display: inline-block;
	line-height: 1;
	vertical-align: top;
}





/*----- [[[ Copyright ]]] -----*/
#main-footer .copyright {
	text-align:center;
}
#main-footer .copyright a {
	text-decoration:underline;
}
#main-footer  .copyright a:hover {
	text-decoration:none;
}










/*----- [[[[[ Page Top Btn ]]]]] -----*/
.pagetop {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	position:fixed;
	right:2rem;
	bottom:5rem;
	list-style:none;
	display:none;
	z-index: 1030;
}
.pagetop a {
	width:72px;
	height:72px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/btn_pagetop.png) no-repeat 0 0;
	-webkit-background-size:72px auto;
	-moz-background-size:72px auto;
	-ms-background-size:72px auto;
	-o-background-size:72px auto;
	background-size:72px auto;
	display:block;
	overflow:hidden;
	text-decoration:none;
}
.pagetop a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


@media screen and (max-width:575px) {
	.pagetop {
		left: 50%;
		right:inherit;
		bottom:1rem;
		margin-left: -19px;
	}
	.pagetop a {
		width:38px;
		height:38px;
		background:url(../images/btn_pagetop.png) no-repeat 0 0;
		-webkit-background-size:38px auto;
		-moz-background-size:38px auto;
		-ms-background-size:38px auto;
		-o-background-size:38px auto;
		background-size:38px auto;
	}

} /* @media screen and (max-width:575px) end */










/*
[[[ Card (for Index Page) ]]]
*/

@media screen and (max-width: 767px) {
	#p-index #content .out-frame {
		padding-left: 0;
		padding-right: 0;
	}

}


/*----- [[[[[ Card Format ]]]]] -----*/

/*[[[[[ List ]]]]]*/
.card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}


.card .card-item {
	position: relative;
}


@media screen and (min-width: 1366px) {
	.card .card-item {
		width: calc(20% - 12px);
		margin: 0 15px 15px 0;
	}

	.card .card-item:nth-child(5n) {
		margin-right: 0;
	}

}


@media screen and (max-width: 1365px) and (min-width: 1200px) {
	.card .card-item {
		width: calc(25% - 12px);
		margin: 0 15px 15px 0;
	}

	.card .card-item:nth-child(4n) {
		margin-right: 0;
	}

}


@media screen and (max-width: 1199px) and (min-width: 768px) {
	.card .card-item {
		width: calc(33.33333% - 10px);
		margin: 0 15px 15px 0;
	}

	.card .card-item:nth-child(3n) {
		margin-right: 0;
	}

}


@media screen and (max-width: 767px) and (min-width: 576px) {
	.card .card-item {
		width: calc(33.33333% - 10px);
		margin: 0 15px 15px 0;
	}

	.card .card-item:nth-child(3n) {
		margin-right: 0;
	}

}


@media screen and (max-width: 575px) {
	.card .card-item {
		width: calc(50% - 6px);
		margin: 0 12px 15px 0;
	}

	.card .card-item:nth-child(2n) {
		margin-right: 0;
	}

}



.card .card-border {
	border: 1px solid rgba(220,221,221,1); /* #DCDDDD */
	box-sizing: border-box;
}


/*[[[[[ Card Setting ]]]]]*/
/*[[[ Patch ]]]*/
.card .card-item .card-item-patch {
	position: absolute;
	max-width: 48px;
	z-index: 10;
	left: -8px;
	top: -8px;
}


@media screen and (min-width: 768px) {
	/*[[[ Patch ]]]*/
	.card .card-item .card-item-patch {
		animation: fluffy 3s ease infinite;
	}

	@keyframes fluffy {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-12px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-8px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
	}

}


@media screen and (max-width: 1199px) and (min-width: 992px) {
	/*[[[ Patch ]]]*/
	.card .card-item .card-item-patch {
		max-width: 42px;
		left: -6px;
	}

}


@media screen and (max-width: 991px) and (min-width: 768px) {
	/*[[[ Patch ]]]*/
	.card .card-item .card-item-patch {
		max-width: 40px;
		left: -5px;
	}

}


@media screen and (max-width: 767px) and (min-width: 576px) {
	/*[[[ Patch ]]]*/
	.card .card-item .card-item-patch {
		max-width: 36px;
		left: -5px;
	}

}


@media screen and (max-width: 575px) {
	/*[[[ Patch ]]]*/
	.card .card-item .card-item-patch {
		max-width: 32px;
		left: -5px;
	}

}


/*[[[ Pics ]]]*/
.card .card-item .card-item-pics {
	background-color: rgb(201 201 201); /* #F7F7F7 */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


/*[[[ Category and Title ]]]*/
/*[ Category ]*/
.card .card-item .card-item-category {
	margin-top: 0;
	margin-bottom: 0;
}

/*[ Color (Purple)]*/
.card .card-item .ct-purple {
	color: rgba(145,7,130,1); /* #910782 */
}
/*[ Color (Red)]*/
.card .card-item .ct-red {
	color: rgba(232,56,40,1); /* #E83828 */
}
/*[ Color (Pink)]*/
.card .card-item .ct-pink {
	color: rgba(228,0,127,1); /* #E4007F */
}


/*[ Title ]*/
.card .card-item .card-item-title {
	line-height: 1.5;
	margin-top: 3px;
	margin-bottom: 0;
	word-break: break-all;
}





/*[[[[[ Program Info ]]]]]*/
.card .card-item .prg-frame {
	background: rgba(247,248,248,1); /* #F7F8F8 */
	border: 1px solid rgba(239,239,239,1); /* #EFEFEF */
}


/*[[[ On Air Day ]]]*/
.card .card-item .card-item-date {
	margin-top: 0;
	margin-bottom: 0;
}

/*[ Color (Week)]*/
.card .card-item .cp-week {
	color: rgba(84,200,110,1); /* #54c86e */
}
/*[ Color (Friday)]*/
.card .card-item .cp-fri {
	color: #e18d44;
}
/*[ Color (Saturday)]*/
.card .card-item .cp-sat {
	color: #4b6ed1;
}
/*[ Color (Sunday)]*/
.card .card-item .cp-sun {
	color: #d14b4b;
}



/*[[[ Program ]]]*/
.card .card-item .card-item-prg {
	margin: 0 0 14px 0;
	padding: 0;
}

/*[ Program Name ]*/
.card .card-item .card-item-prg-name {
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 0;
	word-break: break-all;
}

/*[ Program Time ]*/
.card .card-item .card-item-prg-time {
	margin-top: 5px;
	margin-bottom: 0;
}

/*[ Program Comment ]*/
.card .card-item .card-item-prg-com {
	margin-bottom: 14px;
	word-break: break-all;
}










/*
[[[ Program Comportment (for Timetable Page) ]]]
*/

@media screen and (max-width: 767px) {
	#p-page #content .out-frame {
		padding-left: 0;
		padding-right: 0;
	}

} /* @media screen and (max-width: 767px) end */





/*----- [[[[[ Program Comportment ]]]]] -----*/

/*[[[[[ Detail ]]]]]*/
.prg-detail {
	background: rgba(255,255,255,1); /* #FFFFFF */
	border: 1px solid rgba(220,221,221,1); /* #DCDDDD */
	box-sizing: border-box;
}


/*[[[[[ Header ]]]]]*/
.prg-detail .prg-header {
	background: rgba(248,247,241,1); /* #F8F7F1 */
	position: relative;
}

/*[ Program Time ]*/
.prg-detail .prg-header .prg-detail-time {
	display: block;
	position: absolute;
	top: -18px;
	left: -12px;
	z-index: 20;
}
.prg-detail .prg-header .prg-detail-time .circle {
 padding: 0;
 margin: 0;
 text-align: center;
 display: inline-block;
 border-radius: 50%;
}
/*[ Week ]*/
.prg-detail .prg-header .prg-detail-time .circle.bg-week {
	background: rgba(84,200,110,1); /* #54c86e */
}
/*[ Friday ]*/
.prg-detail .prg-header .prg-detail-time .circle.bg-fri {
	background: #e18d44;
}
/*[ Saturday ]*/
.prg-detail .prg-header .prg-detail-time .circle.bg-sat {
	background: #4b6ed1;
}
/*[ Sunday ]*/
.prg-detail .prg-header .prg-detail-time .circle.bg-sun {
	background: #d14b4b;
}


/*[[[ Program Time, Name List and DJ face ]]]*/
.prg-detail .prg-header .prg-detail-box {
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


/*[ Program Name List ]*/
.prg-detail .prg-header .prg-detail-box .prg-detail-name .prg-detail-name-list {
	margin: 0;
	padding: 0;
}


/*[ Name ]*/
.prg-detail .prg-header .prg-detail-box .prg-detail-name .name {
	line-height: 1.3;
}


/*[ Icon ]*/
.prg-detail .prg-header .prg-detail-box .prg-detail-name .icon {
	display: inline-block;
	padding: 5px 8px;
	font-size: 88%;
	line-height: 1;
	border-radius: 20px;
	margin-right: .7em;
}


/*[ DJ Face ]*/
.prg-detail .prg-header .prg-detail-box .prg-detail-djs .faces {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}


/*[ Links ]*/
.prg-detail .prg-header .prg-detail-box .prg-detail-name .btn-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 0;
}


@media screen and (min-width: 768px) {
	/*[[[ Program Time, Name List and DJ face ]]]*/
	.prg-detail .prg-header .prg-detail-box {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}


	/*[ DJ Face ]*/
	.prg-detail .prg-header .prg-detail-box .prg-detail-djs .faces {
		width:162px;
	}
	.prg-detail .prg-header .prg-detail-box .prg-detail-djs .faces .face-single {
		-ms-flex-preferred-size: 80px;
		flex-basis: 80px;
		width: 80px;
	}


	/*[ Links ]*/
	.prg-detail .prg-header .prg-detail-box .prg-detail-name .btn-box {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.prg-detail .prg-header .prg-detail-box .prg-detail-name .btn-box li > div {
		padding-right: 12px;
	}
	.prg-detail .prg-header .prg-detail-box .prg-detail-name .btn-box li:last-child > div {
		padding-right: 0;
	}

} /* @media screen and (min-width: 768px) end */


@media screen and (max-width: 767px) {
	/*[[[ Program Time, Name List and DJ face ]]]*/
	.prg-detail .prg-header .prg-detail-box {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		flex-direction: column;
	}


	/*[ Program Name List ]*/
	.prg-detail .prg-header .prg-detail-box .prg-detail-name {
		width:auto;
		order: 2;
		text-align: center;
	}
	.prg-detail .prg-header .prg-detail-box .prg-detail-name .name {
		padding-left: 23px;
		padding-right: 23px;
	}
	.prg-detail .prg-header .prg-detail-box .prg-detail-djs {
		width: auto;
		order: 1;
	}


	/*[ DJ Face ]*/
	.prg-detail .prg-header .prg-detail-box .prg-detail-djs .faces {
		width:88%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-bottom: .5em;
		margin-left: auto;
		margin-right: auto;
	}
	.prg-detail .prg-header .prg-detail-box .prg-detail-djs .faces .face-single {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		width: 25%;
	}


	/*[ Links ]*/
	.prg-detail .prg-header .prg-detail-box .prg-detail-name .btn-box {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.prg-detail .prg-header .prg-detail-box .prg-detail-name .btn-box li {
		width: calc(50% - 6px);
		margin: 12px 12px 0 0;
	}
	.prg-detail .prg-header .prg-detail-box .prg-detail-name .btn-box li:nth-child(2n) {
		margin-right: 0;
	}
	.prg-detail .prg-header .prg-detail-box .prg-detail-name .btn-box li > div a {
		font-size: 2.4vw;
		box-sizing: border-box;
		display: block;
	}

} /* @media screen and (max-width: 767px) end */


@media screen and (min-width: 1200px) {
	/*[[[ Program Time, Name List and DJ face ]]]*/
	.prg-detail .prg-header .prg-detail-box {
		padding-left: 90px;
	}

	.prg-detail .prg-header .prg-detail-time .circle {
	 width: 88px;
	 height: 88px;
	 line-height: 88px;
	}

} /* @media screen and (min-width: 1200px) end */


@media screen and (max-width: 1199px) and (min-width: 992px) {
	/*[[[ Program Time, Name List and DJ face ]]]*/
	.prg-detail .prg-header .prg-detail-box {
		padding-left: 68px;
	}

	.prg-detail .prg-header .prg-detail-time .circle {
	 width: 72px;
	 height: 72px;
	 line-height: 72px;
	 font-size: 1.3em;
	}

} /* @media screen and (max-width: 1199px) and (min-width: 992px) end */


@media screen and (max-width: 991px) and (min-width: 768px) {
	/*[[[ Program Time, Name List and DJ face ]]]*/
	.prg-detail .prg-header .prg-detail-box {
		padding-left: 64px;
	}

	.prg-detail .prg-header .prg-detail-time .circle {
	 width: 68px;
	 height: 68px;
	 line-height: 68px;
	 font-size: 1.2em;
	}

} /* @media screen and (max-width: 1199px) and (min-width: 992px) end */


@media screen and (max-width: 767px) and (min-width: 576px) {
	/*[[[ Program Time, Name List and DJ face ]]]*/
	.prg-detail .prg-header .prg-detail-box {
	}

	.prg-detail .prg-header .prg-detail-time .circle {
	 width: 56px;
	 height: 56px;
	 line-height: 56px;
	 font-size: 0.9em;
	}

} /* @media screen and (max-width: 767px) and (min-width: 576px) end */


@media screen and (max-width: 575px) {
	/*[ Program Time ]*/
	.prg-detail .prg-header .prg-detail-time {
		display: block;
		position: absolute;
		top: -12px;
		left: -8px;
	}

	.prg-detail .prg-header .prg-detail-time .circle {
	 width: 56px;
	 height: 56px;
	 line-height: 56px;
	 font-size: .85em;
	}

} /* @media screen and (max-width: 767px) and (min-width: 576px) end */





/*[[[ Program Detail Lead and Text ]]]*/

/*[[[ Lead ]]]*/
.prg-detail-lead {
	line-height: 1.85;
}


/*[[[ Text ]]]*/
.prg-detail-txt p {
	word-break: break-all;
}


/*[[[[[ Text Decoration ]]]]]*/

/*[[[ Marker ]]]*/
.marker1 {
background:linear-gradient(transparent 75%, #FEF8A6 75%);
}




/*[[[ Program Detail Pics ]]]*/
.prg-detail-pics {
	max-width: 686px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}













/*
[[[ Modal Window ]]]
*/

/*----- [[[[[ Modal Customize ]]]]] -----*/

.portfolio-modal .modal-content {
	border-radius:0;
	background-clip:border-box;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0;
	min-height:100%;
	padding:100px 0;
}


.portfolio-modal .close-modal {
	position:absolute;
	width:75px;
	height:75px;
	background-color:transparent;
	top:25px;
	right:25px;
	cursor:pointer;
}

.portfolio-modal .close-modal:hover {
	opacity:.3;
}

.portfolio-modal .close-modal .lr {
	height:75px;
	width:1px;
	margin-left:35px;
	background-color:#222;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	z-index:1051;
}
.portfolio-modal .close-modal .lr .rl {
	height:75px;
	width:1px;
	background-color:#222;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	z-index:1052;
}




@media screen and (max-width:767px) {
	.portfolio-modal .prg-base > [class*=in-frame-] {
		padding-left: 0;
		padding-right: 0;
	}

	.portfolio-modal .modal-content {
		padding:52px 0;
	}

	.portfolio-modal .close-modal {
		position:absolute;
		width:48px;
		height:48px;
		top:20px;
		right:25px;
		cursor:pointer;
	}
	.portfolio-modal .close-modal .lr {
		height:48px;
		width:1px;
		margin-left:35px;
	}
	.portfolio-modal .close-modal .lr .rl {
		height:48px;
		width:1px;
		z-index:1052;
	}

} /* @media screen and (max-width:767px) end */










/*
[[[ ADS Banners ]]]
*/

/*----- [[[[[ ADS Frame ]]]]] -----*/

.ads.s320 {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}