<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
}
html {
	font-size: 62.5%;
	min-height: 100%;
	position: relative;
}
body {
	font-size: 1.4em;
	height: calc(100vh - 60px);
	box-sizing: border-box;
}
body, table, input, textarea, select, option {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	line-height: 1.1;
}
table, input, textarea, select, option {
	line-height: 1.1;
}
input, textarea, select, option, a, input + label, label span {
	cursor: pointer;
}
input {
	vertical-align: middle;
	box-sizing: border-box;
}
input[type="text"] {
	min-height: 34px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
}
a:link {
	color: #000011;
	text-decoration: none;
}
a:visited {
	color: #000011;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft {
	text-align: left !important;
}
.taCenter {
	text-align: center !important;
}
.taRight {
	text-align: right !important;
}
/* フォントの大きさ（プラス） */
.fsP1 {
	font-size: 1.08em !important;
}
.fsP2 {
	font-size: 1.16em !important;
}
.fsP3 {
	font-size: 1.24em !important;
}
.fsP4 {
	font-size: 1.32em !important;
}
.fsP5 {
	font-size: 1.4em !important;
}
/* フォントの大きさ（マイナス） */
.fsM1 {
	font-size: 0.92em !important;
}
.fsM2 {
	font-size: 0.84em !important;
}
.fsM3 {
	font-size: 0.76em !important;
}
.fsM4 {
	font-size: 0.68em !important;
}
.fsM5 {
	font-size: 0.6em !important;
}
/* フォントの太さ */
.fwNormal {
	font-weight: normal !important;
}
.fwBold {
	font-weight: bold !important;
}
/*------------------------------------------------------------
	微調整用クラス
------------------------------------------------------------*/
.mt0 {
	margin-top: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
/*------------------------------------------------------------
	clearfix
------------------------------------------------------------*/
* html .clearfix {
	zoom: 1;
}
*+html .clearfix {
	zoom: 1;
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.fltL {
	float: left;
}
.fltR {
	float: right;
}
.vTop {
	vertical-align: top !important;
}
.vMiddle {
	vertical-align: middle !important;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/


body {
	line-height: 1.5;
	text-align: center;
}
#container {
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	overflow: hidden;
}
.ip-navi {
	font-size: 0.7em;
	padding-top: 3px;
}
.outline {
	color: #000000;
	font-size: 1.2em;
}
.outline:VISITED {
	color: #000000;
}
.outline:HOVER {
	color: blue;
	text-decoration: underline;
}
#outline_title {
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	position: relative;
	height: 40px;
	box-sizing: border-box;
	box-shadow: 0 4px 10px -4px #999;
}
#header h1 {
	overflow: hidden;
	height: 65px;
}
#header .logo {
}
#header .btn {
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	width: 40px;
}
#header .textresizer li {
	box-sizing: border-box;
	display: table-cell;
	height: 30px;
	width: 40px;
	vertical-align: middle;
}
#header .textresizer li span {
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
#header .textresizer li.smaSize span {
	font-size: 12px;
	padding-top: 6px;
}
#header .textresizer li.midSize span {
	font-size: 14px;
	padding-top: 5px;
}
#header .textresizer li.bigSize span {
	font-size: 16px;
	padding-top: 3px;
}
#header .textresizer li.smaSize span.textresizer-active {
	height: 30px;
}
#header .textresizer li.midSize span.textresizer-active {
	height: 30px;
}
#header .textresizer li.bigSize span.textresizer-active {
	height: 30px;
}
#header h1 .h1-left {
	display: table;
	height: 65px;
	padding: 0 0 0 15px;
}
#header h1 .h1-left div {
	display: table-cell;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header h1 .h1-left img {
	height: auto;
	max-height: 65px;
	width: 100%;
	max-width: 200px;
}
#header h1 .h1-center {
	display: table;
	height: 65px;
	margin: 0 auto;
	padding: 0 0 0 140px;
}
#header h1 .h1-center div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
}
#header h1 .h1-center img {
	height: auto;
	max-height: 65px;
	width: auto;
}
/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/


/* 背景色　交互切り替え　*/
.cl_section {
	background: #fff;
}
.cl_sectionB {
	background: #ebebeb;
}
#main {
	position: relative;
}
/*　ページタイトル　*/
#main .headLine {
	position: relative;
	background: linear-gradient(#eee, #fff);
}
#main .headLine h2 {
	margin-top: 45px;
	font-size: 24px;
	text-align: center;
}
#main .headLine h2 span {
	font-size: 12px;
	display: block;
	color: #a0a0a0;
}
#main .headLine .btnCommon, #main #breadcrumb .btnCommon {
	position: absolute;
	top: 2px;
	right: 18px;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
	overflow: hidden;
	min-height: 60px;
	height: auto;
	width: 100%;
	bottom: 0px;
}
#footer .banner {
	background: #D1E1C6;
}
#footer .banner .subNavi {
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
}
#footer .banner .subNavi li {
	margin-right: 14px;
	padding-right: 5px;
	display: inline;
}
#footer .subNavi .lastChild {
	margin: 0;
	padding: 0;
}
#footer .copyright {
	font-size: 0.9em;
	font-style: normal;
}
#footer .copyright small {
	white-space: nowrap;
}
/* copyright　右寄せ　*/
#footer section.copyright-right {
	display: table;
	width: 100%;
	height: 100%;
}
#footer section.copyright-right p {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	height: 100%;
}
#footer section.copyright-right p.logo {
	text-align: left;
	padding: 10px 20px;
	vertical-align: middle;
}
#footer section.copyright-right p.logo img {
	max-height: 40px;
	width: auto;
	height: auto;
}
/*add 20180124*/
#footer section.copyright-right p.logo a:hover{
	text-decoration: none;
}
#footer section.copyright-right p.logo small {
	text-align: center;
	color: #fff;
	vertical-align: bottom;
	padding: 25px 10px 10px 10px;
}
/**/
#footer section.copyright-right p.copyright {
	text-align: right;
	color: #fff;
	vertical-align: bottom;
	padding: 25px 10px 10px 0;
}
/* copyright　中央寄せ　*/

