@charset "UTF-8";
/* CSS Document */

#HeadBox{
	background:#000;
	margin:0;
	width:100%;
	position:fixed;
	z-index:10;
}

/*----------------------------*/
/*ヘッダー部*/
/*----------------------------*/
/*レトロフリークのセリフ*/
.head_comment{
	color:#FFF;
	font-size:11px;
	height:30px;
	line-height:100%;
}
.head_comment img{
	display:inline;
	vertical-align:middle;
	padding:2px;
}

@media(max-width:640px){
	.head_comment{
		top:30px;
		left:0;
		width:100%;
		line-height:15px;
	}
}

/*----------------------------*/
/*cyber logo*/
/*----------------------------*/
.homelinklogo{
	background:#FFF;
	list-style:none;
	text-align:right;
	height:25px;
	font-size:12px;
	border-bottom:1px solid #666;
	margin:0;
}
.homelinklogo a{
	display:block;
	width:135px;
}
.homelinklogo a img:first-child{
	display:block;
}
.homelinklogo a img:nth-child(2){
	display:none;
}

@media(max-width:640px){
}
@media(max-width:480px){
	/*.homelinklogo a img:first-child{
		display:none;
	}
	.homelinklogo a img:nth-child(2){
		display:block;
		padding:4px;
	}
	.homelinklogo a{
		width:30px;
	}*/
}
/*----------------------------*/
/*google 翻訳*/
/*----------------------------*/
#google_translate_element{
	position:absolute;
	top:2px;
	right:3px;
}
#google_translate_element a{
	text-decoration: none;
}
/*----------------------------*/
/*アコーディオンパネル部分	*/
/*----------------------------*/
.panel {
}
.panel_inner{
}


/*----------------------------*/
/*ソーシャルボタン*/
/*----------------------------*/
.social_button img{
	display:block;
}

.social_button{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	
	-moz-box-orient:horizontal;
	-moz-box-direction:reverse;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;


   /* webkit bugfix */
   -webkit-box-pack:end;
	
	position:absolute;
	width:auto;
	top:5px;
	right:130px;
	/*right:1px;*/
	font-size:90%;
	line-height:100%;
	margin:0;
	padding:0;
}
.social_button div{
	display:inline-block;/*ie11 bug回避*/
}

.social_button .fb{
	margin:0 1px;
	padding:0;
}
.fb_ja .fb-like span,
.fb_ja .fb-like iframe{
	width: 80px !important;
}
.social_button .fb #fb-root {
}
.social_button .fb #fb-like {	
}

.social_button .tw{
	margin:0 1px;
	padding:0;
}
.social_button .tw a,
.social_button .tw_f a,
.social_button img{
	display:block;
}
.social_button .tw_f{
	margin:0 1px;
}
.social_button .tw_f a:hover img{
	-webkit-filter: brightness(1.3);
     -webkit-filter:brightness(130%);
     -moz-filter: brightness(1.3);
     -o-filter: brightness(1.3);
     -ms-filter: brightness(1.3);
     filter: brightness(1.3);
}
.panel .btn{
	display:none;
	}
.panel .check{
    display: none;
}
@media(max-width:640px){
	.social_button{
		display:block;
		position:static;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px solid #666;
	}
	.social_button div{
		float:left;
	}
}

		

/*----------------------------*/
/*language切り替えボタン   #HeadBox .social_button ul.language*/
/*----------------------------*/
.language{
	list-style:none;
	display:inline-block;/*ie11 bug回避*/
	margin:0 5px 0 0;
	padding:0 5px 0 0;
	border-right:1px solid #999;
}
.language li{
	margin:0;
	margin:0 1px;
	float:left;
}
.language a{
	border:none;
	padding:0;
}

