@charset "utf-8";

/***********/
/* 共通部品 */
/**********/

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

* {
	box-sizing:border-box;
}

a {
	text-decoration:none;
	color:orange;
}

.pc a:hover {
	color:skyblue;
}

html{
	font-family: "tahoma" , "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

body{
	padding:20px 5% 0 5%;
	font-size:16px;
	word-break: break-all;
	position:relative;
	z-index:10;
	background-color:rgba(46, 101, 173, 0.67);
}

header,main,footer {
	display:block;
}

.menu_ul li {
	margin-bottom:10px;
}

/********/
/* 全体 */
/********/

.wrap {
	width:100%;
}

.mt1em {
	margin-top:1em;
}

.mt05em {
	margin-top:0.5em;
}

.mt02em {
	margin-top:0.2em;
}

.mb1em {
	margin-bottom:1em;
}

.mb05em {
	margin-bottom:0.5em;
}

.mb02em {
	margin-bottom:0.2em;
}

.font1em {
	font-size:1em;
}

/********/
/* フォーム共通 */
/********/
form div {
	margin-bottom:0.5em;
}

form div p {
	margin-bottom:0.3em;
}

.form_row .form_left {
	display:inline-block;
	width:200px;
	font-size:1em;
}

.form_row .form_right {
	display:inline-block;
	margin-left:1em;
	width:400px;
	font-size:1em;
}

.form_row .form_left3 {
	display:inline-block;
	width:200px;
	font-size:1em;
}

.form_row .form_mid3 {
	display:inline-block;
	margin-left:1em;
	width:200px;
	font-size:1em;
}

.form_row .form_right3 {
	display:inline-block;
	margin-left:1em;
	width:250px;
	font-size:1em;
}

.form_row .form_full {
	display:inline-block;
	width: calc(600px + 1em);
	font-size:1em;
}

.form_row .form_button {
	font-size: 1.2em;
	margin-top: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background-color: #f0f0f0;
	border-radius: 0.5em;
	border: solid #68a 2px;	
}

.form_row.keyword_wrap {
	margin-bottom:0.2em;
}

.error_msg {
	color:red;
	font-weight:bold;
}

.search_wrap {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid black;
}

.subject_wrap {
	display:none;
}

#search_subject1_1, #search_subject1_2, #search_subject1_3 {
	display:block;
}

.search_subject {
	position:relative;
}

#search_subject1_1 .search_subject:after {
	content:'*';
	color:red;
	position:relative;
	top:0;
	right:-8px;
}

.note {
	color:red;
}

.file_submit {
	display:none;
}

.active_select {
	background-color:#ffff00;
}

/* ヘッダ */
h1 {
	font-size:1.8em;
	color: white;
	font-weight: bold;
	text-align:left;
	margin-top: 20px;
	margin-bottom:20px;
}

h2 {
	font-size:1.6em;
	color: black;
	font-weight: bold;
	text-align:left;
	margin-top: 0;
	margin-bottom:0.6em;
}

h3 {
	font-size:1.4em;
	color: black;
	font-weight: normal;
	text-align:left;
	margin-top: 0;
	margin-bottom:0.5em;
}

.main_menu {
	margin-bottom:10px;
}

.main_menu .menu_item {
	float:left;
	width:120px;
}

.note {
	margin-bottom:20px;
}

/******************/
/* メインコンテンツ */
/******************/
.main_contents {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:2px double black;
}

.book_article {
	border-top:1px black solid;
	padding:10px 0;
}

.book_info {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom:5px;
}

h3.search_title {
	width:100%;
	margin-bottom:10px;
	padding:0.2em 0;
	font-size:1.6em;
	font-weight:bold;
	border-top:2px solid black;
}

h3.search_section {
	width:100%;
	margin-bottom:10px;
	padding:0.2em 0;
	font-size:1.8em;
	font-weight:bold;
	border-top:2px solid black;
}

h3.keyword {
	color:#800;
}

h3.bic {
	color:#008;
}

ul.search_cond {
	margin-bottom:1em;
	padding-bottom:0.5em;
	/* border-bottom:1px solid blue; */
}

ul.search_cond li {
	margin-bottom:0.2em;
	display:block;
}

ul.search_cond li a {
	color:orange;
}

h3.title {
	width:100%;
	margin-bottom:10px;
	font-size:1.5em;
	font-weight:bold;
}

h4.subtitle {
	width:100%;
	font-size:1.2em;
	margin-bottom:10px;
}

dl.book_detail {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}

dl.sub_book {
	margin-top:5px;
	padding-top:5px;
	border-top:1px dotted black;
}

.book_detail dd, .book_detail dt {
	margin-bottom:10px;
	line-height:1.2em;
}

dt.isbn {
	width:25%;
}

dd.isbn {
	width:25%;
}

dt.format {
	width:25%;
}
dd.format {
	width:25%;
}

dt.book_id {
	width:25%;
}
dd.book_id {
	width:25%;
}

dt.author_editor {
	width:25%;
}
dd.author_editor {
	width:75%;
}

dt.publisher {
	width:25%;
}
dd.publisher {
	width:75%;
}

dt.series {
	width:25%;
}

dd.series {
	width:25%;
}

dt.imprint {
	width:25%;
}
dd.imprint {
	width:25%;
}

dt.listprice {
	width:25%;
}
dd.listprice {
	width:25%;
}

dt.pubdate {
	width:25%;
}
dd.pubdate {
	width:25%;
}

dt.copyright_year {
	width:25%;
}

