/* custom 追加するCSSはここに書いてください */

/* ヘッダー部 */
/* ロゴ */
#header #logo img {
  max-width: 100%;
}

/* 入力補助・Englishボタン*/
#header-help-nav {
    margin: 0;
}

#header-help-nav a,
#header-help-nav a:link {
    color: rgb(59,87,139);
}

#header-help-nav a:hover,
#header-help-nav a:link:hover {
    color: rgb(59,87,139);
    opacity: 0.6;
}

/* リポジトリ登録支援システムボタン */
.btn-login {
    color: #fff;
    background-color: #9c2d38;
    border-color: #9c2d38;
    padding: 9px 15px 6px 10px;
    min-width: 150px;
    margin: 12px 0 0;
    font-size: 90%;
}

.btn-login:hover,
.btn-login:focus,
.btn-login:active,
.btn-login:active:focus,
.btn-login:active:hover {
    background-color: #b96c73;
    border-color: #b96c73;
    outline:none;
}

#header > div > div > div.col-xs-3.col-md-3 > span > button > a{
    color: #fff;
}

#header > div > div > div.col-xs-3.col-md-3 > span > button > a:hover{
    text-decoration: none;
}

/* ナビゲーション */
/* アイコン*/

.icon-mmd_search:before,
.icon-mmd_info:before,
.icon-mmd_crown:before,
.icon-mmd_title-ranking:before {
    color: #fff;
}

#global-nav .container {
    height: 50px;
    border: none;
/*    border-bottom: 6px solid rgb(180,180,180);*/
    background: rgb(49,77,109);
}

#global-nav{
    border-bottom: 6px solid rgb(180,180,180) !important;
    background: rgb(49,77,109) !important;
}

#global-nav .mmd-left-menu .navbar-brand a.navbar-brand-btn,
#global-nav.navbar-inverse .navbar-nav > li > a{
    color: rgb(256,256,256) !important;
}

#global-nav .mmd-left-menu,
#global-nav .mmd-left-menu .navbar-brand, 
#global-nav .mmd-right-menu,
#global-nav.navbar-inverse .navbar-nav > li > a {
    border: none;
}

#global-nav.navbar-inverse {
    border-bottom: none;
}

#global-nav .mmd-left-menu .navbar-brand a.navbar-brand-btn:hover,
#global-nav .mmd-left-menu .navbar-brand a.navbar-brand-btn:focus,
#global-nav.navbar-inverse .navbar-nav > li > a:hover{
    background: rgb(59,87,139);
    transition: all 0.4s ease 0s;
}

#global-nav .dropdown-menu li > a,
#global-nav .dropdown-menu li > div {
    background: rgb(59,87,139); /* コメント555 */
    color: rgb(256,256,256);
    line-height: 1.5em;
    border: none;
    padding: 10px 20px;
}


#global-nav .dropdown-menu li > a:hover {
    background: rgb(75,110,175); /* コメント555 */
    transition: all 0.4s ease 0s;
}

#global-nav .mmd-left-menu .navbar-brand .dropdown-menu {
    margin-left: 15px;
    width: 98%;
    border: none;
    position: absolute;
    top: 50px;
    left: 0px;
}

#info-menu > li > div > div > ul{
    padding-left: 0px;
}

#global-nav .dropdown-menu li > a:hover:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e072";
    font-size: 80%;
    position: relative;
    left: -5px;
    /* color: #FF3A39; コメント555 */
}

.header_info {
    display: none !important;
}

#global-nav .mmd-left-menu .navbar-brand {
    height: 50px;
}

#global-nav .mmd-right-menu li a {
    height: 50px;
}

#global-nav .dropdown-menu li > a::before {
    color: #fff;
}

#global-nav .mmd-left-menu div.dropdown.open > .dropdown-toggle {
    background: linear-gradient(#3b578b 95%, #fff 0%);
    color: #ffffff;
}