.social_button .language li a img:first-child{
	display:block;
}
.social_button .language li a img:last-child{
	display:none;
}
.language a:hover img{
	-webkit-filter: brightness(1.3);
     -webkit-filter:brightness(130%);
     -moz-filter: brightness(1.3);
     -o-filter: brightness(1.3);
     -ms-filter: brightness(1.3);
     filter: brightness(1.3);
}
@media(max-width:640px){
	.language{
		display:block;
		border-right:none;
		margin:0;
		padding:0 0 5px 0;
	}

}
@media(max-width:480px){
	/*.social_button .language li a img:first-child{
		display:none;
	}
	.social_button .language li a img:last-child{
		display:block;
	}*/
}

/*----------------------------*/
/*head navi   #HeadBox .social_button ul.head navi*/
/*----------------------------*/
.gl_nav{
	position:absolute;
	top:30px;
	right:0;
	list-style:none;
	font-size: 12px;
	margin:0;
	
}
.gl_nav a:link 		{color: #000; text-decoration:none}
.gl_nav a:active 	{color: #06C; text-decoration:underline;}
.gl_nav a:hover 	{color: #06C; text-decoration:underline;}
.gl_nav a:visited 	{color: #000; text-decoration:none;}

.gl_nav li{
	display:inline-block;
	margin:0 5px;
	color:#999;
	line-height:25px;
}

/*アコーディオンパネルの▲▼*/
.gl_nav li:first-child,
.gl_nav li:last-child{
	display:none;
}

@media(max-width:640px){
	.gl_nav{
		position:static;
		top:0;
		right:0;
	}
	.gl_nav li{
		margin:0;
		display:block;
	}
	.gl_nav a{
		display:block;
		margin:0;
		padding:0 3px;
	}
	.gl_nav li:last-child{
		margin:0;
	}
	.gl_nav a:link, .gl_nav a:visited {color: #FFF; text-decoration:none}
	.gl_nav a:active,
	.gl_nav a:hover{
		background-color:#99FFFF;
		color:#000;
		text-decoration:none;
	}
	/*アコーディオンパネルの▲▼*/
	.gl_nav li:first-child,
	.gl_nav li:last-child{
		display:block;
		line-height:18px;
	}
	.gl_nav .panelnavi{
		font-size:12px;
	}
	.gl_nav a.panelnavi:link, .gl_nav a.panelnavi:visited{
		color:#999;
	}
	.gl_nav a.panelnavi:active, .gl_nav a.panelnavi:hover{
		color:#99FFFF;
		background-color:transparent;
	}
	.panelnavi span{
		display:block;
		width:18px;
		margin:0 7px;
		transform:scaleX(1.5)
	}
				
}



/*----------------------------*/
/*ソーシャルボタン 640px以下　アコーデオンパネル*/
/*----------------------------*/
@media(max-width:640px){
	.panel .btn {
		position: fixed;
		display: block;
		right:0;
		top:30px;
		z-index: 9999;
		cursor: pointer;
		background:#000;
	}
	.panel .btn img{
		display:block;
		margin:0;
     	-webkit-filter:brightness(200%);
     	-moz-filter: brightness(200%);
    	-o-filter: brightness(200%);
     	-ms-filter: brightness(200%);
     	filter: brightness(200%);
		height: 25px;
		width: auto;
	}
	.panel .btn:hover img{
		-webkit-filter: brightness(100%);
     	-moz-filter: brightness(100%);
     	-o-filter: brightness(100%);
     	-ms-filter: brightness(100%);
     	filter: brightness(100%);
	}
	.panel .btn:hover{
		background-color:#000;
	}
	.panel .cbtn {
		z-index: 99;
		display: none;
		top: 0;
		right: 0;
		position: fixed;
	}
	.panel .check {
    	display: none;
	}
	.panel .panel_inner {
		margin:0;
		padding:5px;
		display:block;
		background:url(topiclink_bg.png);
		list-style:none;
		position: fixed;
		z-index: 999;
		width: 170px;
		right:-180px;
		top:30px;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;	
	}
	.panel .check:checked + .panel_inner {
		right:0;
	}
	.panel .check:checked + .panel_inner + .cbtn {
		display: block;
		width: 100%;
		height: 100%;
	}

}