.mediaViewInfo {
	--web-view-name: Book catalog;
	--web-view-id: Book_catalog;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
}
:root {
	--web-view-ids: Book_catalog;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
}
body {
	overflow-x: hidden;
}
.pagination .active{
	font-weight:bold;
}
/* ヘッダー ↓ */
#header {
	width: 100vw;
}

#header.jp #lng_en{
}

#header_base {
	background-color: rgba(244,242,255,1);
}
#Rectangle {
	fill: rgba(0,71,137,1);
	width: 100%;
}
.Rectangle {
	width: 100%;
	height: 30px;
}
.header_row {
	display: flex;
}
.header_row > .header_content:nth-child(odd) {
	margin-left: 120px;
}
.header_row_rights {
	display: flex;
}
.header_row_rights > .header_content:nth-child(odd) {
	margin-left: 120px;
}
#site_title {
	margin-left: 5px;
	margin-top: -1px;
	overflow: visible;
	white-space: nowrap;
	text-align: left;
	font-family: .AppleSystemUIFont;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	color: rgba(0,0,0,1);
}
#DIAMOND_RIGHTS {
	margin-top: -16px;
	opacity: 0.996;
	overflow: visible;
	white-space: nowrap;
	text-align: left;
	font-family: AXIS Cond StdN;
	font-style: normal;
	font-weight: normal;
	font-size: clamp(16px, 4.0vw, 60px);
	color: rgba(0,71,137,1);
	a{
		color: rgba(0,71,137,1);
		text-decoration: none;
	}
}
.header_row > .header_content:nth-child(even) {
	margin-right: 100px;
	margin-left: auto;
	display: flex;
}
.header_row_rights > .header_content:nth-child(even) {
	margin-right: 100px;
	margin-left: auto;
	display: flex;
}

#search_box {
    position: relative;
    display: flex;
	margin-top: 34px;
	margin-right: 15px;
}

#search_text {
	background-color: rgba(255,255,255,1);
	width: 399px;
	height: 50px;

	white-space: nowrap;
	text-align: left;
	font-family: Source Han Sans JP;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;

	padding: 19px;
}

