.mediaViewInfo {
		--web-view-name: HOME;
		--web-view-id: HOME;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}
	:root {
		--web-view-ids: HOME;
	        --footer-top:   100vh;
		--page-height: 1519px;
		--menu-height:  600px;
		--gc-color-gold-f: rgba(185, 135, 10, 1.0);
		--gc-color-gold:   rgba(185, 135, 10, 0.8);
		--gc-color-gold-w: rgba(185, 135, 10, 0.4);
		--gc-color-gray: #E7E6E6;
		--gc-color-btn:  #24455F;
		--gc-color-link: -webkit-link;
		--gc-color-category1: rgba(184,134,11, 0.85);
		--gc-color-category2: #24455F;
		--gc-color-ywtm1: rgba(184,134,11, 0.2);
		--gc-color-ywtm2: rgba(127,127,127,0.2);
		    min-width:  375px;
		    max-width:  500px; 
	}
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		border: none;
		font-family: 'Meiryo UI', 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
		font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	}
	#HOME {
		position: absolute;
		width: 100%;
		height: var(--page-height);
		top:71px;
		background-color: rgba(255,255,255,1);
		overflow: hidden;
		--web-animation: fadein 0.3s ease-out;
		--web-action-type: page;
		--web-action-target: HOME___1.html;
		--web-view-name: HOME;
		--web-view-id: HOME;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
		overflow-y:auto
	}
	@keyframes fadein {
	
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	
	}
	@keyframes  {
	
	
	}
	#home-banner {
		position: absolute;
		max-width: 100%;;
		max-height: 211px;
		left: 0px;
		top: 100px;
		overflow: visible;
	}
	.gchannel-home-titlebar {
		position: absolute;
		left: 0;
		margin-top: 5px;
		overflow: visible;
		width: 100%;
		height: 25px;
		line-height: 25px;
		text-align: center;
		vertical-align: middle;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		background-color: var(--gc-color-gold-w);
		background-image: linear-gradient(135deg, var(--gc-color-gold) 70%, var(--gc-color-gold-w) 80%, var(--gc-color-gold) 90% );
	        box-shadow: 3px 3px 6px grey;
		color: white;
	}
	.gchannel-home-btn {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);		
		margin-top: 10px;
		overflow: visible;
		width: 70%;
                min-width: 300px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		vertical-align: middle;
