/*========================================
最終修正日　2016.04.18
========================================*/
/* 各パネル設定 */
.MyHondanaWrapper {
	display: none;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	clear: both;
	position: relative;
	z-index: 100;
}
.E-PubWrapper {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	top: 10px !important;
	clear: both;
	position: relative;
	z-index: 100;
}
#SakuhinFuncBtn .MyHondanaWrapper, #SakuhinFuncBtn .E-PubWrapper {
	margin-top: -50px !important;
}
/* My本棚パネル */
.MyHondanaWrapper {
	padding: 0 15px 5px;
	background: #fff9f3;
}
.MyHondanaWrapper p {
	font-size: 24px;
	color: #666;
}
.MyHondanaWrapper table {
	width: 100%;
}
.MyHondanaSelect {
	position: relative;
	margin-right: 15px;
}
.MyHondanaSelect select {
	margin: 0;
	padding: 10px 5px;
	font-size: 24px;
	-webkit-appearance: none;
	border-radius: 8px;
	background: #fff;
}
.MyHondanaSelect i {
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	color: #e52e6e;
	font-size: 22px;
}
.MyHondanaWrapper form th {
	width: 120px;
}
.MyHondanaWrapper form th a {
	display: block;
	width: 120px;
	height: 50px;
	color: #fff;
	background: #ff89b3;
	border-radius: 8px;
	font-size: 24px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
}
.MyHondanaWrapper ul {
	margin: 20px 0 0;
	overflow: hidden;
}
.MyHondanaWrapper li {
	float: left;
	margin-right: 20px;
	line-height: 1.5;
	margin-bottom: 15px;
	margin-top: 1px;
}
.MyHondanaWrapper li a {
	color: #ff89b3;
	font-size: 24px;
}
.MyHondanaWrapper li a strong {
	padding-left: 8px;
	padding-right: 3px;
	color: #ff89b3;
}
.MyHondanaMessage {
//	position: absolute;
	color: #F93116;
//	top: 0;
//	right: 0;
	font-size: 24px;
}
/*===============================================
電子書籍パネル
===============================================*/
.E-PubWrapper {
	padding-bottom: 0;
	background: #FFF7F0;
	/*border:1px solid #FFA3B0;*/
	-webkit-border-radius: 10px;
	/* アンドロイド2.3用 */
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
.E-PubInner {
	margin: auto;
	overflow: hidden;
}
.E-PubWrapper a {
	display: block !important;
	color: #9F7676 !important;
	text-decoration: none !important;
	line-height: 1.4 !important;
	padding: 15px !important;
	height: 60px !important;
	overflow: hidden;
}
.E-PubWrapper a > div {
	display: block !important;
}
.E-PubWrapper a:first-child {
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	border: 0 !important;
}
.E-PubWrapper a {
	border-top: 2px dashed #FF9EAC;
}
.E-PubWrapper a:last-child {
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	border-top: 2px dashed #FF9EAC;
}
/* リンク領域テスト用 */
.E-PubInner a:hover {
/*background:#CCC;*/
}
.E-PubInner .E-PubBtn {
	width: 140px;
	height: 42px;
	float: left;
	margin-right: 15px;
	padding: 7px;
	border: 1px solid #F78FB1;
	/*-webkit-border-radius:10px;*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E2E3E3), color-stop(0.00, #FFFFFF));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #E2E3E3 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #E2E3E3 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #E2E3E3 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #E2E3E3 100%);
	line-height: 1;/* アンドロイド2.3用
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);
	*/
}
.E-PubWrapper p {
	font-size: 18px !important;
}
.E-PubWrapper p span {
	color: #FF0D3D !important;
}
.E-PubWrapper h3 {
	font-size: 25px !important;
	color: #730828 !important;
}
/*===============================================
電子書籍BOX内　開閉部
===============================================*/
#E-PubBanner {
	clear: both;
	padding-bottom: 20px;
}
/* 電子書籍個別ボックス */
.E-PubBannerBox {
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	border-top: 2px dashed #FF9EAC;
	width: 100%;
	height: 87px !important;
	font-weight: bold;
	clear: both;
	display: none;
	color: #9F7676 !important;
	text-decoration: none !important;
	line-height: 1.4 !important;
}
.E-PubBannerBox a {
	width: 100% !important;
	height: 60px !important;
}
.E-PubBannerBox:first-child {
	border: 0;
	padding-top: 0;
	display: block;
}
.E-PubBannerBox span {
	width: 145px;
	height: 42px;
	float: left;
	margin-right: 15px;
	padding: 7px;
	border: 1px solid #F78FB1;
	border-radius: 8px;
	/*-webkit-border-radius:10px;*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E2E3E3), color-stop(0.00, #FFFFFF));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #E2E3E3 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #E2E3E3 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #E2E3E3 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #E2E3E3 100%);
	line-height: 1;/* アンドロイド2.3用
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);
	*/
}
.E-PubBannerBox span img {
	text-align: center;
	vertical-align: middle;
}
.E-PubBannerBox h3 {
	margin-left: 30px;
	font-size: 25px !important;
	color: #730828 !important;
	line-height: 1.3;
	white-space: nowrap;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: pre-line;      /* CSS 3.0 */
}
/*===============================================
関連作品登録パネル
===============================================*/
.KanrenWrapper {
	padding-bottom: 0;
	background: #FFF4F8;
	margin-bottom:10px;
	margin-top:-30px;
	border:1px solid #D976AC;
	-webkit-border-radius: 10px;
	/* アンドロイド2.3用 */
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
.KanrenInner {
	margin: auto;
	overflow: hidden;
}
.KanrenWrapper a {
	display: block !important;
	color: #9F7676 !important;
	text-decoration: none !important;
	line-height: 1.4 !important;
	padding: 15px !important;
	height: 60px !important;
	overflow: hidden;
}
.KanrenWrapper a > div {
	display: block !important;
}
.KanrenWrapper a:first-child {
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	border: 0 !important;
}
.KanrenWrapper a {
	border-top: 2px dashed #FF9EAC;
}
.KanrenWrapper a:last-child {
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	border-top: 2px dashed #FF9EAC;
}
/* リンク領域テスト用 */
.KanrenInner a:hover {
/*background:#CCC;*/
}
.KanrenInner .KanrenBtn {
	width: 140px;
	height: 42px;
	float: left;
	margin-right: 15px;
	padding: 7px;
	border: 1px solid #F78FB1;
	/*-webkit-border-radius:10px;*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E2E3E3), color-stop(0.00, #FFFFFF));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #E2E3E3 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #E2E3E3 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #E2E3E3 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #E2E3E3 100%);
	line-height: 1;/* アンドロイド2.3用
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);
	*/
}
.KanrenWrapper p {
	font-size: 18px !important;
}
.KanrenWrapper p span {
	color: #FF0D3D !important;
}
.KanrenWrapper h3 {
	font-size: 25px !important;
	color: #730828 !important;
}
/*===============================================
関連作品登録BOX内　開閉部
===============================================*/
#KanrenBtn {
	clear: both;
	padding-top:20px;
	padding-bottom: 20px;
}
/* 電子書籍個別ボックス */
.KanrenBtnBox {
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	width: 100% !important;
	height: auto !important;
	font-weight: bold;
	clear: both;
	display: none;
	text-decoration: none !important;
	line-height: 1.4 !important;
}
.KanrenBtnBox:first-child {
	border: 0;
	padding-top: 0;
	display: block;
}

.KanrenBtnBox ul {
	width: 100% !important;
	list-style: none;
	padding-left:1.4%;
}
.KanrenBtnBox ul li {
	width: 15% !important;
	height: 40px !important;
	color: #FFF;
	font-size: 21px;
	text-align: center;
	float: left !important;
	margin-left: 0.5%;
	margin-right: 0.5%;
	background-color: #C9437F;
	border: solid 1px #B52F6B;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}
.KanrenBtnBox ul li a {
	text-align: center;
	color: #FFF !important;
	font-size: 21px !important;
	line-height: 0.5 !important;
}