@charset "utf-8";
/***********************************************
＜本棚表示キット-3カラム版＞
制作：ロゴスウェア株式会社
Copyright (c) LOGOSWARE, Inc
------------------------------------
幅950px以上用／パソコン表示向け
------------------------------------
*カスタマイズはcustomize-pc.cssにて行うこと
***********************************************/

a img:hover {
	filter:brightness(110%);/*ios6 safari bugあり*/
	-webkit-filter:brightness(110%);/*ios6 safari bugあり*/
}
/***
 ユーザー用メニュー(モバイル用：.edit.minimum／パソコン用：.edit.maximum)
 *************/
/*
header div.edit a{
	font-size: 13px;
	font-size: 1.3rem;
}
*/

/*******************************************
 Main Menu ( Search / Display Style / Sort )
*****************************************************/
#mainMenu #mobile_top_menu{
	display:none;
}

#mainMenu nav.menu-pulldown{
	display:none;
}

#mainMenu .sort-pulldown{
	display:none;
}

/***
 Search Area
 *************/
#mainMenu .search{
	float: left;
    display:block;
	margin:0;
	padding: 0;
}
#mainMenu .search .minimum{
	/*float: left;*/
    display: block;
    margin:0;
    padding: 0;
}


#mainMenu .search .searchBox{
    display: block;
    /*float: left;*/
}
/***
検索対象ボタン
********************/


#mainMenu .search .searchBox input.keyword{
	width: 250px;
    height: 30px;
	font-size:12px;
	font-size: 1.2rem;
}
#mainMenu .search .searchBox #searchForm #searchClear{
	height: 30px;
	padding: 6px 6px;
}
#mainMenu .search .searchBox #searchForm #searchClear:hover {
	color:#666;
}
/*
検索条件
********************/
#mainMenu .search .searchFilter{
	display: block;
	margin:5px 0 0 0;
    padding: 3px 10px;
	font-size:12px;
	font-size:1.2rem;
}

#mainMenu .search .searchFilter li{
	margin: 0.25em 1.25em 0.25em 0;
	padding: 0;
}


/***
 Display style Area ( Bookshelf / list )
 *************/
#mainMenu .displayStyle{
	display: block;
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}

#mainMenu .displayStyle ul{
	margin: 0;
	padding:0;
}

#mainMenu .displayStyle li{
	float:left;
	list-style:none;
	box-sizing: border-box;
	margin: 0 0 0 5px;
	padding: 	0;
	text-align:center;
}


#mainMenu .displayStyle li a{
	display:block;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0px 10px;
	/*background: #CCC;
	color: #333;*/
	text-decoration: none;

    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size:12px;
    font-size:1.2rem;
}

/* clearfix */
#mainMenu .displayStyle li a{
    zoom:1;
}
#mainMenu .displayStyle li a:after{
    content:"";
    display:block;
    clear:both;
}


#mainMenu .displayStyle li a:hover{
	/*background: #177FBF;
	color: #FFF;*/
}

#mainMenu .displayStyle li a.active{
	/*background: #177FBF;
	color: #FFF;*/
}
/* menu icon */
#mainMenu .displayStyle .glyphicon{
    padding-right: 3px;
}
/* menu icon */
/* menu icon label */
#mainMenu .displayStyle .glyphicon,
#mainMenu .displayStyle li a .label{
    display: table-cell;
}

/* active menu */
/*
#content.shelfContent #mainMenu .displayStyle li.menu-shelf a,
#content.listContent #mainMenu .displayStyle li.menu-list a{
	background: #177FBF;
	color: #FFF;
}
*/


/***
 Sort Area ( Date / Popular / etc )
 *************/
#mainMenu .sort{
	display: block;
	float:right;
	margin:0;
	padding: 0;
}
#mainMenu .sort select{
	-webkit-appearance:none;
	box-sizing: border-box;
	padding: 0px 10px;
    text-align: center;
	width: 100%;
	height: 30px;
	font-size: 12px;
	font-size: 1.2rem;
}

/*
#mainMenu .sort ul{
	margin: 0;
	padding: 0;
}

#mainMenu .sort li{
	float: left;
	list-style: none;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 0 0 5px;
}

#mainMenu .sort a{
	border-radius: 4px;
	padding: 5px 10px;
	background: #CCC;
	color: #333;
	text-decoration: none;
}

#mainMenu .sort a.active{
	background: #177FBF;
	color: #FFF;
}

#mainMenu .sort a:hover{
	background: #177FBF;
	color: #FFF;
}
*/
/***
 ページ
 *************/
#mainMenu .paginator{
	display: block;
	float: right;
	margin:0 15px 0 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}
