@charset "utf-8";

/* ----------------------------------------
index.html
---------------------------------------- */
/* トップページタブ */
.tabmenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
    border-top: 1px solid #eee;
    box-shadow: 1px 5px 10px -4px rgba(0,0,0,0.1);
}
#pcLayout .tabmenu {
    border-top: none;
}
.tabmenu li {
    flex-basis: 20vw;
    align-self: center;
    box-sizing: border-box;
}
.tabmenu li a {
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0 .5rem;
    padding: 1rem 0 .8rem ;
    color: #666 !important;
    font-size: .9rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}
@media screen and (min-width:1024px) {
    .tabmenu li a {
        transition: all .1s linear;
    }
    .tabmenu li a:hover {
        color: #e5006e !important;
    }
}
@media screen and (max-width: 767px) {
    .tabmenu li a {
        font-size: .7rem;
    }
}
@media screen and (max-width: 320px) {
    .tabmenu li a {
        font-size: .6rem;
    }
}
.tabmenu li.active a {
    color: #e5006e !important;
    border-bottom: 2px solid #e5006e;
}

/* バナーリンク枠 */
ul.bannerLink {
    margin: 0 0 14px;
}
ul.bannerLink li {
    margin: 0 auto;
	padding: 7px 7px 0 7px;
    width: 95%;
	border: none;
}
#pcLayout ul.bannerLink li {
    width: 80%;
}
ul.bannerLink li a {
	display: block;
	line-height: 1;
}
#pcLayout ul.bannerLink li a:hover {
    opacity: .9;
}
ul.bannerLink li a img {
    width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* 画像トピックス枠 */
.topicsList {
	margin:0;
	padding:0;
}
.topicsList,
.topicsList li,
.topicsList li dl {
    overflow:hidden;
}
.topicsList li {
	margin:0;
	padding:0;
	border-bottom:1px dotted #e5e5e5;
}
.topicsList li a {
	display:block;
	padding: 7px 17px 7px 7px;
	color:#333;
	text-decoration:none;
	cursor:pointer;
	background:url(/images/li.png) right center no-repeat;
	background-size:13px;
}
.topicsList li a.imgLink {
	padding:7px;
	text-align:center;
	background:none;
}
.topicsList dl {
	margin:0;
	padding:0 !important;
}
.topicsList dt {
	margin:0;
    padding:0 0 5px 69px;
	font-size:90%;
	font-weight:bold;
    line-height:1.5em;
}
.topicsList dd {
	margin:0;
	padding:0 0 5px 69px;
	font-size:80%;
	font-weight:normal;
    text-align:left;
}
.topicsList dd.imgL {
    margin: 0;
    padding: 0 7px 0 0;
}
.topicsList img {
    border: 1px solid #e5e5e5;
}
.topicsList p.new {
	float:none !important;
    margin: 0;
    padding: 2px !important;
    color: #ff1493;
    font-size: 70%;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #ff1493 !important;
    border-right: 1px solid #ff1493 !important;
    border-left: 1px solid #ff1493 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.topicsList li a.imgLink p.new {
	width: 276px;
    margin: 0 auto;
}
.newsimgList li dl{
	padding-top:0 !important;
}
.newsimgList li dt{
	padding-bottom:5px;
	margin-bottom:5px;
	font-size: 90%;
	border-bottom:1px dotted #ddd;
}
.newsimgList li a{
	display:block;
	padding: 7px 17px 7px 7px;
	text-align: left;
	text-decoration:none;
	background:url(/images/li.png) right center no-repeat;
	background-size:13px;
	border-bottom:1px solid #e5e5e5;
}
.newsimgList li a img{
	pointer-events: none;
}

.infoLink li,
.infoLink_more li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
}
.infoLink li a {
	display: block;
	margin: 0;
	padding: 5px 7px 5px 20px;
	color: #e5006e;
	font-size: 80%;
	text-decoration: none;
	line-height: 1.5;
	background: #fff url(/images/pc_layout/top/ico_info.png) 7px center no-repeat;
	background-size: 4px;
}
.infoLink_more {
	margin-bottom: 14px;
}
.infoLink_more li a {
	display: block;
	margin: 0;
	padding: 5px 7px;
	color: #ff69ad;
	font-size: 80%;
	text-align: right;
	text-decoration: none;
	line-height: 1.5;
}
#pcLayout .bgWhite .infoLink li a:hover,
#pcLayout .bgWhite .infoLink_more li a:hover {
	text-decoration: underline;
}
#pcLayout .bgWhite .infoLink li a {
	color: #e5006e !important;
}
#pcLayout .bgWhite .infoLink_more li a {
	color: #ff69ad !important;
}


/* ----------------------------------------
ランキング
---------------------------------------- */
.rankSearch li {
	display:inline;
}
.rankSearch select {
	float: left;
	margin-right: 14px;
	width: 70%;
}
.rankSearch .btn-submit {
	height: 35px;
}
#rankingList > div {
    background: #fffafa url(/images/li.png) right center no-repeat;
    background-size: 13px;
	border-top: 1px solid #e5e5e5;
}
.rankingBlock{
	background: #ffffff;
	overflow: hidden;
	border-top: 1px solid #e5e5e5;
}
.rankingBlock:last-child {
	border-bottom:1px solid #e5e5e5;
}
.rankingBlock a{
	cursor:pointer;
	display:block;
	padding:5px 7px;
	text-decoration:none;
	-webkit-tap-highlight-color: rgba(255,209,232,0.5);
}
.rankingBlock dl{
	padding: 3px 0 0 0;
	display: inline;
	overflow: hidden;
}	
.rankingBlock dt{
	font-weight: bold;
	margin-bottom: 7px;
	padding: 0;
}
.rankingBlock dt a{
	padding: 7px 25px 7px 7px;
	background:url(/images/li.png) right center no-repeat;
	background-size:13px;
}
.rankingBlock dd{
	margin: 0 14px;
	padding:0 7px;
	font-size: 80%;
	text-align: right;
}
#rankingList .rankingBlock .note {
	clear: both;
	margin: 5px 14px 0 14px;
	padding: 5px 7px 7px;
	text-align: left;
	font-size: 80%;
	line-height: 1.7;
	border-top: 1px dotted #eee;
	border-bottom:none;
}
#rankingList .rankingBlock .note img {
	vertical-align: middle;
}
#rankingList .rankingBlock p.rank {
	float: left;
	width: 3.5em;
	margin: 0;
	padding: 8px 6px 0 7px;
	color: #e6368b;
	text-align: center;
	line-height: 26px;
	font-weight: bold;
	border-bottom:none;
}
.rankingBlock02 a{
	cursor:pointer;
	display:block;
	padding: 7px 9px;
	text-decoration:none;
	-webkit-tap-highlight-color: rgba(255,209,232,0.5);
}
.rankingBlock02 dl{
	display:block;
	padding:0 15px 0 0 !important;
	overflow:hidden;
}
.rankingBlock02 dt{
	margin: 0 !important;
	padding: 0 !important;
	color: #000;
	font-weight: bold;
}
.rankingBlock02 dd{
	margin: 0 !important;
	padding: 7px 0 0 0 !important;
	font-size: 90% !important;
	text-align: left !important;
}

/* ----------------------------------------
注目キーワード
---------------------------------------- */
#tab ul.keywordArea a {
	display:block;
	width:auto;
	height:19px;
	margin:0 auto;
	padding:6px 7px 2px 7px;
	color:#666;
	font-size:80%;
	text-align:center;
	text-decoration:none;
	text-shadow: 1px 1px 2px #e5e5e5;
	border:1px solid #ccc;
	background:-moz-linear-gradient(top, #fff, #ebe6e6);
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebe6e6));
	background:-ms-linear-gradient(top, #fff, #ebe6e6);
	border-radius:4px;
	-webkit-border-radius:4px;
}
#tab ul.keywordArea {
	margin: 10px auto;
}
#tab ul.keywordArea li {
	display: inline-block;
	margin: 5px;
}