#global-nav .dropdown-menu li a {
    display: block;
    height: 100%;
    width: 100%
}

#global-nav .dropdown-menu li:first-child > a {
    padding: 10px 20px 10px;
}

#global-nav .dropdown-menu li:last-child > a {
    padding: 10px 20px 10px;
}

#info-menu > li > div.yamm-content{
    padding: 0px;
}

#info-menu > li > div > div.row {
    margin-left: 0px;
}

/* Knowledge Archive  */
#mainImage {
    margin: -41px 0 20px;
    max-width: 100%;
}

/*** 検索タブ ***/
#searchTab {
    margin: 0 0 -30px;
}


#global-nav.navbar {
    margin-bottom: 0;
}

div.search_background_img {
    background-image: url(/image/main_image.jpg);
    background-position: center;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%) !important;
    padding-left: calc(50vw - 50%);
    margin-top: -14px;
    margin-bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
}

.topcontent {
    margin-top: -27em;
}

.all_simple,
.rare_simple {
    margin-top: 7em;
}

.all_advance {
    margin-top: 2em;
}

.rare_advance {
    margin-top: 3.2em;
}

.search_category_block.thesis_simple {
    margin-top: 9em;
}

.search_category_block.thesis_advance {
    margin-top: 7em;
}
.search_category_block.data_simple {
    margin-top: 11em;
}

.search_category_block.data_advance {
    margin-top: 9em;
}

/*
#search > div:nth-child(4) > p.helpmsg {
    margin-top: 6em;
}*/

panel panel-primary panel-search {
    border: 15px solid rgba(255,255,255,0.5);
    background: rgba(255,255,255,0.5);
}

#searchTab li {
    display: inline-block;
    border-radius: 7px 7px 0 0;
    padding: 15px 29px;
    background: #fff; /* コメント555 */
}

.headerMsgBox {
    margin: 1em 0em 1.8em;
}

/* すべて検索 */
#tabActive {
    background-color: #e2e2e2 !important; /* コメント555 */
    color: #000;
}

#searchmode_tab li {
    padding: 5px 20px 5px;
}

/* 簡易検索 */
#tab_simple{
    background-color: #1980d8;
    color: #FFFFFF;
    text-align: center;
    min-width: 126px;
    height: 32px;
    border: 1px solid #FFFFFF;
    padding: 0 .2em;
    font-size: 115%;
    border-radius: 5px !important;
    background-clip: padding-box;
}

/* 詳細検索 */
#tab_advanced{
    background-color: #D1D0CE;
    color: #575757;
    text-align: center;
    min-width: 126px;
    height: 32px;
    border: 1px solid #FFFFFF;
    padding: 0 0.2em;
    font-size: 115%;
    border-radius: 5px !important;
    background-clip: padding-box;
}

/* 詳細検索のスキーマ名称非表示 */
#advance_panel .col-lg-12,
#research_block > div > div.row > div{
    display: none;
}

/* 詳細検索の「本文あり」を非表示
.field_padding_top{
    display: none;
}*/

/* 詳細検索の資料タイププルダウンを上に持ってくる */
#search_code_table {
    margin-left: 1em;
    margin-bottom: 1em;
}

#clskey_title {
    font-size: 110%;
}

.search-condition .sc-l select, .search-condition .sc-l {
    width: 97px;
    font-size: 100%;
}

.search-condition .sc-r {
    width: 11%;
}

.search-condition .sc-r select {
    max-width: 10em;
    width: 10em;
}

#advance_panel > div > div.col-md-9.search-condition > ul:nth-child(3) {
    display: none;
}


/* ドロップボックスの背景画像を指定する */
#clskey_data, 
.sc-l select[name="op2"],
.sc-l select[name="op3"],
.sc-r select[name="con1"],
.sc-r select[name="con2"],
.sc-r select[name="con3"] {
/*    background-image: url(../img/selectBox.png);*/
    background-position: right;
}

