/* Custom CSS */





/* I N D E X */

/*[[[[[ Content Icons -- SVG -- ]]]]]*/


/*[[[[[ Page Format ]]]]]*/


/*[[[[[ Navi Info Board ]]]]]*/


/*[[[[[ Content ]]]]]*/


/*[[[[[ Component ]]]]]*/
/*[[[[[ Component -- Pankuzu -- ]]]]]*/
/*[[[[[ Component -- Border ]]]]]*/
/*[[[[[ Component -- Heading Parts ]]]]]*/


/*[[[[[ Form and Table ]]]]]*/


/*[[[[[ Top Page's Parts ]]]]]*/


/*[[[[[ On Air List for PC Frame ]]]]]*/


/*[[[[[ Scroll Hint ( scroll-hint.min.js )]]]]]*/











:root {
	--rp-first: #212529;
 --rp-second: #E3760D;
 --rp-gray1: #D0D0D0;
 --rp-gray2: #F4F4F4;
 --rp-alert: #C1272D;
}










/*
[[[[[ Content Icons -- SVG -- ]]]]]
*/

@font-face {
 font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?w4io1p');
  src:  url('../fonts/icomoon.eot?w4io1p#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?w4io1p') format('truetype'),
    url('../fonts/icomoon.woff?w4io1p') format('woff'),
    url('../fonts/icomoon.svg?w4io1p#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
 /* use !important to prevent issues with browser extensions that change fonts */
 font-family: 'icomoon' !important;
 speak: never;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;

 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}


[class^="path"], [class*="path"] {
	font-weight: normal;
	font-style: normal;
}


/* [[[[[ Single Mark -- Black -- ]]]]] */
.icon-rp-logoblack:before {
content: "\e951";
}



/* [[[[[ Thumb Mark -- Color -- ]]]]] */
.icon-rp-thumb .path1:before {
 content: "\e97b";
 color: rgb(255, 90, 0);
}
.icon-rp-thumb .path2:before {
 content: "\e97c";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-thumb .path3:before {
 content: "\e97d";
 margin-left: -1em;
 color: rgb(242, 208, 145);
}


/* [[[[[ Item Mark -- Color -- ]]]]] */
.icon-rp-item .path1:before {
 content: "\e952";
 color: rgb(116, 62, 27);
}
.icon-rp-item .path2:before {
 content: "\e953";
 margin-left: -1em;
 color: rgb(255, 90, 0);
}
.icon-rp-item .path3:before {
 content: "\e954";
 margin-left: -1em;
 color: rgb(255, 90, 0);
}
.icon-rp-item .path4:before {
 content: "\e955";
 margin-left: -1em;
 color: rgb(255, 90, 0);
}
.icon-rp-item .path5:before {
 content: "\e956";
 margin-left: -1em;
 color: rgb(255, 90, 0);
}
.icon-rp-item .path6:before {
 content: "\e957";
 margin-left: -1em;
 color: rgb(192, 192, 192);
}
.icon-rp-item .path7:before {
 content: "\e958";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-item .path8:before {
 content: "\e959";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-item .path9:before {
 content: "\e95a";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-item .path10:before {
 content: "\e95b";
 margin-left: -1em;
 color: rgb(251, 239, 220);
}
.icon-rp-item .path11:before {
 content: "\e95c";
 margin-left: -1em;
 color: rgb(255, 255, 255);
}
.icon-rp-item .path12:before {
 content: "\e95d";
 margin-left: -1em;
 color: rgb(255, 255, 255);
}



/* [[[[[ Shop Mark -- Color -- ]]]]] */
.icon-rp-shop .path1:before {
 content: "\e95e";
 color: rgb(116, 62, 27);
}
.icon-rp-shop .path2:before {
 content: "\e95f";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-shop .path3:before {
 content: "\e960";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-shop .path4:before {
 content: "\e961";
 margin-left: -1em;
 color: rgb(255, 255, 255);
}
.icon-rp-shop .path5:before {
 content: "\e962";
 margin-left: -1em;
 color: rgb(255, 255, 255);
}
.icon-rp-shop .path6:before {
 content: "\e963";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-shop .path7:before {
 content: "\e964";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-shop .path8:before {
 content: "\e965";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-shop .path9:before {
 content: "\e966";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-shop .path10:before {
 content: "\e967";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-shop .path11:before {
 content: "\e968";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-shop .path12:before {
 content: "\e969";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-shop .path13:before {
 content: "\e96a";
 margin-left: -1em;
 color: rgb(192, 192, 192);
}
.icon-rp-shop .path14:before {
 content: "\e96b";
 margin-left: -1em;
 color: rgb(192, 192, 192);
}



/* [[[[[ Search Mark -- Color -- ]]]]] */
.icon-rp-search .path1:before {
 content: "\e96c";
 color: rgb(116, 62, 27);
}
.icon-rp-search .path2:before {
 content: "\e96d";
 margin-left: -1em;
 color: rgb(255, 90, 0);
}
.icon-rp-search .path3:before {
 content: "\e96e";
 margin-left: -1em;
 color: rgb(255, 90, 0);
}
.icon-rp-search .path4:before {
 content: "\e96f";
 margin-left: -1em;
 color: rgb(255, 90, 0);
}
.icon-rp-search .path5:before {
 content: "\e970";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-search .path6:before {
 content: "\e971";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-search .path7:before {
 content: "\e972";
 margin-left: -1em;
 color: rgb(255, 255, 255);
}



/* [[[[[ Channel Mark -- Color -- ]]]]] */
.icon-rp-channel .path1:before {
 content: "\e973";
 color: rgb(116, 62, 27);
}
.icon-rp-channel .path2:before {
 content: "\e974";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-channel .path3:before {
 content: "\e975";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-channel .path4:before {
 content: "\e976";
 margin-left: -1em;
 color: rgb(255, 90, 0);
}
.icon-rp-channel .path5:before {
 content: "\e977";
 margin-left: -1em;
 color: rgb(255, 255, 255);
}
.icon-rp-channel .path6:before {
 content: "\e978";
 margin-left: -1em;
 color: rgb(255, 90, 0);
}
.icon-rp-channel .path7:before {
 content: "\e979";
 margin-left: -1em;
 color: rgb(242, 208, 145);
}
.icon-rp-channel .path8:before {
 content: "\e97a";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}



/* [[[[[ Hiroba Mark -- Color -- ]]]]] */
.icon-rp-hiroba .path1:before {
 content: "\e900";
 color: rgb(116, 62, 27);
}
.icon-rp-hiroba .path2:before {
 content: "\e901";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-hiroba .path3:before {
 content: "\e902";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-hiroba .path4:before {
 content: "\e903";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-hiroba .path5:before {
 content: "\e904";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}



/* [[[[[ History Mark -- Color -- ]]]]] */
.icon-rp-history .path1:before {
 content: "\e905";
 color: rgb(242, 208, 145);
}
.icon-rp-history .path2:before {
 content: "\e906";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-history .path3:before {
 content: "\e907";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-history .path4:before {
 content: "\e908";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}



/* [[[[[ Jukebox Mark -- Color -- ]]]]] */
.icon-rp-jukebox .path1:before {
 content: "\e909";
 color: rgb(116, 62, 27);
}
.icon-rp-jukebox .path2:before {
 content: "\e90a";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-jukebox .path3:before {
 content: "\e90b";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-jukebox .path4:before {
 content: "\e90c";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-jukebox .path5:before {
 content: "\e90d";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-jukebox .path6:before {
 content: "\e90e";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-jukebox .path7:before {
 content: "\e90f";
 margin-left: -1em;
 color: rgb(255, 255, 255);
}
.icon-rp-jukebox .path8:before {
 content: "\e910";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-jukebox .path9:before {
 content: "\e911";
 margin-left: -1em;
 color: rgb(255, 255, 255);
}
.icon-rp-jukebox .path10:before {
 content: "\e912";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-jukebox .path11:before {
 content: "\e913";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-jukebox .path12:before {
 content: "\e914";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-jukebox .path13:before {
 content: "\e915";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-jukebox .path14:before {
 content: "\e916";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-jukebox .path15:before {
 content: "\e917";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-jukebox .path16:before {
 content: "\e918";
 margin-left: -1em;
 color: rgb(255, 255, 255);
}



/* [[[[[ Live Mark -- Color -- ]]]]] */
.icon-rp-live .path1:before {
 content: "\e919";
 color: rgb(116, 62, 27);
}
.icon-rp-live .path2:before {
 content: "\e91a";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-live .path3:before {
 content: "\e91b";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-live .path4:before {
 content: "\e91c";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-live .path5:before {
 content: "\e91d";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-live .path6:before {
 content: "\e91e";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-live .path7:before {
 content: "\e91f";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-live .path8:before {
 content: "\e920";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-live .path9:before {
 content: "\e921";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-live .path10:before {
 content: "\e922";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-live .path11:before {
 content: "\e923";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-live .path12:before {
 content: "\e924";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-live .path13:before {
 content: "\e925";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-live .path14:before {
 content: "\e926";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}



/* [[[[[ News Mark -- Color -- ]]]]] */
.icon-rp-news .path1:before {
 content: "\e927";
 color: rgb(116, 62, 27);
}
.icon-rp-news .path2:before {
 content: "\e928";
 margin-left: -1em;
 color: rgb(255, 255, 255);
}
.icon-rp-news .path3:before {
 content: "\e929";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-news .path4:before {
 content: "\e92a";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-news .path5:before {
 content: "\e92b";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-news .path6:before {
 content: "\e92c";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-news .path7:before {
 content: "\e92d";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-news .path8:before {
 content: "\e92e";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-news .path9:before {
 content: "\e92f";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-news .path10:before {
 content: "\e930";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}



/* [[[[[ Play List Mark -- Color -- ]]]]] */
.icon-rp-playlist .path1:before {
 content: "\e931";
 color: rgb(116, 62, 27);
}
.icon-rp-playlist .path2:before {
 content: "\e932";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-playlist .path3:before {
 content: "\e933";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-playlist .path4:before {
 content: "\e934";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-playlist .path5:before {
 content: "\e935";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-playlist .path6:before {
 content: "\e936";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-playlist .path7:before {
 content: "\e937";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-playlist .path8:before {
 content: "\e938";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-playlist .path9:before {
 content: "\e939";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}



/* [[[[[ Point Mark -- Color -- ]]]]] */
.icon-rp-point .path1:before {
 content: "\e93a";
 color: rgb(116, 62, 27);
}
.icon-rp-point .path2:before {
 content: "\e93b";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-point .path3:before {
 content: "\e93c";
 margin-left: -1em;
 color: rgb(132, 201, 192);
}
.icon-rp-point .path4:before {
 content: "\e93d";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-point .path5:before {
 content: "\e93e";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-point .path6:before {
 content: "\e93f";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-point .path7:before {
 content: "\e940";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-point .path8:before {
 content: "\e941";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-point .path9:before {
 content: "\e942";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-point .path10:before {
 content: "\e943";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-point .path11:before {
 content: "\e944";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-point .path12:before {
 content: "\e945";
 margin-left: -1em;
 color: rgb(242, 208, 145);
}



/* [[[[[ Setting Mark -- Color -- ]]]]] */
.icon-rp-setting .path1:before {
 content: "\e946";
 color: rgb(116, 62, 27);
}
.icon-rp-setting .path2:before {
 content: "\e947";
 margin-left: -1em;
 color: rgb(253, 118, 33);
}
.icon-rp-setting .path3:before {
 content: "\e948";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-setting .path4:before {
 content: "\e949";
 margin-left: -1em;
 color: rgb(192, 192, 192);
}
.icon-rp-setting .path5:before {
 content: "\e94a";
 margin-left: -1em;
 color: rgb(242, 208, 145);
}
.icon-rp-setting .path6:before {
 content: "\e94b";
 margin-left: -1em;
 color: rgb(242, 208, 145);
}
.icon-rp-setting .path7:before {
 content: "\e94c";
 margin-left: -1em;
 color: rgb(192, 192, 192);
}



/* [[[[[ Top Mark -- Color -- ]]]]] */
.icon-rp-top .path1:before {
 content: "\e94d";
 color: rgb(253, 118, 33);
}
.icon-rp-top .path2:before {
 content: "\e94e";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-top .path3:before {
 content: "\e94f";
 margin-left: -1em;
 color: rgb(116, 62, 27);
}
.icon-rp-top .path4:before {
 content: "\e950";
 margin-left: -1em;
 color: rgb(242, 208, 145);
}










/*
[[[[[ Page Format ]]]]]
*/

:root {
	--rp-header-width-logo: 120px;
	--rp-header-height: 52px;
	--rp-menu-top: 8px;
	--rp-menu-size: 36px;
	--rp-menu-width:300px;
}





/* [[[[[ Header Main ]]]]] */
#main-header {
	position: fixed;
	width: 100%;
	background: rgba(255,255,255,1);
	z-index: 100;
}
#main-header .rp-header-main-radipass > .rp-inner-frame {
	min-height: var(--rp-header-height);
}


/* [[[ Radipass Logo (Left)]]] */
.rp-header-main .rp-header-main-radipass .rp-header-main-radipass-logo {
	max-width: var(--rp-header-width-logo);
}


@media screen and (min-width: 768px) {
	#main-header .rp-header-main-radipass > .rp-inner-frame {
		min-height: calc(var(--rp-header-height) * 1.5);
	}
	.rp-header-main .rp-header-main-radipass .rp-header-main-radipass-logo {
		max-width: calc(var(--rp-header-width-logo) * 1.35);
	}

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


@media screen and (min-width: 1024px) {
	#rp-global-navi > .rp-inner-frame {
		/*padding-top: 98px !important;*/
		box-sizing: border-box;
		position: fixed;
		width: 240px;
		height: 100vh;
		overflow-y: scroll;
		padding-left: 20px;
		padding-right: 20px;
  -ms-overflow-style: none;
  scrollbar-width: none;

  /*top: 78px;
  padding-top:20px !important;
  padding-bottom: 78px !important;
  */

  top:0px;
  padding-top: 98px !important;
  padding-bottom: 0px !important;
	}
 #rp-global-navi > .rp-inner-frame::-webkit-scrollbar {
  display: none;
 }
	#rp-global-navi hr:first-of-type {
		display: none;
	}

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



/* [[[[[ Hamburger Menu for Smart ]]]]]*/

@media screen and (max-width: 1023px) {
	#rp-global-navi {
	 transition: all .6s;
	 overflow-y: scroll;
	 width: calc(var(--rp-menu-width) * 1.3);
	 height: 100%;
	 z-index: 991;
	 top: 0;
	 right: calc(((var(--rp-menu-width) + 20px) * 1.3) * -1);
	 background: rgba(255,255,255,1);
	 position: fixed;
  -webkit-overflow-scrolling: touch;
	}
	#rp-global-navi > .rp-inner-frame {
		padding: 1rem;
	}

	#rp-nav-btn.rp-nav-btn {
	 display: block;
	 position: fixed;
	 z-index: 992;
	 right: 10px;
	 top: calc(var(--rp-menu-top) + 7px);
	 width: calc(var(--rp-menu-size) * 1.3);
	 height: calc(var(--rp-menu-size) * 1.3);
	 cursor: pointer;
	 text-align: center;
	 background: var(--rp-second);
	 border-radius: 50%;
	 -webkit-transform: translateX(0);
	 transform: translateX(0);
	 -webkit-transition: 0.5s all;
	 -moz-transition: 0.5s all;
	 transition: 0.5s all;
 }

 .rp-nav-btn .rp-hamburger-dot {
  width: 16px;
  height: 16px;
  background-color: #C1272D;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 5;
 }

	.rp-nav-btn .rp-hamberger-text::after {
		content: "MENU";
		display: block;
		position: absolute;
		top: 50%;
		right:calc(40px * 1.3);
		font-size: 0.8125rem;
		font-weight: bold;
		margin-top: -0.5rem;
	}

	.rp-nav-btn .rp-hamburger-line {
	 display: block;
	 position: absolute;
	 width: 24px;
	 height: 2px;
	 right: 11px;
	 background : #FFF;
	 /*-webkit-transition: 0.5s all;*/
	 -moz-transition: 0.5s all;
	 transition: 0.5s all;
	}
	_::-webkit-full-page-media, _:future, :root .rp-nav-btn .rp-hamburger-line { /* for Safari (hack)*/
			-webkit-transition: 0s all;
	}
	.rp-nav-open .rp-nav-btn .rp-hamberger-text {
		display: none;
	}

	.rp-nav-btn .rp-hamburger-line1 { top: 15px; }
	.rp-nav-btn .rp-hamburger-line2 { top: 22px; }
	.rp-nav-btn .rp-hamburger-line3 { top: 29px; }

	.rp-nav-bg {
	 opacity: 0;
	 width: 100vw;
	 height: 100vh;
	 z-index: 990;
	 top: 0;
	 left: 0;
	 visibility: hidden;
	 background-color: #000;
	 cursor: pointer;
	 position: fixed;
	 transition: all .6s;
	}

	.rp-nav-open #rp-global-navi { /* メニュー表示時の位置設定 */
		right: 0;
		}
	html body.rp-nav-open { /* メニュー表示時の背景固定*/
		height: 100%;
		overflow: hidden;
	} 

	.rp-nav-open #rp-nav-btn.rp-nav-btn {
		-webkit-transform: translateX(calc((var(--rp-menu-width) * 1.3) * -1));
		transform: translateX(calc((var(--rp-menu-width) * 1.3) * -1));
		backface-visibility:hidden;
	}

	.rp-nav-open .rp-nav-bg {
	 opacity: .8;
	 visibility: visible;
	}

	.rp-nav-open .rp-nav-btn .rp-hamburger-line1 {
	 top: 22px;
	 left: 10px;
	 width:26px;
	 -webkit-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	 transform: rotate(45deg);
	}

	.rp-nav-open .rp-nav-btn .rp-hamburger-line2 {
	 opacity: 0;
	}

	.rp-nav-open .rp-nav-btn .rp-hamburger-line3 {
		top: 22px;
	 left: 10px;
	 width: 26px;
	 -webkit-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg);
	 transform: rotate(-45deg);
	}

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


@media screen and (max-width: 767px) {
	#rp-global-navi {
		width: var(--rp-menu-width);
	 right: calc((var(--rp-menu-width) + 20px) * -1);
	}

	#rp-nav-btn.rp-nav-btn {
	 top: var(--rp-menu-top);
	 width: var(--rp-menu-size);
	 height: var(--rp-menu-size);
	}

	.rp-nav-open #rp-nav-btn.rp-nav-btn {
		-webkit-transform: translateX(calc(var(--rp-menu-width) * -1));
		transform: translateX(calc(var(--rp-menu-width) * -1));
	}

	.rp-nav-btn .rp-hamburger-line {
	 width: 16px;
	 height: 2px;
	 right: 10px;
	}

	.rp-nav-btn .rp-hamburger-line1 { top: 11px; }
	.rp-nav-btn .rp-hamburger-line2 { top: 17px; }
	.rp-nav-btn .rp-hamburger-line3 { top: 23px; }

	.rp-nav-btn .rp-hamberger-text::after {
		top: 50%;
		right: 40px;
		font-size: 0.75rem;
		margin-top: -0.5rem;
	}

	.rp-nav-open .rp-nav-btn .rp-hamburger-line1 {
	 top:16px;
	 left: 9px;
	 width:18px;
	}

	.rp-nav-open .rp-nav-btn .rp-hamburger-line3 {
	 top: 16px;
	 left: 9px;
	 width: 18px;
	}

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


@media screen and (max-width: 359px) {
	#rp-global-navi {
		width: calc(var(--rp-menu-width) - 32px);
	}

	.rp-nav-open #rp-nav-btn.rp-nav-btn {
		transform: translateX(calc((var(--rp-menu-width) - 32px) * -1));
	}

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










/*
[[[[[ Navi Info Board ]]]]]
*/

:root {
 --rp-bg-pl: #EFE6B9;
	--rp-bg-fp: #FCC741;
	--rp-bg-rc: #D9E021;
}





/* [[[[[ Common ]]]]] */

/* [[[ RADIPASS Plus Member ]]] */
.rp-info-pl .rp-info-bg {background: var(--rp-bg-pl);}

/* [[[ Funky Point ]]] */
.rp-info-fp .rp-info-bg {background: var(--rp-bg-fp);}

/*[ Radipass Coupon ]*/
.rp-info-rc .rp-info-bg {background: var(--rp-bg-rc);}



.rp-global-navi-radipass-info > li:not(:first-child) {
	margin-top: .5rem;
}
.rp-global-navi-radipass-info .rp-info-bg span {
	font-size: 0.8125rem;
}
.rp-global-navi-radipass-info .rp-info-pl span { /* for PLUS Member */
	font-size: 0.8125rem;
}
.rp-global-navi-radipass-info .rp-info-bg {
	padding: .1rem .3rem;
	text-align: center;
}

/* [[[ Face Image ]]] */
.rp-global-navi-radipass-info .rp-info-face {
	max-width: 48px;
}


/* [[[ Content Links ]]]*/
.rp-global-navi-radipass-list > li:not(:first-child) {
	margin-top: 0.625rem;
}
.rp-global-navi-radipass-list a:hover span {
	display: inline-block;
	text-decoration: none !important;
}

/* [[[ Logo List ]]]*/
.rp-global-navi-radipass-list-logo > li {
	margin-top: 1.2rem;
}
.rp-global-navi-radipass-list-logo > li:last-child {
	margin-bottom: 1.2rem;
}

/* [[[ FM802 Logo ]]] */
.rp-global-navi-radipass-list-logo .rp-list-logo-fm802 img {
	max-width: 115px;
}
/* [[[ FM COCOLO Logo ]]] */
.rp-global-navi-radipass-list-logo .rp-list-logo-fmcocolo img {
	max-width: 68px;
}




@media screen and (min-width: 1024px) {
	.rp-global-navi-radipass-info {
		display: none; /* Add them for PC */
	}

	/* [[[ Main Radipass Info ]]] */
	.rp-header-main-radipass-info ul .rp-info-face {
		max-width: 48px;
	}

	.rp-header-main-radipass-info ul li {
		margin-left: .5rem;
	}
	.rp-header-main-radipass-info .rp-info-bg span {
		font-size: 0.8125rem;
	}
	.rp-header-main-radipass-info .rp-info-bg {
		padding: .1rem .3rem;
		text-align: center;
 }
 .rp-header-main-radipass-info .rp-info-pl span { /* for PLUS Member */
		font-size: 0.8125rem;
	}


	/* [[[ Content Links ]]] */
	.rp-global-navi-radipass-list > li:not(:first-child) {
		margin-top: 1rem;
	}
	#rp-global-navi-list-3.rp-global-navi-radipass-list > li:not(:first-child) {
		margin-top: 0.625rem;
	}

	/*[ Logo List ]*/
	.rp-global-navi-radipass-list-logo > li {
		margin-top: 1.6rem;
	}
	.rp-global-navi-radipass-list-logo > li:last-child {
		margin-bottom: 1.6rem;
	}

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











/*
[[[[[ Content ]]]]]
*/

/* [[[[[ Common ]]]]] */

/* [[[ Content Main Frame ]]] */
.rp-content-frame {
		width: auto;
		height: auto;
		padding-top: var(--rp-header-height);
		position: relative;
		/*z-index: 100;*/
	}


@media screen and (min-width: 768px) {
	.rp-content-frame {
		padding-top: calc(var(--rp-header-height) * 1.5);
	}

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


@media screen and (min-width: 1024px) {
	.rp-content-frame {
		margin-left: 240px;
	}

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





/* [[[ Content 2Columns Side Navi ]]] */
@media screen and (min-width: 1024px) {
	.rp-page-navi-side .rp-page-navi-list {
		/*margin-top: .5rem;*/
		padding-left: 1rem;
	}
	.rp-page-navi-side li:not(:first-child) {
		margin-top: .6rem;
	}

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


@media screen and (max-width: 1023px) {
	.rp-page-navi-main .rp-page-navi-list {
		display: flex;
		flex-wrap: wrap;
		font-size: calc(0.8125rem + 0.3vw) ;
		/*border-top:1px solid var(--rp-gray1);*/
		border-bottom:1px solid var(--rp-gray1);
		margin-top: 1.6rem;
		padding-bottom: .7rem;
	}
	.rp-page-navi-main .rp-page-navi-list li {
		padding-top: .7rem;
	}
	.rp-page-navi-main .rp-page-navi-list li:not(:last-child) {
		margin-right: 1.6rem;
	}
	.rp-page-navi-main .rp-page-navi-list li a {
		display: inline-block;
	}

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










/*
[[[[[ Component ]]]]]
*/


/*[[[[[ Component -- Pankuzu ]]]]]*/

.rp-pankuzu {
 width: 100%;
	font-size:0.8125rem;
	display: flex;
	white-space: nowrap;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
 -ms-overflow-style: none;
 scrollbar-width: none;
}
.rp-pankuzu::-webkit-scrollbar {
 display: none;
}
.rp-pankuzu > li a {
	display: inline-block;
}
.rp-pankuzu > li + li::before {
	margin-left: 5px;
	margin-right: 5px;
	content: ">";
}

@media (max-width: 767px) {
	.rp-pankuzu {
		font-size: calc(0.75rem + 0.3vw) ;
	}

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










/*[[[[[ Component -- Border ]]]]]*/

.rp-border {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}





/* [[[[[ Solid ]]]]] */
.rp-border-solid {
	border-style: solid;
}
.rp-border-solid-left {
	border-left-style: solid;
}
.rp-border-solid-right {
	border-right-style: solid;
}
.rp-border-solid-top {
	border-top-style: solid;
}
.rp-border-solid-bottom {
	border-bottom-style: solid; 
}





/* [[[[[ Width ]]]]] */

/* [[[ All ]]] */
.rp-border-solid.rp-border-w1 {
	border-width: 1px;
}
.rp-border-solid.rp-border-w2 {
	border-width: 2px;
}
.rp-border-solid.rp-border-w3 {
	border-width: 3px;
}
.rp-border-solid.rp-border-w4 {
	border-width: 4px;
}
.rp-border-solid.rp-border-w5 {
	border-width: 5px;
}

/* [[[ Left ]]] */
.rp-border-solid-left.rp-border-w1-left {
	border-left-width: 1px;
}
.rp-border-solid-left.rp-border-w2-left {
	border-left-width: 2px;
}
.rp-border-solid-left.rp-border-w3-left {
	border-left-width: 3px;
}
.rp-border-solid-left.rp-border-w4-left {
	border-left-width: 4px;
}
.rp-border-solid-left.rp-border-w5-left {
	border-left-width: 5px;
}

/* [[[ Right ]]] */
.rp-border-solid-right.rp-border-w1-right {
	border-right-width: 1px;
}
.rp-border-solid-right.rp-border-w2-right {
	border-right-width: 2px;
}
.rp-border-solid-right.rp-border-w3-right {
	border-right-width: 3px;
}
.rp-border-solid-right.rp-border-w4-right {
	border-right-width: 4px;
}
.rp-border-solid-right.rp-border-w5-right {
	border-right-width: 5px;
}

/* [[[ Top ]]] */
.rp-border-solid-top.rp-border-w1-top {
	border-top-width: 1px;
}
.rp-border-solid-top.rp-border-w2-top {
	border-top-width: 2px;
}
.rp-border-solid-top.rp-border-w3-top {
	border-top-width: 3px;
}
.rp-border-solid-top.rp-border-w4-top {
	border-top-width: 4px;
}
.rp-border-solid-top.rp-border-w5-top {
	border-top-width: 5px;
}

/* [[[ Bottom ]]] */
.rp-border-solid-bottom.rp-border-w1-bottom {
	border-bottom-width: 1px;
}
.rp-border-solid-bottom.rp-border-w2-bottom {
	border-bottom-width: 2px;
}
.rp-border-solid-bottom.rp-border-w3-bottom {
	border-bottom-width: 3px;
}
.rp-border-solid-bottom.rp-border-w4-bottom {
	border-bottom-width: 4px;
}
.rp-border-solid-bottom.rp-border-w5-bottom {
	border-bottom-width: 5px;
}





/* [[[[[ Color ]]]]]*/

/* [[[ All ]]] */
.rp-border-c-gray1 {
	border-color: var(--rp-gray1);
}
.rp-border-c-gray2 {
	border-color: var(--rp-gray2);
}
.rp-border-c-alert {
	border-color: var(--rp-alert);
}

/* [[[ Left ]]] */
.rp-border-c-gray1-left {
	border-left-color: var(--rp-gray1);
}
.rp-border-c-gray2-left {
	border-left-color: var(--rp-gray2);
}
.rp-border-c-alert-left {
	border-left-color: var(--rp-alert);
}

/* [[[ Right ]]] */
.rp-border-c-gray1-right {
	border-right-color: var(--rp-gray1);
}
.rp-border-c-gray2-right {
	border-right-color: var(--rp-gray2);
}
.rp-border-c-alert-right {
	border-right-color: var(--rp-alert);
}

/* [[[ Top ]]] */
.rp-border-c-gray1-top {
	border-top-color: var(--rp-gray1);
}
.rp-border-c-gray2-top {
	border-top-color: var(--rp-gray2);
}
.rp-border-c-alert-top {
	border-top-color: var(--rp-alert);
}

/* [[[ Bottom ]]] */
.rp-border-c-gray1-bottom {
	border-bottom-color: var(--rp-gray1);
}
.rp-border-c-gray2-bottom {
	border-bottom-color: var(--rp-gray2);
}
.rp-border-c-alert-bottom {
	border-bottom-color: var(--rp-alert);
}





/* [[[[[ Add Text ( -- Entry Page "OR" --) ]]]]] */
.rp-border.rp-add-text {
	margin-top: 27px;
	margin-bottom: 27px;
}
.rp-border.rp-add-text::after {
	content:"or";
	display: inline-block;
	width: 54px;
	height: 54px;
	border:1px solid var(--rp-gray1);
	background: #FFF;
	padding: 1rem;
	border-radius: 10rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	margin-top: -27px;
	margin-left: -27px;
}





/* [[[[[ Column Decolation ]]]]] */

/* [[[ 2 Columns with Center Border ]]] */

@media screen and (min-width: 768px) {
	.rp-column-two .rp-border-columntwo-top-center {
		border-left:1px solid var(--rp-gray1);
		box-sizing: border-box;
	}

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


@media screen and (max-width: 767px) {
	.rp-column-two .rp-border-columntwo-top-center {
		border-top:1px solid var(--rp-gray1);
		box-sizing: border-box;
	}

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





/*[[[[[ Component -- Heading Parts ]]]]]*/

/* [[[ Pill Back Ground ]]] */
.rp-rounded-pill {
	border-radius: 50rem;
	padding: .6rem 1rem;
}
.rp-rounded-pill.rp-short {
	display: inline-block;
}





/* [[[[[ Icon Link ( -- Live Page --) ]]]]] */

/*[[[ Control Set ]]]*/
@media screen and (min-width: 1200px) {
 .rp-control-set > li:nth-child(2){
  margin-left: auto;
 }

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


/* [ -- Good and Gift --] */
.rp-icon-link {
 text-decoration: none;
 color: var(--rp-first);
}
.rp-icon-link:hover {
 text-decoration: none;
 color: var(--rp-second);
}


/* [ -- Twitter and Facebook -- ]*/
.rp-sns-button {
 margin: 0;
 padding: 0;
 display: inline-block;
	line-height: 0;
 vertical-align: top;
}


/* [ -- SNS Bunner / X and instagram --] */
.rp-sns-banner {
	background: #F8F8FF;
    max-width: 800px;
    margin: 0 auto;
}

.rp-sns-banner_content {
	display: flex;
    justify-content: center;
    gap: 25px;
}

.rp-sns-banner_img {
	max-width: 230px;
}



/* [ -- Font Awesome Icon -- ] */
@media screen and (max-width: 767px) {
 .rp-live-control-set .fa-3x {
  font-size: 2rem;
 }

}





/* [[[[[ Live Stage ( -- Live Page "Embed" --) ]]]]] */
.rp-live-stage {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	height: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
 
.rp-live-stage iframe,
.rp-live-stage object,
.rp-live-stage embed {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





/* [[[[[ Juke Box ( -- Audio Player --) ]]]]] */
.rp-audio-player {
	max-width: 100%;
	margin: 0;
	padding: 0;
}










/*
[[[[[ Form and Table ]]]]]
*/

.rp-form-1column .rp-form-1column-head,
.rp-form-2columns .rp-form-2columns-head {
	word-break: break-all;
}


/* [[[[[ Form (1 Column) ]]]]] */

@media screen and (min-width: 768px) {
	.rp-form-1column .rp-form-1column-head {
		word-break: keep-all;
	}

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





/* [[[[[ Form (2 Columns) ]]]]] */

@media screen and (min-width: 768px) {
	.rp-form-2columns .rp-form-2columns-head {
		word-break: keep-all;
	}
	.rp-form-2columns .rp-form-2columns-form {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

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





/* [[[[[ Form Setting ]]]]] */

/* [[[ Form - List ]]] */
.rp-table-basic dl dt,
.rp-table-basic dl dd {
	margin-bottom: 0;
}


/* [[[ Form, Table ]]] */
.rp-table-basic .rp-form-basic-list
.rp-table-basic .rp-table-basic-list {
	width: auto;
	height: auto;
	padding: 0;
}


/* [[[ For ]]] */

/* [ -- Form -- ] */
.rp-table-basic .rp-form-basic-list {
	border-radius: 7px;
	border:1px solid var(--rp-gray1);
}
.rp-table-basic .rp-form-basic-list > li:not(:last-child) {
 border-bottom: 1px solid var(--rp-gray1);
}

/* [ -- Table -- ] */
.rp-table-basic .rp-table-basic-list {
	border-bottom: 1px solid var(--rp-gray1);
}
.rp-table-basic .rp-table-basic-list > li {
	border-top: 1px solid var(--rp-gray1);
}


/* [ -- Hiroba -- ] */
.rp-table-basic .rp-table-hiroba-list {
	border-top:	3px solid var(--rp-gray1);
	border-bottom:	3px solid var(--rp-gray1);
}
.rp-table-basic .rp-table-hiroba-list > li:not(:first-child) {
	border-top:1px solid var(--rp-gray1);
}
.rp-table-basic .rp-table-hiroba-list .rp-hiroba-list-box {
 border: 1px solid #D0D0D0;
 border-radius: 7px;
}
.rp-table-basic .rp-table-hiroba-list .rp-hiroba-list-box a {
 text-decoration: none;
}
.rp-table-basic .rp-table-hiroba-list .rp-hiroba-list-box a:hover h4 {
 text-decoration: underline;
}

@media screen and (min-width: 768px) {
 .rp-table-basic .rp-table-hiroba-list .rp-hiroba-list-box {
  display: inline-block;
 }
}


/* [ -- Song -- ] */
.rp-table-basic .rp-table-song-list {
	border-radius: 7px;
	border:1px solid var(--rp-gray1);
}
.rp-table-basic .rp-table-song-list ul > li {
	border-top: 1px solid var(--rp-gray1);
}
.rp-table-basic .rp-table-song-list.rp-no-top-border ul > li:first-child {
 border-top: none;
}
.rp-table-basic .rp-table-song-list ul > li:last-child .rp-song-list-box {
 border-radius: 0 0 7px 7px;
}


/* [ -- Play List -- ] */
.rp-play-list-set,
.rp-play-list-set-prgformat {
 position: relative;
}

@media screen and (min-width: 768px) {
 .rp-play-list-set::after {
  content: "\f054";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 color: var(--rp-second);
  top: 50%;
  left: 50%;
  font-size: 2rem;
  margin-left: -8px;
  display: block;
  position: absolute;
 }

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

@media screen and (max-width: 767px) {
 .rp-play-list-set .rp-play-list-set-prgformat::before {
  content: "\f054";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 color: var(--rp-second);
  top: -2.6rem;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 1.4rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  z-index: -1;
 }

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

.rp-table-basic .rp-table-play-list {
	border-radius: 7px;
	border:1px solid var(--rp-gray1);
}
.rp-table-basic .rp-table-play-list .rp-play-list > li.selected .rp-play-list-box {
 background: #F9E4CF;
}
.rp-table-basic .rp-table-play-list .rp-play-list > li:not(:first-child) {
 border-top: 1px solid var(--rp-gray1);
}
.rp-table-basic .rp-table-play-list .rp-play-list {
 position: relative;
 min-height: 64px;
}
.rp-table-basic .rp-table-play-list .rp-play-list {
 opacity: 0;
}
.rp-table-basic .rp-table-play-list #playlistedit1.rp-play-list::after,
.rp-table-basic .rp-table-play-list #playlistedit2.rp-play-list::after {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 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;
}
.rp-table-basic .rp-table-play-list #playlistedit1.rp-play-list::after {
 content: "戻すにはここに音源をドラッグ＆ドロップ！";
 font-size: .875rem;
 color: #212529;
 z-index: -1;
}
.rp-table-basic .rp-table-play-list #playlistedit2.rp-play-list::after {
 content: "ここに音源をドラッグ＆ドロップ！";
 font-size: 1.2rem;
 color: #E3760D;
 z-index: -2;
}
.rp-table-basic .rp-table-play-list .rp-play-list li:last-child .rp-play-list-box {
 border-radius: 0 0 7px 7px;
}
.rp-table-basic .rp-table-play-list .rp-play-list-box {
 background: #ffffff;
}


/* [ -- Live -- ] */
.rp-table-basic .rp-table-live-list {
	border-radius: 7px;
	border:1px solid var(--rp-gray1);
}
.rp-table-basic .rp-table-live-list .rp-live-list > li:not(:first-child) {
 border-top: 1px solid var(--rp-gray1);
}
.rp-table-basic .rp-table-live-list .rp-live-list li:last-child .rp-live-list-box {
 border-radius: 0 0 7px 7px;
}
.rp-table-basic .rp-table-live-list .rp-live-list > li.selected .rp-live-list-box {
 background: #F9E4CF;
}


/* [ -- Point -- ] */
.rp-table-basic .rp-table-point-list {
 border-top: 3px solid var(--rp-gray1);
 border-bottom: 3px solid var(--rp-gray1);
}
.rp-table-basic .rp-table-point-list > li:not(:first-child) {
 border-top:1px solid var(--rp-gray1);
}



/*[ -- Thumbnail --]*/
.rp-table-basic .rp-table-thumb-list {
	border-bottom: none;
}
.rp-table-basic .rp-table-thumb-list > li {
	border-top: none;
}





/* [[[[[ Media ]]]]]*/

/* [[[ for ]]] */
/* [ -- Media Image -- ] */
.media .rp-media-img {
	flex-grow: 0;
	flex-shrink: 0;
}
.media .rp-media-img {
	width: 58px;
	flex-basis: 58px;
}
.media .rp-media-img-x-small,
.media .rp-media-img-small,
.media .rp-media-img-large,
.media .rp-media-img-x-large {
 flex-grow: 0;
 flex-shrink: 0;
}
.media .rp-media-img-x-small {
	width: 36px;
	flex-basis: 36px;
}
.media .rp-media-img-small {
	width: 42px;
	flex-basis: 42px;
}
.media .rp-media-img-large {
 width: 72px;
 flex-basis: 72px;
}
.media .rp-media-img-x-large {
 width: 92px;
 flex-basis: 92px;
}

/* [ -- Media Button -- ] */
.media .rp-media-body-with-button {
 display: flex;
}
.media .rp-media-button {
 margin-left: auto;
}

@media screen and (max-width: 767px) {
 .media .rp-media-body-with-button {
  flex-wrap: wrap;
 }
 .media .rp-media-button {
  flex-basis: 100%;
  width: 100%;
  margin-left: 0;
 }

}

@media screen and (max-width: 575px) {
	.media .rp-media-img {
		width: 42px;
		flex-basis: 42px;
 }
 .media .rp-media-img-x-small {
		width: 32px;
		flex-basis: 32px;
	}
 .media .rp-media-img-small {
		width: 38px;
		flex-basis: 38px;
	}
 .media .rp-media-img-large,
 .media .rp-media-img-x-large {
  width: 54px;
  flex-basis: 54px;
 }

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





/* [[[[[ List Theme ]]]]] */

/* [[[ Alert ]]] */
.rp-list-theme-alert li {
	color: var(--rp-alert);
}
.rp-list-theme-alert li span {
	color: var(--rp-first);
}

/* [[[ Annotation ]]] */
.rp-list-theme-annotation {
	list-style: none;
	position: relative;
}
.rp-list-theme-annotation li::before {
	content: "※";
	position: absolute;
	left: 1.15rem;
}





/* [[[[[ Song List & Play List Box ]]]]] */

/* [[[ Box ]]] */
.rp-song-list-box > dt,
.rp-play-list-box > dt {
	flex-grow: 0;
	flex-shrink: 0;
}
.rp-song-list-box dd,
.rp-play-list-box dd {
	position: relative;
}
.rp-song-list-box > dt + dd::before,
.rp-play-list-box > dt + dd::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-left:1px solid var(--rp-gray1);
}
.rp-table-song-list li:last-child dt + dd + dd,
.rp-table-play-list li:last-child dt + dd + dd {
	border-bottom-right-radius: 7px;
}

/* for Edit */
.rp-song-list-box dt.handle,
.rp-play-list-box dt.handle {
 cursor: grab;
}


@media screen and (min-width: 768px) {
 .rp-song-list-box > dt,
 .rp-play-list-box > dt {
		width:64px;
		flex-basis: 64px;
	}

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


@media screen and (max-width: 767px) and (min-width: 576px) {
 .rp-song-list-box > dt,
 .rp-play-list-box > dt {
		width:48px;
		flex-basis: 48px;
	}

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


@media screen and (max-width: 575px) {
 .rp-song-list-box > dt,
 .rp-play-list-box > dt {
		width:42px;
		flex-basis: 42px;
	}

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


.rp-song-list-box > dt + dd,
.rp-play-list-box > dt + dd {
	flex:1 1 auto;
}

.rp-text-ellipsis,
.rp-text-ellipsis-short {
	display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden; 
}

@media screen and (min-width: 768px) {
	.rp-text-ellipsis-short {
	 -webkit-line-clamp: 1;
	}

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


.custom-control-label.rp-custom-control-label::before,
.custom-control-label.rp-custom-control-label::after {
	left: -1.2rem;
}





/*[[[ Play List Column ]]]*/

/* [ 2 Columns ] */
.rp-play-list-set {
 margin-bottom: 0;
 padding: 0;
}


@media screen and (min-width: 768px) {
 .rp-play-list-set .rp-play-list-set-talkbox,
 .rp-play-list-set .rp-play-list-set-prgformat {
  width: calc(50% - 45px / 2);
  flex-basis: calc(50% - 45px / 2);
  flex-grow: 0;
  flex-shrink: 1;
  margin: 0 45px 0 0;
 }
 .rp-play-list-set .rp-play-list-set-prgformat {
  margin-right: 0;
 }

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





/*[[[ Live Columns ]]]*/

/* [ 2 Columns ] */
.rp-live-list-set {
 margin-bottom: 0;
 padding: 0;
}


@media screen and (min-width: 768px) {
 .rp-live-list-set .rp-live-list-set-main,
 .rp-play-list-set .rp-live-list-set-prgformat {
  flex-grow: 0;
  flex-shrink: 1;
 }
 .rp-live-list-set .rp-live-list-set-main {
  width: calc(58.3333333333% - 30px);
  flex-basis: calc(58.3333333333% - 30px);
  margin-right: 30px;
  
 }
 .rp-live-list-set .rp-live-list-set-prgformat {
  width: 41.6666666667%;
  flex-basis: 41.6666666667%;
  margin: 0;
  
 }

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










/*
[[[[[ Top Page's Parts ]]]]]
*/

/* [[[ On Air List Logo and Add ]]] */
.rp-onairlist-main .rp-onairlist-main-logo {
	width: 180px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

@media screen and (max-width: 1199px) {
	.rp-onairlist-main .rp-onairlist-main-logo {
		width: 120px;
		height: 24px;
	}

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


/* [[[ FM802 Logo ]]] */
#fm802onairlisttitle.rp-onairlist-main-logo {
	background: url(../images/rp_logo_fm802_w.png) no-repeat left center;
	background-size: contain;
}
/* [[[ FM COCOLO Logo ]]] */
#fmcocoloonairlisttitle.rp-onairlist-main-logo {
	background: url(../images/rp_logo_fmcocolo_w.png) no-repeat left center;
	background-size: contain;
}


/* [[[ On Air List Table ]]] */
.rp-onairlist-main-table-list > li {
	border-bottom:1px solid #000;
}
.rp-onairlist-main-table-list > li:first-child {
	border-top:1px solid #000;
}



/* [[[ Card Thumbnail ]]] */
.rp-card-thumbnail a {
	color: var(--rp-first);
}

/* [[[ Card Images Fit ]]]*/
.rp-card-thumbnail .rp-card-thumbnail-box {
	position: relative;
	width:100%;
	height: auto;
	padding-top: 56.25%; /*75%*/
	overflow: hidden;
}
.rp-card-thumbnail .rp-card-thumbnail-box .rp-card-thumbnail-box-img {
	position: absolute;
	width: 100%;
	height: auto;
	top:0;
	padding-top: 56.25%; /*75%*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.5s ease-out;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1
	);
 will-change: transform;
}
.rp-card-thumbnail a:hover .rp-card-thumbnail-box .rp-card-thumbnail-box-img {
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 0.9
	);
}











/*
[[[[[ On Air List for PC Frame ]]]]]
*/

.grad-wrap {
 position: relative;
}
.grad-btn {
 z-index: 2;
 position: absolute;
 bottom: -2rem;
 left: calc(50% - 60px);
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 width: 7.5rem;
 cursor: pointer;
 transition: .3s ease;
 /*box-shadow: 0 0 3px rgba(0,0,0,.3);*/
 border:1px solid var(--rp-gray2);
}
.grad-btn:hover {
	border:1px solid var(--rp-second);
}
.grad-btn::after {
 content: "続きを見る";
}
.grad-item {
 position: relative;
 overflow: hidden;
 height: auto;
}
.grad-item::before {
 display: block;
 position: absolute;
 bottom: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 2rem; /*グラデーションで隠す範囲*/
 /*background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
 background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);*/
 z-index: 1;
}
.grad-trigger {
 display: none;
}
.grad-trigger:checked ~ .grad-btn {
 bottom: -1.5rem;
}
.grad-trigger:checked ~ .grad-btn::after {
 content: "閉じる"
}
.grad-trigger:checked ~ .grad-btn .fas {
 transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item {
 height: auto !important;
}
.grad-trigger:checked ~ .grad-item::before {
 display: none;
}










/*
[[[[[ Scroll Hint ( scroll-hint.min.js )]]]]]
*/

@keyframes scroll-hint-appear {
 0% {
  transform: translateX(40px);
  opacity: 0;
 }
 10% {
  opacity: 1;
 }
 50%,
 100% {
  transform: translateX(-40px);
  opacity: 0;
 }
}

.scroll-hint.is-right-scrollable {
 background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
 background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
 background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
 position: absolute;
 top: calc(50% - 25px);
 left: calc(50% - 60px);
 box-sizing: border-box;
 width: 120px;
 height: 80px;
 border-radius: 5px;
 transition: opacity .3s;
 opacity: 0;
 background: rgba(0, 0, 0, .7);
 text-align: center;
 padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 max-height: 100%;
 pointer-events: none;
}

.scroll-hint-text {
 font-size: 10px;
 color: #FFF;
 margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
 opacity: .8;
}

.scroll-hint-icon:before {
 display: inline-block;
 width: 40px;
 height: 40px;
 color: #FFF;
 vertical-align: middle;
 text-align: center;
 content: "";
 background-size: contain;
 background-position: center center;
 background-repeat: no-repeat;
 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
 content: "";
 width: 34px;
 height: 14px;
 display: block;
 position: absolute;
 top: 10px;
 left: 50%;
 margin-left: -20px;
 background-repeat: no-repeat;
 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
 opacity: 0;
 transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
 opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
 animation: scroll-hint-appear 1.2s linear;
 animation-iteration-count: 2;
}

.scroll-hint-icon-white {
 background-color: #FFF;
 box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
 color: #000;
}