/* ----- 書誌情報詳細のページの各種操作ボタン ここから ----- */
#book-operation-container {
    position: fixed;
    top: 69px;
    /* left: 50%; */
    left: 0;
    right: 0;
    z-index: 500;
    /* width: 430px; */
    /* text-align:right; */
}

@media (max-width: 991px) {
    #book-operation-container {
        position: absolute;
    }
}

/* 画像スライダーのスタイル */
#jpro-image-container {
    position: relative;
}

.section-title {
    text-align: left;

}

#main-image {
    width: 100%;
    height: 300px;
    /* background-color: #f0f0f0; */
    object-fit: contain;
}

.image-placeholder {
    text-align: center;
    line-height: 300px;
    /* background: #f0f0f0; */
    height: 300px;
}

#main-image-container {
    width: 100%;
    height: 300px;
    line-height: 300px;
    /* background-color: #f0f0f0; */
    background-size: cover;
}

#image-slider {
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

#thumbnail-container {
    display: flex;
    overflow-x: hidden;
    margin-left: 5px;
    margin-right: 5px;
    justify-content: center;
}

.thumbnail-image {
    margin: 2px;
    width: 55px;
    height: 55px;
    text-align: center;
    /* background-color: #f0f0f0; */
    background-size: cover;
    object-fit: contain;
}

.thumbnail-image.no-image {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: small;
}

.selected-thumbnail {
    border: 3px solid #FFCF8B;
    box-shadow: 0 0 8px #FFCF8B;
    width: 55px;
    height: 55px;
    margin: 2px;
}

.thumbnail-image:hover {
    opacity: 1;
}

.thumbnail-label {
    font-size: 10px;
}

#slider-left-button,
#slider-right-button {
    cursor: pointer;
}

#tameshi-main-image {
    width: 100%;
    height: 300px;
    /* background-color: #f0f0f0; */
    object-fit: contain;
}

.tameshi-image-placeholder {
    text-align: center;
    line-height: 300px;
    /* background: #f0f0f0; */
    height: 300px;
}

#tameshi-main-image-container {
    width: 100%;
    height: 300px;
    line-height: 300px;
    /* background-color: #f0f0f0; */
    background-size: cover;
}

#tameshi-image-slider {
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

#tameshi-thumbnail-container {
    display: flex;
    overflow-x: hidden;
    margin-left: 5px;
    margin-right: 5px;
    justify-content: center;
}

.tameshi-thumbnail-image {
    margin: 2px;
    width: 55px;
    height: 55px;
    text-align: center;
    /* background-color: #f0f0f0; */
    object-fit: contain;
}

.tameshi-thumbnail-image.no-image {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: small;
}

.tameshi-selected-thumbnail {
    border: 3px solid #FFCF8B;
    box-shadow: 0 0 8px #FFCF8B;
    width: 55px;
    height: 55px;
    margin: 2px;
}

.tameshi-thumbnail-image:hover {
    opacity: 1;
}

.tameshi-thumbnail-label {
    font-size: 10px;
}

#tameshi-slider-left-button,
#tameshi-slider-right-button {
    cursor: pointer;
}

/* 画像スライダーのスタイル　ここまで */

/* 2020.1.8 その他画像3～5追加 */
#jpro-isbn-image,
#jpro-isbn-in01-image,
#jpro-isbn-in02-image,
#jpro-isbn-in03-image,
#jpro-isbn-in04-image,
#jpro-isbn-in05-image,
#bpro-isbn-bp01-image,
#bpro-isbn-bp02-image,
#bpro-isbn-bp03-image {
    max-height: 270px;
    max-width: 250px;
}

@media (min-width: 1200px) {

    /* 2020.1.8 その他画像3～5追加 */
    #jpro-isbn-image,
    #jpro-isbn-in01-image,
    #jpro-isbn-in02-image,
    #jpro-isbn-in03-image,
    #jpro-isbn-in04-image,
    #jpro-isbn-in05-image,
    #bpro-isbn-bp01-image,
    #bpro-isbn-bp02-image,
    #bpro-isbn-bp03-image {
        max-height: 320px;
        max-width: 300px;
    }
}

#show-lineup-info-button.jpro-tab-active,
#show-pr-info-button.jpro-tab-active,
#show-forthcoming-books-info-button.jpro-tab-active,
#show-library-info-button.jpro-tab-active,
#show-stock-info-button.jpro-tab-active,
#show-stock2-info-button.jpro-tab-active,
#show-fixed-info-button.jpro-tab-active,
#show-books-info-button.jpro-tab-active,
#show-bookspro-info-button.jpro-tab-active {
    color: #fff;
    background-color: #7f6746;
}

/* ----- 書誌情報詳細のページの各種操作ボタン ここまで ----- */

/* ----- 書誌詳細情報の表示欄 ここから ----- */
#detail-container {
    margin-bottom: 3rem;
}

@media (max-width: 991px) {
    #detail-container {
        min-width: 992px;
    }
}

/* ----- 書誌詳細情報の表示欄 ここまで ----- */