#footer section.copyright-center {
	display: table;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
}
#footer section.copyright-center p {
	display: block;
	vertical-align: middle;
	padding: 0 10px;
	width: 100%;
}
#footer section.copyright-center p.logo {
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
}
#footer section.copyright-center p.logo img {
	max-height: 50px;
	width: auto;
	height: auto;
}
#footer section.copyright-center p.copyright {
	text-align: center;
	color: #fff;
	vertical-align: bottom;
	padding: 25px 10px 10px 10px;
}
#footer section.copyright-center p.logo + p.copyright {
	padding: 0px 10px 10px 10px !important;
	height: auto !important;
}
/* copyright　左寄せ　*/
#footer section.copyright-left {
	display: table;
	width: 100%;
}
#footer section.copyright-left p {
	display: block;
	vertical-align: middle;
	padding: 0 10px;
}
#footer section.copyright-left p.logo {
	text-align: left;
	padding: 10px;
	vertical-align: middle;
}
#footer section.copyright-left p.logo img {
	max-height: 40px;
	width: auto;
	height: auto;
}
#footer section.copyright-left p.copyright {
	text-align: left;
	color: #fff;
	vertical-align: bottom;
	padding: 20px 10px 10px 10px;
	height: 60px;
	box-sizing: border-box;
}
#footer section.copyright-left p.logo + p.copyright {
	padding: 0px 10px 10px 10px !important;
	height: auto !important;
}
/*------------------------------------------------------------
	ボタン
------------------------------------------------------------*/

#main .btnChoice {
	padding: 0 0 10px 0;
	text-align: center;
}
#main .btnCommon a, 
#main .btnCommon span {
	display: inline-block;
	padding: 7px 10px;
	width: 80px;
	text-align: center;
	font-size: 12px;
}
#main .count .btnMove span {
	padding: 6px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	box-sizing: border-box;
}
#main .count .btnMove span:hover {
	opacity: 0.7;
	cursor: pointer;
}
#main .btnCommon a:hover, 
#main .btnCommon span:hover, 
#main .imageResult .btnOrigin:hover, 
.searchPage #main .submit input:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	cursor: pointer;
	text-decoration: none;
}
#main .size65 a {
	width: 65px;
}
#main .size70 a, #main .size70 span {
	width: 70px;
	height: 28px;
}
#main .size85 a {
	width: 85px;
}
#main .size92 a {
	width: 92px;
}
/*-+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+ 	
+
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-*/


/*----------------------------------------------------
 Header */
 
#header h1 a {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
#header h1 a:hover {
	text-decoration: none;
}

#header h1 span {
	padding: 8px 0 5px 30px;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	margin: 0;
	float: left;
}
#header .btn a {
	display: block;
	height: 100%;
	text-decoration: none;
	width: 100%;
	z-index: -1;
}
#header .btn a:before {
	content: '';
	height: 0px;
	width: 0px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
}
#header .btn a:after {
	content: '';
	height: 7px;
	width: 6px;
	display: block;
	position: absolute;
	top: 20px;
	left: 12px;
}
#header .btn:hover {
	opacity: 0.7;
}
#header .btn span {
	display: none;
}
#header .textresizer {
	float: right;
	margin-top: 30px;
	margin-right: 20px;
	height: 44px;
	display: table;
}
body #header .textresizer li span:hover {
	opacity: 0.7;
	cursor: pointer;
}
.header_help{ float: right; padding: 15px; width: auto; }
.header_help a{ display:table; height: 35px; background: rgba(0,0,0,.35); color: #eee; font-size: 14px; width: 35px;overflow: hidden; border-radius: 18px; transition: all 0.3s; text-decoration: none; float: right;
}

/* カスタマイズ
.header_help a span{ display: table-cell;height: 35px; box-sizing: border-box; vertical-align: middle; padding: 0 5px; text-indent: 90px; overflow: hidden; white-space: nowrap; width: 35px; max-width: 35px;}
.header_help a span:before { content: ""; width: 18px;  height: 18px; background: url(../image/icon_help.png) center no-repeat; float: left; margin: 0 0 0 4px;transition: all 0.3s;}
*/
.header_help a{ background: #238591; width: 50px;border-radius: 4px; height:30px; font-size: 16px; padding-top: 5px;text-align: center; color: #fff;}
.header_help{ margin-left:0px; }
.header_help a span{ width: 50px; white-space: nowrap; transition: all 0.4s;max-width: 80px;}
/*------------------------------------------------------------
	ヘッダー@media
*/
@media screen and (max-width:600px) {
#header .textresizer {
	display: none;
}
#header h1 span {
	padding: 5px 0 5px 5px;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	margin: 0;
	float: left;
}
#header h1 .h1-center {
	display: table;
	height: 100px;
	margin: 0 auto;
	padding: 0 0 0px;
}
#header h1 #headerTitle {
	font-size: 18px;
}
}