/* ----------------------------------------
小説を探す・検索結果
---------------------------------------- */
.searchDetailList {
	padding: 10px 0;
}
.searchDetailBlock {
	margin: 14px 7px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.searchDetailBlock p.num {
	display: inline;
	margin: 0;
	padding: 0 6px 0 0;
	color: #ff1493;
}
.searchDetailBlock p.num_p {
	float: left;
	width: 1.5em;
	margin: 0;
	padding: 3px 6px 0 0;
	text-align: right;
	color: #F27B90;
}
.searchDetailBlock dl {
	padding: 0;
	overflow: hidden;
}
.searchDetailBlock dl dt {
	margin: 0 0 7px 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}
.searchDetailBlock dl dt a {
	display:block;
	padding: 10px 25px 10px 7px;
	font-weight: bold;
    line-height: 1.5;
	text-decoration:none;
	background:url(/images/li.png) right center no-repeat;
	background-size:13px;
}
.searchDetailBlock dl dt a span {
    font-size: 90%;
    font-weight: normal;
}
.searchDetailBlock dl dd {
	padding: 0 7px 7px 7px;
	text-align: left;
}
/* ad */
.searchDetailBlock dl div li {
	border-bottom: none;
	background: #fffafa url(/images/li.png) right center no-repeat;
	background-size: 13px;
}
.searchDetailBlock div li dl dt {
	margin-bottom: 0;
	box-shadow: none;
}
.searchDetailBlock div li dl dt a {
	background: none;
}

/* ----------------------------------------
ログイン
---------------------------------------- */
.loginContent {
    padding: 15px;
}
.loginContent .loginList {
    margin: 0 0 20px;
    padding: 0;
}
h2.index_bgG {
    padding: 15px;
    color: #333;
    font-size: 16px;
    background-color: #f7f7f7;
    background-image: none;
}
.loginContent .loginBtn {
    margin: 0 auto 20px;
    text-align: center;
}
.loginContent .loginBtn input[type=submit] {
    margin: 0 auto;
    width: 240px;
    height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    background-color: #f891c8;
    background-image: none;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.loginContent .loginBtn input[type=submit].twitter {
    background-color: #1b95e0;
}
.loginContent aside p {
    font-size: 12px;
    line-height: 1.5;
}
.signupDetail {
    border-top: 1px solid #e5e5e5;
}
.signupDetail dl dt {
    margin: 0;
    padding: 15px;
    color: #e5006e;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background: url("../images/svg/callout_left.svg") left 15px center no-repeat, url("../images/svg/callout_right.svg") right 15px center no-repeat;
    background-size: 20px 20px;
}
@media screen and (min-width: 768px) {
    .signupDetail dl dt {
        background-position: left 8em center, right 8em center;
    }
}
.signupDetail dl dd {
    margin: 15px;
    padding: 15px;
    background: rgba(240, 234, 223, 0.4);
    border-radius: 5px;
}
.signupDetail dl dd ul li {
    padding: 5px 0 5px 30px;
    font-size: 12px;
    background: url("../images/svg/check.svg") left center no-repeat;
}
.signupDetail .signupBtn {
    margin: 20px auto 20px;
    text-align: center;
}
.signupDetail .signupBtn a {
    display: block;
    margin: 0 auto;
    padding: 15px;
    width: 240px;
    height: 50px;
    color: #fff !important;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #e5006e;
    border-radius: 5px;
    box-sizing: border-box;
}
.loginList {
	padding:7px;
}
.loginList li {
	padding:0 0 15px 0;
}
.loginList li:last-child {
	padding:0;
}
.loginList li input[type=submit] {
	width:240px;
	margin:0 auto;
}

/* ----------------------------------------
登録情報変更
---------------------------------------- */
.btn-white.myconfLink01 {
	text-align: center;
	overflow: hidden;
}
.btn-white.myconfLink01 li {
	display: block;
	margin: 5px 0 20px 5px;
	text-align: center;
}
.btn-white.myconfLink01 li a {
	width:240px;
	margin: 0 auto 5px auto;
	text-align: center;
}


/* ----------------------------------------
プロフィール
---------------------------------------- */
.profileTL {
	width: 300px;
	border: 1px solid #E5E5E5;
}
.profileTL .twtr-hd {display:none;}
.profileTL .twtr-ft {display:none;}
.btnLink.profileLink01 {
	text-align: center;
}
.btnLink.profileLink01 li a {
	width: 240px;
}

/* ----------------------------------------
作家メニュー・読者メニュー
---------------------------------------- */
.mypageMessage {
	padding: 7px;
	font-weight: bold;
}
.mypageMessage a {
	color: #ed0568 !important;
}
.mypageMarquee {
	margin: 0 0 10px 0;
	padding: 5px 0;
	position:relative;
	overflow: hidden;
	color: #ffff00;
	background: #66ccff;
}
.mypageMarquee p:after {
	content:"";
	white-space:nowrap;
	padding-right:50px;
}
.mypageMarquee p {
	margin:0;
	padding-left:600px;
	display:inline-block;
	white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
.mypageName {
	padding: 7px;
	font-size: 110%;
	text-align: center;
	font-weight: bold;
}
.oddList.mypageList01 li .review a {
	color: #ed0568 !important;
}
.oddList.mypageList01 li ul.btnLink {
	margin: 5px 0 0 0;
}
.oddList.mypageList01 li ul.btnLink li {
	margin: 0 5px 10px 0;
	padding: 0;
	border:none;
	background: none;
}
.oddList.mypageList01 li ul.btnLink li a {
	font-size: 70%;
}
input#limit_page,
input#limit_page_bc{
	margin-left:10px;
	width:15%;
	vertical-align:baseline;
}
#menberInfo li {
	margin:5px 0;
}
#menberInfo_detail h2 {
	margin-bottom:7px;
	color:#ff1493;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	text-shadow:none;
	line-height:1.5em;
	background:none;
	border:none;
}
#menberInfo_detail a {
	display: inline-block;
	margin: 10px auto 0;
	padding: 7px 15px;
	color: #333;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 5px;
}
#menberInfo_detail li {
	padding:3px 7px;
	text-align:left;
}
#menberInfo_detail li p{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 5px;
	width:35%;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	background-color: #333;
	border-radius: 5px;
}
#menberInfo_detail li span.green,
#menberInfo_detail li span.font80 {
	vertical-align:middle;
}
#menberInfo_detail li span.green {
	color:#00bfff;
}
.remodal {
	padding:15px !important;
	max-width:95% !important;
	background-color:#fffff0 !important;
	border:2px dashed #ff1493;
	border-radius:10px;
}
.remodal-overlay {
	background:rgba(0, 0, 0, 0.5) !important;
}

/* ----------------------------------------
読者メニュー
---------------------------------------- */
.readList {
	padding: 10px 0;
}
.readBlock {
	margin: 14px 7px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.readBlock div > p {
	float: left;
	display: inline-block;
	padding: 7px;
}
.readBlock div > .btn-white {
	float: left;
	margin: 0 0 14px 10px;
}
.readBlock div > .btn-white li {
	display: inline-block;
	margin: 0 5px 0 0;
}
.readBlock div > .btn-white li a {
	margin: 0;
	width: auto;
}
.readBlock p.btn-white a {
	background: url(../images/star_on_tap.png) 10% no-repeat, linear-gradient(top, #fff, #f6f6f6);
	background: url(../images/star_on_tap.png) 10% no-repeat, -moz-linear-gradient(top, #fff, #f6f6f6);
	background: url(../images/star_on_tap.png) 10% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
	background: url(../images/star_on_tap.png) 10% no-repeat, -ms-linear-gradient(top, #fff, #f6f6f6);
	background-size: 15px;
}
.readBlock.bookShelf a {
	display:block;
	padding: 10px 24px 10px 7px;
	color:#333;
	text-decoration:none;
	-webkit-tap-highlight-color: rgba(255,209,232,0.5);
	background:url(/images/li.png) center right no-repeat;
	background-size:13px;
}
.bookshelfSelect {
	margin: 14px 7px 7px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

/* ----------------------------------------
ポスト
---------------------------------------- */
.postSearch li {
	display: inline;
}
.postSearch li select {
    float: left;
    margin: 0 14px 0 0;
    width: 70%;
    height: 44px;
}
.postSearch li .formLink_white {
    margin: 0;
    padding: 10px 7px;
    width: 72px;
    height: 44px;
    font-size: 100%;
}
.checkbox_list article {
	margin: 0;
	padding: 7px;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	box-sizing: border-box;
}
.checkbox_list article a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 25px 0 0;
	width: 80%;
	text-decoration: none;
	background: url(/images/li.png) no-repeat right center;
	background-size: 13px;
	border-right: 1px solid #e5e5e5;
	box-sizing: border-box;
}
#pcLayout .checkbox_list article a {
	width: 90%;
}
.checkbox_list article div {
	float: left;
	margin: 0;
	padding: 0;
	width: 20%;
	box-sizing: border-box;
}
#pcLayout .checkbox_list article div {
	width: 10%;
}
.checkbox_list article  div label{
	display: block;
	position: relative;
	width: 100%;
	line-height: 2em;
}
.checkbox_list article  div label input[type=checkbox] {
	display: block;
	margin: 15% auto;
	padding: 0;
}
.checkbox_list article dl dt {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.7;
}
.checkbox_list article dl dt span {
	display: inline-block;
	width: 2em;
	color: #e6368b;
	font-weight: bold;
}
.checkbox_list article dl dd {
	font-size: 80%;
	padding-left: 2.5em;
}
.checkbox_list article dl dd:last-child {
	color: #666;
	font-size: 80%;
	text-align: right;
}
.submit_group {
	margin: 7px 7px 14px;
	padding: 0 0 7px;
	text-align: center;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}
.submit_group p {
	margin: 0;
	padding: 7px;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.7;
	text-align: center;
	background-color: #eee;
}
.submit_group input[type=submit] {
	display: inline-block;
	margin: 14px 7px;
	padding: 7px;
	width: 87px;
	font-size: 90%;
	box-sizing: border-box;
}
.fanmail_senderror {
	border-top: 1px dotted #cf0000;
	border-bottom: 1px dotted #cf0000;
}
.fanmail_senderror p {
	margin: 0;
	padding: 7px;
	color: #cf0000;
	font-size: 90%;
	line-height: 1.7;
}
#tab .tab_nav { /* メール設定タブ */
	padding: 13px 0 0 0;
}
#tab .tab_nav li {
	float: left;
	margin: 0 0 0 7px;
	padding: 14px;
	background-color: #ccc;
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-radius: 10px 10px 0 0;
}
#tab .tab_nav li a {
	color: #fff;
	text-decoration: none;
}
#tab .tab_nav li.active {
	cursor: pointer;
	color: #e5006e;
	background-color: #fff;
	border-top: 1px solid #e5006e;
	border-right: 1px solid #e5006e;
	border-left: 1px solid #e5006e;
}
.mail_config_list li {
	margin: 0;
	padding: 10px 7px;
	border-top: 1px solid #e5e5e5;
}
.mail_config_list li:first-child {
	border: none;
}
.mail_config_list li a {
	display: inline-block;
	margin: 0;
	padding: 0 7px;
	color: #ea479d !important;
	text-decoration: none;
}