dd.copyright_year {
	width:25%;
}

dt.description {
	width:100%;
	margin-bottom:5px;
}
dd.description {
	width:100%;
}

dt.contents {
	width:100%;
	margin-bottom:5px;
}
dd.contents {
	width:100%;
}

dt.pages {
	width:25%;
}
dd.pages {
	width:75%;
}

dt.subject {
	width:25%;
}
dd.subject {
	width:75%;
}

dt.keyword {
	width:100%;
	margin-bottom:5px;
}
dd.keyword {
	width:100%;
}

dt.url {
	width:100%;
	margin-bottom:5px;
}
dd.url {
	width:100%;
}

dt.createdate {
	width:25%;
}
dd.createdate {
	width:25%;
}

dt.updatedate {
	width:25%;
}
dd.updatedate {
	width:25%;
}


/**************/
/* footer */
/**************/
footer {
	margin-bottom:20px;
}

.histories dl {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	width:100%;
}

.histories .history dd, .histories .history dt {
	line-height:1.2em;
	padding:5px;
}

.histories .title dt, .histories .title dd {
	border-top:1px solid black;
	border-left:1px solid black;
	padding:5px;
}

.histories .title dd.detail {
	border-right:1px solid black;
}

.histories dt {
	width:10%;
}

.histories dd.update {
	width:20%;
}

.histories dd.detail {
	width:70%;
}

.histories .history dt , .histories .history dd {
	border-top:1px solid black;
	border-left:1px solid black;
}

.histories .history dd.detail {
	border-right:1px solid black;
}

.histories .history:last-of-type dt , .histories .history:last-of-type dd {
	border-bottom:1px solid black;
}

#page-top {
	display:none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 0.8em;
	z-index:10;
}

#page-top a {
	background: #333;
	text-decoration: none;
	color: orange;
	padding: 10px 20px;
	text-align: center;
	display: block;
	border-radius: 5px;
}

.pc #page-top a:hover {
	text-decoration: none;
	background: orange;
	color:white;
}

/**************/
/* レスポンシブ */
/**************/
@media screen and (max-width:980px) { 

.book_detail dt {
	margin-bottom:5px;
}

.book_detail dd {
	margin-bottom:20px;
}

dt.isbn {
	width:100%;
}

dd.isbn {
	width:100%;
}

dt.book_id {
	width:100%;
}
dd.book_id {
	width:100%;
}

dt.author_editor {
	width:100%;
}
dd.author_editor {
	width:100%;
}

dt.publisher {
	width:100%;
}
dd.publisher {
	width:100%;
}

dt.series {
	width:100%;
}

dd.series {
	width:100%;
}

dt.imprint {
	width:100%;
}
dd.imprint {
	width:100%;
}

dt.format {
	width:100%;
}
dd.format {
	width:100%;
}

dt.listprice {
	width:100%;
}
dd.listprice {
	width:100%;
}

dt.pubdate {
	width:100%;
}
dd.pubdate {
	width:100%;
}

dt.copyright_year {
	width:100%;
}

dd.copyright_year {
	width:100%;
}

dt.description {
	width:100%;
}
dd.description {
	width:100%;
}

dt.contents {
	width:100%;
}
dd.contents {
	width:100%;
}

dt.pages {
	width:100%;
}
dd.pages {
	width:100%;
}

dt.subject {
	width:100%;
}
dd.subject {
	width:100%;
}

dt.keyword {
	width:100%;
}
dd.keyword {
	width:100%;
}

dt.url {
	width:100%;
}
dd.url {
	width:100%;
}

dt.createdate {
	width:100%;
}
dd.createdate {
	width:100%;
}

dt.updatedate {
	width:100%;
}
dd.updatedate {
	width:100%;
}
}


@media screen and (max-width:780px) { 

.form_row .form_left {
	width:30%;
	font-size:0.9em;
}

.form_row .form_right {
	width:calc(70% - 1em);
	font-size:0.9em;
}

.form_row .form_left3 {
	display:block;
	width:200px;
	font-size:0.9em;
	margin-bottom:5px;
}

.form_row .form_mid3 {
	display:inline-block;
	margin-left:0;
	width:40%;
	font-size:0.9em;
}

.form_row .form_right3 {
	display:inline-block;
	margin-left:1em;
	width:calc(59% - 1em);
	font-size:0.9em;
}

.form_row .form_full {
	margin-top:0.5em;
	width: 100%;
	font-size:0.9em;
}
}

@media screen and (max-width:640px) { 
.form_row .form_left3 {
	display:block;
	width:200px;
	font-size:0.9em;
	margin-bottom:5px;
}

.form_row .form_mid3 {
	display:block;
	margin-left:0;
	width:100%;
	font-size:0.9em;
	margin-bottom:5px;
}

.form_row .form_right3 {
	display:block;
	margin-left:0;
	width:100%;
	font-size:0.9em;
	margin-bottom:5px;
}
}

@media screen and (max-width:480px) { 
#search_subject1_1 .search_subject:after {
	position:absolute;
}
}

@media screen and (max-width:400px) { 

.form_row .form_left {
	display:block;
	width:100%;
	font-size:0.8em;
}

.form_row .form_right {
	margin-left:0;
	margin-top:0.5em;
	display:block;
	width:100%;
	font-size:0.8em;
}

.form_row .form_full {
	margin-top:0.5em;
	display:block;
	width: 100%;
	font-size:0.8em;
}

#search_subject1_1 .search_subject:after {
	position:relative;
}

}