/* @group #archives-hd-inner  */
#archives-header{background:#303030;color:#FFF;text-align:left;}
#archives-header a{
	color:#FFF;
}
#archives-header .archives-hd-inner {
	position: relative;
	z-index: 2;
}
#archives-header .archives-hd-inner .logo{float:left;}
#archives-header .archives-hd-inner ul{float:right;}
#archives-header .archives-hd-inner ul.btn li{
	display:block;
	background:#ccc;
	float:left;
	margin:1px 5px 0;
	border-radius: 20px;
}
#archives-header .archives-hd-inner ul.btn li a{
	color: #252525;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#archives-header .archives-hd-inner ul li a{display:block;}
#fwtext{border:none;vertical-align:top;}
#app-search-menu #search dl.search dt,#app-search-menu #search dl.search dd,
#app-search-menu #search dl.area dt,#app-search-menu #search dl.area dd{
	float:left;
	height: 42px;
}
#app-search-menu #search dl.area dd a{display:block;font-size:1px;overflow:hidden;text-indent:100%;white-space:nowrap;}
#app-search-menu #app-search-menu-cat,#fwsearch dt{display:none;}
#footmnu{background:#f1f1f1;}
#footmnu .cmn-inner{min-width: auto;}
#footmnu ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#footmnu ul li{background: #1d3d80 no-repeat left 10px center;text-align: left;}
#footmnu ul li a{
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	color:#FFF;
	text-decoration:none;
}
#footmnu ul li a > span{display: block;width:100%;}
#footmnu ul li a > span > span{margin: 0;font-size: 80%;font-weight: normal;line-height: 1;display: block;}
/*#footmnu ul li.about{background-image:url(../img/bg_about.png)}
#footmnu ul li.broadcast{background-image:url(../img/bg_broadcast.png)}
#footmnu ul li.library{background-image:url(../img/bg_library.png)}
#footmnu ul li.study{background-image:url(../img/bg_study.png)}
#footmnu ul li.document{background-image:url(../img/bg_document.png)}
#footmnu ul li.spot{background-image:url(../img/bg_spot.png)}
#footmnu ul li.hakkutsu{background-image:url(../img/bg_hakkutsu.png)}
#footmnu ul li.kaisou{background-image:url(../img/bg_kaisou.png)}
#footmnu ul li.facebook{background-image:url(../img/bg_facebook.png)}
#footmnu ul li.twitter{background-image:url(../img/bg_twitter.png)}
#footmnu ul li.blog{background-image:url(../img/bg_blog.png)}
#footmnu ul li.member{background-image:url(../img/bg_member.png)}*/

#footmnu ul li.about{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_01.png);}
#footmnu ul li.broadcast{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_02.png);}
#footmnu ul li.library{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_03.png);}
#footmnu ul li.study{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_04.png);}
#footmnu ul li.study2{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_05.png);}
#footmnu ul li.kaisou{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_06.png);}
#footmnu ul li.document{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_07.png);}
#footmnu ul li.hakkutsu{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_08.png);}
#footmnu ul li.spot{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_09.png);}
#footmnu ul li.facebook{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_10.png);}
#footmnu ul li.twitter{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_11.png);}
#footmnu ul li.member{background-image: url(/archives/parts_renewal/common/img/2019/icon_footmnu_12.png);}
#footmnu ul li.online-top{background-image:url(/archives/parts_renewal/common/img/2019/icon_footmnu_13.png);}

#archives-header{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}

#search dl.pref{box-sizing: content-box;}
#search dl.pref li a{text-decoration:none;}
#archives-header .archives-hd-inner .logo a{line-height:1;}
#archives-header .archives-hd-inner .logo a img {vertical-align:bottom;}
#app-search-menu #search input[type="text"], #app-search-menu #search input[type="image"], #app-search-menu #search input[type="submit"]{line-height: 1.6;}

