@charset "UTF-8";
/* CSS Document */

.info_date{color:#777;font-size:90%;}
.info_new{color: #00aee5;font-weight: bold;margin-left: 5px;}
.area_allwidth{width:100%;}
.sp_bp_menu{
    display: none;
}

.bookplus{
    overflow: hidden;
    padding:0 20px;box-sizing:border-box;
}
.bookplus_left{
    float: left;
    position: relative;
    width: 77%;
}
.bookplus_right{
    float: right;
    width: 20%;
}

.relation_area{
    margin-bottom: 20px;
}
.relation_area ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.relation_area li{
    display: inline-block;
    padding: 3px 10px; 
    background-color: #e6e6e6;
    color: #666;
}
.relation_area li a{
    text-decoration: none;
}

.bookplus_left .title_middle_ul{
	font-size: 1.3em;
}

.bp_photo_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;
}
.bp_photo_wrap>div{
    margin-bottom: 20px;
}
.bp_photo_wrap > p.bp_photo_caption{
    font-size:0.9em;
	clear:both;
	margin-top: -16px;
    line-height: 1.6em;
}

.left{
    float: left;
    margin-bottom: 0 !important;
}
.right{
    float: right;
}

.bp_photo_full img, .bp_photo_half img, .bp_photo_60 img, .bp_photo_40 img{
    width: 100%;
}
.bp_photo_full p, .bp_photo_half p{
    line-height: 1.4em;
    font-size: 0.9em;
}
.bp_photo_half{
    width: 49%;
}
.bp_photo_60{
    width: 59%;
}
.bp_photo_40{
    width: 39%;
}
.bp_photo_onethird{
    width: 33%;
}
.editor_box{
    overflow: visible; 
}
.editor_box:before,.editor_box:after{
	content:"";
	display:table;
}
.editor_box:after{
	clear:both;
}
.editors_view .editor_box{
    overflow: hidden; 
    background-color: #e6e6e6;
    margin-bottom: 20px;
    padding: 20px; 
}
.editors_view .editor_box{
    overflow: hidden; 
    background-color: #e6e6e6;
    margin-bottom: 20px;
    padding: 20px; 
}
.editors_view .editor_box .editor_img img{
    position:static;
}
.editors_view .editor_box .caption{
    margin-top:5px;
	text-align:left;
	font-size: .75rem;
	color:#999;
}
.editor_img{
    float: left;
    position: relative;
    width: 38%;
    height: auto;
	overflow:hidden;
	max-height:240px;
}
.editor_img img{
    position: static;
    object-fit: cover;
    width: 100%;
    height: auto;
}
.editor_img  small {
    position: absolute;
    bottom: -20px;
    left: 0;
    color: #666;
}
.editor_text{
    float: right; 
    width: 60%;
}

.bookplus_right p{
    margin: 115px 0 0 0;
}
.bookplus_right ul{
    list-style-type: none; 
}
.bookplus_right>ul{
    padding: 0; 
}
.bookplus_right>ul ul{
    padding: 0 0 0 20px; 
}
.bookplus_right>ul ul li{
    margin-bottom: 15px; 
}
.bookplus_right>ul ul li span{
    font-size: 0.9em;
}

.movie_box{
    float: left;
}
.mov_self_thum{width:230px;}
.link_movself_play{width:230px;height:170px;display:block;position:absolute;z-index:1000;background-image:url(/publishing/image/mark_playmov.png);background-repeat:no-repeat;background-position:90% 90%;}

.editor_img{
    max-height:none;
}
.editor_img .caption{
    margin-top:0;
    text-align:left;
}

/*書籍挿入*/
.area_book {
    display: flex;
    justify-content: space-around;
    padding: 30px;
    margin-bottom: 40px;
    border: 1px solid #ccc;
}
.book_container {
    float: none;
    width: 35%;
}
.book_box{
    background:none;
}
.box_book_spec {
    float: none;
    width: 60%;
}
.box_book_spec_text,.box_book_spec_text,.book_box {
    float: none;
}

@media screen and (max-width:568px){
    .area_book {
        display: block;
        padding: 20px 10px;
    }
    .book_container {
        width: 60%;
    }
    .box_book_spec {
        width: 100% !important;
    }
    .box_book_spec_text a{
        text-decoration:underline !important;
    }
}