//		font-family: Meiryo UI;
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		border-radius:30px;
		border-color: black;
		background-color: var(--gc-color-btn);
		color: white;
		cursor: pointer;
	}
	.gchannel-home-event-btn {
		visibility:visible; 
//		font-family:Meiryo UI; 
		height:60px; 
		width:23%; 
		line-height:18px; 
		margin-left:1%; 
		font-size:14px; 
		font-weight:500; 
		border-radius:10px; 
		margin-top: 10px;
		overflow: visible;
		text-align: center;
		vertical-align: middle;
		border-color: black;
		background-color: var(--gc-color-btn);
		color: white;
		cursor: pointer;
		float:left;
	}
	#gchannel-buta-bank {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);		
		margin-top: 20px;
		overflow: visible;
		width: 50%;
		min-width: 250px;
		height: 120px;
	}
	#gchannel-home-buta-btn {
		position: relative;
		left: 0;
		margin-top:30px;
		width: 100%;
		height: 90px;
		line-height: 60px;
		text-align: center;
		vertical-align: middle;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: 600;
		font-size: 26px;
		line-height: 26px;
		border-radius:45px;
		border-color: black;
		background-color: var(--gc-color-btn);
		color: white;
		cursor: pointer;
	}
	#SocialMedias {
		position: absolute;
		left:50%;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);		
		margin-top: 0px;
		width: 100%;
		overflow: visible;
		float:left;
	}

	#new-videos {
		position: absolute;
		width:  100%;
		height: 100px;
		left: 0px;
		margin-top: 10px;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	#new-videos-inner {
		display:inline-block; 
		white-space:nowrap; 
		padding:0;
		padding-left:10px;
	}
	.new-video-img {
		margin-left:5px;
//		margin-right:15px; 
		display: inline-block;
	}
	.new-contents-video {
		position:relative; 
		margin:0; 
		height: 90px; 
		width: auto;"
	}
	.new-contents-no_video {
		position:relative; 
		margin:0; 
		height: 90px; 
		width: 0px;"
	}
	.new-video-releasedate-form {
		position:relative; 
		width:55%; 
		height:20%; 
		left:0; 
		top:0;"
	}
	.new-video-releasedate {
		font-style: normal;
		font-weight: normal;
		font-size:12px; 
		font-family:Hiragino Kaku Gothic ProN;
	} 

	#_________1 {
		position: absolute;
		width: 99%;
		height: 99px;
		left: 14px;
		top: 314px;
		overflow-x: auto;
	}
	#_________1_0 {
		position: absolute;
		width: 151px;
		height: 100px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	#Ver02_08 {
		position: absolute;
		width: 150px;
		height: 84px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	#ID2020_01_01 {
		position: absolute;
		left: 100px;
		top: 86px;
		overflow: visible;
		width: 52px;
		white-space: nowrap;
		text-align: right;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 10px;
		color: rgba(145,144,144,1);
	}
	#_________1_1 {
		position: absolute;
		width: 151px;
		height: 100px;
		left: 43%;
		top: 0px;
		overflow: visible;
	}
	#Ver03_1_bg {
		position: absolute;
		width: 150px;
		height: 84px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	#ID2020_04_16 {
		position: absolute;
		left: 100px;
		top: 86px;
		overflow: visible;
		width: 52px;
		white-space: nowrap;
		text-align: right;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 10px;
		color: rgba(145,144,144,1);
	}
	#_________1_2 {
		position: absolute;
		width: 151px;
		height: 100px;
		left: 86%;
		top: 0px;
		overflow: visible;
	}
	#Ver02_04 {
		position: absolute;
		width: 150px;
		height: 84px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	#ID2020_01_01_bk {
		position: absolute;
		left: 100px;
		top: 86px;
		overflow: visible;
		width: 52px;
		white-space: nowrap;
		text-align: right;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 10px;
		color: rgba(145,144,144,1);
	}
	#home-news-contents {
		position: absolute;
		width: 100%;
		height: auto;
		left: 10px;
		margin-top:0px;
		overflow: hidden;
	}
	#_____30 {
		position: absolute;
		width: 90%;
		height: 19px;
		left: 0px;
		top: -4px;
		overflow: visible;
	}
	#_________________ {
		position: absolute;
		left: 10px;
		top: 0px;
		overflow: visible;
		width: 51%;
		white-space: nowrap;
		text-align: left;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		color: rgba(0,0,0,1);
	}
	.note-list {
		left: 5px;
		display: list-item;
		list-style; circle;
		padding-bottom: 15px;
    		position: relative;
		color: #002060;
		font-size: 18px;
		font-weight: 300;
    		text-overflow: ellipsis;
    		overflow-x: hidden;
//    		white-space: nowrap;
    		width: 95%;
		height: auto;
	}
	.note-list a {
		font-weight: 300;
		color: #002060;
	}
	.note-list a:hover {
	   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
	   cursor:pointer;
	}
	.note-list a:visited {
	   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
	   color: #6598FF;
	   cursor:pointer;
	}
	.new-wow-image {
 	   width: 35%;
	   max-width: 155px;
	   height: auto;
	   position: absolute;
	   right: calc(65% - 15px);
	}
	.new-wow-title  {
	   width: 60%;
	   height: 80px;
	   position: absolute;
	   left: calc(30px + 35%);
    	   top: 0px;
	}
	.new-wow-title-date {
	   position: absolute;
	   left: 0;
	   font-size: 17px;
	   color: White;
	   font-weight: 500;
	   background-color: #dd0000;
	   line-height: 22px;
	   border-radius: 5px;
	   padding-top:2px;
	   width: 100px;
	}
	.new-wow-title-cont {
	    font-size: 17px;
	    color: Black;
	    text-align: left;
	    font-weight: normal;
	    position: absolute;
	    top: 25px;
	    left: 0;
	    width: calc(100% - 5px);
	    height: 48px;
	    overflow: hidden;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	#ID2020_04_16_bo {
		position: absolute;
		left: 73%;
		top: 2px;
		overflow: visible;
		width: 62px;
		white-space: nowrap;
		text-align: right;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(0,0,0,1);
	}
	.____1 {
		position: absolute;
		overflow: visible;
		width: 5px;
		height: 5px;
		left: 0px;
		top: 8px;
	}
	#_____30_bq {
		position: absolute;
		width: 90%;
		height: 19px;
		left: 0px;
		top: 19px;
		overflow: visible;
	}
	#________br {
		position: absolute;
		left: 10px;
		top: 0px;
		overflow: visible;
		width: 81px;
		white-space: nowrap;
		text-align: left;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		color: rgba(0,0,0,1);
	}
	#ID2020_03_01 {
		position: absolute;
		left: 73%;
		top: 2px;
		overflow: visible;
		width: 62px;
		white-space: nowrap;
		text-align: right;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(0,0,0,1);
	}
	.____1_bt {
		position: absolute;
		overflow: visible;
		width: 5px;
		height: 5px;
		left: 0px;
		top: 8px;
	}
	#_____30_bu {
		position: absolute;
		width: 90%;
		height: 19px;
		left: 0px;
		top: 42px;
		overflow: visible;
	}
	#_______________ {
		position: absolute;
		left: 10px;
		top: 0px;
		overflow: visible;
		width: 172px;
		white-space: nowrap;
		text-align: left;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		color: rgba(0,0,0,1);
	}
	#ID2020_02_01 {
		position: absolute;
		left: 73%;
		top: 2px;
		overflow: visible;
		width: 62px;
		white-space: nowrap;
		text-align: right;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(0,0,0,1);
	}
	.____1_bx {
		position: absolute;
		overflow: visible;
		width: 5px;
		height: 5px;
		left: 0px;
		top: 8px;
	}
	#_____30_by {
		position: absolute;
		width: 90%;
		height: 19px;
		left: 0px;
		top: 65px;
		overflow: visible;
	}
	#ID2020_________ {
		position: absolute;
		left: 10px;
		top: 0px;
		overflow: visible;
		width: 139px;
		white-space: nowrap;
		text-align: left;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		color: rgba(0,0,0,1);
	}
	#ID2020_01_01_b {
		position: absolute;
		left: 73%;
		top: 2px;
		overflow: visible;
		width: 62px;
		white-space: nowrap;
		text-align: right;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(0,0,0,1);
	}
	.____1_b {
		position: absolute;
		overflow: visible;
		width: 5px;
		height: 5px;
		left: 0px;
		top: 8px;
	}
	#gchannel-home-wow-explain-d {
		position: absolute;
		left: 0;
		margin-top: 0px;
		overflow: visible;
		width: 100%;
		height: 200px;
	}
	#wow-explain {
		position: absolute;
		margin-top: 10px;
		height: 200px;
		width:70%;
		min-width:300px;
		line-height: 24px;
		left: 50%;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);		
		text-align: center;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: 500;
		font-size: 20px;
		color: rgba(0,0,0,1);
	}
	#wow-img {
		position: absolute;
		width: auto%;
		height: 270px;
		left: 25px;
		top: 630px;
		overflow: hidden;
	}
	#gchannel-explain {
		position: absolute;
		max-width: 600px;
		left: 50%;
		transform: translateX(-50%);
		top: 1270px;
		overflow: visible;
		width: 100%;
		height: auto;
		line-height: 18px;
		text-align: center;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: 500;
		font-size: 16px;
		color: rgba(0,0,0,1);
	}
	.gchannel-explain-list {
		position: relative;
		left: 0px;
		width: 100%;
		height: 70px;
		vertical-align: middle;
		border-bottom:none;
	}
	#_____65 {
		position: absolute;
		width: 81px;
		height: 34px;
		left: 35%;
		top: 1357px;
		overflow: visible;
	}
	#_____56 {
		position: absolute;
		width: 81px;
		height: 34px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	#_____60 {
		position: absolute;
		width: 50.266px;
		height: 22.595px;
		left: 30.152px;
		top: 6.278px;
		overflow: visible;
	}
	#_____64 {
		position: absolute;
		width: 30.236px;
		height: 32.716px;
		left: 0.22px;
		top: 0.747px;
		overflow: visible;
	}
	#_____66 {
		position: absolute;
		width: 119px;
		height: 45px;
		left: 25px;
		top: 1398px;
		overflow: visible;
		--web-animation: fadein 0.3s ease-out;
		--web-action-type: page;
		--web-action-target: G_______.html;
		cursor: pointer;
	}
	.____18 {
		position: absolute;
		overflow: visible;
		width: 119px;
		height: 45px;
		left: 0px;
		top: 0px;
	}
	#_______di {
		position: absolute;
		left: 24px;
		top: 13px;
		overflow: visible;
		width: 71px;
		white-space: nowrap;
		text-align: center;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		color: rgba(255,255,255,1);
	}
	#header {
		z-index:9999;
		position: fixed;
		  width: 100%;;
		height: 70px;
		left: 0px;
		top: 0px;
		overflow: hidden;