@media screen and (min-width:601px) {
}
/*----------------------------------------------------
 main */
 
/*----------------------------------------------------
 共通部品 */

.selectCheck li {
	display: inline-block;
	padding-bottom: 10px;
}
.selectCheck li:last-child {
	margin-right: none;
}
/* テーブル */
.bcollSpr {
	box-sizing: border-box;
	width: calc(100% - 20px);
	border-collapse: collapse;
}
.bcollSpr tr {
}
.bcollSpr tr:last-child {
	border-bottom: none;
}
.bcollSpr td, .bcollSpr th {
	box-sizing: border-box;
	padding: 3px;
}
.bcollSpr th label {
	white-space: nowrap;
}
.tableB {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;

}
.tableB th {
	padding: 9px;
}
.tableB td {
	padding: 9px;
	text-align: left;
	line-height: 1.3;
	word-break: break-all;
}
.tableB td[wrap]
 {
 white-space: nowrap;
 }

.tableB thead th {
	color: #fff;
	text-align: center;
}

table.in-table{  box-sizing: border-box; margin: 0 0 0 -3px !important;border-left: 5px solid #eee;width:100%;}
table.in-table th{ width: 270px;}
table.in-table th,table.in-table td{ text-align: left;  border-bottom: 1px dashed #ddd;}

.group-title{padding: 10px;  background: #eee; margin: -3px; box-sizing: border-box;}


/* input */
.bcollSpr input[type="text"] {
	margin: 5px 5px 5px 0;
	padding: 3px;
	border: none;
	border: solid 1px #c9c9c9;
	height: 1.3em;
}

/*input幅*/
.bcollSpr input[type="text"].w1em {
	min-width: 1em;
	width:1em;
}
.bcollSpr input[type="text"].w2em {
	min-width: 2em;
	width:2em;
}
.bcollSpr input[type="text"].w3em {
	min-width: 3em;
	width:3em;
}
.bcollSpr input[type="text"].w4em {
	min-width: 4em;
	width:4em;
}
.bcollSpr input[type="text"].w5em {
	min-width: 5em;
	width:5em;
}
.bcollSpr input[type="text"].w6em {
	min-width: 6em;
	width:6em;
}
.bcollSpr input[type="text"].w7em {
	min-width: 7em;
	width:7em;
}
.bcollSpr input[type="text"].w8em {
	min-width: 8em;
	width:8em;
}
.bcollSpr input[type="text"].w9em {
	min-width: 9em;
	width:9em;
}
.bcollSpr input[type="text"].w10em {
	min-width: 10em;
	width:10em;
}





.contents select {
	appearance: none;
	padding: 1px;
	min-width: 150px;
	margin: 5px 5px 5px 0;
}
/* ボタン */
.btnSearch input, .btnClear input {
	border: none;
	display: inline-block;
	padding: 7px 10px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.btnSearch input:hover {
	opacity: 0.7;
}
.btnSearch input.btnSearch-btn {
	display: inline-block;
	padding: 7px 10px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
ul.btnSearch{ padding: 15px 10px; }
/* 戻る */
#main .pageBack span {
	width: 80px;
	height: 15px;
	display: block;
	position: relative;
}
/* 閉じる */
#main .pageClose span {
	width: 80px;
	height: 15px;
	display: block;
	position: relative;
}
/* ページトップへ戻る△ */
#main .totop {
	display: block;
	position: fixed;
	bottom: 50px;
	right: 0px;
	margin: 0;
}
#main .totop:after {
	content: "";
	display: table;
	clear: both;
}
#main .totop p {
	float: right;
	margin: 0 30px 0 0;
}
#main .totop a {
	width: 45px;
	height: 45px;
	display: block;
	position: relative;
}
.totop a {
	overflow: hidden;
	width: 10px;
	opacity: 0.7;
}
.totop a:before {
	content: '';
	height: 24px;
	width: 24px;
	display: block;
	margin: 10px auto;
	background: url(../image/icon_pagetop.png) center no-repeat;
}
.totop a:hover {
	opacity: 0.5;
}
/* リンク */
.categorySearchLink {
	display: inline-block;
	margin: 5px;
	padding: 3px 1em;
}
/* 見出し*/
.categorySearchText:before {
	content: "■";
}
/*パンくず*/

#main .lead {
	font-size: 1.2em;
	padding: 10px 40px;
	word-break: break-all;
	background: #eaeaea;
}
.tableB .chkbox:hover {
	background-color : #efefef;
}
td.list_img_size, .tableB .list_img_size,
td.gallery_img_size, .tableB .gallery_img_size {
	vertical-align: middle;
	text-align: center;
}
/* top 詳細検索　画像＋text　*/
.contents ul.detailed {
	width: calc(100% - 20px );
	max-width: 1280px;
	margin: 0 auto !important;
	padding: 0px 0 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	clear: both;
}
.contents ul.detailed li {
	width: 20%;
	display: inline-block;
	text-align: center;
	padding: 10px 7px 20px 10px;
	box-sizing: border-box;
}

