@charset "utf-8";
/**
 * bd-isbn.css
 *
 * @copyright    (C) ifollow Co., Ltd.
 * @version      $Id$
 */

/* common */
* {
	-webkit-text-size-adjust: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: "Oxygen", "モトヤ丸アポロ Std W4", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	vertical-align: baseline;
	background: transparent;
	position: relative;
}
html, body {
	width: auto;
	height: auto;
	position: relative;
}
form {
	width:                100%;
}
.form-control.form-readonly-white {
	background:           #ffffff;
	background:           transparent;
}
.hidden-block {
	display: block !important;
	position: absolute !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	outline: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.glyphicon.green { color: #008000; }
.glyphicon.blue  { color: #0000ff; }
.glyphicon.red   { color: #ff0000; }

img {
	max-width: calc( 100vw - 30px ) !important;
}

@media print {
	a[href]:after, abbr[title]:after {
		content: "" !important;
	}
}

.clearfix {
	clear: both;
}
.clearfix.size-0x0 {
	width:  0px !important;
	height: 0px !important;
}

/* bd-isbn book block */
.book-images-frame > * {
	text-align: center;
}
.book-images img {
	border: 1px solid #eee;
}
.book-images-cover {
	margin-top: 20px;
	margin-bottom: 0px;
}
.book-credittitle {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 12px;
	padding: 0px 0px 0px 3px;
}
.book-try-links .badge-try {
	color:            #fff;
	background-color: #c00;
}
.book-try-links li {
	line-height:      1.6rem;
}
.book-ssource {
	text-align: left;
	width: 200px;
	margin: 0 auto;
	font-size: 4px;
	line-height: 4px;
	letter-spacing: 4px;
	margin-top: 0px;
	margin-bottom: 16px;
}
.book-images-others {
	margin-top: 0px;
	margin-bottom: 12px;
}
.book-image-modal .modal-dialog {
	width: 660px;
}
.book-image-modal-close {
	z-index: 100;
}

.book-title-frame {
	margin-bottom: 24px;
	padding-top: 4px;
}
.book-genre-mark {
	display: inline-block;
	background-color: #eee;
	font-size: 12px;
	padding: 3px 7px;
	margin: 5px;
	border-radius: 3px;
	margin: 0
	line-height: 24px;
}
.book-completion-mark {
	display: inline-block;
	background-color: #5cb85c;
	padding: 4px 10px 5px;
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	box-sizing: border-box;
	margin: 0 0 0 10px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: top;
	border-radius: 5px;
}
.book-kenteikyokasho-mark {
	display: inline-block;
	background-color: #000000;
	padding: 4px 10px 5px;
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	box-sizing: border-box;
	margin: 0 0 0 10px;
	color: #fee9a0;
	text-align: center;
	white-space: nowrap;
	vertical-align: top;
	border-radius: 0px;
}

.book-attribute-frame > div {
	position: relative;
	line-height: 25px;
	margin-bottom: 20px;
	clear: both;
}
.book-attribute-frame > .close-to-next {
	margin-bottom: 0px;
}

.book-authors .book-author {
	position: relative;
}
.book-authors .book-author::before {
	display:  inline-block;
	content:  '，';
	margin:   0px;
	padding:  0px 4px 0px 4px;
}
.book-authors .book-author:first-child::before {
	display:  none;
}

.book-publishers .hanmoto-link {
	position: relative;
	display: inline-block;
	margin-left: 8px;
}
.book-publishers .hanmoto-link:nth-child(2) {
	margin-left: 32px;
}
.book-publishers .hanmoto-link .fa,
.book-publishers .hanmoto-link .fa-2x {
	font-size: 16px;
}

.book-productform-frame > div {
	display: inline-block;
	margin-right: 12px;
}
.book-productform > span {
	display: inline-block;
}
.book-productform-height {
	margin-left: 0px;
}
.book-productform-width {
	margin-left: 0px;
}
.book-productform-measure:nth-child(n+2)::before {
	position: relative;
	content: "\00D7";
	display: inline-block;
	margin:  0 4px 0 4px;
}

.book-price-amount > span {
	display: inline-block;
	margin-left: 0px;
}
.book-price-amount > span.book-price-amount-value {
	margin-left: 12px;
}

.book-codes > dl {
	position: relative;
	margin-bottom: 0;
}
.book-codes > dl > dt,
.book-codes > dl > dd {
	position: relative;
	display: inline-block;
	float: left;
	line-height: 25px;
	margin-right: 4px;
	font-weight: normal;
}
.book-codes > dl > dt {
	clear: both;
	width: 80px;
}
.book-codes > dl > dd {
	margin-left: 8px;
}
.book-codes .book-ccode-num {
	position: relative;
	display: inline-block;
	line-height: 25px;
	margin-right: 4px;
	width: 48px;
}
.book-codes .book-ccode-desc {
	max-width: 300px;
	margin-left: 20px;
}
.book-codes .book-ccode-desc > span {
	display: inline-block;
}
.book-codes .book-ccode-desc > span::before {
	position: relative;
	content: "\00bb";
	display: inline-block;
	margin:  0 8px 0 8px;
}
.book-codes .book-ccode-desc > span:first-child::before {
	position: relative;
	content: '';
	display: none;
}

.book-zaiko-frame > dl {
	position: relative;
}
.book-zaiko-frame > dl > dt,
.book-zaiko-frame > dl > dd {
	position: relative;
	display: inline-block;
	float: left;
	height: 25px;
	line-height: 25px;
	margin-right: 4px;
	font-weight: normal;
}
.book-zaiko-frame > dl > dt {
	clear: both;
	width: 120px;
}
.book-zaiko-frame > dl > dd {
}

.book-dates > dl {
	position: relative;
}
.book-dates > dl > dt,
.book-dates > dl > dd {
	position: relative;
	display: inline-block;
	float: left;
	height: 25px;
	line-height: 25px;
	margin-right: 4px;
	font-weight: normal;
}
.book-dates > dl > dt {
	clear: both;
	width: 88px;
}
.book-dates > dl > dd {
}

.book-sns-buttons {
	display: flex;
}
.book-sns-buttons > div, .book-sns-buttons > a, .book-sns-buttons > iframe {
	display: inline-block;
	margin-left: 0px;
	margin-right: 4px;
	line-height: 20px;
}
.book-sns-buttons .book-sns-button-hatena {
	width: 82px;
	height: 20px;
}

.book-reviews .table td {
	border: none;
}
.book-reviews tr > td:first-child {
	width: 88px;
}
.book-reviews .book-review-source {
	font-weight: bold;
}
.book-reviews .book-review-link .book-review-source {
	font-weight: normal;
}

.book-jyuhan .table td {
	border: none;
	padding-top: 3px;
	padding-bottom: 3px;
}
.book-jyuhan tr > td:first-child {
	width: 50px;
}

.book-excuse {
	margin: 50px 20px 50px 20px ;
}

.order-box {
	min-height: 200px;
}
.order-box .loading {
	height: 136px;
	line-height: 136px;
}
.order-box .book-price-amount > span.book-price-amount-value {
	font-size: 32px;
	color: #c00;
	margin-left: 0;
}
.order-box-frame > div {
}
.order-box-frame {
	display: flex;
	flex-direction: column;
	height: 128px;
}
.order-box-frame > div.book-price-amount {
	flex: 0 0 36px;
	margin-bottom: 12px;
}
.order-box-frame > div.book-zaiko {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.order-box-frame > div.book-hanbailink {
	margin-top: 16px;
	flex: 0 0 36px;
}

.order-box-frame .btn-action {
	padding: 6px 16px;
}

.online-shop *[data-shop-key] .small {
	font-size: 11px;
}
.online-shop *[data-shop-key] .shop-zaiko-status {
	position: relative;
}
.online-shop *[data-shop-key] .shop-zaiko-status:before {
	position: relative;
	display: inline;
	content: '（';
}
.online-shop *[data-shop-key] .shop-zaiko-status:after {
	position: relative;
	display: inline;
	content: '）';
}
.online-shop li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidebar ul {
	list-style: none;
}

/* 404 page */
.book-access-info {
	position: relative;
	width: 100%;
	margin: 48px auto 24px 24px;
}
.book-access-info > * {
	position: relative;
	display: inline-block;
	font-weight: normal;
	height: 24px;
	line-height: 24px;
	margin: 0 auto 0 0;
	padding: 0;
}
.book-access-info > dt {
	width: 144px;
}
.book-access-info > dd {
	width: calc( 100% - 144px - 24px - 4px );
}