//		border-bottom-style: ridge;
	}
	#header-area {
		z-index:10000;
		  width: 100%;;
		height: 100%;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	.____53 {
		position: absolute;
		overflow: visible;
		  width: 100%;;
		height: 70px;
		left: 0px;
		top: 0px;
	}
	.___27 {
		overflow: visible;
		position: absolute;
		width: 30.096px;
		height: 30.098px;
		left: 86%;
		top: 19.112px;
		transform: matrix(1,0,0,1,0,0);
	}
	#_____116 {
		position: absolute;
		width: 72px;
		height: 30px;
		left: 64%;
		top: 19px;
		overflow: visible;
		--web-animation: fadein undefineds undefined;
		--web-action-type: page;
		--web-action-target: ____.html;
		cursor: pointer;
	}
	.____7_d {
		position: absolute;
		overflow: visible;
		width: 72px;
		height: 30px;
		left: 0px;
		top: 0px;
	}
//	#____ {
//		position: absolute;
//		left: 8px;
//		top: 6px;
//		overflow: visible;
//		width: 42px;
//		white-space: nowrap;
//		line-height: 20px;
//		margin-top: -1px;
//		text-align: left;
//		font-family: Meiryo UI;
//		font-style: normal;
//		font-weight: normal;
//		font-size: 14px;
//		color: rgba(0,0,0,1);
//	}
	#________10___12 {
		position: absolute;
		width: 185px;
		height: 45px;
		left: 45%;
		top: 1398px;
		overflow: visible;
		--web-animation: fadein 0.3s ease-out;
		--web-action-type: page;
		--web-action-target: _______1.html;
		cursor: pointer;
	}
	.____18_ec {
		position: absolute;
		overflow: visible;
		width: 185px;
		height: 45px;
		left: 0px;
		top: 0px;
	}
	#___________ed {
		position: absolute;
		left: 23px;
		top: 13px;
		overflow: visible;
		width: 141px;
		white-space: nowrap;
		text-align: center;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		color: rgba(255,255,255,1);
	}
