@charset "UTF-8";


/* Aパターン
------------------------------------*/
#pattern_a #language,
#pattern_a .sp{display: none;}
#pattern_a{
	padding-left: 10px;
	background: #060606;
}
#pattern_a p,
#pattern_a a{color: #f6f6f6;}
#pattern_a p,
#pattern_a ul,
#pattern_a li{
	float: left;
}
#pattern_a p,
#pattern_a li{padding: 7px 5px 7px 3px;}
#pattern_a #link_wrapper{overflow: hidden;}
#pattern_a li:before{
	content:"| ";
	color: #f6f6f6;
	padding-right: 5px;
}
#pattern_a a{text-decoration: none;}
#pattern_a a:hover{text-decoration: underline;}


@media screen and (max-width: 640px){
	.head_text_inner { width:70%; float:left;}
	
/* プルダウン */
	#pattern_a .pc{display: none;}
	#pattern_a .sp{display: block;}
	#pattern_a{
		position: relative;
		padding-left: 0;
		background: none;
		margin-bottom:10px;
	}
	#pattern_a p,
	#pattern_a ul,
	#pattern_a ul li{float: none;}
	#pattern_a #link_wrapper{
		overflow: visible;
		position: relative;
		width: 96.875%;
		margin: 0 auto;
	}
	#pattern_a #language_btn{
		position: relative;
		height: 31px;
	}
	#pattern_a #language_btn label.sp{display: inline;}
	#pattern_a #language_btn input{display: none;}
	#pattern_a p{
		position: absolute;
		right: 1px;
		color: #000;
		background: #fff;
		background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 99%);
		background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 99%);
		background: linear-gradient(to bottom, #ffffff 0%,#cccccc 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
		border: 1px solid #999;
		box-shadow:rgba(102, 102, 102, 0.65098) 1px 1px 0px 0px;
		-webkit-box-shadow:rgba(102, 102, 102, 0.65098) 1px 1px 0px 0px;
		-moz-box-shadow:rgba(102, 102, 102, 0.65098) 1px 1px 0px 0px;
		margin:0;
		padding:1%;

	}
	#pattern_a p:before{content: "▼ ";}
	#pattern_a #to_link{
		overflow: hidden;
		position: absolute;
		clear: both;
		width: 95%;
		height: auto;
		max-height: 0;
		padding: 0 2.5%;
		background:#999;
		box-shadow:rgba(102, 102, 102, 0.65098) 0px 2px 7px -3px;
		-webkit-box-shadow:rgba(102, 102, 102, 0.65098) 0px 2px 7px -3px;
		-moz-box-shadow:rgba(102, 102, 102, 0.65098) 0px 2px 7px -3px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	    -webkit-transition-duration: 1s;
	    transition-duration: 1s;
	}
	#pattern_a input[type="checkbox"]:checked#language + #to_link{
		max-height: 200px;
		padding: 2.5%;
	    -webkit-transition-duration: 1s;
	    transition-duration: 1s;
	}
	#pattern_a ul li{
		position: relative;
		background: #fff;
		background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 99%);
		background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 99%);
		background: linear-gradient(to bottom, #ffffff 0%,#cccccc 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
		border-bottom: 1px solid #999;
		padding: 0;
	}
	#pattern_a li:before{content:none;}
	#pattern_a li a{
		display: block;
		color: #000;
		padding: 7px 5px 7px 3px;
	}
	#pattern_a li a:after{
		content:">";
		position: absolute;
		right: 14px;
		color: #000;
		text-align: right;
	}
}