#mainMenu .pageController{
    color: #333;
    padding:0;
    margin: 0;

}

/*******************************************
 container
*****************************************************/
.container{
	position: relative;
	/*z-index: 100;
	width: 100%;*/
	overflow: hidden;

	display: -webkit-box;
	display: -webkit-flex; /* safari */
	display: -ms-flexbox; /* IE */
	display: flex;
	-webkit-box-orient: inline-axis;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

}
/*******************************************
 Primary Area ( Contents - bookshelf and list )
*****************************************************/
#content{
	/*float: left;
	width: 100%;*/
	margin: 0;
	box-sizing: border-box;
    flex:1 1 100%;
	-ms-flex:1 1 100%;
}

/*******************************************
 Secondary Area (Category Menu)
*****************************************************/
#secondary{
	display: block;
	/*float: left;*/
	padding: 0;
	width:250px;
	background: #f7f6f5;
	text-align: left;
    flex:0 0 250px;
	-ms-flex:0 0 250px;
}
#secondary.widthZero{
	display: none;
    width:0px;
    flex:0 0 0px;
    -ms-flex:0 0 0px;
}
.container #secondary #secondaryInner.widthZero{
    width:0px;
}
#secondary.widthSmall{
    width:250px;
    flex:0 0 250px;
    -ms-flex:0 0 250px;
}
.container #secondary #secondaryInner.widthSmall{
    width:250px;
}
#secondary.widthMedium{
    width:320px;
    flex:0 0 320px;
    -ms-flex:0 0 320px;
}
.container #secondary #secondaryInner.widthMedium{
    width:320px;
}
#secondary.widthLarge{
    width:390px;
    flex:0 0 390px;
    -ms-flex:0 0 390px;
}
.container #secondary #secondaryInner.widthLarge{
    width:390px;
}
.container #secondary #secondaryInner{
    height: 100%;
    overflow: auto;

    padding: 0;
    width:250px;
    background: #f7f6f5;
    text-align: left;
}
.container #secondary #secondaryInner.fixed {
    position: fixed;
    top: 0px;
    z-index: 3000;
}

#secondary h2{
	margin: 1.25em 0.75em 0;
	padding: 0 0 0.25em 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: bold;
}

#secondary nav.category ul{
	margin: 0;
	padding: 0;
}

#secondary nav.category ul.menu{
	margin: 0 10px 10px 12px;
	padding: 0;
}

#secondary nav.category ul.menu li{
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	background: url("../img/treeview-default-line2.png") no-repeat 0 0;
}
#secondary nav.category ul.menu li.collapsable,
#secondary nav.category ul.menu li.expandable {
    background-position: 0 -176px;
}

#secondary nav.category ul.menu li:last-child {
    background-position: 0 -1746px;
}
#secondary nav.category ul.menu li.collapsable:last-child,
#secondary nav.category ul.menu li.expandable:last-child {
    background: none;
}

#secondary nav.category ul.menu .hitarea {
    float: left;
    margin-left: -11px;
    width: 13px;
    height: 18px;
    background: url("../img/treeview-default2.png") no-repeat 0px 0px;
    cursor: pointer;
}

#secondary nav.category ul.menu li.collapsable .hitarea{
	background-position: -13px -18px;
}

#secondary nav.category ul.menu li.expandable .hitarea{
	background-position: 0px 0px;
}

#secondary nav.category ul.menu .label{
	float: left;
}

#secondary nav.category ul.menu .count{
	float: right;
	padding: 1px 0 0 0;
	font-size: 10px;
	font-size: 1.0rem;
	text-align: right;
}

#secondary nav.category ul.menu a{
	display: block;
	border-radius: 3px;
	padding:6px 8px;
	color: #333;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
	text-decoration: none;
}

/* clearfix */
#secondary nav.category ul.menu a{
    zoom:1;
}
#secondary nav.category ul.menu a:after{
    content:"";
    display:block;
    clear:both;
}

#secondary nav.category ul.menu a.active{
	/*background: #888;
	color:#FFF;*/
	font-weight: bold;
}

#secondary nav.category ul.menu a.active .count{
	font-weight: normal;
}

#secondary nav.category ul.menu a:hover{
	/*background: #177FBF;
	color: #FFF;*/
}

#secondary nav.category ul.menu .uncheck{
	display: block;
	float: right;
	border-radius: 9px;
	margin-left: 0.3em;
	padding: 3px 0 0 1px;
	width: 17px;
	height: 15px;
	/*background: #EEE;
	color: #666;*/
	font-size: 10px;
	font-size: 1.0rem;
	text-align: center;
	font-weight: bold;
}


