@charset "utf-8";

#header_box{padding: 0.7% 0px!important;}	
#headerInner{
	display:flex;
	align-items: center;
	justify-content: flex-end;
}
#headerInner ul{
	width: 100%;
	max-width: 982px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#header_box ul li{display:block !important;}
#headerInner .link_facebook,
#headerInner .link_twitter{
	width:4.5%;
	margin:0 0 0 3px !important;
	padding-left:0 !important;
}

#headerInner .link_facebook{padding-left:8px!important;}
	#headerInner .link_twitter{margin-left:10px !important;}
#headerInner .link_facebook img,
#headerInner .link_twitter img{width:100%;}			
.link_facebook a,
.link_twitter a{width:100%;}

.link_facebook a:before,
.link_facebook a:after,
.link_twitter a:before,
.link_twitter a:after{
	content:none !important;
}

/* サブメニュー：twitter header
------------------------------------------- */
#header_twitter{
	position: absolute;
	width: 230px;
	padding-top: 30px;
	top: 20px;
	right: -20px;
	padding: 1rem;
	z-index: 100;
	-webkit-transition: all .3s;
	transition: all .3s;
	transform-origin: top center;
	transform: scaleY(0);
	opacity: 0;
	pointer-events: none;
}
	#btn_tw_headerWrap.hover #header_twitter,
	#btn_tw_headerWrap:hover #header_twitter{
		transform: scaleY(1);
		opacity: 1;
		top:30px;
		pointer-events: auto;
	}

#header_twitter ul{
	position:relative;
	display:block;
	width:230px;
	background:#1da1f2;
	padding: 0.8rem;
}
#header_twitter:before{
	content: "";
	position: absolute;
	top: -13px;
	right:20px;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #1da1f2;
}	
#header_twitter ul li{
	position: relative;
	border-bottom: 1px dashed #2375cd;
	padding-bottom: 0.5rem !important;
	margin:0 0 0.5rem 0 !important;
	display: block;
	float: none !important;
	text-align: left;
	padding-left: 1rem;
	font-weight: bold;
	letter-spacing: normal;
	vertical-align: middle;
	line-height: 1.4;
}			
#header_twitter ul li:first-child{
	padding-left:0 !important;

}
#header_twitter ul li:before{
	content: "" !important;
	position: absolute !important;
	width: 20px !important;
	height: 19px !important;
	background: url(../images/header/icon_drop_twitterMenu.gif) no-repeat !important;
	background-size: cover !important;
	left: 0 !important;
	/*top: 31% !important;*/
}
#header_twitter ul li:after{
	content:none !important;
}
#header_twitter ul li:last-child{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	border-bottom:none;text-decoration: none;
}
#header_twitter ul li a{
	cursor: pointer;
	color: #fff;
	margin-left: 10px;
	text-decoration: none;
}
#header_twitter ul li.tw_en a{
	margin-left:5px;
}
#header_twitter ul li a:hover{
	cursor: pointer;
	text-decoration:underline !important;
	opacity:1 !important;
}
#sp-sns{display:none;}


/* サブメニュー：twitter footer
------------------------------------------- */
#footer #btn_tw_wrap {
	margin-bottom: 0;
}
#btn_tw_wrap #footer_twitter{
	-webkit-transition: all .3s;
	transition: all .3s;
	transform: scaleY(0);
	opacity: 0;
	transform-origin: top center;
	pointer-events: none;
}
	#btn_tw_wrap.hover #footer_twitter,
	#btn_tw_wrap:hover #footer_twitter{
		display: block;
		transform: scaleY(1);
		opacity: 1;
		pointer-events: auto;
	}

#footer * {
	position: relative;
	box-sizing: border-box;
}
#footer_twitter{
	position: absolute;
	width: 100%;
	z-index: 100;
	padding-top: 30px;
	top: 92px;
}
#footer_twitter ul{
	position:relative;
	display:block;
	background:#1da1f2;
	padding: 1rem;
}
#footer_twitter:before{
	content: "";
	position: absolute;
	top: 0px;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #1da1f2;
}
#footer_twitter ul li{
	position: relative;
	width:auto !important;
	border-bottom: 1px dashed #2375cd;
	padding-bottom: 0.5rem !important;
	margin:0 0 0.5rem 0 !important;
	padding-left:1.5rem !important;
	display: block !important;
	float: none !important;
	text-align: left;
	padding-left: 1rem;
	color: #ffffff!important;
	border-right: none!important;
}
#footer_twitter ul li:before{
	content: "" !important;
	position: absolute !important;
	width: 20px !important;
	height: 19px !important;
	background: url(../images/header/icon_drop_twitterMenu.gif) no-repeat !important;
	background-size: cover !important;
	left: 0 !important;
	/*top: 31% !important;*/
}

.tw_c{color: #000000;}

#footer_twitter ul li:after{
	content:none !important;
}
#footer_twitter ul li:last-child{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	border-bottom:none;
}
#footer_twitter ul li a{
	cursor: pointer;
	color: #fff;
	margin-left: 10px;
	text-decoration: none;
}
#footer_twitter ul li a:hover{
	cursor: pointer !important;
	text-decoration:underline !important;
	opacity:1 !important;
}

.foot-bnr01 .twitter{
	position:relative;
}

#footer_twitter ul li a{
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	background:none !important;
}
#footer_twitter ul li a:before,
#footer_twitter ul li a:after{
	content:none !important;
}

@media screen and (max-width:768px){
	
#header_box {padding: 1%;}
	
	

	
	
	}
@media screen and (max-width:640px){
	
	

.pcOnly{display:none;}
#header-lay,
.top #header-lay{
	background:#246cc5;
	display:flex;
	align-items:center;
}
.link_facebook,
.link_twitter{
	width:26%;
	margin-left:5px;
}
#sp-sns{
	display:flex;
	justify-content: flex-end;
	position:absolute;
	right:66px;
}
	
.link_facebook,
.link_twitter{
	width:26%;
	margin-top:0px !important;
	margin-left:5px !important;
	position:relative;
}
#header_twitter a{
font-size:80%;
}
	
.tw_en a{margin-left:0;}
	
	

}		
	
}