/* dic_link add start */
#main .contents ul.genrelist div.yomilist a {
	width: 36px;
	margin: 0 5px 10px 0;
	box-sizing: border-box;
}
#main .contents ul.genrelist div.genreimg img {
	width: 100px;
	min-width: 100px;
}
/* dic_link add end */
/* top 詳細検索　代表画像　*/
#dispImageRep img, 
#dispImageRep .backgr, 
#dispImageRep .backimg {
	cursor: pointer;
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
}
#dispImageRep {
	text-align: center;
}
.detailed .noLink div.backimg {
	width: 50px; 
	height: 50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.detailed .noLink div.backimg.select {
	 border: 4px outset #aaa;
}
.detailed .noLink div.backimg:hover {
	opacity: 0.7;
}
.repImage div.imgRep_class {
	display: none;
	margin: auto;
	margin-bottom: 10px;
	min-width: 200px;
	min-height: auto;
	flex-direction: column;
}
.repImage div.imgRep_class img{
	position: inherit;
}
.repImage div#imgRep_0 {
	display: flex;
}
.contents ul.repDetailed li {
	width: auto;
}
.imgRep_class .inline div.play_icon,
.imgRep_class .backgr div.audio_play_icon {
	margin: auto;
	position: relative;
	top: 30%;
}
#dispImageRep.sizeS .imgRep_class .repArea {
	max-height: 200px;
	height: 200px;
}
#dispImageRep.sizeM .imgRep_class .repArea {
	max-height: 300px;
	height: 300px;
}
@media screen and (min-width:601px) {
	#dispImageRep ul.repDetailed li {
		padding: 2px;
	}
	#imageRep {
		display: table-cell !important;
		max-width: 400px;
		width: 400px;
		text-align: center;
		padding-right: 10px;
	}
}
@media screen and (max-width:600px) {
	#dispImageRep ul.repDetailed li {
		display: inline-block;
		padding: 2px;
		width: auto;
	}
	.imgRep_class .backgr audio.audio_thumbnail {
		margin-top: 74px;
		width: 300px;
		height: 54px;
	}
}
/* top 詳細検索　代表画像end　*/
/* multi viewer start */
.contents .imageAarea a.inline, .contents .imageAarea span{
	position: relative;
}
.play_icon, .play_icon_matrix {
	width: 64px;
	height: 64px;
	background-image: url(../image/play.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.audio_play_icon, .audio_play_icon_matrix {
	width: 64px;
	height: 64px;
	background-image: url(../image/play_red.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#dispListDiv .play_icon,
#dispListDiv .audio_play_icon {
	position: relative;
	margin: 0 auto;
	top: 65px;
}
.contents .imageAarea .play_icon,
.contents .imageAarea .audio_play_icon {
	position: absolute;
}

@media screen and (max-width:600px) {
.list_img_size img {
	max-height: 120px;
    max-width: 120px;
	height: auto;
	width: auto;
	margin: 0 auto;
	border: none;
	cursor: pointer;
}
.gallery_img_size img {
    max-width: 280px;
	height: auto;
	width: auto;
	margin: 0 auto;
	border: none;
	cursor: pointer;
}
.contents .imageAarea a.inline, .contents .imageAarea span {
	display: inline-table;
}
.contents .imageAarea .play_icon,
.contents .imageAarea .audio_play_icon {
	bottom: 70px;
	right: 65px;
}
#dispListDiv .play_icon_matrix,
#dispListDiv .audio_play_icon_matrix {
	position: relative;
	margin: 10px auto;
	top: 30%;
}
.contents .imageAarea audio {
	width: 80%;
	height: 40px;
}
#dispListDiv audio {
	width: 80%;
	height: 40px;
	margin-top: 80px;
}
}

@media screen and (min-width:601px) {
td.list_img_size, .tableB .list_img_size {
	width: 120px;
}
td.gallery_img_size, .tableB .gallery_img_size {
	width: 300px;
}
.list_img_size img {
	height: 100px;
	width: auto;
	margin: 0 auto;
	border: none;
	cursor: pointer;
}
.gallery_img_size img {
	height: auto;
	max-width: 280px;
	margin: 0 auto;
	border: none;
	cursor: pointer;
}
.contents .imageAarea a.inline {
	display: inline-flex;
}
.contents .imageAarea .play_icon,
.contents .imageAarea .audio_play_icon {
	top: 64px;
	right: 75px;
}
#dispListDiv .play_icon_matrix,
#dispListDiv .audio_play_icon_matrix  {
	position: relative;
	margin: 10px auto;
	top: 15%;
}
audio.audio_thumbnail {
	width: 100%;
	height: 40px;
	margin-top: 80px;
}
audio.audio_matrix {
	width: 220px;
	height: 40px;
	margin-top: -20px;
}
}
/* multi viewer end */

/*------------------------------------------------------------
	共通部品@media
*/
@media screen and (max-width:600px) {
/*テーブル*/
.tableB {
	width: calc(100% + 10px);
	margin-left: -5px;
	margin-right: -5px;
}
.tableB thead, #main .tableB thead #main .tableB thead tr {
	display: none;
}
.tableB tbody th, #main .tableB tbody th {
	display: block;
	border-bottom: none;
}
.tableB tbody td, #main .tableB tbody td {
	display: block;
	border-bottom: none;
	min-height: 1.2em;
}
/*input 部品*/
.s_input, .bcollSpr select {
	width: 100%;
	margin-bottom: 5px;
}
/* ボタン */
.btnSearch input {
	width: 30%;
	float: right;
}
.btnSearch input.btnSearch-btn {
	width: 60%;
	float: left;
	font-size: 16px;
}
/* 見出し */
.contents .category h3 {
	margin-left: 10px;
	margin-bottom: 10px;
}
#main .totop {
	display: block;
	position: fixed;
	bottom: 105px;
	right: 0px;
	margin: 0;
}
}

