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

.info_date{color:#777;font-size:90%;}
.info_new{color: #00aee5;font-weight: bold;margin-left: 5px;}

.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;
}
.bookplus_left .title_middle_ul h2{
	font-size: 1em;
	margin:0;
}
.bookplus h6{
    font-size: 100%;
    margin: 0;
}
.bp_photo_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;
}
/*.advvt .bp_photo_wrap{
    display: block;
    padding-bottom: 20px;
}
.advvt .bp_photo_wrap .box_photo.col2{
    display: flex;
    flex-wrap: nowrap;
}
.advvt .bp_photo_wrap .box_photo.col2 img{
	display:block;
    height:300px;
	width:auto;
	margin-right:2px;
}*/
.bp_photo_wrap>div{
    margin-bottom: 20px;
}
.bp_photo_wrap .bp_photo_half{
    width:48%;
	float:left;
	margin-right: 2%;
}
.bp_photo_wrap .bp_photo_full:before,.bp_photo_wrap .bp_photo_full:after{
	content:"";
	display:table;
}
.bp_photo_wrap .bp_photo_full:after{
	clear:both;
}
.bp_photo_wrap > p.bp_photo_caption{
    font-size:0.9em;
	clear:both;
	margin-top: -16px;
    line-height: 1.6em;
}
.bp_photo_wrap > p.bp_photo_caption .work{
    font-style:italic;
}

.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{
    max-width: 100%;
}
.bp_photo_full p, .bp_photo_half p{
    line-height: 1.6em;
    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: hidden; 
    background-color: #e6e6e6;
    margin-bottom: 20px;
    padding: 20px; 
}
.editor_img{
    float: left;
    position: relative;
    width: 250px;
    height: 200px;
}
.editor_img img{
    position: absolute;
    object-fit: cover;
    width: 250px;
    height: 200px;
}
.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;
}
ul.bp_archive_list > li{
	position:relative;
	padding-left: 1em;
	margin-bottom: 10px;
}
ul.bp_archive_list > li:before,ul.bp_archive_list > ul > li:before{
	content: "▼";
    transform: translate(-120%,0) rotate(-90deg);
    display: block;
    position: absolute;
    font-size: 80%;
}
ul.bp_archive_list > li.bpMenuOn:before,ul.bp_archive_list > ul > li.bpMenuOn:before{
    transform: translate(-120%,0) rotate(0deg);
}
.bookplus_right ul{
    list-style-type: none; 
}
.bookplus_right>ul{
    padding: 0; 
	font-size: 90%;
    line-height: 1.6em;
}
.bookplus_right>ul ul{
    padding: 0 0 0 2em; 
}
.bookplus_right>ul ul li{
    margin-bottom: 10px; 
}
.bookplus_right>ul ul li span{
    font-size: 0.9em;
	color:#aaa;
}
.bookplus_right>ul>ul>ul{
    padding:0; 
}
.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%;}
.box_allwidth_center.text_main.interviewer{
	font-weight:bold;
	color:#000;
	margin-bottom:0;
}

@media screen and (max-width:569px){
	.bp_photo_wrap .bp_photo_half{
		width:100%;
		float:none;
		margin-bottom:12px;
	}
}