#search_text::placeholder {
	color: rgba(205,214,221,1);
}
#search_btn {
    position: absolute;
    top: -0.05rem;
    right: 0;
    cursor: pointer;
    padding: .8rem .9rem .8rem .8rem;
    border-radius: 0 1.5rem 1.5rem 0;
    border: none;
    background: none;
    color: #333;
    font-size: 1rem;
    transition: 0.5s;
}
#search_btn_img {
	fill: rgba(152,166,181,1);
}
.search_btn_img {
	overflow: visible;
	position: absolute;
	width: 15.9px;
	height: 15.9px;
    left: -10px;
    top: 16px;
	transform: matrix(1,0,0,1,0,0);
}
#cng_lng_btn {
	position: relative;
	cursor: pointer;
	width: 72px;
    height: 100px;
	background-color: rgba(244,242,255,1);
}
#cng_lng_btn:hover svg path {
	fill: rgb(122, 121, 121);
}
/* 言語画像 ↓ */
#lng_img {
	position: absolute;
	width: 65.999px;
	height: 65.454px;
	left: 3.273px;
	top: 0px;
	overflow: visible;
}
#n_210 {
	fill: rgba(153,153,153,1);
}
.n_210 {
	overflow: visible;
	position: absolute;
	width: 65.999px;
	height: 65.454px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
/* 言語画像 ↑ */
/* 言語表記（英語） ↓ */
#lng_en {
	position: absolute;
	width: 72.726px;
	height: 14.363px;
	left: 0px;
	top: 70.637px;
	overflow: visible;
}
#n_53 {
	position: absolute;
	width: 72.726px;
	height: 14.363px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#n_211 {
	fill: rgba(153,153,153,1);
}
.n_211 {
	overflow: visible;
	position: absolute;
	width: 7.636px;
	height: 13.818px;
	left: 0px;
	top: 0.364px;
	transform: matrix(1,0,0,1,0,0);
}
#n_212 {
	fill: rgba(153,153,153,1);
}
.n_212 {
	overflow: visible;
	position: absolute;
	width: 10.364px;
	height: 14px;
	left: 10px;
	top: 0.364px;
	transform: matrix(1,0,0,1,0,0);
}
#n_213 {
	fill: rgba(153,153,153,1);
}
.n_213 {
	overflow: visible;
	position: absolute;
	width: 11.454px;
	height: 14px;
	left: 22.931px;
	top: 0.364px;
	transform: matrix(1,0,0,1,0,0);
}
#n_214 {
	fill: rgba(153,153,153,1);
}
.n_214 {
	overflow: visible;
	position: absolute;
	width: 7.818px;
	height: 13.818px;
	left: 37.221px;
	top: 0.364px;
	transform: matrix(1,0,0,1,0,0);
}
#n_215 {
	fill: rgba(153,153,153,1);
}
.n_215 {
	overflow: visible;
	position: absolute;
	width: 1.818px;
	height: 13.818px;
	left: 47.089px;
	top: 0.364px;
	transform: matrix(1,0,0,1,0,0);
}
#n_216 {
	fill: rgba(153,153,153,1);
}
.n_216 {
	overflow: visible;
	position: absolute;
	width: 8.545px;
	height: 14.363px;
	left: 51.528px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#n_217 {
	fill: rgba(153,153,153,1);
}
.n_217 {
	overflow: visible;
	position: absolute;
	width: 10.364px;
	height: 13.818px;
	left: 62.363px;
	top: 0.364px;
	transform: matrix(1,0,0,1,0,0);
}
/* 言語表記（英語） ↑ */
.lng_disabled {
	display: none;
}
/* 言語表記（日本語） ↓ */
#lng_ja {
	position: absolute;
	width: 72.726px;
	height: 14.363px;
	left: 0px;
	top: 70.637px;
	overflow: visible;
}
#n_56 {
	position: absolute;
	width: 87.376px;
	height: 14.624px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#n_219 {
	fill: rgba(153,153,153,1);
}
.n_219 {
	overflow: visible;
	position: absolute;
	width: 6.215px;
	height: 14.258px;
	left: 0px;
	top: 0.366px;
	transform: matrix(1,0,0,1,0,0);
}
#n_220 {
	fill: rgba(153,153,153,1);
}
.n_220 {
	overflow: visible;
	position: absolute;
	width: 11.699px;
	height: 13.892px;
	left: 8.043px;
	top: 0.366px;
	transform: matrix(1,0,0,1,0,0);
}
#n_221 {
	fill: rgba(153,153,153,1);
}
.n_221 {
	overflow: visible;
	position: absolute;
	width: 8.592px;
	height: 13.892px;
	left: 21.752px;
	top: 0.183px;
	transform: matrix(1,0,0,1,0,0);
}
#n_222 {
	fill: rgba(153,153,153,1);
}
.n_222 {
	overflow: visible;
	position: absolute;
	width: 11.699px;
	height: 13.892px;
	left: 31.806px;
	top: 0.366px;
	transform: matrix(1,0,0,1,0,0);
}
#n_223 {
	fill: rgba(153,153,153,1);
}
.n_223 {
	overflow: visible;
	position: absolute;
	width: 10.419px;
	height: 14.075px;
	left: 45.516px;
	top: 0.366px;
	transform: matrix(1,0,0,1,0,0);
}
#n_224 {
	fill: rgba(153,153,153,1);
}
.n_224 {
	overflow: visible;
	position: absolute;
	width: 7.86px;
	height: 13.892px;
	left: 59.043px;
	top: 0.366px;
	transform: matrix(1,0,0,1,0,0);
}
#n_225 {
	fill: rgba(153,153,153,1);
}
.n_225 {
	overflow: visible;
	position: absolute;
	width: 8.591px;
	height: 14.441px;
	left: 68.731px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#n_226 {
	fill: rgba(153,153,153,1);
}
.n_226 {
	overflow: visible;
	position: absolute;
	width: 7.86px;
	height: 13.892px;
	left: 79.516px;
	top: 0.366px;
	transform: matrix(1,0,0,1,0,0);
}
/* 言語表記（日本語） ↑ */
#menu {
	display: flex;
	margin-top: 9px;
}
.menu_item {
	width: 101px;
	white-space: nowrap;
	--web-animation: fadein undefineds undefined;
	--web-action-type: page;
	--web-action-target: TOP_rights_diamond_co_jp.html;
	cursor: pointer;
	text-align: left;
	font-family: .AppleSystemUIFont;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(0,0,0,1);
}
.menu_item:first-child {
	margin-left: 5px;
}
.menu_item:last-child {
	margin-left: 30px;
}
#n_rightsdiamondcojp {
	height: 30px;
	margin-top: 3px;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;

	white-space: nowrap;
	text-align: left;
	font-family: .AppleSystemUIFont;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	color: rgba(255,255,255,1);
	background-color: rgba(0,71,137,1);
}

	#n_rightsdiamondcojp span.mail_address{
		font-size:105%;
		font-weight:bold;
		text-decoration:underline;
		display:inline-block;
		margin:0em 1em;
	}

/* ヘッダー ↑ */
/* フッター ↓ */
#footer {
	width: 100vw;
	height: 100px;
}
#footer:before{
    content:"";
    position:absolute;
    left:0;
    display:block;
    width:100%;
    border-top: 2px solid rgb(167 165 165);
}
#DIAMONDINC_All_Rights_Reserved {
    text-align: center;
	padding-top: 40px;

	overflow: visible;
	font-family: .AppleSystemUIFont;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(0,0,0,0.8);
}
/* フッター ↑ */