@media screen and (min-width:601px) {
/*input 部品*/
.s_input[type="text"] {
	width: 400px;
}
/* ボタン */
.btnSearch li {
	display: inline-block;
}
.btnSearch li.btnSearch {
	margin: 0 40px;
}
.btnSearch input {
	width: 100px;
}
.btnSearch input.btnSearch-btn {
	width: 200px;
	height: 40px;
}
/* パンくず */
#main .lead {
	padding: 10px 10px;
}
}
/* トップページ */
#index .contents {
}
.contents .category h3 {
	margin: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 1.8em;
}
.contents .category h3 span {
	padding-left: 20px;
}
.categorySearchText {
	margin: 0;
	padding: 0px 5px 0 1em;
	display: block;
	line-height: 2.0em;
}
.categorySearchText:before {
	margin: 0 0 0 -1em
}
#main .tableB th {
	padding: 7px 15px;
	font-size: 1em;
	color: #000011;
}
#main .tableB td {
	padding: 5px 15px;
	font-size: 1em;
	color: #000011;
}
#main .tableB a {
}
#main .tableB thead th {
	padding: 9px;
	color: #fff;
	border-bottom: none;
}

/*------------------------------------------------------------
	トップページ@media
*/
@media screen and (max-width:600px) {
#main .contents {
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 10px 0;
	
}
#main .contents.selectSearch {
	padding: 0px 10px;
}
.contents .detailed, .contents ul.detailed {
	width: calc(100% - 10px);
	margin-left: -5px;
	margin-right: -5px;
	border-collapse: collapse;
}
.contents .detailed a, .contents ul.detailed li a,
.contents .detailed p, .contents ul.detailed li&gt;span {
	display: block;
	padding: 5px 20px 0px 10px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.contents .backgr, .background_matrix {
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
}
.contents .detailed a:after, .contents ul.detailed lia:after {
	content: '';
	height: 8px;
	width: 8px;
	display: block;
	border-right-width: 0;
	border-bottom-width: 0;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 10px;
}
.contents .detailed td, .contents ul.detailed li {
	position: relative;
	display: block;
	padding: 10px 7px 20px 10px;
	margin-bottom: 0px;
}
.contents ul.detailed {
	width: calc(100% - 20px );
	max-width: 100%;
	margin: 0 auto !important;
	display: block;
}
.contents ul.detailed li {
	width: 100%;
	display: block;
	text-align: center;
	padding: 5px 7px 0px 10px;
	box-sizing: border-box;
}
.contents .detailed td img, 
.contents ul.detailed li img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	cursor: pointer;
}
.contents .detailed td p, 
.contents .detailed td span, 
.contents ul.detailed li p, 
.contents ul.detailed li span {
	display: block;
	width: 100%;
	text-align: center;
	padding: 5px;
}
.layerDiv {
	margin: 0 0 0 0.5em;
	padding: 0;
}
h3 + .layerDiv {
	margin-left: 0;
}
.bcollSpr {
	margin-top: -10px;
}
.bcollSpr th {
	float: left;
	width: 100%;
}
.bcollSpr th +td {
	float: left;
	width: 100%;
}
/* モバイル版デフォルトサイズ */
#index .bcollSpr select[name$='_f']{
	max-width: 300px;
}
/* dic_link add start */
.contents .genrelist a:after, .contents ul.genrelist li a:after {
	display: none;
}
.contents ul.genrelist li {
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.contents ul.genrelist div.yomilist p {
	border: none;
}
/* dic_link add end */
}

@media screen and (min-width:601px) {
#main .contents {
	margin: 10px 30px 0 30px;
}
.contents .detailed, .contents ul.detailed {
	margin-left: -20px;
	margin-right: -20px;
	border-collapse: separate;
	border-spacing: 15px;
	
	width: calc(100% - 20px);
}
.contents .detailed td, .contents ul.detailed li {
	padding: 5px 7px 10px 10px;
	vertical-align: top;
}
.contents .detailed td img, 
.contents ul.detailed li img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	cursor: pointer;
}
.contents .image_center {
	display: block;
	max-width: 100%;
	max-height: 200px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.contents .img_class {
	overflow: hidden;
	position: relative;
	min-height: 230px;
}
.contents .background_matrix {
	height: 100px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
}
.contents .background_thumbnail {
	height:200px;
	position: relative;
}

.contents .audio_size {
	height: 220px;
}
.contents .backgr {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 200px;
	width: 100%;
}
.layerDiv {
	margin: 0 0 5px 1.5em;
}
/* dic_link add start */
.contents ul.genrelist {
	display: flex;
}
.contents ul.genrelist li {
	width: 50%;
}
.contents ul.genrelist li div {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.contents ul.genrelist div.yomilist p {
	height: 30px;
}
/* dic_link add end */
}

/*----------------------------------------------------
 資料詳細ページ */
 

/* 画像  ############################## 大3つずつ並び */
.contents .relationship h3 {
	margin: 20px 0;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 18px;
}
.contents .relationship h3 span {
	padding-left: 20px;
	display: block;
}
.relationship ul {
	display: table;
	width: 100%;
	padding-bottom: 40px;
}
.relationship ul li {
	text-align: center;
}
.relationship ul li img {
	height: auto;
}
/* 画像  ############################## 大3つ残り小並び */

#p-2 {
	display: none;
}
#p-2.relationship ul {
	display: table;
	width: 100%;
	padding-bottom: 40px;
}
#p-2.relationship ul li {
	text-align: center;
}
#p-2.relationship ul li img {
	height: auto;
}
/* 画像  ############################## 全部小 */

