@charset "UTF-8";

#logo{
	float:left;
	position:relative;
	z-index:9999;
	margin:0;
	padding:0;
}
#logo h1{
	display:block;
	margin:0;
	padding:2px 0 0;
	text-indent:-9999px;
	width:300px;
	height:49px;
	background-image:url("../../images/common/logo_wh.png");
	background-repeat:no-repeat;
	background-position:top 0 left 0;
	background-size:300px;
}
@media screen and (max-width: 1023px) {/*タブレット対応*/
#logo{
	float:none;
	margin:0 auto;
	width:200px;
}
#logo h1{
	padding:0;
	width:200px;
	height:32px;
	background-size:200px;
}
}
@media screen and (max-width: 767px) {/*スマホ対応*/
}

#pcMenu{
	float:right;
	position:relative;
	z-index:9999;
	margin:0;
	padding:0;
}

ul.mainmenu{
	float:left;
	margin:5px 0px 0 0;
	padding:0;
	list-style-type:none;
}
ul.mainmenu li{
	float:left;
	text-align: center;
	margin:0;
	padding:0 25px 0 0;
	font-size:15px;
}
.en{
	font-size: 12px;
	color: #CCCCCC;
}
@media screen and (max-width: 1259px) {/*幅狭画面対応*/
ul.mainmenu li{
	padding:0 15px 0 0;
	font-size:12px;
}
.en{
	font-size: 11px;
}
}


ul.mainmenu li:last-child{
}
ul.mainmenu li a{
	color: #FFFFFF;
	text-decoration:none;
}
ul.mainmenu li a:hover{
	opacity:0.5;
}

ul.sns{
	float:left;
	margin:15px 0 0;
	padding:0;
	list-style-type:none;
}
ul.sns li{
	float:left;
	margin:0;
	padding:0 10px 0 0;
}
ul.sns li a{
}
ul.sns li a:hover{
	opacity: 0.5;
}

@media screen and (max-width: 1259px) {/*幅狭画面対応*/
ul.sns li{
	padding:0 5px 0 0;
}
}
@media screen and (max-width: 1023px) {/*タブレット対応*/
}
@media screen and (max-width: 767px) {/*スマホ対応*/
}


.bgRootlist{/*bgパンくずリスト*/
	width: 100%;
	background-color: #666666;
	margin: 0;
	padding: 1px 0;
}
#rootlist{/*パンくずリスト*/
	width: calc(100% - 10px);
	margin: 0;
	padding: 5px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 180%;
}
#rootlist a{
	color: #FFFFFF;
	text-decoration: underline;
}
#rootlist a:hover{
	text-decoration: none;
}