@charset "UTF-8";

@import "./list.css";
@import "./det.css";

/* ---------------------------------------------------------------------
*
*   ■作家データ＆作品一覧ページ用のCSS
*
* ------------------------------------------------------------------- */

#sakka_det #blockUpper {
	position:relative;
}
/* シェアボタンブロック */
#sakka_det #blockUpper ul.block-share-btn {
	top:10px;
}

#sakka_det #blockData {
	width:100%;
	min-height:0px;
	margin:20px auto 10px; 
	padding:20px 20px 10px;
	position:relative;
	box-sizing:border-box;
		
    display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
}
#sakka_det #blockData h3 {
	width:100%;
	box-sizing:border-box;
}

#sakka_det p#msgHitCnt {
	padding:0px;
}

/* データテーブル */
#blockData div.bg-tbl {
	width: 40%;
	flex-grow:2;
}
#blockData table {
	width:100%;
}

#blockData h3 {
	margin-bottom:5px;
	padding-top:0px;
	font-size:160%;
	line-height:1.1em;
}

#blockData #kaisetsu {
	width: 57%;
	flex-grow:3;
}
#sakka_det #blockData.no-kaisetsu table {
	width:100%;
}
#blockData #kaisetsu h4 {
	font-size:108%;
	margin-bottom:7px;
	background: url(../../cmn_img/comma.png) no-repeat 85px 3px;
}
#blockData #kaisetsu p {
	line-height:1.8em;
}

#blockMid {
	clear:both;
}

h1 span#hitCnt {
	margin-left:10px;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	color:#333
}


/* ---------------------------------------------------------------------
*    フロート解除
* ------------------------------------------------------------------- */
#blockData:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
#blockData {
	zoom: 1;
}

/* ---------------------------------------------------------------------
*
*    ■フォントサイズ見本（基本サイズ13px）
*    ・10px	77%    ・11px	85%    ・12px	93%    ・13px	100%
*    ・14px	108%   ・15px	116%   ・16px	124%   ・17px	131%
*    ・18px	139%   ・19px	147%   ・20px	154%   ・21px	162%
*    ・22px	170%   ・23px	177%   ・24px	185%   ・25px	193%
*    ・26px	200%
*
* ------------------------------------------------------------------- */