/* ----- 書誌情報詳細の注意事項欄 ここから ----- */
#detail-notice-container {
    position: relative;
    padding: 1.25rem;
    border-radius: 0.25rem;
    background-color: #7f6746;
    border-color: #7f6746;
    color: white;
    cursor: pointer;
}

#detail-notice-container-minus-button {
    position: absolute;
    top: 1.4rem;
    right: 0.5rem;
    font-size: 1.25rem;
    cursor: pointer;
}

#detail-notice-container-plus-button {
    position: absolute;
    top: 1.4rem;
    right: 0.5rem;
    font-size: 1.25rem;
    cursor: pointer;
}

/* ----- 書誌情報詳細の注意事項欄 ここまで ----- */

#book-other-container>div {
    margin-bottom: 0.5rem;
}

/* ----- 登録・更新完了のメッセージ表示部分 ここから ----- */
#detail-info-container {
    position: relative;
    padding: 1.25rem 1.25rem;
    display: flex;
    align-items: center;
}

#detail-info-container-close-button {
    /*
    position: absolute;
    left: 5px;
    top: 0;
    */
    font-size: 2rem;
    cursor: pointer;
}

/* ----- 登録・更新完了のメッセージ表示部分 ここまで ----- */

/* ----- 情報解禁日の入れ物 ここから ----- */
#public-announcement-date-container>p,
#completion-flag-container>p {
    padding-left: 2rem;
    margin-bottom: 0.5rem;
}

#public-announcement-date-container>p:nth-of-type(1),
#completion-flag-container>p:nth-of-type(1) {
    padding-left: 0;
    margin-bottom: 1rem;
}

#public-announcement-date-container>p:last-of-type,
#completion-flag-container>p:last-of-type {
    margin-bottom: 0;
}

/* ----- 情報解禁日の入れ物 ここまで ----- */

/* ----- 各種グループのpタグ設定 ここから ----- */
#book-code-group>p,
#title-group>p,
#label-group>p,
#series-group>p,
#edition-group>p,
#different-edition-group>p,
#contributor-group>p,
#contributor-group>div,
#price-group>p,
#book-date-group>p,
#description-group>p,
#description-group>div,
#library-group>p,
#agent-group>p,
#book-other-group>p,
#book-other-group>div>p,
#book-create-group>p {
    padding-left: 2rem;
    margin-bottom: 0.5rem;
}

#book-other-group>div {
    margin-bottom: 0.5rem;
}

#book-code-group>p:nth-of-type(1),
#title-group>p:nth-of-type(1),
#label-group>p:nth-of-type(1),
#series-group>p:nth-of-type(1),
#edition-group>p:nth-of-type(1),
#different-edition-group>p:nth-of-type(1),
#contributor-group>p:nth-of-type(1),
#price-group>p:nth-of-type(1),
#book-date-group>p:nth-of-type(1),
#description-group>p:nth-of-type(1),
#library-group>p:nth-of-type(1),
#agent-group>p:nth-of-type(1),
#book-other-group>p:nth-of-type(1),
#book-create-group>p:nth-of-type(1) {
    padding-left: 0;
    margin-bottom: 1rem;
}

#book-code-group>p:last-of-type,
#title-group>p:last-of-type,
#label-group>p:last-of-type,
#series-group>p:last-of-type,
#edition-group>p:last-of-type,
#different-edition-group>p:last-of-type,
#contributor-group>p:nth-of-type(2),
#contributor-group>div:last-of-type,
#price-group>p:last-of-type,
#book-date-group>p:last-of-type,
#description-group>div:last-of-type,
#library-group>p:last-of-type,
#agent-group>p:last-of-type,
#book-other-group>p:last-of-type,
#book-other-group>div>p:last-of-type,
#book-create-group>p:last-of-type {
    margin-bottom: 0;
}

#contributor-group>div>p {
    padding-left: 1rem;
    margin-bottom: 0.5rem;
}

#contributor-group>div>p:nth-of-type(1) {
    padding-left: 0;
}

#contributor-group>div>div {
    padding-left: 1rem;
}

#contributor-group>div>div>p {
    margin-bottom: 0;
}

#description-group>div>p:nth-of-type(2) {
    padding-left: 1rem;
}

#description-group>div>div {
    padding-left: 1rem;
    margin-bottom: 1rem;
}

/* ----- 各種グループのpタグ設定 ここまで ----- */

#title-group>p>span,
#label-group>p>span,
#series-group>p>span,
#edition-group>p>span,
#different-edition-group>p>span,
#book-other-group>p>span,
#book-other-group>div>p>span {
    display: inline-block;
}

#title-group>p>span:nth-of-type(1),
#label-group>p>span:nth-of-type(1),
#series-group>p>span:nth-of-type(1),
#edition-group>p>span:nth-of-type(1),
#different-edition-group>p>span:nth-of-type(1),
#book-other-group>p>span:nth-of-type(1),
#book-other-group>div>p>span:nth-of-type(1) {
    white-space: nowrap;
}

#bpro-image-container>div:last-child {
    margin-bottom: 0 !important;
}