/* ----------------------------------------
ジャンル別小説一覧
---------------------------------------- */
.genreLink01 {
	margin: 0;
	padding: 0;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	overflow: hidden;
}
.genreLink01 li {
	float: left;
	width: 50%;
	margin: 0 0 0 -1px;
	text-align: center;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}
.genreLink01 li:nth-child(odd) {
	border-left: none;
	border-right: 1px solid #dfdfdf;
}
.genreLink01 li a {
	display: block;
}
.genreLink01 li img {
	vertical-align: bottom;
}

/* ----------------------------------------
小説表紙・ページ
---------------------------------------- */
/* content-header */
#content-header{
	padding: 10px 7px 20px 7px;
	text-align:center;
	border-top: 1px solid #e5e5e5;
}
#content-header.title {
	padding: 45px 7px 20px 7px;
}
#content-header h2{
	padding: 0 0 5px 0;
	text-shadow:none;
	border:none;
	background:transparent;
}

/* content-mailcol */
#content-maincol {
	padding: 5px 7px 20px 7px;
}
#content-maincol .content-body01 {
	padding: 0 0 10px 0;
	line-height: 1.6;
}

.content-section {
	clear: both;
	padding: 5px 7px 20px 7px;
	overflow: hidden;
}

/* content-pagenum */
#content-pagenum {
	padding: 0 0 5px 0;
	text-align: center;
}

#content-page {
	text-align: center;
	padding: 5px 0;
}
#content-page input[type=text] {
	width: 3em;
	height: 18px;
	margin: 0;
}

/* content-navi */
#content-navi {
	padding: 7px 0;
	border-top:1px solid #e5e5e5;
	overflow: hidden;
}
#content-navi ul li {
	float: left;
	padding: 0 10px;
	font-size: 80%;
	border-left: 1px solid #656565;
}
#content-navi ul li:first-child {
	border: none;
}

/* content-footer */
#content-footer {
	border-top:1px solid #e5e5e5;
}
#content-footer .btnLink li{
	float:none;
	margin:10px auto;
}
#content-footer .btnLink li a{
	width:240px;
}

/*bookSkin01
---------------------------------------- */
/* content-header */
.bookSkin01 #content-header{
	background: url(/images/content_bg02.png) repeat-x center bottom #ceedf4;
}
.bookSkin01 #content-header.title {
	background: url(/images/content_bg01.png) repeat-x center top, url(/images/content_bg02.png) repeat-x center bottom #ceedf4;
}
/* content-mailcol */
.bookSkin01 #content-maincol {
	background: url(/images/content_bg02.png) repeat-x center bottom #ceedf4;
}
/* content-pagenum */
.bookSkin01 #content-pagenum {
	background: #ceedf4;
}

.bookSkin01 .content-section {
	background: url(/images/content_bg02.png) repeat-x center bottom #ceedf4;
}

/*bookSkin02
---------------------------------------- */
/* content-header */
.bookSkin02 #content-header{
	background: url(/images/content_bg03.png) repeat-x center bottom #ffe2ec;
}
.bookSkin02 #content-header.title {
	background: url(/images/content_bg03.png) repeat-x center top, url(/images/content_bg02.png) repeat-x center bottom #ffe2ec;
}
/* content-mailcol */
.bookSkin02 #content-maincol {
	background: url(/images/content_bg03.png) repeat-x center bottom #ffe2ec;
}
/* content-pagenum */
.bookSkin02 #content-pagenum {
	background: #ffe2ec;
}

/* ----------------------------------------
小説・作品キーワード
---------------------------------------- */
.keywordList01 {
	margin: 10px auto 20px;
	overflow: hidden;
}
.keywordList01 li {
	float: left;
	width: 44%;
	padding: 3px 7px;
}


/* ----------------------------------------
新着レビュー
---------------------------------------- */
.oddList.reviewList01 .review a {
	padding: 0 25px 0 0;
	background: url(/images/li.png) no-repeat right center;
	background-size:13px;
}


/* ----------------------------------------
本棚
---------------------------------------- */
.oddList.shelfconfigList01 input[type=checkbox] {
	float: left;
	width: 24px;
	margin: 10px 0 0 0;
	vertical-align: middle;
}
.oddList.shelfconfigList01 input[type=text] {
	float: left;
	width: 8em;
	vertical-align: middle;
}
.oddList.shelfconfigList01 ul {
	float: right;
	width: 8em;
	padding: 8px 0 0 0;
	font-size: 90%;
	overflow: hidden;
}
.oddList.shelfconfigList01 ul li {
	float: right;
	width: 4em;
	padding: 0;
	background: none;
}
.oddList.shelfconfigList01 ul li:first-child {
	float: left;
}

