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

/*a{color:#0095af;}*/
a{color:#000;}

.area_head.eng{
	margin-bottom:40px;
	border-bottom:1px solid #aaa;
}
.publishing.eng.top .area_head.eng{
	margin-bottom:0;
	border:0;
}

.subnavi_bar{float:left;width:948px;height:28px;background-color:#e6e6e6;border-top:1px solid #fff;border-bottom:1px solid #b3b3b3;/*background-image:url(../../galleryma/image/subnavi_bar_bg.gif);background-repeat:repeat-x;*/margin-bottom:20px;}
.subnavi_button{float:left;/*border-left:solid 1px #FFF;border-right:solid 1px #999;*/width:auto;}
.subnavi_button img{float:left;/*margin:0 20px;*/}
.subnavi_button img.withmark{margin-right:0px;}
.subnavi_button img.mark{margin-left:10px;}
.subnavi_border{float:left;}
.subnavi_border:first-child{margin-left: 20px;}

h1{width:728px;/*float:left;*/font-weight:normal;}
h1.title_allwidtharea{margin:15px 0 25px 25px;}
h1.title_centerarea{margin:0px 0 25px 110px;}

.box_book_photoL{width:280px;height:280px;float:left;margin-left:0px;margin-top:10px;padding-top:10px;}
.box_book_spec{float:right;width:420px;margin-top:0px;}
.box_book_spec_text{width:100%;float:left;margin-bottom:15px;font-size:90%;line-height:1.4em;}
.box_book_spec_text .mark_out {
    width: 180px;
    background-color: #626262;
    text-align: center;
    padding: 0.4em 0;
    box-sizing: border-box;
    color: #fff;
}
.book_name{font-size:140%;color:#333;line-height:1.2em;margin-bottom:3px;margin-top:3px;}
.book_issue_num{width:40px;padding:3px 10px;color:#000;line-height:1em;background-color:#eeeeee;text-align:center;}
.book_name_sub{font-size:80%;color:#333;}
.box_mark_issue{line-height:1em;padding:3px 20px;background-color:#555;color:#fff;font-size:80%;float:left;margin:-5px 0 10px 0;}
.box_book_photoS{width:122px;height:122px;float:left;margin-left:110px;margin-top:5px;}
.box_book_spec_S{float:right;width:420px;margin-top:0px;margin-right:180px;}
.book_name_S{line-height:1.5em;margin-bottom:10px;}
.box_book_spec_text_S{width:100%;float:left;margin-bottom:15px;font-size:90%;line-height:1.6em;}
.book_shadow_ss{background-image:url("/publishing/image/book_S_shadow_leftup.png");background-position:left top;background-repeat:no-repeat;float:left;margin-left:-2px;}
.book_box_ss{background-image:url("/publishing/image/book_S_shadow_right.png");background-position:right top;background-repeat:no-repeat;float:left;}
.book_box_ss img{margin:3px 5px 0 2px;}
.book_shadow_dn_ss{background-image:url("/publishing/image/book_S_shadow_dn.png");background-position:left bottom;clear:left;height:5px;}
.book_shadow_corner_ss{float:right;}

.book_index ul {
    margin: 0;
    list-style: none;
    padding-left: 1.5em;
}

.title_middle_ul{color:#000000;border-bottom:1px solid #999;padding:0;margin-bottom:15px;font-size:110%;}

.box_mov_thum{
	float: left;
    position: relative;
    width: 230px;
}
.box_mov_thum:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56%;
}
.box_mov_thum .mov_thum{
	width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.box_mov_thum_text{float:left;width:420px;margin:10px 0 0 20px;line-height:1.7em;}
/*.box_mark_playmov{position:absolute;right:10px;bottom:15px;}*/
.link_movplay{
	width: 100%;
    height: 100%;
    display: block;
    background-image: url(/gallerma/image/mark_playmov.png);
    background-repeat: no-repeat;
    background-position: 90% 90%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
a.link_movplay:hover{opacity:0.6;filter:alpha(opacity=60);}

/*.box_slide{width:728px;height:470px;margin:10px 0px;position:relative;}*/
.slide_back{
	float: left;
    left: 0;
    position: absolute;
    top: 200px;
    z-index: 1000;
	/*float:left;margin:160px 0 0 23px;position:absolute;z-index:1000;*/
}
.slide_next{
	float: right;
    position: absolute;
    right: 0;
    top: 200px;
    z-index: 1000;
	/*float:right;margin:160px 23px 0 0;position:absolute;z-index:1000;right:0;*/
}
.slide_navi{width:100%;text-align:center;padding:0px 0;}
.slide_navi img{margin-right:20px;}
/*.box_slide .slide_img{float:left;top:10px;left:64px;width:600px;text-align:center;position:absolute;}
.box_slide .slide_img .slide_photo{text-align:center;display:table-cell;text-align:center;vertical-align:middle;}
.box_slide .slide_img .slide_photo img{vertical-align:middle;}
*/

/*--4/12--*/
.box_slide{width:728px;height:470px;margin:10px 0px;position:relative;}
.box_slide .slide_img{position:absolute;width:728px;}
.box_slide .slide_img .slide_photo{text-align:center;display:table-cell;text-align:center;vertical-align:middle;width:728px;height:470px;position:relative;}
.box_slide .slide_img .slide_photo img{vertical-align:middle;}

.box_rep_prof{float:right;width:440px;}
.box_rep_prof_y{float:left;width:120px;}
.box_rep_prof_t{float:left;width:300px;marginright:20px;}

.title_allwidth_left{float:left;margin-left:25px;}

.text_int{color:#1993CF;}
.text_contentscap{color:#000;font-size:14px;}

.footer_pub:before,.footer_pub:after {content:"";display:table;}
.footer_pub:after {clear:both;}
.footer_pub {*zoom:1;}
.footer_pub{/*float:left;*/background-color:#DEDEDE;margin:30px 0 0;/*width:948px;*/padding-bottom:20px;}
.footer_pub a{color:#939393;text-decoration:none;}
.footer_pub a:hover{color:#000;text-decoration:none;}
.box_foot {width:237px;float:left;margin-top:20px;}
.box_foot_title {width:auto;float:left;margin-bottom:10px;margin-left:35px}
.box_foot_text {width:80%;float:left;font-size:90%;color:#595757;line-height:1.7em;margin-left:36px;}
.footer_middle {background-color:#CFCFCF;}
/*.box_foot_middletext {width:560px;font-size:90%;color:#595757;line-height:1.7em;margin-left:auto;margin-right:auto;}*/
.box_footsub_text {font-size:10px;color:#959595;float:left;margin-top:10px;margin-left:5px;}
.box_foot_sub_logo {margin:0px 5px 0px 5px;display:inline;/*margin-top:10px;*/}
.box_foot_sub_logo a{border:none;}
.box_foot_last {position:relative;height:40px;/*width:948px;*/margin-left:15px;}
.box_foot_copyright {font-size:10px;color:#959595;right:10px;position:absolute;top:5px;}

.book_shadow{
	float:left;
/*	background-image:url(/publishing/image/book_L_shadow_leftup.png);
	background-position:left top;
	background-repeat: no-repeat;*/
	}
.book_box{
	float:left;
/*	background-image:url(/publishing/image/book_L_shadow_right.png);
	background-position:right top;
	background-repeat: no-repeat;*/
	}
.book_box img{/*margin:6px 11px 0 5px;*/}
.book_shadow_dn{clear:left;height:10px;background-image:url(/publishing/image/book_L_shadow_dn.png);background-position:left bottom;}
.book_shadow_corner{float:right;}

.eventrepo_main{padding-top:20px;margin-bottom:0;}


.footer_middle a{color:#A5A5A5;}
.footer_middle a:hover{color:#0095af;}

.footer_pub_sub{/*float:left;*//*width:948px;*/padding:6px 0;text-align:center;font-size:90%;background-color:#CFCFCF;color:#939393}
.footer_pub_sub a{color:#939393;text-decoration:none;}
.footer_pub_sub a:hover{color:#000;}
.footer_pub_sub > .footer_pub_sub_text{
	display:table;
	margin:0 auto;
}
.footer_pub_sub > .footer_pub_sub_text > a{
	color:#939393;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 10px;
	border-right:1px solid #999;
}
.footer_pub_sub_text > a:last-child{
	border:none;
}
.foot_rel{padding:0 0 0px 0;text-align:center;margin-bottom:0;/*width:948px;*/height:28px;}

.detail_error{
	display:block;
	width:100%;
	height:50px;
	box-sizing:border-box;
	padding:10px;
	text-align:center;
	border:1px solid #999;
	text-decoration:none;
}
.box_shelf_mov{
	display:none;
	width:100px;
	height:75px;
}
.box_shelf_mov > .link_movplay{
	background-image: url("/gallerma/image/mark_playmov.png");
    background-position: 95% 90%;
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    position: absolute;
    width: 100px;
    z-index: 100;
}
.box_shelf_mov > .mov_thum {
    width: 100px;
}

.search_subnavi > .search_active{
	background-color:#000;
	color:#fff;
}

#backTotop{
	display:none;
}
.popup{
	display:none;
}
.sp_mainPhoto{
	display:none;
}

.wrap_sns{
	width: 100%;
/*	height: 35px;*/
/*	padding-right: 20px;*/
	box-sizing: border-box;
/*	text-align: center;*/
	display: flex;
    justify-content: center;
    padding: 22px 0 0;
}
.area_sns{
/*	display: inline-block;
	margin:0 0 10px 0;*/
	box-sizing:border-box;
/*	padding-right:15px;*/
	padding: 0 15px;
}


#stock{
    width: 180px;
    padding: 5px 5px;
    /* color: #fff; */
    background-color: #eeeeee;
    /* font-size: 80%; */
    line-height: 1.5em;
    text-align: center;
    position: absolute;
    top: 50px;
    right: 0;
    box-sizing:border-box;
}
#stock span{
    font-size:120%;
}


#stock.ranking1{
    top:0;
    width: 140px;
    background-color: #fff;
    border: 2px solid #f74045; 
}
#stock.ranking2{
    top:120px;
    width: 140px;
    font-size: 0.9em;
}

.caption{margin-top:-19px;text-align:center;color:#666;}

.appButton{
    background: -moz-linear-gradient(center top , #777, #444) repeat-x scroll 0 0 #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#444));
    background: -ms-linear-gradient(top, #777, #444);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#444444', GradientType=0)";
    background-color: #666;
    border-bottom: 1px solid #000;
    border-radius: 5px;
    border-top: 1px solid #aaa;
    color: #fff;
    line-height: 1.2em;
    padding: 8px 14px;
    text-align: center;
    width: 95%;
    margin: 0 auto 20px;
    text-decoration: none !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.appButton.no3 {
    background: -moz-linear-gradient(center top , #17933d, #115e29) repeat-x scroll 0 0 #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#17933d), to(#115e29));
    background: -ms-linear-gradient(top, #17933d, #115e29);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#17933d', endColorstr='#115e29', GradientType=0)";
    border-bottom: 0;
    border-top: 0;
    width: 100%;
}

/*bookplus*/
.editors_view .editor_box{
    overflow: hidden; 
    margin: 20px 25px;
    padding: 0 0 20px; 
    border-bottom: 1px solid #999;
}
.editors_view .editor_box:last-of-type {
    border-bottom: none;
}
.editors_view .editor_box .caption{margin-top:3px;text-align:left;color:#999;font-size:.75rem;}


.editor_img{
    float: left;
    position: relative;
    width: 38%;
    height: auto;
}
.editor_img img{
/*    position: absolute;*/
    object-fit: cover;
    width: 100%;
    height: auto;
}
.editor_img  small {
    position: absolute;
    bottom: -20px;
    left: 0;
    color: #666;
}
.editor_text{
    float: right; 
    width: 60%;
}
.box_maintitle_left{
	float:none;
}
.award .author_profile .text_main{
    width: calc(100% - 140px);
    float: left;
}
.award .author_profile .author_portrait{
	float: right;
}
.award .author_profile .author_portrait .caption{
	margin-top:3px;
	color:#999;
}
.target_open_close{
    display:none;
    padding-left: 1.5em;
    padding-bottom: 3em;
}
.btn_open_close {
    position: relative;
}
.btn_open_close:hover {
    cursor:pointer;
}
.btn_open_close:after {
    content: ">";
    -webkit-transform: translate(0,-50%) rotate(90deg);
    -ms-transform: translate(0,-50%) rotate(90deg);
    transform: translate(0,-50%) rotate(90deg);
    transform-origin: center center 0;
    display: block;
    position: absolute;
    left: 4.5em;
    top: 50%;
    color: #bbb;
}
.btn_open_close.opened:after {
    -webkit-transform: translate(0,-50%) rotate(-90deg);
    -ms-transform: translate(0,-50%) rotate(-90deg);
    transform: translate(0,-50%) rotate(-90deg);
}


@media screen and (max-width: 568px) {
	#stock{
	    width: 100%;
	    /*font-size: 70%;*/
	    text-align: center;
	    position: relative;
	    margin-bottom:20px;
	    box-sizing:border-box;
	    top: 0px;
	}

	#stock.ranking1{
	    width: 100%;
	}

	#stock.ranking2{
	    top: 0px;
	    width: 100%;
	}
	body:not(.index_pub) .wrap{
		padding-left:13px;
		padding-right:13px;
		box-sizing:border-box;
	}
	.title_middle_ul{
		width:100% !important;
	}
	.wrap .text_main{
		width: 100% !important;
	}
	.text_title{
		width:100% !important;
	}
	.buy_btn,.imp_btn{
		display: block !important;
		width:100% !important;
		height:auto !important;
		padding:10px 0;
	}
	.box_book_spec_text .mark_out {
	    width: 100%;
	    padding: 10px 0;
	}
	.buy_btn p{
		margin-top: 0 !important;
	}
	.imp_btn p{
		margin:0 !important;
	}
	.box_book_spec_text a{
		text-decoration: none !important;
	}
	.box_book_spec_text a .buy_btn:first-child{
		margin-bottom:10px;
	}
	.pageTitle{
		width:100% !important;
	}
	.editors_view .editor_box{
		margin-left:0;
		margin-right:0;
	}
	.editors_view .editor_box{
		padding:10px;
	}
	.bookplus .pageWidth>p{
		margin:0 !important;
	}
	.editor_img a small{
		display:block;
		text-align: right;
		text-decoration: none;
	}
	.list_photo{
		width:100%;
	}
	.list_photo > a > img{
		width:100% !important;
	}
	.box_list_right{
		margin-left:0 !important;
		margin-right: 0 !important;
		width:100% !important;
	}
	.box_rep_title{
		width: 100% !important;
	}
}

.mark_upcoming {
	display: inline-block;
    width: 180px;
    height: 30px;
    border: 1px solid #777;
	box-sizing: border-box;
    background-color: #fff;
	margin: 0 10px 0 0;
    text-align: center;
}
.mark_upcoming p {margin-top: 5px;color: #777;}
.eng.publishing .box_head_menu.about{
	display:block;
	right: 10px;
    left: auto;
}
.editor_text .text_subtitle {
     display: block; 
}
}