/* ドロップボックスのデフォルトスタイルを無効にする */
/*
#sc_clskey,
.sc-l select,
.sc-r select {
    appearance: none;
    background: rgba(255,255,255,0);
}*/

/* ドロップボックスボックスをクリックしたときの動作*/
select:focus-visible {
    border-radius: 3px;
}

#search_code_table .search_code_selectbox {
    margin: 0;
}

select {
    height: 38px;
}

.search-advance-form ul {
    margin-bottom: 1em;
}

/* テキストフィールド */
#text_kywd1,
#text_kywd2,
#text_kywd3 {
/*    background-image: url(../img/search_icon_small.png);*/
    background-position: 98% 50%;
    background-repeat: no-repeat;
    height: 2.7em;
}

/* 検索ボックス */
#search_txt{
/*    background-image: url(../img/search_icon_small.png);*/
    background-attachment: scroll;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    padding: 7px 10px;
    font-size: 120%;
    margin-right: 1em;
    width: 62%;
}

/* 検索ボタン */
.btn-primary {
    background-color: #1980d8;
/*    background-image: url('../img/search_mark.png');*/
    background-position: 12px 11px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    min-width: 100px;
    height: 38px;
    border: 1px solid #FFFFFF;
    margin-right: .5em;
    padding: 0 0.5em 0 0;
    font-size: 115%;
    border-radius: 5px;
    background-clip: padding-box;
}

/* クリアボタン */
.btn-clear {
    background-color: #D1D0CE;
/*    background-image: url(../img/clear_mark.png);*/
    background-position: 12px 11px;
    background-repeat: no-repeat;
    color: #575757;
    min-width: 100px;
    height: 38px;
    border: 1px solid #FFFFFF;
    padding: 0;
    font-size: 110%;
    border-radius: 5px;
    background-clip: padding-box;
}
/*
.icon-mmd_search:before,
.glyphicon-erase:before {
    content: none !important;
}*/

/* 本文あり非表示 */
#srch_flflg,
#simple_panel > p > label,
#advance_panel > div:nth-child(2) > div.col-md-9.search-condition > p,
#advance_panel > div > div.col-md-9.search-condition > p > label{
    display: none;
}


.field_padding_top {
    margin-top: 1em;
}

/*トップ画面下の方*/
#bottomRow {
    margin: -15px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#leftColumn {
    -ms-flex-preferred-size: 250px;
    flex-basis: 250px;
}
#leftColumn h2 {
    padding: 7px 1em;
    border: solid 1px #efefef;
    border-radius: 0;
    background: #f4f4f4;
    font-size: 110%;
    font-weight: normal;
    color: #1C4977;
}
#leftColumn .boxBody {
    margin: 0;
    padding: 1em;
    border: solid 1px #efefef;
    border-radius: 0 0 7px 7px;
}
#leftColumn .boxBody li {
    background: url('/image/icon_triangle_m.png') 0 50% no-repeat;
    margin-bottom: 8px;
    padding-left: 15px;
}
#mainColumn {
    -ms-flex-preferred-size: 650px;
    flex-basis: 75% !important;
    margin: 0px 25px;
}
#rightColumn {
    -ms-flex-preferred-size: 190px;
    flex-basis: 190px;
    text-align: center;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-default {
    background-color: #777;
}
.label-primary {
    background-color: #337ab7;
}
.label-success {
    background-color: #5cb85c;
}
.label-danger {
    background-color: #d9534f;
}

#mainColumn h2 { /* コメント555 */
    margin: 0 0 1em 0;
    padding: 10px 12px;
    background: #f5f5f5;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    border-left: 3px solid #314d6d;
}