.oddList.shelfconfigList02 li input[type=checkbox] {
	float: left;
	margin: 5px 7px 0 1px;
	-webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.oddList.shelfconfigList02 li dl {
	padding: 3px;
	overflow: hidden;
}

/* ----------------------------------------
章・話・ページ移動
---------------------------------------- */
.oddList.bookmoveList01 ul {
	float: left;
	width: 4em;
	padding: 1px 5px 0 0;
	font-size: 90%;
	overflow: hidden;
}
.oddList.bookmoveList01 ul li {
	float: right;
	width: 2em;
	padding: 0;
	background: none;
}
.oddList.bookmoveList01 ul li:first-child {
	float: left;
}
.oddList.bookmoveList01 p {
	overflow: hidden;
}

/* ----------------------------------------
作品編集
---------------------------------------- */
.editList {
	padding: 10px 0;
	background-color: #ffe8e9;
}
.editBlock {
	margin: 14px 7px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.sectionBlock {
	border-top: 1px solid #ccc;
}
.editBlock ul li {
	overflow: hidden;
}
.editBlock ul.btn-white {
	width: 100%;
}
.editBlock ul.btn-white li {
	margin: 0;
	padding: 7px;
	width: 45%;
	border: none;
}
.editBlock ul.btn-white li:first-child {
	float: left;
}
.editBlock ul.btn-white li:last-child {
	float: right;
}
.editBlock ul.btn-white li a {
	width: auto;
	margin: 0;
	color: #ff6dbc;
	text-shadow: none;
	background: #fff;
	border: 1px solid #ff6dbc;
	border-radius: 5px;
}
#pcLayout .bgWhite .editBlock ul.btn-white li a{
	color: #ff6dbc !important;
}
.editBlock ul.btn-white li.edit_btn a {
	color: #fff;
	text-shadow: none;
	background: #ff6dbc;
	border: 1px solid #ff54b1;
}
#pcLayout .bgWhite ul.btn-white li.edit_btn a {
	color: #fff !important;
}
.editBlock p {
	margin: 7px;
}
.chapterBlock p,
.sectionBlock p {
	font-size: 90%;
}
.editBlock p.create_section {
	margin: 0;
}
.create_section a {
	display: block;
	margin: 7px 0 0 0 !important;
	padding: 10px 7px;
	color: #444 !important;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	border-top: 1px dotted #ccc;
	background: url(/images/book_edit/ico_plus_section.png) 20px center no-repeat;
	background-size: 15px;
}
.create_chapter,
.create_draft {
	margin: 14px 7px 0;
}
.create_chapter a {
	display: block;
	padding: 7px;
	width: auto;
	color: #fff !important;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ff54b1;
	background: #ff6dbc url(/images/book_edit/ico_plus_chapter.png) 20px center no-repeat;
	background-size: 15px;
	border-radius: 5px;
}
.create_draft a {
	display: block;
	padding: 7px;
	width: auto;
	color: #444 !important;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.editList .pageLink {
    background-color: #ffe8e9;
    border: none;
}
.editList .pageLink .pageLinkR,
.editList .pageLink .pageLinkL {
	width: auto;
}
.editList .pageLink .pageLinkR {
    margin: 0 7px 0 0;
}
.editList .pageLink .pageLinkL {
    margin: 0 0 0 7px;
}
.editList .pageLink .pageLinkR a,
.editList .pageLink .pageLinkL a {
	padding: 7px;
	color: #000;
    font-size: 85%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.advertise {
	margin: 7px 7px 14px 7px;
	padding: 7px;
	background-color: #fffce1;
	border: 1px solid #ff7800;
	border-radius: 5px;
}
.advertise ul {
	display: table;
}
.advertise ul li {
	display: table-cell;
	color: #333;
	font-size: 80%;
	line-height: 1.5;
	vertical-align: middle;
}
.advertise ul li a {
	display: block;
	margin: 0 7px 0 0;
	padding: 7px;
	width: 80px;
	color: #fff !important;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #ff9000;
	border: 1px solid #ff7e00;
	border-radius: 5px;
}
.advertise ul li.ad_nolink span {
	display: block;
	margin: 0 7px 0 0;
	padding: 7px;
	width: 80px;
	color: #B9B9B9;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.pageEdit {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.pageEdit a,
.draftEdit a {
	text-decoration: none;
}
.pageEdit .mainBtn li a,
.pageEdit input[type=submit].mainBtn {
	display: block;
	margin: 7px auto;
	padding: 7px;
	width: 280px;
	color: #fff;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	background: #ff6dbc;
	border: 1px solid #ff54b1;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-appearance: none;
}
#pcLayout .bgWhite .pageEdit .mainBtn li a {
	color: #fff !important;
}
.pageEdit .subBtn {
	position: relative;
	float: left;
	left: 50%;
	width: 280px;
}
.pageEdit .subBtn li {
	position: relative;
	float: left;
	left: -50%;
    margin: 0 0 0 5px;
}
.pageEdit .subBtn li a,
.pageEdit .subBtn li input[type=submit] {
	display: block;
	margin: 7px auto;
	padding: 7px;
	width: 137px;
	color: #ff6dbc;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	background: #fff;
	border: 1px solid #ff54b1;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-appearance: none;
}
#pcLayout .bgWhite .pageEdit .subBtn li a {
	color: #ff6dbc !important;
}
.pageEdit .subBtn li p {
	display: block;
	margin: 7px auto;
	padding: 7px;
	width: 137px;
	color: #666;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
}
.pageEdit .subBtnW {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.pageEdit .subBtnW li a,
.pageEdit .subBtnW li input[type=submit] {
	display: block;
	margin: 7px auto;
	padding: 7px;
	width: 280px;
	color: #ff6dbc;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	background: #fff;
	border: 1px solid #ff54b1;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-appearance: none;
}
#pcLayout .bgWhite .pageEdit .subBtnW li a {
	color: #ff6dbc !important;
}
.draftEdit ul li {
	margin: 0;
	padding: 7px;
	border-top: 1px solid #e5e5e5;
}
.draftEdit ul li:last-child {
	border-bottom: 1px solid #e5e5e5;
}
.draftEdit ul li p {
	display: block;
	font-size: 90%;
}
.draftEdit ul li .draftBtn {
	float: right;
}
.draftEdit ul li .draftBtn li {
	margin: 5px 0;
	padding: 0;
	border: none;
}
.draftEdit ul li .draftBtn li:first-child a {
	display: block;
	margin: 0 auto;
	padding: 7px;
	width: auto;
	color: #fff;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	background: #ff6dbc;
	border: 1px solid #ff54b1;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-appearance: none;
}
#pcLayout .bgWhite .draftEdit ul li .draftBtn li:first-child a {
	color: #fff !important;
}
.draftEdit ul li .draftBtn li:last-child a {
	display: block;
	margin: 0 auto;
	padding: 7px;
	width: auto;
	color: #ff6dbc;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	background: #fff;
	border: 1px solid #ff54b1;
	border-radius: 5px;
	box-sizing: border-box;
}
#pcLayout .bgWhite .draftEdit ul li .draftBtn li:last-child a {
	color: #ff6dbc !important;
}
.draftEdit .moveBtn {
	display: inline-block;
	margin: 7px 0 7px 10px;
}
.draftEdit .moveBtn a {
	display: block;
	margin: 0 auto;
	padding: 3px 5px;
	width: auto;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #ff6dbc;
	border: 1px solid #ff54b1;
	border-radius: 10px;
	box-sizing: border-box;
}
#pcLayout .bgWhite .draftEdit .moveBtn a {
	color: #fff !important;
}
.pageEdit_absolute {
	position: relative;
	overflow: hidden;
	margin: 0 auto !important;
	padding: 10px !important;
	background-color: #ffe8e9;
}
.pageEdit_absolute ul {
	position: relative;
	float: left;
	left: 50%;
}
.pageEdit_absolute ul li {
	position: relative;
	float: left;
	left: -50%;
    margin: 3px 1px;
}
.pageEdit_absolute li a {
	display: block;
	padding: 7px;
	width: 100px;
	color: #444 !important;
	font-size: 75%;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
}

/* ----------------------------------------
Ｑ＆Ａ
---------------------------------------- */
.btnLink.qaLink01 {
	text-align: center;
}
.btnLink.qaLink01 li {
	margin: 0 10px 10px 0;
}
.btnLink.qaLink01 li a {
	width:2em;
	padding: 6px 5px 2px 5px;
	text-align: center;
}

/* ----------------------------------------
新規会員登録
---------------------------------------- */
#signupCreate .btnLink  {
	padding: 20px 0 10px;
    width: 90%;
    border-radius: 5px;
}
#signupCreate .btnLink li {
	margin:0;
}
#signupCreate #reader.btnLink {
	background-color: #fff4df;
    border: 1px dotted #ffd88a;
}
#signupCreate #writer.btnLink {
	background-color: #fff0f5;
    border: 1px dotted #ffcede;
}

/* ----------------------------------------
野いちご書店
---------------------------------------- */
#bookStore p.top_img {
    padding-top: 1.5em;
    text-align: center;
}
#bookStore p.top_img img {
    width: 70%;
    height: auto;
    -webkit-backface-visibility: hidden;
}
#bookStore .searchList {
	padding-bottom: 5px;
}
.labelCheck {
	padding: 7px;
}
#bookStore select.selectW100 {
	width: 30%;
	padding-left: 5px;
	margin-left: 0;
}
#bookStore label {
    margin-left: 0.3em;
    padding: 7px;
    font-size: 80%;
    line-height: 2.5em;
    vertical-align: bottom;
}
#bookStore input[type=text] {
	padding: 4px 7px;
    width: 98%;
    height: 35px;
    box-sizing: border-box;
}
#bookStore .btnw240.alignC .btn-submit {
	margin-bottom: 14px;
	padding: 7px;
	font-size: 100%;
}
#bookStore .linkBlock {
	border: none;
	background: none;
}
#bookStore .linkBlock > li {
	padding: 7px;
	border-top: 1px solid #e5e5e5;
}
#bookStore .linkBlock > li > a {
	padding: 0;
    border: none;
}
#bookStore .linkBlock > li > a > dl {
    padding: 0 20px 0 0 !important;
	background: url(/images/li.png) center right no-repeat;
	background-size: 13px;
}
#bookStore .linkBlock dl{
	padding: 0 !important;
}
#bookStore .bookInfo{
	margin: 7px;
	padding: 5px;
	font-size: 75%;
	background-color: #fff;
	border: 1px dotted #ccc;
	border-radius: 5px;
}
#bookStore .bookInfo p {
	line-height: 1.5em;
}
#bookStore .bookInfo > a{
	padding: 3px 0 !important;
	background: none !important;
	border: none;
}
#bookStore span.pinkLabel{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#FF0078; border-radius:5px;}
#bookStore span.blueLabel{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#199CCC; border-radius:5px;}
#bookStore span.purpleLabel{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#8D00CF; border-radius:5px;}
#bookStore span.blackLabel{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#000000; border-radius:5px;}
#bookStore span.starts{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#00a6db; border-radius:5px;}
#bookStore span.others{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#3E53D4; border-radius:5px;}
#bookStore span.ebooks{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#20b2aa; border-radius:5px;}
#bookStore span.noichigo_bunko{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#ff84c9; border-radius:5px;}