/*******************************************
 Tertiary Area (Banner, etc)
*****************************************************/
#tertiary{
	/*float: right;
	clear: none;
	margin:0 0 0 -250px;*//* #secondaryの幅を左にネガティブマージン */
	padding: 10px;
	width:220px;
    flex:0 0 220px;
	-ms-flex:0 0 200px; /* IE10&11ではpadding値が含まれないので-20px*/
}


/*******************************************
 Footer
*****************************************************/
footer{
	margin: 0;
}


/*******************************************
 submenu (for mobile)
*****************************************************/
#submenu{
	display: none;
}


/*******************************************
 Shelf Index
*****************************************************/
#home-page.unvisible-footer.shelf {
  background: url(../img/bg.png) repeat 0 0;
  background-size: auto 450px;
}

#home-page .shelfBackground {
	background-size: auto 450px;
}

#content.shelfContent .shelf{
	background:url(../img/bg_shelf_m.png) repeat 0 0;
	background-size:auto 450px;
	min-height: 675px; /* 最小でも棚3段分 */
}

/* 埋め込みモードの場合 */
.embed #content.shelfContent .shelf{
	min-height: 225px; /* 最小でも棚2段分 */
}


#content.shelfContent .shelf ul li{
	width:160px;
	height:225px;

	box-sizing: border-box;
	flex:0 0 160px;
	-ms-flex:0 0 160px;
    margin: 0px 15px;
}

/* contents title */
#content.shelfContent .shelf .ctitleWrapper {
	width:150px;
	/*height:26px;
	font-size:11px;
	font-size:1.1rem;*/
	/*line-height:1.2;*/
}
#content.shelfContent .shelf .ctitleWrapper a:hover{
	text-decoration: underline;
}
/* contents thumbnail */
#content.shelfContent .shelf .cimageWrapper {
	width:160px;
	bottom:13px;
}

#content.shelfContent .shelf img.thumbnail{
    max-width: 160px;
    max-height: 160px;
}
#content.shelfContent .shelf .content-thumbnail .content-update-icon {
    left: 0px;
}

#content.shelfContent .shelf .content-thumbnail .content-type-icon {
    right: 0px;
}
/*
 おすすめコンテンツ用本棚
***********************/
#content.shelfContent .recommendation .shelf{
	background:url(../img/bg_shelf_m_recommendation.png) repeat 0 0;
	background-size:auto 360px;
}



/*******************************************
 List Index
*****************************************************/
#content.listContent ul.list li .ctitleWrapper a:hover{
	text-decoration: underline;
}
/*
#content.listContent ul.list .cimageWrapper{
	width:180px;
}

#content.listContent ul.list img.thumbnail {
	max-width:140px;
	max-height:140px;
}
#content.listContent ul.list .content-thumbnail .content-update-icon {
    left: 20px;
}

#content.listContent ul.list .content-thumbnail .content-type-icon {
    right: 20px;
}
*/
#content.listContent ul.list .basicinfo h3{
	font-size:18px;
	font-size:1.8rem;
	line-height:1.4;
}

#content.listContent ul.list .basicinfo p,
#content.listContent ul.list .basicinfo ul.metadata li{
	font-size:13px;
	font-size:1.3rem;
}

#content.listContent ul.list .searchHit ul.searchHitList li{
	font-size:13px;
	font-size:1.3rem;
}

#content.listContent ul.list .searchHit ul.searchHitList li a:hover{
	background-color: #cccccc;
}
#content.listContent ul.list .searchHit .searchResultMore a:hover {
	text-decoration: underline;
	background-color: #cccccc;
}

/****
動画Playerの再生速度表示
***/
#content-page header #content-menu select{
    -webkit-appearance:none;
    box-sizing: border-box;
    padding: 0px 10px;
    text-align: center;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    height: 26px;
}
/***
 コンテンツ詳細ウィンドウ（オーバーレイ）
*/
.content-detail-modal .ctitleWrapper a:hover{
	text-decoration: underline;
}
/***
 タグボックス
*/
.leaf-tag-box .tag-link a:hover {
	color: #333333;
	text-shadow: 0 1px 0 #ffffff;
	-moz-text-shadow: 0 1px 0 #ffffff;
	-webkit-text-shadow: 0 1px 0 #ffffff;
	text-decoration: underline;
}

.leaf-tag-box.whiteChar .tag-link a:hover {
	color: #ffffff;
	text-shadow: 0 1px 0 #393939;
	-moz-text-shadow: 0 1px 0 #393939;
	-webkit-text-shadow: 0 1px 0 #393939;
}
/* -----------------------
コンテンツプレイヤー画面の設定（/content/<コンテンツID>/<バージョン>）
----------------------- */
#content-page #content-menu a:hover{
	background: #555;
}