#mainColumn h3 {
    margin-top: 1.5em;
    border-left: 5px solid #1C4977;
    padding-left: 7px;
    line-height: 2em;
    font-size: 110%;
    font-weight: normal;
}
#mainColumn li {
    list-style-type: disc;
    margin-left: 30px;
    line-height: 1.5em;
    text-decoration: none;
}
dl.news {
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
dl.news dt {
    float: left;
    overflow: hidden;
    clear: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    margin-bottom: 5px;
    text-align: left;
    width: 190px; /* コメント555 */
}
dl.news dd {
    margin-bottom: 5px;
}
span.newsCategory {
    display: inline-block;
    font-weight: normal;
    margin-left: 10px;
    vertical-align: middle;
    width: 80px; /* コメント555 */
    padding: 0.4em 0.6em 0.3em; /* コメント555 */
}
span.newsDate {
    padding-top: 2px;
}
.banner {
    margin-bottom: 15px;
}
.banner img {
    max-width: 100%;
}
.schemaLabel {
    font-size: 24px;
}

#rareCollection {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px 0;
}

#rareCollection div.panel {
    height: 100%;
}

#rareCollection .panel-heading {
    padding: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

#rareCollection .panel-heading img {
    max-width: 100%;
}

#rareCollection .panel-body h4 {
    margin-bottom: 10px;
}

#rareCollection div a:hover img {
    transform: scale(1.21);
}

#rareCollection div .panel-heading img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: 0 0;
    transition: transform .6s ease-out;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}


/* フッター */
#footer {
    padding: 5px 0;
    background: #314d6d;
    color: #fff;
    text-align: center;
}

#copyright > p {
    float: none !important;
}

/* フッターロゴ非表示 */
#footer img {
    display: none;
}

#copyright {
    border-top: none;
    padding: 0px;
    margin-bottom: 0.5em;
}

/* ブラウズ */
#browseList_title th {
  background: rgb(244, 244, 244) !important;
}

#browseList_title tr.odd td {
    background-color: #fefefe;
}

#browseList_title tr.even td {
    background-color: #fafafa;
}


table td a, table td a:link, table td a:visited {
    color: #336699;
    text-decoration: underline;
}

table.dataTable tbody td {
    padding: 5px 10px;
}

.dataTables_wrapper table tr th.sorting a,
.dataTables_wrapper table tr th.sorting a:hover{
    color: #003366;
    text-decoration: none;
}

.cate_info .cate_img img {
    width: 100px;
    height: auto;
    border: 1px solid;
}

.cate_name { /* コメント555 */
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 1em 0 0;
}

.page-title {
    margin-top: 20px; /* コメント555 */
}

.cate_parent .cate_name { /* コメント555 */
    font-size: 1.4em;
    padding: 0.5em 0 0.5em;
}
.cate_parent .cate_intro { /* コメント555 */
    margin: 0 0 0 1em;
}
.cate_intro { /* コメント555 */
    margin: 0.5em 0 0 1em;
}
.cate_intro p { /* コメント555 */
    margin-top: 0.5em;
}
.cate_intro ul { /* コメント555 */
    margin: 0.75em 0 0 1.5em;
}
.cate_intro li { /* コメント555 */
    list-style-type: disc;
}

/* ---------- 検索結果一覧画面 始 ---------- */
/* 検索結果一覧画面*/
/* カテゴリボタン */
.btn-ordinary.cateBtn{
    background-color: #eae9e8;
}
.btn-ordinary.cateBtn:hover {
    background: rgb(242,242,242) !important;
}


/* 並び順・一覧表示件数 */
#list_sort,
#disp_cnt {
    background-image: url(../img/selectBox.png);
    background-position: right;
    appearance: none;
}

#list_sort {
    width: 20em;
}

#disp_cnt {
    width: 5em;
}

/* 掲載誌 発行年～ */
.result-list table th {
    background: rgb(244, 244, 244) !important;
}

/* タイトルの下のその他のタイトル */
.titlealternative{
    color: #333333;
    font-weight: normal;
    font-size: 80%;
}