/*
 * 一覧・アフィリエイトボタン
 */
.storeLink {
	margin: 0 7px;
}
.bookInfo .storeLink {
	margin:7px 0 0;
}
.storeLink li{
	display: inline-block;
	margin: 0 0 5px 5px;
	padding: 0 !important;
	list-style: none;
	background: -moz-linear-gradient(top, #ffffff, #f1f1f1) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1)) !important;
	border: none;
	border-radius: 5px;
}
.storeLink li:first-child{
	margin-left: 0;
}
.storeLink li a {
	display: block;
	padding: 5px 4px 5px 20px;
	color: #000;
	font-size: 65%;
	font-weight: bold;
	text-align: center;
	text-decoration: none; 
	background: url(/images/bookstore/ico_cart.png) 3px center no-repeat;
	background-size: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

/*
 * bookstore共通
 */
#pcLayout #bookStore {
	font-family:Arial, Roboto, “Droid Sans”, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}
#bookStore {
	background:#fff;
}
#bookStore header h2 {
	margin: 0;
	padding: 7px;
	color: #333;
	font-size: 80%;
	font-weight: normal;
	text-shadow: none;
	background: none;
	border: 0;
}
#bookStore header p img { width:100%; }
#bookStore article h3 img { display:inline-block; width:29px; background-size:29px 29px; }
#bookStore article p.catch {
  padding: 7px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
  color: #016e95;
}
#bookStore article dl.detail {
	overflow: hidden;
}
#bookStore article dl.detail dd.ico_black{
	display:inline-block;
	margin: 3px 3px 3px 0;
	padding: 3px;
	color: #fff;
	font-size: 70%;
	text-align: center;
	line-height: 1.5em;
	background-color:#000;
	border-radius: 3px;
}
#bookStore article dl.detail dd.ico_black img {
	vertical-align: middle;
    padding-right: 2px;
}
#bookStore article dl.detail dd {
	padding: 7px 7px 0;
	font-size: 80%;
	line-height: 1.3;
}
#bookStore article dl.detail dt {
    margin: 14px 0 0;
    padding: 0 7px;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
}
#bookStore article dl.detail .writer {
    font-size: 90%;
    font-weight: bold;
    line-height: 1.5;
}
#bookStore article .affi {
    display: table;
	margin: 7px auto;
    border-collapse: collapse;
}
#bookStore article .affi li {
    display: table-cell;
	padding: 7px;
}
#bookStore article .affi li a {
	display: block;
    line-height: 0;
}
#bookStore article .affi li .amazon-adsystem {
	height: 1px;
	width: 1px;
	margin: 0;
	display:none;
}
#bookStore article dl.detail dd > iframe { vertical-align:middle }
#bookStore article dl.detail dd > a { display:inline-block; padding-top:0.5em; }
#bookStore article aside {
	margin: 7px 7px 14px;
    padding: 0 7px 0;
    background-color: #f2eee8;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}
#bookStore article aside dt {
	margin-top: 7px;
    padding: 7px;
	font-size: 100%;
    font-weight: bold;
    line-height: 1.5em;
    text-align: left;
    color: #00a6db;
    border-top: 1px dotted #666;
}
#bookStore article aside dt:first-child {
	border: none;
}
#bookStore article aside dd {
	padding: 3px 7px;
    font-size: 90%;
    font-weight: normal;
    line-height: 1.7em;
    text-align: left;
}
#bookStore article div.fltL ul.link {
	text-align: left;
}
#bookStore ul.link {
	margin: 10px auto;
	text-align: center;
}
#bookStore ul.link li { 
	display: inline-block;
    margin-top: 7px;
    text-align: center;
    vertical-align: top;
}
#bookStore ul.link li img { display:block; margin:8px auto 0; }
#bookStore ul.link li a {
	display: block;
    width: 240px;
    height: auto;
    padding: 6px 7px;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid;
	border-radius: 5px;
}
#bookStore ul.link.note {
	text-align: left;
}
#bookStore ul.link.note li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align:center; 
}
#bookStore ul.link.note li a {
	width: 90%;
	padding: 0 1em;
	text-align: left;
	font-weight: normal;
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #666;
	border-radius: 0;
	color: #333;
	background-color: transparent;
}
#bookStore ul.link.note {
    clear: both;
    margin: 0 14px 10px;
    padding: 0;
    overflow: hidden;
}
#bookStore ul.link.note li a {
	display: block;
    padding: 7px 24px 6px 24px;
    color: #333;
	font-size: 100%;
    text-align: left;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255,209,232,0.5);
}
#bookStore ul.link.note li a:after {
  display: inline-block;
  float: right;
  content: "\003e";
  font-weight: bold;
}
#bookStore ul.link.note li:first-child a { border:0 }
#bookStore aside ul.link {
    margin: 10px auto;
    text-align: center;
}
#bookStore aside ul.link li {
	margin: 0;
    width: inherit;
	display: inline-block;
    text-align: center;
    vertical-align: top;
}
#bookStore aside ul.link li a {
 	display: block;
    width: 120px;
    height: 19px;
    padding: 6px 7px;
    color: #666;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 1px solid #666;
    background-color: #fff;
    border-radius: 5px;
}
#bookStore article .fltL {
    padding: 3px 7px;
}
#bookStore article a.popup-with-zoom-anim {
  width: 125px;
  display: inline-block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  background-color: #ccc;
  border: 1px solid #ccc;
  border-radius: 0 0 5px 5px;
}
#bookStore article a.popup-with-zoom-anim p {
	border: 0;
    padding: 5px 0 7px;
    font-size: 80%;
    font-weight: normal;
}
#bookStore article .zoom-anim-dialog {
  display: none;
  margin: 0 auto;
  padding: 20px 30px;
  position: absolute;
  box-shadow: 0 0 20px 8px rgba(0,0,0,0.5);
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
}
#bookStore article .zoom-anim-dialog.zoom-in {
  display: block;
  animation: dlg-zoom-in 0.2s ease-in-out;
}
#bookStore article .zoom-anim-dialog.zoom-out {
  display: block;
  animation: dlg-zoom-out 0.2s ease-in-out;
}
@keyframes dlg-zoom-in {
  from {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  to {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
    opacity: 1;
  }
}	  
@keyframes dlg-zoom-out {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
}
#bookStore article #annotation p {
	padding: 7px;
	font-size: 80%;
	line-height: 1.5;
}
#bookStore article #annotation p.normal {
    padding: 7px;
    font-size: 90%;
    line-height: 1.5;
}
#bookStore article #annotation .btnLink {
    margin: 10px auto;
    text-align: center;
}
#bookStore article #annotation .btnLink a {
    display: inline-block;
    width: 60%;
    padding: 7px 14px;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1.3em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
#bookStore article #annotation .btnLink.twi a {
	background-color: #1DA1F2;
}
#bookStore article #annotation .btnLink.line a {
	background-color: #00c402;
}
#pcLayout .bgWhite #bookStore article #annotation a img:hover,
#pcLayout .bgWhite #bookStore article #annotation .btnLink a:hover {
	opacity: 0.8;
}

#bookStore article #annotation table {
    background-color: #fbf8e9;
    margin: 0 7px 0 7px;
}
#bookStore article #annotation table tr td:first-child {
    width: 28%;
    font-weight: bold;
}
#bookStore article #annotation table tr td {
    padding: 14px;
    line-height: 1.8;
}
#bookStore article #annotation table .btnLink a {
    display: inline-block;
    width: 60%;
    padding: 7px 14px;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #ff83c8;
    line-height: 1.3em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
#bookStore article #annotation h4 {
    margin: 0;
    padding: 0 7px 0 7px;
    line-height: 0;
    background-color: #fff;
}

/*
 * bookstoreのスターツ出版文庫
 */
#pcLayout #bookStore header {
	background-color: #fff;
}
#bookStore.starts article h3 {
	color: #333;
	text-shadow: -1px 1px 1px #d6d3cf, 1px 1px 0 #d6d3cf;
	background: -moz-linear-gradient(top, #ffffff, #f1ece6);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1ece6));
	background: -ms-linear-gradient(top, #ffffff, #f1ece6);
	border-top: 1px solid #ebe5dd;
	border-bottom: 1px solid #ebe5dd;
}
#bookStore.starts ul.link.about {
    margin: 7px 0 0 0;
    padding: 0;
    clear: both;
}
#bookStore.starts ul.link.about li {
	width: 100%;
    border-top: 1px dotted #e5e5e5;
	border-bottom: 1px dotted #e5e5e5;
}
#bookStore.starts ul.link.about li a {
    display: block;
    padding: 7px;
	width: inherit;
    color: #333;
	font-size: 90%;
	font-weight: normal;
    text-align: right;
    text-decoration: none;
	border: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
}
#bookStore.starts ul.link.about li a:after {
	display: inline-block;
	float: right;
    margin-left: 0.5em;
	margin-right: 0.5em;
	content: "\003e";
	font-weight: bold;
	color: #be9812;
}
#bookStore.starts ul.link.color li a {
	border-color: #0094c3;
	background-color: #00a6db;
}
#bookStore.starts ul.link.note li a:after {
	color: #be9812;
}