/* Footer */
/* -------*/
	#gchannel-footer {
		z-index: 10001;
		position: fixed;
		overflow: visible;
		filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
	display: block;
	height: 46px;
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	}
	.footer-icon:hover {
//	   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
	   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
	   cursor:pointer;
	}
/* Footer Icons */
	.____34 {
		filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
		position: relative;
		overflow: visible;
		width: 100%;
		height: 46pt;
		left: 0;
		top: 0;
	}
/* HOME */
	.___20 {
		overflow: visible;
		position: absolute;
		width: 27.474px;
		height: 31.093px;
		left: 10%;
		top: 6.684px;
		transform: matrix(1,0,0,1,0,0);
		--web-animation: fadein 0.3s ease-out;
		--web-action-type: page;
		--web-action-target: gchannel_home.html;
		cursor: pointer;
	}

/* Manabi */
	#footer-manabi {
		position: absolute;
		width: 36.326px;
		height: 28.777px;
		left: 29%;
		top: 9.198px;
		overflow: visible;
	}
	.___121 {
		overflow: visible;
		position: absolute;
		width: 36.326px;
		height: 28.777px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#_____382 {
		position: absolute;
		width: 15.583px;
		height: 15.703px;
		left: 10.371px;
		top: 5.763px;
		overflow: visible;
	}
	.___122 {
		overflow: visible;
		position: absolute;
		width: 15.583px;
		height: 15.703px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
/* Wow */
	#footer-wow {
		position: absolute;
		width: 41.672px;
		height: 31.74px;
		left: 48.5%;
		top: 7.198px;
		overflow: visible;
	}
	#_____375 {
		position: absolute;
		width: 41.672px;
		height: 31.74px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	.___113 {
		overflow: visible;
		position: absolute;
		width: 30.522px;
		height: 31.74px;
		left: 11.15px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___114 {
		overflow: visible;
		position: absolute;
		width: 12.116px;
		height: 11.99px;
		left: 0px;
		top: 12.553px;
		transform: matrix(1,0,0,1,0,0);
	}
	#_____378 {
		position: absolute;
		width: 25.596px;
		height: 8.232px;
		left: 13.588px;
		top: 9.611px;
		overflow: visible;
	}
	#_____376 {
		position: absolute;
		width: 21.523px;
		height: 7.877px;
		left: 0px;
		top: 0.203px;
		overflow: visible;
	}
	.___115 {
		overflow: visible;
		position: absolute;
		width: 8.588px;
		height: 7.877px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___116 {
		overflow: visible;
		position: absolute;
		width: 5.985px;
		height: 5.306px;
		left: 8.246px;
		top: 2.561px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___117 {
		overflow: visible;
		position: absolute;
		width: 6.931px;
		height: 5.316px;
		left: 14.592px;
		top: 2.561px;
		transform: matrix(1,0,0,1,0,0);
	}
	#_____377 {
		position: absolute;
		width: 4.211px;
		height: 8.232px;
		left: 21.385px;
		top: 0px;
		overflow: visible;
	}
	.___118 {
		overflow: visible;
		position: absolute;
		width: 4.211px;
		height: 8.232px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
/* loope */
	.___27 {
		overflow: visible;
		position: absolute;
		width: 22.209px;
		height: 22.21px;
		left: 70%;
		top: 12px;
		transform: matrix(1,0,0,1,0,0);
	}
/* Menu */
	.____1_dm {
		position: absolute;
		overflow: visible;
		width: 25.742px;
		height: 5.617px;
		left: 85%;
		top: 12px;
	}
	.____2 {
		position: absolute;
		overflow: visible;
		width: 25.742px;
		height: 5.617px;
		left: 85%;
		top: 21.477px;
	}
	.____3 {
		position: absolute;
		overflow: visible;
		width: 25.742px;
		height: 5.617px;
		left: 85%;
		top: 30.953px;
	}


/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.menubar {
   position: absolute;
   margin:0px;
   right:3px;
   width:65%;
   top:47px;
   heigjt: val(--menu-height);
}
ul.menubar li {
   list-style-type: circle;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
   left:0px;
   margin:0px;
   width:100%;
   height:39px;
   background-color:rgba(255,255,255,1);
   border: none;
}
ul.menubar a {
   left:0px;
   width:100%;
   font-size: 16px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-family: Kozuka Gothic Pr6N;
   background-color:rgb(173, 131, 58);  /* メニュー項目の背景色(濃い赤色) */
   color:rgba(255,255,255,1);   /* メニュー項目の文字色(白色) */
   line-height: 35px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: left;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   display: block;            /* ★4:項目内全域をリンク可能にする */
   cursor:pointer;
   border: none;
   text-indent: 26px;
}
ul.menubar a:hover {
//   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}
ul.menubar label {
   list-style-type: circle;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
   left:0px;
   margin-bottom:4px;
   width:100%;
   font-size:16px;
   font-family: Kozuka Gothic Pr6N;
   background-color:rgb(173, 131, 58); /* メニュー項目の背景色(濃い赤色) */
   color:rgba(255,255,255,1);         /* メニュー項目の文字色(白色) */
   line-height: 35px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: left;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   display: block;            /* ★4:項目内全域をリンク可能にする */
   cursor:pointer;
   border: none;
   text-indent:10px;
}
ul.menubar label:hover {
//   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}
ul.menubar .entry-menu {
   background-color:rgb(0, 87, 170); /* 新規会員登録　だけ濃い青 */
}

input[type=checkbox].on-off{
  display: none;
}

input[type=checkbox].on-off + ul.video-category-menu{
  display: none;
}

input[type=checkbox].on-off:checked + ul.video-category-menu{
  display: block;
}


/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.menubar ul {
   display: none;       /* ★1:標準では非表示にする */
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0px;
  padding: 0;
  list-style: none;
}
ul.menubar ul a:hover {
//   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}
ul.video-category-menu a {
   margin-botton: 2px;
   width: 100%;
   font-size:16px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-family:Hiragino Kaku Gothic ProN;
   background-color: rgb(235, 235, 235); /* メニュー項目の背景色(濃い赤色) */
   color: rgba(0,87,170,1);            /* メニュー項目の文字色(白色) */
   line-height: 35px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: left;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   display: block;            /* ★4:項目内全域をリンク可能にする */
   cursor:pointer;
   border: none;
   text-indent:10px;
}



/* ヘッダー */
/* メンバー名 */
	#loginuser-information {
		position: absolute;
		width: 112px;
		height: 40px;
		left: 70%;
		top: 20px;
		overflow: visible;
		--web-animation: fadein 0.3s ease-out;
		--web-action-type: page;
		--web-action-target: ____________.html;
		cursor: pointer;
	}
	#loginuser-username {
		position: absolute;
		left: 40px;
		top: 14px;
		overflow: visible;
		width: 70px;
		white-space: nowrap;
		line-height: 15px;
		margin-top: -3.5px;
		text-align: left;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		color: rgba(0,0,0,1);
	}
	#loginuser-expiredate {
		position: absolute;
		left: 0px;
		top: -7px;
		overflow: visible;
		width: 90px;
		white-space: nowrap;
		line-height: 10px;
		margin-top: -7px;
		text-align: left;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(173,131,58,1);
	}

/*ラットコイン*/
	#loginuser-rattcoin {
		position: absolute;
		width: 20%;
		height: 40px;
		left: 43%;
		top: 20px;
		overflow: visible;
		--web-animation: fadein 0.3s ease-out;
		--web-action-type: page;
		--web-action-target: iPhone_X_XS_11_Pro___1.html;
		cursor: pointer;
	}
	#loginuser-rattcoin-img {
		position: absolute;
		width: 45px;
		height: 45px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	#loginuser-rattcoin-num {
		position: absolute;
		left: 45px;
		top: 13px;
		overflow: visible;
		width: 30px;
		white-space: nowrap;
		line-height: 17px;
		margin-top: -2.5px;
		text-align: left;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 13px;
		color: rgba(0,0,0,1);
		letter-spacing: 1px;
	}
	#loginuser-rattcoin-label {
		position: absolute;
		left: 45px;
		top: 5px;
		overflow: visible;
		width: 25px;
		white-space: nowrap;
		line-height: 15px;
		margin-top: -4.5px;
		text-align: left;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 6px;
		color: rgba(0,0,0,1);
		letter-spacing: -0.5px;
	}
