@charset "UTF-8";
/*--------------------------------
ガイドブック編集部共通header2017 CSS
--------------------------------*/

/*-- 必須CSSのインポート（相対パス記述） --*/
@import url(navi_global_component.css);


/* モバイルレイアウト : 479px以下用（スマートフォン旧用）
***************************************************************************/

/*--------------------------------
　　　　　header
--------------------------------*/
header {
	text-align:left;
	background:#FFF;
	padding:2px 0;
	-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 1px rgba(0,0,0,0.4);
	height: 50px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}

#g_header,
.header_l a.pc,
.header_r ul.list{
	display:none;
}

.header_l a {
	z-index:99999;
}

.header_l a img{
	margin-top:5px;
}

.header_r ul.list{
	font-family: "FOT-ロダン Pro DB";
}

/*dl-menuwrapper*/
.dl-menuwrapper {
    margin: -46px auto 5px;
    z-index:100002;
}

	.dl-menuwrapper .dl-menu {
		margin: 13px 0 0 0;
		-webkit-box-shadow : 5px 5px 5px rgba(0,0,0,0.4);
		-moz-box-shadow : 5px 5px 5px rgba(0,0,0,0.4);
		box-shadow : 5px 5px 5px rgba(0,0,0,0.4);
	}
	
.dl-menuwrapper ul {
	border-left: 1px solid #f5cb4d;
}

	.dl-menuwrapper .dl-menu li {
		border-bottom: 1px solid #f5cb4d;
		/* border-right:1px solid rgba(0,0,0,0.15); */
		float: left;
		width: 50%;
	}

	.dl-menuwrapper .dl-menu li.pc-none,
	.dl-menuwrapper .dl-menu li.pc-none li {
		width:100%;
		float:none;
		overflow:hidden;
	}

	
		.dl-menuwrapper .dl-menu li a {
			font-size:1em;
			padding: 10px;
			line-height:1.4em;
			color: #000;
			border-right: 1px solid #f5cb4d;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff100+0,ffe100+100 */
background: rgb(255,241,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,241,0,1) 0%, rgba(255,225,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,241,0,1) 0%,rgba(255,225,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,241,0,1) 0%,rgba(255,225,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff100', endColorstr='#ffe100',GradientType=0 ); /* IE6-9 */
		}
		
		#header-global ul.dl-menu li a:hover {
			color:#FFF;
		}
	
		#header-global ul.dl-menu li a span {
			font-size:0.5em;
		}

.dl-menuwrapper li.dl-back a {
	padding-left: 30px;
}


/* 検索アンカーボタン */
.book-search-btn {
	position:absolute;
	right:50px;
	top:3px;
	right: 60px;
    top: 7px;
	font-size:20px;
	}

/*--------------------------------
　　　　　パンくずOLD
--------------------------------*/
#pankuzu {
	display:none;
}

#pankuzu br{
	display:none;
}


/*--------------------------------
　　　パンくずNEW
--------------------------------*/
#breadcrumb-list {
	padding: 65px 0.8em 0.8em 0.8em;
	font-size: 1em;
    overflow-x: scroll;
    background-color: #FFF;
    border-bottom: solid 1px #CCC;
    white-space: nowrap;
	text-align:left;
}

	#breadcrumb-list ol {
		list-style: none;
		/*display: table;*/
		padding:0;
 }

	#breadcrumb-list li {
		/*display: table-cell;*/
		display: inline-block;
	}

	#breadcrumb-list ol li:first-child:before{
		content: "\f015";
		font-family: FontAwesome;
	}
	
	#breadcrumb-list ol > li + li:before {
		content: "\f105";
		font-family: FontAwesome;
		margin: 0 0.2em 0 0.5em;
	}

	#breadcrumb-list ol li:last-child {
		font-weight:bold;
	}

#breadcrumb-list a {
	color:#333333;
	}

#breadcrumb-list a:hover {
	color:#CCC;
}
 

/* タブレットレイアウト : 768px以上用（タブレット用）
***************************************************************************/
@media screen and (min-width: 768px) {
/*--------------------------------
　　　　　パンくずOLD
--------------------------------*/
#pankuzu {
	text-align: left;
	padding: 0.8em;
	font-size: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:inherit;
}

	#pankuzu li {
	display: inline;
	}

	#pankuzu > li + li:before {
		content: "\f105";
		font-family: FontAwesome;
		margin:0 1em;
	}

	#pankuzu li:last-child {
		font-weight:bold;
	}

#pankuzu a {
	color:#333333;
	}

#pankuzu a:hover {
	color:#CCC;
}


}