#p-3 {
	display: none;
}
#p-3.relationship ul {
	display: table;
	width: 100%;
	padding-bottom: 40px;
}
#p-3.relationship ul li {
	text-align: center;
	display: inline-block;
	width: 24%;
}
.imageResult{ padding: 15px 10px;}
/*------------------------------------------------------------
	資料詳細ページ@media
*/
@media screen and (max-width:600px) {
/*画像*/
.relationship {
	width: 100%;
}
.relationship ul li {
	display: block;
}
.relationship ul li img {
	width: 100%;
}
/* 画像  大3つ残り小並び */
#p-2.relationship ul:last-child li:nth-child(0n) {
	width: 50%;
	display: block;
	float: left;
	padding: 0 5px 3px 0;
	box-sizing: border-box;
	clear: both;
}
#p-2.relationship ul:last-child li:nth-child(1n) {
	width: 50%;
	display: block;
	float: left;
	padding: 0 0 3px 5px;
	box-sizing: border-box;
}
/* 画像  全部小 */
#p-3.relationship ul li {
	width: 48%;
	display: inline-block;
}
}

@media screen and (min-width:601px) {
/* 画像 */
.relationship ul li {
	display: table-cell;
}
.relationship ul li img {
	width: 80%;
}
}

/*------------------------------------------------------------
	◆読み込みHTML
	検索結果一覧ページ /result.html
------------------------------------------------------------*/
.infoTxt {
	text-align: center;
	position: relative;

	margin-bottom: 14px;
}
#result #main .detail {
	padding: 5px 10px;
}
#result #main .detail p {
	font-size: 1em;
}
.result{ padding: 5px 15px;}
.list_search_input {
	width: calc(100% - 10px );
	background: #888;
	padding: 10px;
	box-sizing: border-box !important;
	margin: 0px auto 0 auto;
	display: block;
	color: #fff;
}
.list_search_input p {
	display: inline-block;
	padding: 10px;
}
.listview-menu {
	width: 100%;
	margin: 0 auto !important;
	max-width: 1280px;
	box-sizing: border-box !important;
}
.listview-menu ul {
	min-height: 40px;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0 0 -5px 0;
}
#result #main .contents {
}
#main .count {
	position: absolute;
	padding: 0 20px;
	font-size: 1em;
	right: 0;
}
#main .count div {
	float: left;
	line-height: 1;
}
#main .count .view input {
	width: 35px;
	padding: 2px 5px;
	text-align: right;
	font-size: 1.2em;
}
#main .count .view input {
	width: 5em;
	padding: 5px 5px;
	text-align: right;
	font-size: 1em;
	box-sizing: border-box;
	border: 1px solid #c1c1c1;
}
#main .count .total {
	font-size: 1em;
	width: 5em;
	padding: 10px 7px 0 7px;
	box-sizing: border-box;
	margin-right: 5px;
	text-align: left;
	height: 36px;
}
#main .pager {
	text-align: right;
	display: inline-block;
	padding: 0 300px 0 0 ;
}
#main .pager a, #main .pager span {
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
	text-decoration: none;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	margin-right: 4px;
	line-height: 0.8;
	padding: .7em 2px;
	min-width: 30px;
	min-height: 30px;
}
#main .pager a:hover{ opacity:.6;}
#main .pager span {
	color: #313131;
}
#result #main .tableB thead tr {
	border-bottom: none;
}
#result #main .tableB thead th {
	border: none;
}
#result #main .tableB td {
	border: none;
}
#result #main .tableB .txt1 {
}
#result #main .tableB .txt2 {
	font-size: 1em;
	text-align: left;
	vertical-align: middle;
}
#result #main .tableB .txt2 a {
	display: block;
	position: relative;
	padding-right: 20px;
}
#result #main .tableB .txt2 a:hover:after {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#result #main .pager a {
	text-decoration: none;
}
#result #main .pager a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------
	検索結果一覧ページ@media
*/
@media screen and (max-width:600px) {
#result #main .tableB {
	display: block;
	margin-bottom: 14px;
}
#result #main .tableB thead {
	display: table-column;
	height: 0px;
	border: none !important;
}
#result #main .tableB thead th {
	border: none;
	height: 0px;
}
#result #main .tableB tr {
	font-size: 0;
}
#result #main .tableB tr:first-of-type {
}
#result #main .tableB tr:after {
	content: '';
	clear: both;
	display: block;
}
#result #main .tableB tr, #result #main .tableB td {
	box-sizing: border-box;
}
#result #main .tableB tr td {
	display: block;
	padding: 8px;
	font-size: 14px;
	border-bottom: 1px dashed #ddd;
	width: 100%!important;
	white-space: normal!important;
}
#result #main .tableB td:first-of-type {
	width: 100%;
	float: none;
}
#result #main .tableB td:nth-of-type(2) {
	width: 100%;
	height: 100%;
}
#result #main .tableB td:nth-of-type(2) img {
	width: auto;
	max-width: 100px;
}
#result #main .tableB td:nth-of-type(n+3) {
	width: 100%;
	font-size: 14px;
}
#result #main .tableB td:last-of-type {
	border-bottom: none;
}
.list_img_size img {
	max-height: none;
	max-width: 100%;
}
#result #main .tableB .txt2 a:after {
	content: '';
	height: 8px;
	width: 8px;
	display: block;
	border-right-width: 0;
	border-bottom-width: 0;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	position: absolute;
	top: -12px;
	right: 0px;
}
.image_num{ display: table; padding: 3px; margin: 0; height: 10px; min-height: 0px;border-collapse: collapse;}
.image_num span{  display: table-cell !important;  text-align: left !important;
	} 