/* GCロゴ */
	#header-gc-logo {
		position: absolute;
		width: 140px;
		height: 60px;
		left: 2%;
		top: 10px;
		overflow: visible;
		cursor: pointer;
	}
	#header-channel-go {
		position: relative;
		bottom:0;
		font-size:13px;
		line-height:30px;
		color: var(--gc-color-link);
		overflow: visible;
		white-space: nowrap;
	}

	#_____384 {
		position: absolute;
		width: 68.071px;
		height: 6.754px;
		left: 37.588px;
		top: 8.137px;
		overflow: visible;
	}
	.___123 {
		overflow: visible;
		position: absolute;
		width: 4.864px;
		height: 6.379px;
		left: 0px;
		top: 0.375px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___124 {
		overflow: visible;
		position: absolute;
		width: 4.395px;
		height: 4.844px;
		left: 5.833px;
		top: 1.91px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___125 {
		overflow: visible;
		position: absolute;
		width: 1.627px;
		height: 6.754px;
		left: 11.301px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___126 {
		overflow: visible;
		position: absolute;
		width: 4.214px;
		height: 6.754px;
		left: 13.568px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___127 {
		overflow: visible;
		position: absolute;
		width: 2.842px;
		height: 4.732px;
		left: 19.156px;
		top: 1.91px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___128 {
		overflow: visible;
		position: absolute;
		width: 3.8px;
		height: 4.844px;
		left: 22.177px;
		top: 1.91px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___129 {
		overflow: visible;
		position: absolute;
		width: 3.068px;
		height: 5.992px;
		left: 26.627px;
		top: 0.762px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___130 {
		overflow: visible;
		position: absolute;
		width: 3.068px;
		height: 5.992px;
		left: 29.835px;
		top: 0.762px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___131 {
		overflow: visible;
		position: absolute;
		width: 4.714px;
		height: 6.379px;
		left: 35.385px;
		top: 0.375px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___132 {
		overflow: visible;
		position: absolute;
		width: 3.943px;
		height: 6.642px;
		left: 41.031px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___133 {
		overflow: visible;
		position: absolute;
		width: 3.8px;
		height: 4.844px;
		left: 46.038px;
		top: 1.91px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___134 {
		overflow: visible;
		position: absolute;
		width: 3.943px;
		height: 4.732px;
		left: 51.136px;
		top: 1.91px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___135 {
		overflow: visible;
		position: absolute;
		width: 3.943px;
		height: 4.732px;
		left: 56.405px;
		top: 1.91px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___136 {
		overflow: visible;
		position: absolute;
		width: 4.037px;
		height: 4.844px;
		left: 61.373px;
		top: 1.91px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___137 {
		overflow: visible;
		position: absolute;
		width: 1.626px;
		height: 6.754px;
		left: 66.445px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___138 {
		overflow: visible;
		position: absolute;
		width: 11.379px;
		height: 10.557px;
		left: 11.897px;
		top: 10.186px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___139 {
		overflow: visible;
		position: absolute;
		width: 16.54px;
		height: 6.962px;
		left: 22.753px;
		top: 16.58px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___140 {
		overflow: visible;
		position: absolute;
		width: 19.652px;
		height: 8.418px;
		left: 19.641px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___141 {
		overflow: visible;
		position: absolute;
		width: 20.03px;
		height: 23.569px;
		left: 0px;
		top: 0.011px;
		transform: matrix(1,0,0,1,0,0);
	}
/* ログインボタン */
	#Login-btn {
		position: absolute;
		width: 18%;
		height: 30px;
		right: 30%;
		top: 25px;
		overflow: visible;
		text-align: center;
		vertical-align: middle;
		line-height: 30px;
		font-size: 14px;
		cursor: pointer;
		color: black;
		border-radius:3px;
		border-color: black;
		background-color: var(--gc-color-gray);
		cursor: pointer;
	}
#Create-user-btn {
		position: absolute;
		width: 20%;
		height: 30px;
		right: 5%;
		top: 25px;
		overflow: visible;
		text-align: center;
		vertical-align: middle;
		line-height: 30px;
		font-size: 14px;
		cursor: pointer;
		color: white;
		border-radius:15px;
		border-color: black;
		background-color: var(--gc-color-btn);
		cursor: pointer;
}
#video-title {
	font-size:16px; 
	font-weight:600;
	line-height:17px;
	display:inlike-block;
}
#video-description {
	font-size:14px; 
	line-height:15px;
	margin-top: 10px; 
	display:inlike-block;
}
#video-category {
	margin-top:10px;
	display:inlike-block;
}
.video-category {
	font-size:12px; 
	color:rgba(173,131,58,1); 
	font-size:14px; "
	display:inlike-block;
}
.vjs-poster {
	background-color: whilte;
}


/* メッセージ*/
	.gchannel-message {
		position: absolute;
		width: 350px;
		height: 100px;
		left: 50%;
		transform: translateX(-50%);
		top: 50px;
		overflow: visible;
		--web-animation: fadein 0.3s ease-out;
		--web-action-type: page;
		--web-action-target: iPhone_X_XS_11_Pro___1.html;
		cursor: pointer;
		z-index: 10000;
	}
	.gchannel-message-fill {
		filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.341));
		overflow: visible;
		position: absolute;
		width: 77px;
		height: 90.824px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.gchannel-message-chara {
		position: absolute;
		top: 20px;
		overflow: visible;
		width: 100%;
		white-space: normal;
		line-height: 15px;
		margin-top: -1px;
		padding-left:35px;
		padding-right:35px;
		text-align: center;
		font-family: Meiryo UI;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(173,131,58,1);
		color: black;
	}


.query-popup {
  position: fixed;
  left: 0;
  top: 71px;
  width: 100%;
  height: calc(100% - 120px);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
//  transition: .6s;
  overflow:auto;
  background-color: rgba(255,255,255,0.7);
}
.query-popup.is-show {
  opacity: 1;
  visibility: visible;
}
.query-popup-inner {
  position: absolute;
  left: 0%;
  bottom: 0px;
  width: 80%;
  background-color: #fff;
  z-index: 90002;
}
#query-go-btn {
  position: absolute;
  left: 80%;
  bottom: 0px;
  height: 65px;
  width: 20%;
  background-color: white;
  border-color: var(--gc-color-gold);
  border-style:outset;
  border-radius: 5px;
  z-index: 90003;
}
.query-close-btn {
  position: absolute;
  right: 25px;
  bottom: 15px;
  width: 30px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
  font-size: 30px;
  font-weight: bold;
}
.query-close-btn i {
  font-size: 30px;
  color: #333;
}
.query-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.8);
  z-index: 90001;
  cursor: pointer;
}

#category-popup-d {
position:absolute;
top: 0px; 
left:0; 
width:100%; 
height:100vh; 
visibility:hidden;
background-color: white; 
}
.category-popup-white-background {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
}
#category-wow-area { 
position:absolute;
width:100%;
height:calc(100% - 120px);
left:0;
top:0;
}
#category-popup-border {
    position: relative;
    overflow: visible;
    width: 94%;
    height:570px;
    left: 1%;
    top:  0%;
    border: var(--gc-color-gold)  solid;
    border-width: 5px;
    border-radius: 20px;
    border-style: outset;
    box-shadow: 2px 2px 2px;
    background-color:rgb(250, 255, 255);
}

#category-popup-hide-btn {
    position: absolute;
    width:  25px;
    height: 25px;
    left: 85%;
    top:  565px;
    overflow: visible;
    --web-animation: fadein 0.3s linear;
    --web-action-type: page;
    --web-action-target: ______.html;
    cursor: pointer;
}
#category-item-area{
position:absolute;
left:2%;
width:90%;
height:500px;
top:60px;
overflow-x:hidden;
overflow-y:hidden;
}
.category-item{
position:absolute;
width:25%;
height:70px;
background-color:var(--gc-color-category1);
color:white;
font-size:16px;
font-weight:600;
text-align:center;
vertical-align:bottom;
  display: inline-block;
  padding: 0.25em 0.5em;
  border-radius: 20px;/*角の丸み*/
  box-shadow: inset 0 5px 0 rgba(255,255,255,0.2), inset 0 -5px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px white;/*線色*/
}
.category-item-moji{
position:absolute;
left:-9px;
width:120%;
bottom:15px;
overflow-x:visible;
}
.category-item-image{
position:absolute;
left:50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);		
width:45px;
height:auto;
top:10px;
}

.category-item-click{
position:absolute;
width:25%;
height:70px;
}

.category-item-rattcoin{
position:absolute;
width:auto;
height:80px;
left:calc(50% - 40px);		
top:50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);		
}


/* Wow mark */

	#show-rules {
		position: absolute;
		width: 100%;
		height: 100px;
		overflow: visible;
		font-family: Meiryo UI;
		font-size: 17px;
		line-height:24px;
		color: var(--gc-color-link);
	}
	#show-rules-line {
		overflow: visible;
		position: absolute;
		width: 100%;
		height: 3px;
		left: 0%;
//		top: 352px;
		transform: matrix(1,0,0,1,0,0);
	}
#gchannel-home-setting {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	width : 140px;
	height : 70px;		
}
#setting {
	left :0;
	top : 0;
	width :  100%;
	height : 100%;		
}
.rattcoin-explain{
    font-family: Meiryo UI;
    font-size: 16px;
    font-weight: 500;
    color:black;
    line-height:22px;
}
.rattcoin-get-explain{
    position:absolute;
    font-family: Meiryo UI;
    font-size: 14px;
    line-height:20px;
    font-weight: 400;
    left:115px;
    top: 0px;
    width:80%;
    height:90px;
    vertical-align:middle;
    overflow-x:visible;
    white-space: nowrap;
    color: black;
}
.rattcoin-get-explain-area{
    position:absolute;
    left:0px;
    width:100%
    height:90px;
}

#is-loading {
 display: block;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 background: #FFF;
 z-index: 10000;
}
#loading {
 position: fixed;
 top: 50%;
 left: 50%;
 width: 200px;
 height: 200px;
 margin-top: -100px;
 margin-left: -100px;
 text-align: center;
 color: #fff;
 z-index: 10001;
}

ul li::marker {
  color: red;
  font-size: 1.5em;
  list-style-tyle: circle;
  list-style-position:inside;
}

#manabi-history option {
background-color:white;
}