/* デスクトップレイアウト : 1024px以上用（PC用）の記述
***************************************************************************/
@media screen and (min-width: 1024px) {
/*--------------------------------
　　　　　header
--------------------------------*/
header {
	height:75px;
	background:url(/guidebook/images/com-hd_bg-navi.svg) no-repeat right;
	background-color:none;
	padding:2px 0;
		-webkit-box-shadow : none;
		-moz-box-shadow : none;
		box-shadow :none;
}

.header_l a.mb,
.pc-none{
	display:none;
}

#g_header,
.header_l a.pc,
.header_r ul.list{
	display: inherit;
}

header {
	height:84px;
	background: url(/guidebook/images/com-hd_bg-navi.svg) no-repeat right bottom;
	position: inherit;
}

header .header_l {
	float:left;
	width: 190px;
	height:72px;
}

	header .header_l img.mb {
		display:none;
	}

header .header_r {
	float: right;
	margin: 0 2px 0 0;
	padding: 13px 0 0 32px;
	width: 780px;
}


/*ナビ右サイド*/
header .header_r ul.list {
	padding-left: 150px;
	clear:both;
}

header .header_r ul.list li {
	float: left;
	color: #333333;
	font-size:10px;
	margin:0 10px 0 0;
	padding:0 0 0 8px;
	background:url(/guidebook/images/com_ico-black.gif) no-repeat left center;
	list-style:none;
}


/*ナビ右サイド下*/
header .header_r ul.menu{
	padding: 24px 10px 5px 0px;
	margin-left: -10px;
	}

header .header_r ul.menu li{
	float:left;
	list-style:none;
}

header .header_r ul.menu li a,
.no-touch .dl-menuwrapper li a:hover {
	height:26px;
	display:block;
	text-indent:-9999px;
	background:url(/guidebook/images/com-hd_btn-navi.svg) no-repeat;
	margin-right: 2px;
}

header .header_r ul.menu li a.m_schedule {
	background-position: -163px -62px;
	width: 116px;
	}

header .header_r ul.menu li a.m_newsnew {
	background-position: -286px -62px;
	width: 125px;
	}

header .header_r ul.menu li a.m_hondana {
	background-position: -418px -62px;
	width: 36px;
	}

header .header_r ul.menu li a.m_binran {
	background-position: -460px -62px;
	width: 36px;
	}


header .header_r ul.menu li a.m_i_books {
	background-position: -547px -62px;
	width: 75px;
	}

header .header_r ul.menu li a.m_e_edition {
	background-position: -503px -62px;
	width: 64px;
	margin-right: 29px;
	}

header .header_r ul.menu li a.m_e_report {
	background-position: -608px -62px;
	width: 56px;
	}

header .header_r ul.menu li a.m_s_article {
	background-position: -670px -62px;
	width: 46px;
	}

header .header_r ul.menu li a.m_sideb {
	background-position: -723px -62px;
	margin-right: 27px;
	width: 47px;
	}

/*header .header_r ul.menu li a.m_top {
	background-position: -859px -62px;
	width: 112px;
	}*/

header .header_r ul.menu li a.m_nr {
	background-position: -804px -62px;
	width: 126px;
	}



/* プルダウン設定 */
.dl-menuwrapper .dl-menu {
	-webkit-box-shadow: none;
    -moz-box-shadow:none;
    box-shadow: none;
}

#header-global ul.dl-menu {
	float:left;
	box-shadow:none;
	}

.dl-menuwrapper {
	margin: 18px 0 5px 6px;
    z-index:102;
}

.dl-menuwrapper ul {
	background:none;
}

.dl-menuwrapper .dl-menu li {
	border:none;
	width:auto;
}

.dl-menuwrapper .dl-menu li a,
.dl-menuwrapper ul {
	border:none;
}

	#header-global ul.dl-menu li a:hover {
		position: relative;
		z-index: 100;
		background: #ff9900;
		}

.dl-menuwrapper button {
	overflow:auto;
}

.dl-trigger {
	display:none;
}

.dl-menuwrapper .dl-menu {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	margin:0;
}


	
/* a */
.dl-menuwrapper .dl-menu li a {
	padding: 3px;
}

.dl-menuwrapper li.dl-back {
	display:none;
}


/* 検索アンカーボタン */
.book-search-btn {
	display:none;
}




/*--------------------------------
　　　　　パンくずOLD
--------------------------------*/
#pankuzu {
	/* font-size: 0.9em; */
}

/*--------------------------------
　　　　　パンくずNEW
--------------------------------*/
/* スクロールバーの装飾 */
#breadcrumb-list{
    padding-top: 0.8em;
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;  
	-webkit-text-overflow: ellipsis;  
	-o-text-overflow: ellipsis;
	border:none;
	}

#breadcrumb-list{
}

#breadcrumb-list::-webkit-scrollbar {
height: 10px;
}

#breadcrumb-list::-webkit-scrollbar-track {
background-color: #FFF;
}

#breadcrumb-list::-webkit-scrollbar-thumb {
background-color: rgba( 238, 238, 238, 0.8);
}


}