/*
 * bookstoreのケータイ小説文庫
 */
#bookStore.bunko {
	background-color: transparent;
 }
#bookStore.bunko header p a {
	display: block;
}
#pcLayout #bookStore.bunko header p a:hover {
	opacity: 0.8;
}
#bookStore.bunko nav ul li {
	float: left;
	margin: 4px 0 0 4px;
	padding: 5px 4px 5px 4px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-width: 2px 2px 0 2px;
	border-style: solid;
	border-radius: 10px 10px 0 0;
}
#bookStore.bunko nav ul li.pinklabel {
	text-shadow: -1px 1px 1px #d0186f, 1px 1px 0 #d0186f;
	background-color: #ff3393;
	border-color: #ef0070;
}
#bookStore.bunko nav ul li.bluelabel {
	text-shadow: -1px 1px 1px #1785ae, 1px 1px 0 #1785ae;
	background-color: #1da9dc;
	border-color: #0f8bb9;
}
#bookStore.bunko nav ul li.blacklabel {
	text-shadow: -1px 1px 1px #000, 1px 1px 0 #000;
	background-color: #000;
	border-color: #222;
}
#bookStore.bunko nav ul li.purplelabel {
	text-shadow: -1px 1px 1px #7800b0, 1px 1px 0 #7800b0;
	background-color: #8d00cf;
	border-color: #7600ae;
}
#bookStore.bunko nav ul li a {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#bookStore.bunko article h3 {
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	border: 0;
}
#bookStore.bunko article aside dd {
	color: #333;
}

/*
 * bookstoreのケータイ小説文庫(ピンクレーベル)
 */
#bookStore.bunko.pinklabel article h3 {
	text-shadow: -1px 1px 1px #d0186f, 1px 1px 0 #d0186f;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff3393), to(#ff0078));
}
#bookStore.bunko.pinklabel ul.link.color li a {
	border: 1px solid #ff3e99;
	background-color: #ff52a3;
}
#bookStore.bunko.pinklabel ul.link.note li a:after { color:#ff0d7e; }
#bookStore.bunko.pinklabel article p.catch { color:#fe1a50; }
#bookStore.bunko.pinklabel article aside { background-color:#ffebec; }
#bookStore.bunko.pinklabel article aside dt { color:#ff0178; }

/*
 * bookstoreのケータイ小説文庫(ブルーレーベル)
 */
#bookStore.bunko.bluelabel article h3 {
	text-shadow: -1px 1px 1px #1785ae, 1px 1px 0 #1785ae;
	background: -webkit-gradient(linear, left top, left bottom, from(#1da9dc), to(#199ccc));
}
#bookStore.bunko.bluelabel ul.link.color a {
	border: 1px solid #20a9da;
	background-color: #37b9e8;
}
#bookStore.bunko.bluelabel ul.link.note li a:after { color:#1da9dc; }	  
#bookStore.bunko.bluelabel article p.catch { color:#35a6b7; }
#bookStore.bunko.bluelabel article aside { background-color:#e6f3f8; }
#bookStore.bunko.bluelabel article aside dt { color:#1da9dc; }

/*
 * bookstoreのケータイ小説文庫(ブラックレーベル)
 */
#bookStore.bunko.blacklabel article h3 {
	text-shadow: -1px 1px 1px #000, 1px 1px 0 #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222));
}
#bookStore.bunko.blacklabel ul.link.color a {
	border: 1px solid #ac0000;
	background-color: #cf0000;
}
#bookStore.bunko.blacklabel ul.link.note li a:after { color:#cf0000; }
#bookStore.bunko.blacklabel article p.catch { color:#cf0000; }
#bookStore.bunko.blacklabel article aside { background-color:#ebebeb; }
#bookStore.bunko.blacklabel article aside dt { color:#cf0000; }

/*
 * bookstoreのケータイ小説文庫(パープルレーベル)
 */
#bookStore.bunko.purplelabel article h3 {
	text-shadow: -1px 1px 1px #7800b0, 1px 1px 0 #7800b0;
	background: -webkit-gradient(linear, left top, left bottom, from(#8d00cf), to(#7b00b4));
}
#bookStore.bunko.purplelabel ul.link.color a {
	border: 1px solid #8b42ae;
	background-color: #9649bb;
}
#bookStore.bunko.purplelabel ul.link.note li a:after { color:#7b00b5; }
#bookStore.bunko.purplelabel article p.catch { color:#c71585; }
#bookStore.bunko.purplelabel article aside { background-color:#fff; }
#bookStore.bunko.purplelabel article aside dt { color:#8816ba; }

/*
 * bookstoreの単行本・その他
 */
#bookStore.book header,
#bookStore.other header {
    position: inherit;
    float: none;
    margin: 0;
    padding: 0;
    background: inherit;
    z-index: inherit;
    box-sizing: inherit;
}
#bookStore.book header h2,
#bookStore.other header h2 {
    padding: 7px 5px 3px 5px;
    font-weight: bold;
    font-size: 110%;
    color: #fff;
    text-shadow: -1px 1px 0 #d2004c, 1px 1px 0 #d2004c;
    border-top: 1px solid #ff005c;
    border-bottom: 1px solid #ff005c;
    background: -moz-linear-gradient(top, #ff699f, #ff005c);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff699f), to(#ff005c));
    background: -ms-linear-gradient(top, #ff699f, #ff005c);
}
#bookStore.book ul.link.color a {
	color: #fff;
    border: 1px solid #d40066;
    background: -moz-linear-gradient(top, #f60076, #e5006e);
	background: -webkit-gradient(linear, left top, left bottom, from(#f60076), to(#e5006e));
    background: -ms-linear-gradient(top, #f60076, #e5006e);
}
#bookStore.other ul.link.color a {
	color: #fff;
	border: 1px solid #1da49c;
	background-color: #20b2aa;
}
#bookStore.book article p.catch {
	color: #ff69ad;
	font-size: 100%;
	font-weight: bold;
}
#bookStore.other article p.catch {
	color: #008b8b;
	font-size: 100%;
	font-weight: bold;
}
#bookStore.book article aside {
	background-color:#fdf8f4;
}
#bookStore.other article aside {
	background-color:#f6f6f6;
}
#bookStore.book article aside dt { color:#333; }

/*
 * bookstoreの野いちご文庫
 */
#pcLayout #bookStore header {
	background-color: #fff;
}
#bookStore.noichigo_bunko article h3 {
	color: #333;
	text-shadow: -1px 1px 1px #eee, 1px 1px 0 #eee;
	background: -moz-linear-gradient(top, #ffffff, #f6f6f6);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6));
	background: -ms-linear-gradient(top, #ffffff, #f6f6f6);
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#bookStore.noichigo_bunko ul.link.about {
    margin: 7px 0 0 0;
    padding: 0;
    clear: both;
}
#bookStore.noichigo_bunko ul.link.about li {
	width: 100%;
    border-top: 1px dotted #e5e5e5;
}
#bookStore.noichigo_bunko ul.link.about li a {
    display: block;
    padding: 7px;
	width: inherit;
    color: #333;
	font-size: 90%;
	font-weight: normal;
    text-align: right;
    text-decoration: none;
	border: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
}
#bookStore.noichigo_bunko ul.link.about li a:after {
	display: inline-block;
	float: right;
    margin-left: 0.5em;
	margin-right: 0.5em;
	content: "\003e";
	font-weight: bold;
	color: #ff84c9;
}
#bookStore.noichigo_bunko ul.link.color li a {
	border-color: #ff84c9;
	background-color: #ff73c2;
}
#bookStore.noichigo_bunko ul.link.note li a:after {
	color: #be9812;
}
#bookStore.noichigo_bunko article p.catch { color:#ff84c9; }
#bookStore.noichigo_bunko article aside { background-color:#fefdf9; }
#bookStore.noichigo_bunko article aside dt { color:#54c3f1; }
#bookStore.noichigo_bunko .pink { color:#ff83c8; }
#bookStore.noichigo_bunko .green { color:#64c9c3; }

/*
 * bookstoreの発売予定
 */