#main .pager {
	text-align: right;
	display: inline-block;
	padding: 0 0 0 0 ;
}

#result #main ul li a br, #result #main ul li a span:empty{
	display: none;
}

}

@media screen and (min-width:601px) {
#result #main .tableB {
	margin: 0 auto 13px;
	border-bottom: 0;
}

#result #main .detail {
	padding: 3px 0;
}
#result #main .tableB .txt2 a:after {
	content: '';
	height: 12px;
	width: 12px;
	display: block;
	border-right-width: 0;
	border-bottom-width: 0;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	position: absolute;
	top: 13px;
	right: 0px;
}
}

/*ページャー用*/
@media screen and (max-width:1000px) {
.infoTxt {
	text-align: center;
	position: static;
	height: auto;
	margin-bottom: 14px;
}
#result #main .pager {
	text-align: center;
	display: block;
	padding: 2px;
}
#main .count {
	position: static;
	padding: 0px 0px;
	float: none;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
#result #main .count div, #dataPage #main .count div {
	display: inline-block;
	float: none;
}
#main .pager {
	text-align: right;
	display: inline-block;
	padding: 0 0 0 0 ;
}
}
/*------------------------------------------------------------
	
	画像詳細ページ 
------------------------------------------------------------*/
#gallery #main .contents {
	background: none;
	padding: 0 10px;
}
#main .sliderWrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#main .sliderWrap .count {
}
#gallery #main .count {
	position: static;
	padding: 0 40px;
	font-size: 1em;
	display: inline-block;
}
#main .sliderWrap .sliderPanels {
	width: 100%;
	margin: 0 auto;
	background: #eaeaea;
}
#main .sliderWrap .sliderPanels .panel {
	padding: 5px 0;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#main .sliderWrap .sliderPanels .panel img {
	max-height: 100%;
	max-width: calc( 100% - 58px - 58px - 20px );
}
#main .sliderWrap .sliderPanels .navPrev span, 
#main .sliderWrap .sliderPanels .navNext span {
	display: block;
	position: absolute;
	width: 58px;
	height: 100%;
	text-indent: -9999px;
	top: 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#main .panel .navPrev{top :50%;left: 0; position: absolute; margin-top: -29px;}
#main  .panel .navNext{top :50%;right: 0;position: absolute;margin-top: -29px;}
#main .sliderWrap .sliderPanels .navPrev span {
	left: 0;
	background: #c3c3c3;
}
#main .sliderWrap .sliderPanels .navNext span {
	right: 0;
	background: #c3c3c3;
}
#main .sliderWrap .sliderPanels .navPrev span:before {
	content: '';
	height: 12px;
	width: 12px;
	display: block;
	border: 3px solid #fff;
	border-right-width: 0;
	border-bottom-width: 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -6px;
	margin-left: -6px;
}
#main .sliderWrap .sliderPanels .navNext span:before {
	content: '';
	height: 12px;
	width: 12px;
	display: block;
	border: 3px solid #fff;
	border-right-width: 0;
	border-bottom-width: 0;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -6px;
	margin-left: -8px;
}
#main .sliderWrap .sliderPanels .navPrev span:hover, 
#main .sliderWrap .sliderPanels .navNext span:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
	cursor: pointer;
}
#main .sliderWrap input.imageIndex {
	ime-mode: disabled;
}
#gallery #container {
}
#original .imageAarea img {
}
/* 高精細 */
#viewer #showDiv {
	margin: auto;
	border: 1px;
	border-style: solid;
	border-color: #696969;
}
/*------------------------------------------------------------
	画像詳細ページ@media
------------------------------------------------------------*/
@media screen and (max-width:600px) {
#main .sliderWrap .sliderPanels .navNext span, #main .sliderWrap .sliderPanels .navPrev span {
	width: 30px;
}
#main .sliderWrap .sliderPanels .navNext span:before {
	margin-top: -6px;
	margin-left: -10px;
}
#main .sliderWrap .sliderPanels .navPrev span:before {
	margin-top: -6px;
	margin-left: -6px;
}
}

@media screen and (min-width:601px) {
}
/*----------------------------------------------------
 詳細検索ページ */
.search .bcollSpr td{ width: 80%;}
.search .bcollSpr td[colspan]{width:auto;}
.search .in-table th{ min-width:200px; padding: 10px; box-sizing: border-box; }
.search .in-table td{width: 80%; box-sizing: border-box;}
.search .in-table tr:last-child th,.search .in-table tr:last-child td{ border-bottom: none;}
.search .viewNumer {
	margin: 10px 0;
}