.result-book-cover img {
    width: 100%;
    max-width: 100px;
    border: 1px solid #ddd;
}

input.cateBtn {
    font-size: 0.9em;
}

/* ---------- 検索結果一覧画面 終 ---------- */

/* ---------- 詳細画面 ---------- */
/* 書誌情報(引用文献記述スタイル) */
.disp_bibinf {
	margin-top: 2em;
}
.disp_bibinf h1 {
	font-size: 20px;
	font-weight: bold;
}

/* アクセス数を右寄せ */
.accessCntBox {
  text-align:right;
}

/* ハンドルURL */

.handleURL {
	width: 100%;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    font-size: 110%;
}
.l_items {
    text-align: left;
}
.l_items img {
  vertical-align: bottom;
  outline-style: none;
  border: none;
}
.l_items object {
      outline: none;
}
.r_items {
    text-align: right;
}
.handleURL strong {
    background-color: #f8d7da;
    padding: 3px 6px;
}

.metadata_block .metadata_value {
    word-break: break-word;
}

.right_msg_field {
    margin: -6px 0 25px;
}

/* DOIがある場合はハンドルURLの代わりに表示 */
/* DOIがある場合は両方表示してハンドルURLだけをCSSで非表示 */
.doiURL + .handleURL {
    display: none;
}

/* SNSボタン */
.handle-sns-btn {
	vertical-align: 50%;
	font-size: 130%;
	white-space: nowrap;
}

/* metaタグ用のフィールド非表示 */
[class^="md_999"] {
    display: none !important;
}

/* 著者IDがある場合に鍵アイコン表示はなし #98 */

/* 科研アイコン */
#kkn::before {
    content: " ";
    display: inline-block;
    height: 16px;
    width: 60px;
    background: url('/image/icon_kaken.png');
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid rgb(180,180,220);
    vertical-align: bottom;
    margin: 3px;
}

#kkn, #orc, #rcmp, #said {
    position: relative;
    margin: 0px 0px 0px 10px;
    padding: 0;
    font-size: 0px;
}

/* ORCID */
#orc:before {
    content: " ";
    display: inline-block;
    height: 16px;
    width: 60px;
    background: url('/image/icon_orcid.png');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: bottom;
    margin:3px;
}

/* researchmap permalink */
#rcmp:before {
    content: " ";
    display: inline-block;
    height: 16px;
    width: 102px;
    background: url('/image/icon_researchmap.gif');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: bottom;
    margin:2px;
}

/* Scopus Author ID */
#said:before {
    content: " ";
    display: inline-block;
    height: 16px;
    width: 60px;
    background: url('/image/icon_scopus.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: bottom;
    margin:1px;
}

/*  hash mantis349 */
#fileList .icon-mmd_info:before{
    color: #666;
}
#fileList .icon-mmd_info:hover{
    opacity:0.7;
}
#hashdisp_dialog .hash_cell textarea {
    resize: none;
}
#hashdisp_dialog .copy_cell {
    width:1%;
    padding-left:10px;
}
#hashdisp_dialog .copy_cell .icon-mmd_copy:hover{
    opacity:0.7;
}
#hashdisp_button {
    padding-bottom:0;
}

/* ---------- レスポンシブ ---------- */
@media screen and (max-width: 959px) {
#global-nav .navbar-toggle-btn,
.glyphicon-option-horizontal:before {
    color: #fff;
}

#mmd-extra-link-menu > ul > li > a{
    background: rgb(49,77,109);
    color: rgb(256,256,256);    
}

#global-nav .mmd-left-menu .navbar-brand .dropdown-menu {
    margin-left: 0px;
    width: 100%;
}

#bottomRow {
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

#leftColumn {
    flex-basis: 100%;
    margin-top: 1em;
}

#mainColumn {
    flex-basis: 100%;
    margin: 0px;
}

#rightColumn{
    display: none;
}