@media print, screen and (max-width:767px){
	#archives-header{padding:0 0 3.2%;line-height:1.6;}
	#archives-header .archives-hd-inner{width:94.666%;margin:auto;}
	#archives-header .archives-hd-inner .logo{margin:4% 0;width:30.985%;vertical-align: middle;}
	#archives-header .archives-hd-inner .logo a{display: block;}
	#archives-header .archives-hd-inner .logo img{width:100%;}
	#archives-header .archives-hd-inner ul.btn{margin-top:4%;vertical-align: middle;}
	#archives-header .archives-hd-inner ul.btn li a{padding:4px 8px;font-size:11px;}
	#archives-header .archives-hd-inner ul.btn li:last-child{display:none;}
	#archives-header .lead{clear:both;margin: 0 auto 12px;font-size:12px;font-size:3.2vw;line-height: 1.6;}
	#app-search-menu #search{margin:6px 0 0;}
	#app-search-menu #search input[type="text"],#app-search-menu #search input[type="image"],#app-search-menu #search input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius: 0;}
	
	#app-search-menu #search form#fwsearch{display:inline-block;width:59.859%;vertical-align: top;}
	#app-search-menu #search dl{width:auto;margin:0 auto 0;}
	#app-search-menu #search dl dt{width:81px;font-size:13px;}
	#app-search-menu #search dl dt.sp{width:100%;}
	#app-search-menu #search dl dd.button{float:none;width:100%;height:auto;position: relative;font-size: 14px;border-radius: 30px;overflow: hidden;}
	#app-search-menu #search dt.pc,
	#app-search-menu #search dd.pc{display:none;}
	#fwtext{width:77.65%;padding:0.5em 0 0.5em 1em;box-sizing: border-box;font-size:114.28%;height:auto !important;}
	#fwbutton{
		position:absolute;top:0;right:-2px;
		background:url(/archives/parts_renewal/common/img/2019/search_s.png) no-repeat center center;
		background-size:cover;height:100%;width:22.35%;
		}
	#app-search-menu #search dl.area {width:36.33%;display: inline-block;vertical-align: top;margin-left:3.733%;}
	#app-search-menu #search dl.area dt{font-size:13px;}
	#app-search-menu #search dl.area dd{float:none;height: auto;position: relative;}
	#app-search-menu #search dl.area dd.areamap::after{
		content:'';
		display: block;
		position: absolute;
		margin-top:11%;
		top:0;right:10px;height:5px;
		width:5px;
		border: 1px solid;
		border-color: transparent #fff #fff transparent;
		transform: rotate(45deg);
	}
	#app-search-menu #search dl.area dd.areamap a{width: 48.26%;max-width: 360px;margin:0 auto;color: #fff;background: #1e3d80;border-radius: 16px;font-size: 16px;line-height: 32px;text-align: center;text-indent: 0%;text-decoration: none;}
	#search dl.pref{display:none;}
	.pref-select{
		width:100%;
		-webkit-appearance:none;-moz-appearance:none;appearance:none;
		border-style: none;background-color:#1d3d80;
		color:#fff;padding:0.7em 1.2em !important;
		border-radius: 30px;
		font-size:100%;
		font-size:3.466vw;
		height:auto !important;
	}

	#footmnu{padding:30px 0 33px;}
	#footmnu ul li{width: 49.5%;margin: 0 1% 1% 0;background-size: 25px;background-position: left 4px center;}
	#footmnu ul li:nth-child(2n){margin: 0 0 1% 0;}
	#footmnu ul li a > span{font-size:12px;padding: 1.5em 0 1.5em 30px;}
	#footmnu ul li a > span > span{width: 100%;}

}

@media print, screen and (min-width:768px){

	#archives-header{
		height:120px;
		padding-bottom:0 !important;
	}
	#archives-header *{vertical-align: top;}
	#container #archives-header .cmn-inner,#archives-header .cmn-inner{
		width: 98.375%;
		max-width: 1600px;
		min-width: auto;
		margin: 0 auto;
		padding: 15px 0;
		/*width:1020px;*/
		box-sizing:border-box;
	}
	#archives-header .archives-hd-inner .logo{
		/*margin:32px 0 0 0;*/
	}
	#archives-header .archives-hd-inner ul.btn{
		float:right;
	}
	#archives-header .archives-hd-inner ul.btn a{
		padding: 0 20px 0;
		line-height: 25px;
	}
	#archives-header .lead{
		position: absolute;
		top:68px;
		clear: both;
		width:auto;
		font-size: 14px;
		/*max-width:800px;*/
		padding-right: 580px;
		line-height: 1.2;
		/*float:left;*/
		/*margin:9px 0;*/
	}
	#app-search-menu{
		clear: both;
		width: 580px;
		margin-top: -10px;
		float:right;
		position:relative;
	}
	#fwtext{
		width: 250px;
		height:42px;
		padding: 0 1em;
		border-radius: 21px 0 0 21px;
		box-sizing: border-box;
		font-size:16.34px;
	}
	#fwbutton{
		background:url(/archives/parts_renewal/common/img/2019/search_l.png) no-repeat center left;
		width: 67px;
		height: 42px;
	}
	#app-search-menu #search .sp{display:none;}
	#app-search-menu #search dl.area{
		float: right;
		font-size: 14px;
	}
	#app-search-menu #search dl.area dt{
		margin:0 0 0 45px;
		line-height: 42px;
	}
	#app-search-menu #search dl.area dd{margin:0 0 0 10px;}
	#app-search-menu #search dl.area dd a{width:152px;height:42px;}
	#app-search-menu #search dl.area dd.prefname a{background:url(/archives/parts_renewal/common/img/2019/prefname_l.png) no-repeat center;background-size: cover}
	#search dl.pref{width:36em;position:absolute;display:none;top:36px;right:0;-webkit-border-radius:3px;border-radius:3px;background:#4b4b4b;padding:2% 4%;z-index:100;font-size:14px;}
	#search dl.pref dt{
		font-weight: bold;
		color:#bccbea;
		padding-top:6px;
	}
	#search dl.pref dd{
		border-bottom:1px solid #666;
		padding-bottom:6px;

	}
	#search dl.pref dd:last-child{
		border-style: none;
	}
	#search dl.pref dd span{
		padding-right:1em;
	}
	#search dl.pref dd a{
		color:#fff;
		text-decoration: none;
	}
	#search dl.pref dd a:hover{
		color:#bccbea;
	}
	.pref-select{display:none;}	
	#footmnu{padding:52px 0 52px;}
	#footmnu ul li{width:32.66%;margin:0 1.01% 6px 0;background-size: 32px;background-position: center left 7%;}
	#footmnu ul li:nth-child(3n){margin:0 0 6px 0;}
	#footmnu ul li a > span{font-size: 16px;padding: 25px 0 25px 20%;}
	#footmnu ul li:hover{opacity:0.8;transition:.2s ease-in-out;}
	#footmnu .cmn-inner {
		width: 75%;
		max-width: 1050px;
		margin:0 auto;
		padding: 10px 0 35px;
	}
}