.search h3 {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 18px;
}
.search h4 {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 18px;
}
.search h3 span, .search h4 span {
	padding-left: 20px;
	display: block;
}
.search .bcollSpr th {
	padding: 10px;
	min-width: 200px;
}

/*checkbox*/
.bcollSpr td label {
	display: inline-block;
	margin-right: 40px;
	padding-bottom: 10px;
}
/*ラジオボタンの見出し*/
.search .count label {
	text-align: left;
}
.search .count label {
	display: block;
	margin-right: 0;
	font-size: 14px;
}
/*top*/
.simpleSearch .bcollSpr td{ width: 80%;}
.simpleSearch .bcollSpr td[colspan]{width:auto;}
.simpleSearch .in-table th{ min-width:200px; padding: 10px; box-sizing: border-box; }
.simpleSearch .in-table td{width: 80%; box-sizing: border-box;}
.simpleSearch .in-table tr:last-child th,.simpleSearch .in-table tr:last-child td{ border-bottom: none;}
.simpleSearch .bcollSpr th {
	padding: 10px;
	min-width: 200px;
}

/*------------------------------------------------------------
	画像詳細ページ@media
------------------------------------------------------------*/
@media screen and (max-width:600px) {
.search, .search #footer {
	min-width: 340px;
}
.search h3 {
	margin: 20px 0 20px 10px;
}
.search h4 {
	margin: 0 0 30px 10px;
}
/* ソートタイトル */
.submit_sortTtl {
	display: block;
	margin-bottom: 10px;
	text-align: left;
}
#original .imageAarea {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.search .bcollSpr td{ width: 100%; padding: 3px 15px ; box-sizing: border-box;}
.search .bcollSpr th{ width: 100%; padding: 15px 5px 5px 5px ; box-sizing: border-box;}
.search .in-table th{border: none;}
}

@media screen and (min-width:601px) {
.search h3 {
	margin: 20px 0 20px 10px;
}
.search h4 {
	margin: 30px;
}
#original .imageAarea {
	width: 100%;
	height: 100%;
	overflow: auto;
}


}

#result .tableB tbody tr:hover,
#result ul.detailed li:hover{ background: #f5f5f5; }
#dataPage .tableB tbody tr:hover,
#dataPage ul.detailed li:hover{ background: #f5f5f5; }
#dataPage .tableB tbody .noLink:hover,
#dataPage ul.detailed .noLink:hover{ background: none; }
#dataPage .detail-data .tableB tbody tr:hover{background: none;}

.image_num{ display: table; padding: 3px 3px 5px 3px ; margin: 0; height:28px; min-height: 0px;border-collapse: collapse;}
.w_check{ width:5px;}
.w_num{ width: 4em;}


@media print{
#main .btnSearch LI{dispaly:inline-block;  float: left;}
.btnSearch input.btnSearch-btn {
	display: inline-block;
	padding: 7px 10px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	width: 200px;
	}
 .contents ul.detailed  img{ width:100%; 
}
.contents UL.detailed LI {
    width: 20%;
    display: inline-block;
    text-align: center;
    padding: 10px 7px 20px 10px;
    box-sizing: border-box;
    vertical-align: top;
}

}

/*update*/
.f-label{ padding: 0 5px 0 0 !important; margin: 0 !important;}
.result-check-text{ padding: 2px 8px; font-size: 1.2rem; border-left: 5px solid #aaa; margin: 3px auto; font-weight: bold ; max-width: 1280px;}
.result-check-text p{ font-weight: bold ;}

#dataPage h3 span{ font-size: 1.8rem; color: #666;} 
#dataPage h3 p{font-size:3rem; word-break: break-all; white-space: normal; line-height: 1.2;}

.url_text{ font-size: 1.1rem; font-style: italic; padding:3px 10px; color: #444; background: #eeeeea}

#dataPage .tableAarea h4{ font-size: 1.8rem;  font-weight: bold; border-top: 1px solid #ccc; padding: 5px 0; clear: both;margin-top: 10px; }
#dataPage .tableAarea h4:first-child{margin-top: 0px;}
#dataPage .tableAarea h4 p{ border-left:5px solid #222; padding: 0 10px; font-weight: bold;}

/*err表示*/
.err-box{ padding:15px  10px; margin: 15px 10px;   box-sizing: border-box; display: block; background: #fbb; border: 6px double #fff;border-radius: 8px;font-weight: bold !important;}
.err-item{ padding:5px  10px 8px ; margin: 15px 10px;   box-sizing: border-box; display: block; background: #fbb; vertical-align: middle; border-radius: 8px; font-weight: bold !important;}
.err-box p,.err-item p{ font-weight: bold !important;}
.bg_white{background: #fff; color: #c11; padding: 10px; border-radius: 4px; font-size: 1.6rem; line-height: 1.6;}

 #main .errortext
{
	font-size: 20px;
	text-align:center;
}
#main .errortext h2
{
	font-size: 20px;
	text-align:center;
}
 /*detail*/
#dataPage .tableB tbody th, #gallery .tableB tbody th{ white-space: nowrap; }

/*カウンター*/
#counter{ text-align: right; margin: 0 80px 0 0;}

/* サブタイトル */
#main .headLine div.message h3.textBox{ margin: 0 auto !important;}
#main div.headLine div.message:first-child{ padding-top: 20px; }
</pre></body></html>