#search_txt {
    width: 60%;
}

	#simple_panel .btn-primary,
	#simple_panel .btn-clear {
	    margin-right: 0;
	}

.search-condition .sc-r select {
    max-width: 12em;
    width: 12em;
}

.search-condition .sc-m {
    width: 60%;
}

.search-ad-btn {
    text-align: center;
}

    #mainColumn > dl:nth-child(8) {
        height: 4.5em !important;
    }
}

/* タブレット */
@media screen and (max-width: 767px) {
	.btn-login {
	    padding: 6px;
    	min-width: 120px;
	}

	.btn-primary,
	.btn-clear {
    	font-size: 100%;
		min-width: 50px;
	}
}

@media (min-width: 768px){ /* コメント555 */
    .cate_intro .dl-horizontal dt {
        width: 120px
    }

    .cate_intro .dl-horizontal dd {
    	margin-left: 130px;
    }
}


/* スマホ */
@media (max-width: 520px){
	#header #logo img {
    	max-width: 80%;
	}

	.btn-login {
    	font-size: 80%;
	}

    #header-help-nav .btn {
        min-width: 50px;
    }

	#global-nav .mmd-left-menu .navbar-brand {
    	font-size: 90%;
	}

	#global-nav .mmd-left-menu .navbar-brand a.navbar-brand-btn {
    	min-width: 74px;
	}

	#searchTab li {
		font-size: 90%;
		padding: 10px 9px;
	}

	.handleURL {
	    font-size: 50%;
	}
	.handle-sns-btn {
		font-size: 300%;
	}
}
/* レスポンシブ 終 */
@media screen and (max-width: 767.99px) {
  table.handleURL {
    border-top: none;
    border-left: none;
    border-right: none;
  }
  table.handleURL,
  table.handleURL tbody,
  table.handleURL tr,
  table.handleURL th,
  table.handleURL td {
    display: block;
    width: 100%;
  }
  table.handleURL th,
  table.handleURL td {
    border-right: none;
    max-width: 100%;
  }
  table.handleURL td {
    border-top: none;
    border-bottom: none;
    padding: 0.4em 0 0.4em 0.8em;
  }
  table.simple_data_block td.first_data,
  table.handleURL td.first_data,
  table.detail_data_block td.first_data,
  table.simple_data_block td.continued_data,
  table.handleURL td.continued_data,
  table.detail_data_block td.continued_data {
    border-bottom: none;
  }
  .r_items {
    text-align: center;
    line-height: 4;
  }
}

/* category mantis242*/

.categoryBox dl dt {
  color: #666;
}
.categoryBox .cate_high > div {
  float: left;
}
.categoryBox .cate_high > div + div {
  margin-left: 5px;
}
.categoryBox .cate_high > div + div::before {
  content: "　＞　";
  font-weight: bold;
  color: #666;
}

.categoryBox .cate_high {
  float: left;
  padding: 5px 0px;
}
.categoryBox .cate_high + .cate_name::before {
  content: "　＞　";
  font-weight: bold;
  color: #666;
}
.categoryBox .cate_name {
  font-size: 14px;
  float: left;
  padding: 5px 0px;
}
.categoryBox .cate_high + .cate_low::before ,
.categoryBox .cate_name + .cate_low::before {
  content: "　＞　";
  font-weight: bold;
  color: #666;
}
.categoryBox .cate_low {
  float: left;
}
.categoryBox .cate_logo,
.categoryBox .cate_intro {
  float: left;
  width: 100%;
  /*display: none;*/
}

/* category mantis242*/

.categoryBox {
  margin-top: 16px;
}
.category_back + .categoryBox {
  margin-top: 0;
}
.categoryBox dl dd {
  border-radius: 0 0 5px 5px;
}
.categoryBox dl dd .cate_main {
  padding: 0 1em;
}

#btn_open_search_box {
  margin-top: 1em;
}