/* レスポンシブ対応 */
@media screen and (max-width:599px) {
	/* スマートフォン */
	.Rectangle {
		height: 20px;
	}
	.header_row {
		flex-flow: column;
		height: 90px;
	}
	.header_row > .header_content:nth-child(odd) {
		margin-left: 10px;
	}
	.header_row > .header_content:nth-child(even) {
		margin-right: 10px;
	}
	.header_row_rights {
		flex-flow: wrap-reverse;
	}
	.header_row_rights > .header_content:nth-child(odd) {
		margin-left: 10px;
	}
	.header_row_rights > .header_content:nth-child(even) {
		margin-right: 10px;
	}
	.menu_item {
		width: 75px;
		font-size: 12px;
	}
	#site_title {
		font-size: 12px;
	}
	#DIAMOND_RIGHTS {
		margin-top: -5px;
		font-size: 25px;
	}
	#n_rightsdiamondcojp {
		height: auto;
		padding-left: 10px;
		padding-right: 10px;

		font-size: 16px;
	}
	
	#n_rightsdiamondcojp span span{
		display:block;
	}
	#n_rightsdiamondcojp span.mail_address{
		font-size:105%;
		font-weight:bold;
		text-decoration:underline;
	}
	
	
	
	#search_box {
		margin-top: -2px;
	}
	#search_text {
		max-width: calc(100vw - 100px);
		width: 100%;

		height: 20px;
		font-size: 11px;

		padding: 15px;

	}
	.search_btn_img {
	    top: 10px;
	    left: 0px;
	}
	#cng_lng_btn {
		transform: scale(0.4, 0.4);
		height: 50px;
		margin-top: -10px;
		margin-bottom: 5px;
	}
	#footer {
		height: 50px;
	}
	#DIAMONDINC_All_Rights_Reserved {
		padding-top: 15px;
		font-size: 12px;
	}
	/* 言語画像 ↓ */
	#lng_img {
		top: -20px;
	}
	/* 言語画像 ↑ */
	/* 言語表記（英語） ↓ */
	#lng_en {
		top: 50.637px;
	}
	/* 言語表記（英語） ↑ */
	/* 言語表記（日本語） ↓ */
	#lng_ja {
		top: 50.637px;
	}
	/* 言語表記（日本語） ↑ */
}
@media screen and (max-width:1024px) and (min-width:600px) {
	/* タブレット */
	.header_row {
		flex-flow: column;
		height: 134px;
	}
	.header_content{
		align-items: center;
		
	}
	 #search_text {
	    max-width: initial;
	    width: 50vw;
	}
	#search_box{
		margin-top:initial;
	}
	
	.header_row > .header_content:nth-child(odd) {
		margin-left: 40px;
	}
	.header_row > .header_content:nth-child(even) {
		margin-right: 40px;
	}
	.header_row_rights > .header_content:nth-child(odd) {
		margin-left: 40px;
	}
	.header_row_rights > .header_content:nth-child(even) {
		margin-right: 40px;
	}
	.menu_item {
		width: 100px;
		font-size: 15px;
	}

	#site_title {
		margin-top: 5px;
		font-size: clamp(12px, 1.5vw, 15px);
	}
	#DIAMOND_RIGHTS {
		margin-top: -5px;
		font-size: clamp(25px, 3.5vw, 50px);
	}
	#n_rightsdiamondcojp {
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 10px;
		padding-right: 10px;

		font-size: 14px;
	}
	
	
	
	#n_rightsdiamondcojp span span{
		display:block;
	}	
	#cng_lng_btn {
		transform: scale(0.6, 0.6);
		height: 50px;
		margin-top: -17px;
		margin-bottom: 5px;
	}
}
@media screen and (max-width:1439px) and (min-width:1024px) {
	.header_row > .header_content:nth-child(odd) {
		margin-left: 40px;
	}
	.header_row > .header_content:nth-child(even) {
		margin-right: 40px;
	}
	.header_row_rights > .header_content:nth-child(odd) {
		margin-left: 40px;
	}
	.header_row_rights > .header_content:nth-child(even) {
		margin-right: 40px;
	}
	.menu_item {
		width: 75px;
		font-size: 15px;
	}

	#site_title {
		margin-top: 5px;
		font-size: clamp(12px, 1.5vw, 15px);
	}
	#DIAMOND_RIGHTS {
		margin-top: -5px;
		font-size: clamp(25px, 3.5vw, 50px);
	}
	#n_rightsdiamondcojp {
		height: 30px;
		padding-top: 4px;
		padding-left: 10px;
		padding-right: 10px;

		font-size: 16px;
	}
	
	
	#search_text {
		max-width: 350px;
		width: 40vw;
	}
}