#bookStore.schedule header {
	float: none;
    margin: 0;
    padding: 0 0 14px 0;
}
#bookStore.schedule nav ul li {
	display: inline-block;
	margin :0;
	padding: 10px 5px 7px 5px;
	height: 32px;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	background-color: #fff;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	cursor: pointer;
}
#bookStore.schedule nav ul li.bunko {
	color: #ff1493;
	border-top: 2px solid #ff1493;
	border-right: 2px solid #ff1493;
	border-left: 2px solid #ff1493;
}
#bookStore.schedule nav ul li.bunko.active {
	color: #fff;
	background-color: #ff1493;
}
#bookStore.schedule nav ul li.starts {
	color: #00a6db;
	border-top: 2px solid #00a6db;
	border-right: 2px solid #00a6db;
	border-left: 2px solid #00a6db;
}
#bookStore.schedule nav ul li.starts.active {
	color: #fff;
	background-color: #00a6db;
}
#bookStore.schedule nav ul li.noichigo_bunko {
	color: #ff84c9;
	border-top: 2px solid #ff84c9;
	border-right: 2px solid #ff84c9;
	border-left: 2px solid #ff84c9;
}
#bookStore.schedule nav ul li.noichigo_bunko.active {
	color: #fff;
	background-color: #ff84c9;
}
#bookStore.schedule nav ul li.book {
	color: #ff8c00;
	border-top: 2px solid #ff8c00;
	border-right: 2px solid #ff8c00;
	border-left: 2px solid #ff8c00;
}
#bookStore.schedule nav ul li.book.active {
	color: #fff;
	background-color: #ff8c00;
}
#bookStore.schedule nav ul li.other {
	color: #808080;
	border-top: 2px solid #808080;
	border-right: 2px solid #808080;
	border-left: 2px solid #808080;
}
#bookStore.schedule nav ul li.other.active {
	color: #fff;
	background-color: #808080;
}
#bookStore.schedule section {
	display: none;
}
#bookStore.schedule h4 {
	color: #fff;
}
#content-bunko h4 {
	color: #fff;
	background-color: #ff1493;
}
#content-starts h4 {
	color: #fff;
	background-color: #00a6db;
}
#content-noichigo_bunko h4 {
	background-color: #ff84c9;
}
#content-book h4 {
	color: #fff;
	background-color: #ff8c00;
}
#content-other h4 {
	color: #fff;
	background-color: #808080;
}
#bookStore.schedule article > div {
    margin: 0;
    padding: 12px 14px 14px 14px;
    background: url(/images/bookstore/schedule/li.png) right center no-repeat;
    background-size: 25px;
	border-top: 2px solid #ffebec;
}
#bookStore.schedule article > div:first-of-type {
    border-top: none;
}
#bookStore.schedule article div:first-child {
	padding: 14px;
}
#bookStore.schedule .pinklabel article > div {
	background: url(/images/bookstore/schedule/label_pink.png) top right no-repeat, url(/images/bookstore/schedule/li.png) right center no-repeat;
	background-size: 40px, 25px;
}
#bookStore.schedule .bluelabel article > div {
	background: url(/images/bookstore/schedule/label_blue.png) top right no-repeat, url(/images/bookstore/schedule/li.png) right center no-repeat;
	background-size: 40px, 25px;
}
#bookStore.schedule .blacklabel article > div {
	background: url(/images/bookstore/schedule/label_black.png) top right no-repeat, url(/images/bookstore/schedule/li.png) right center no-repeat;
	background-size: 40px, 25px;
}
#bookStore.schedule .purplelabel article > div {
	background: url(/images/bookstore/schedule/label_purple.png) top right no-repeat, url(/images/bookstore/schedule/li.png) right center no-repeat;
	background-size: 40px, 25px;
}
#bookStore.schedule article a {
	display: block;
	text-decoration: none;
}
#bookStore.schedule article p {
	float: left;
    width: 25%;
    max-width: 125px;
}
#bookStore.schedule article p img {
    width: 100%;
    max-width: 125px;
}
#bookStore.schedule article div.bookinfo {
    float: left;
    width: 75%;
}
#bookStore.schedule article dl {
    padding-left: 14px;
    padding-right: 14px;
}
#bookStore.schedule article dt {
	padding: 0 0 7px;
	font-size: 100%;
	font-weight: bold;
    line-height: 1.4;
}
#bookStore.schedule article dd {
	padding: 0 0 7px;
    font-size: 80%;
    line-height: 1.7;
}

/* ----------------------------------------
レーベルとは
---------------------------------------- */
.about_bunko,
.about_starts {
	font-family: Arial, Roboto, “Droid Sans”, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}
header.about_bunko,
header.about_starts {
	background-color: #fff !important;
}
.about_bunko h1,
.about_starts h1,
.about_noichigo_bunko h1 {
	float: none;
    margin: 0;
    padding: 7px;
	color: #333;
    font-size: 90%;
	font-weight: normal;
}
.about_noichigo_bunko h3 {
	margin: 14px 0;
	padding: 10px 7px;
	color: #54c3f1;
	font-size: 100%;
	font-weight: bold;
	text-shadow: none;
    background: #fff;
	border-top: none;
    border-bottom: 1px solid #54c3f1;
}
.about_noichigo_bunko p {
	padding: 7px;
	line-height: 1.5;
}
.about_noichigo_bunko .pink {
	color: #ff83c8;
}
.about_noichigo_bunko .green {
	color: #64c9c3;
}
.about_noichigo_bunko article {
	margin-bottom: 14px;
}
.about_noichigo_bunko article ul li {
	margin: 0 0 0 16px;
	padding: 7px;
	font-size: 90%;
	list-style-type: none;
}
.about_noichigo_bunko article li:before {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	position: relative;
	left: -10px;
	top: -1px;
}
.about_noichigo_bunko article ul.col2 li {
	float: left;
	width: 40%;
}
.about_bunko p.pdg,
.about_starts p.pdg {
	line-height: 1.5em;
}
.about_starts .marker {
	color: #ff873c;
	font-weight: bold;
	background: url(/images/bookstore/about_starts/bg_marker.png) top left repeat;
}
.about_starts dt,
.about_starts dd {
	padding-bottom: 3px;
}
.about_starts .point {
	margin: 7px 7px 20px;
	padding: 10px 15px;
	border: 1px solid #ded6cc;
	border-radius: 5px;
}
.about_starts .point li {
	padding: 5px 7px 5px 12px;
    font-size: 100%;
	list-style: none;
	background: url(/images/bookstore/about_starts/ico_list1.png) left center no-repeat;
	background-size: 6px;
}
.about_starts .point li .marker {
	color: #333;
}
.about_bunko .textBox {
	margin: 14px;
    background-color: #fffaf0;
    border: 2px solid #faf0e6;
    border-radius: 5px;
}
.about_bunko .readLink,
.about_starts .readLink,
.about_noichigo_bunko .readLink {
	margin: 10px auto;
	text-align: center;
}
.about_bunko .readLink.bunko,
.about_starts .readLink.bunko,
.about_noichigo_bunko .readLink.bunko {
	margin: 0 auto 20px;
}
.about_bunko .readLink li,
.about_starts .readLink li,
.about_noichigo_bunko .readLink li {
	display: inline-block;
	margin-top: 7px;
	text-align: center;
	vertical-align: top;
}
.about_bunko .readLink.bunko li,
.about_starts .readLink.bunko li,
.about_noichigo_bunko .readLink.bunko li {
	margin-top: 0;
}
.about_starts .readLink li a {
	display: block;
	width: auto;
    height: auto;
    padding: 7px 14px;
    color: #fff !important;
    font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #00a6db;
    border: 1px solid #0094c3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.about_bunko .readLink li a {
	display: block;
	width: auto;
    height: auto;
    padding: 7px 14px;
    color: #fff !important;
    font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #ff52a3;
    border: 1px solid #ff3e99;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.about_noichigo_bunko .readLink li a {
	display: block;
	width: auto;
    height: auto;
    padding: 7px 14px;
    color: #fff !important;
    font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #ff84c9;
    border: 1px solid #ff73c2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.about_starts dl .readLink {
	margin: 0 0 0 0;
	text-align: left;
}
.about_starts dl .readLink li {
	margin-top: 0;
}
.about_starts dl .readLink li a {
	padding: 6px 14px;
	width: auto;
	font-size: 100%;
}
#pcPage .about_starts .readLink li a:hover {
	background-color: #00b3ec;
}
#pcPage .about_bunko .readLink li a:hover {
	background-color: #ff63ac;
}
#pcPage .about_noichigo_bunko .readLink li a:hover {
	background-color: #ff73c2;
}

/* ----------------------------------------
リスト系bookStore　product_image_thumbnail
---------------------------------------- */
.rankingBlock .bookStore {
	margin: 0 21px 14px;
}
.rankingBlock .bookStore p {
	padding: 0 0 4px !important;
	border-bottom: none !important;
}
.searchDetailBlock .bookStore p,
.readBlock .bookStore p {
	float: none;
	display: block;
	margin: 0;
	padding: 0 3px 3px 0;
}
.bookStore span.pinkLabel{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#FF0078; border-radius:5px;}
.bookStore span.blueLabel{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#199CCC; border-radius:5px;}
.bookStore span.purpleLabel{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#8D00CF; border-radius:5px;}
.bookStore span.blackLabel{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#000000; border-radius:5px;}
.bookStore span.starts{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#00a6db; border-radius:5px;}
.bookStore span.others{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#3E53D4; border-radius:5px;}
.bookStore span.fantasy{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#3E53D4; border-radius:5px;}
.bookStore span.ebooks{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#20b2aa; border-radius:5px;}
.bookStore span.noichigo_bunko{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#ff84c9; border-radius:5px;}
.bookStore span.noichigo_junior{display:inline-block; margin-bottom:2px; padding:3px; color:#fff; background-color:#e75297; border-radius:5px;}

/* ------------------------------------------

　書籍化作家一覧

---------------------------------------------*/
#writer_list section.writer_booklist h3 { /* 作家名 */
    display: inline-block;
    float: left;
    margin: 0;
    padding: .5em 1em;
    width: 80%;
    color: #333;
    font-weight: normal;
    font-size: .95em;
    background-image: none;
    box-sizing: border-box;
}
#writer_list section.writer_booklist ul.textLink2 li a h4 { /* 作品名 */
    display: inline;
    margin: 0;
    padding: 0;
    color: #444;
    font-size: .8em;
    font-weight: normal;
    line-height: 1.6;
    background-color: transparent;
}
#writer_list #panels section div h5 { /* かな名 */
    margin: 1em 0 0.8em;
    padding: 0.5em 0;
    color: #333;
    font-size: 0.9em;
    border-top: none;
    border-bottom: 1px solid #333;
}
#writer_list section.writer_booklist ul.pagejump {
    display: table;
    margin: 0 auto;
    width: 90%;
}
#writer_list section.writer_booklist ul.pagejump li {
    display: table-cell;
    padding: 0 .3em;
}
#writer_list section.writer_booklist ul.pagejump li a {
    display: block;
    margin: 0;
    padding: .3em 1em;
    color: #666;
    font-size: .9em;
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #888;
    border-radius: 5px;
    transition: .4s;
    -webkit-transition: .4s;
}
#writer_list section.writer_booklist ul.pagejump li a:hover,
#writer_list section.writer_booklist ul.pagejump li a:checked {
    color: #fff;
    background-color: #ff61b7;
    border: 1px solid #ff61b7;
}
#writer_list section.writer_booklist p.writer_none {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 7px;
    width: 100%;
    color: #888;
    font-size: .9em;
    font-weight: normal;
    line-height: 1.7;
    text-align: left;
}
#writer_list section.writer_booklist p {
    display: inline-block;
    float: right;
    box-sizing: border-box;
}
#writer_list section.writer_booklist p a {
    display: block;
    margin: 0 .5em 0 0;
    padding: .5em;
    width: 25px;
    height: 25px;
    text-align: center;
    text-decoration: none;
}
#writer_list section.writer_booklist p a svg {
    width: 25px;
    height: 25px;
    fill: #a1a1a1;
    transition: .5s;
    -webkit-transition: .5s;
}
#writer_list section.writer_booklist p a svg .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
}
#writer_list section.writer_booklist p a:hover svg,
#writer_list section.writer_booklist p a:checked svg {
    fill: #bababa;
}
#writer_list section.writer_booklist > div > div {
    margin-top: 1.5em;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#writer_list section.writer_booklist ul.textLink2 {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#writer_list section.writer_booklist ul.textLink2 li {
    border: none;
    background-position: right 1em center;
}
#writer_list section.writer_booklist ul.textLink2 li a {
    padding-left: 1.2em;
    padding-right: 2.5em;
    background: #fff url(/images/li.png) right 1em center no-repeat;
    background-size: 13px;
    transition: .5s;
    -webkit-transition: .5s;
}
#writer_list section.writer_booklist ul.textLink2 li a:hover {
    background: #fffafa url(/images/li.png) right 1em center no-repeat;
    background-size: 13px;
}
#writer_list section.writer_booklist ul.textLink2 li a img {
    margin: 0 5px 0 0;
    padding: 0;
    width: 20px;
    height: auto;
    vertical-align: middle;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
/* ------------------------------------------

　書籍化作家一覧・タブレイアウト

---------------------------------------------*/
#writer_list label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #bdc3c7;
  cursor: pointer;
  background-color: #ecf0f1;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
#writer_list label.panel-label:hover {
    color: #e83894;
}
#writer_list #panels .container {
    margin: 0 auto;
    width: 90%;
}
#writer_list #panels section div {
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity 600ms;
    transition: opacity 600ms;
    overflow-y: hidden;
    box-sizing: border-box;
}
#writer_list #panels,
#writer_list #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label,
#writer_list #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label,
#writer_list #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label,
#writer_list #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label,
#writer_list #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label,
#writer_list #panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label,
#writer_list #panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 label.panel-label,
#writer_list #panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 label.panel-label,
#writer_list #panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9 label.panel-label,
#writer_list #panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10 label.panel-label {
    color: #e83894;
    font-weight: bold;
    padding-top: 24px;
    background-color: #fff;
}
#writer_list #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1,
#writer_list #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2,
#writer_list #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3,
#writer_list #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4,
#writer_list #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5,
#writer_list #panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6,
#writer_list #panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7,
#writer_list #panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8,
#writer_list #panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9,
#writer_list #panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10 {
    pointer-events: none;
    cursor: default;
    -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
    box-shadow: none;
    border-right: none;
}
#writer_list #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last,
#writer_list #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last,
#writer_list #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last,
#writer_list #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4.last,
#writer_list #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5.last,
#writer_list #panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6.last,
#writer_list #panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7.last,
#writer_list #panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8.last,
#writer_list #panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9.last,
#writer_list #panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10.last {
    border-right: 1px solid transparent;
}
#writer_list #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li,
#writer_list #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li,
#writer_list #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li,
#writer_list #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li,
#writer_list #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 + li,
#writer_list #panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 + li,
#writer_list #panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 + li,
#writer_list #panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 + li,
#writer_list #panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9 + li,
#writer_list #panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10 + li {
    border-left: 1px solid #dfdfdf;
}
#writer_list #panel-1-ctrl:checked ~ #panels #panel-1 div,
#writer_list #panel-2-ctrl:checked ~ #panels #panel-2 div,
#writer_list #panel-3-ctrl:checked ~ #panels #panel-3 div,
#writer_list #panel-4-ctrl:checked ~ #panels #panel-4 div,
#writer_list #panel-5-ctrl:checked ~ #panels #panel-5 div,
#writer_list #panel-6-ctrl:checked ~ #panels #panel-6 div,
#writer_list #panel-7-ctrl:checked ~ #panels #panel-7 div,
#writer_list #panel-8-ctrl:checked ~ #panels #panel-8 div,
#writer_list #panel-9-ctrl:checked ~ #panels #panel-9 div,
#writer_list #panel-10-ctrl:checked ~ #panels #panel-10 div {
    max-height: 100%;
    opacity: 1;
    padding: 14px 0 48px;
}
#writer_list ul#tabs-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
      justify-content: center;
  list-style: none;
  margin: 2em 0 0 0;
  padding: 0;
  text-align: center;
}
#writer_list ul#tabs-list li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.75em;
  width: 18%;
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
  border-right: 1px solid #dfdfdf;
  position: relative;
}
#writer_list ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}
#writer_list ul#tabs-list li:hover.last {
  border-right: 1px solid transparent;
}
#writer_list ul#tabs-list li:hover + li {
  border-left: 1px solid #dfdfdf;
}
#writer_list ul#tabs-list li label.panel-label {
  position: relative;
  padding: 25px 0;
  font-size: 0.875em;
}
#writer_list ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #ec7aac;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
#writer_list ul#tabs-list li label.panel-label:hover {
  opacity: 0.9;
}
#writer_list .panel-radios {
  display: none;
}
#writer_list p.to-paneltop {
    border-top: 1px solid #ccc;
}
#writer_list p.to-paneltop a {
    display: block;
    margin: 0;
    padding: 1.5em 1.5em 1.5em 25px;
    color: #666;
    font-size: .8em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1.6;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20version%3d%221%2e1%22%20width%3d%2232%22%20height%3d%2232%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23666666%22%3e%3cpath%20d%3d%22M12%2c22C6%2e48%2c22%202%2c17%2e52%202%2c12C2%2c6%2e48%206%2e48%2c2%2012%2c2C17%2e52%2c2%2022%2c6%2e48%2022%2c12C22%2c17%2e52%2017%2e52%2c22%2012%2c22M17%2c14L12%2c9L7%2c14H17Z%22%2f%3e%3c%2fsvg%3e");
    background-position: right 2em center;
    background-repeat: no-repeat;
    background-size: 20px;
}