@charset "UTF-8";

/*** PERMALINK SITE ***/

/* bcckinfo -left -cente -right  */

#bcck-detail {
  position: relative;
  padding: 26px 0 9px 0;
}

#bcck-detail-left {
  position: relative;
  float: left;
  margin: 10px 0 0 60px;
  width: 230px;
  height: 470px;
}
#bcck-detail-left #left-inner-box {
  width: 230px;
  height: 453px;
  overflow: hidden;
}
#bcck-detail-left h1 {
  margin: 0;
  text-indent: -0.6em;
  color: #727171;
}
#bcck-detail-left h1 a {
  font-size: 100%;
  font-family: "HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  color: #727171;
}
#bcck-detail-left div.bcck-description-box { margin:4px 0 0 0;color:#727171; }
#bcck-detail-left div.bcck-description-box p.user-info { margin-bottom:2px; }
#bcck-detail-left div.bcck-description-box p.user-info a {
/*
  font-size: 108%;
*/
  font-family: "HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","IPA明朝","IPAMincho","ＭＳ 明朝","MS Mincho",serif;
  color: #727171;
}
#bcck-detail-left div.bcck-description-box p.bcck-category {
  float: left;
  margin-right: 14px;
  font-size: 77%;
  line-height: 16px;
}

#bcck-detail-left div.bcck-description-box p.bcck-pubdate,
#bcck-detail-left div.bcck-description-box p.databcck-info {
  font-size: 77%;
  line-height: 16px;
}
#bcck-detail-left div.bcck-description-box p.paperbcck-info,
#bcck-detail-left div.bcck-description-box p.bcck-access-info,
#bcck-detail-left div.bcck-description-box p.bcck-review { font-size:77%;line-height:16px; }
#bcck-detail-left div.bcck-description-box p.bcck-access-info span { font-size:13px;font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;font-weight: bold;}
#bcck-detail-left div.bcck-description-box p.bcck-review span { font-size:13px; }
#bcck-detail-left div.bcck-description-box p.bcck-rating { font-size:93%;line-height:16px; }
#bcck-detail-left div.bcck-description-box p.bcck-rating span {font-size:12px;color:#f08200; }
#bcck-detail-left div.bcck-description-box p.bcck-rating span.off { color:#c9c9ca; }
#bcck-detail-left div.bcck-description-box section h3 {
  font-size: 77%;
  line-height: 18px;
  text-align: justify;
  text-justify: inter-ideograph;
}
#bcck-detail-left div.bcck-description-box section p {
  font-size: 93%;
  line-height: 18px;
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
}
#bcck-detail-left section.read-condition {
  position: absolute;
  bottom: 7px;
  width: 260px;
  height: 28px;
}
#bcck-detail-left section.read-condition ul li { float:left; }

#bcck-detail-left section.read-condition ul li a.unread,
#bcck-detail-left section.read-condition ul li a.now-reaing,
#bcck-detail-left section.read-condition ul li a.readed { font-size:212%;color:#C9C9CA; }

#bcck-detail-left section.read-condition ul li a.unread:hover,
#bcck-detail-left section.read-condition ul li a.now-reaing:hover,
#bcck-detail-left section.read-condition ul li a.readed:hover,
#bcck-detail-left section.read-condition ul li a.unread.selected,
#bcck-detail-left section.read-condition ul li a.now-reaing.selected,
#bcck-detail-left section.read-condition ul li a.readed.selected { font-size:212%;color:#F08300;text-decoration:none; }
#bcck-detail-left section.perm-bcck-description { margin-top:8px; }
#bcck-detail-left section.perm-bcck-description p a { color:#727171;text-decoration:underline; }
#bcck-detail-left section.perm-bcck-description p a:hover { color:#f08300; }
#bcck-detail-left div.more {
  text-align: right;
  bottom: 0;
  margin: 0;
  right: 0;
}
#bcck-detail-left div.more a { color:#f08200;font-size:93%; }

#bcck-detail-center { width:384px;float:left; }
#bcck-detail-center div.thumbnail {
  height: 352px;
  width: 384px;
  text-align: center;
}
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm {
  display: inline-block;
  height: 352px;
  font-size: 0;
  line-height: 352px;
  text-align: center;
  margin: 0 auto;
}
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.h1jacket-perm {
  display: inline-block;
  vertical-align: middle;
  margin: 0 9px 0 0;
  position:relative;
}
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.h1jacket-perm img,
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.spine-perm img {
  vertical-align: middle;
  box-shadow: 4px 4px 8px #BBB;
  -webkitbox-shadow: 4px 4px 8px #BBB;
  -moz-box-shadow: 4px 4px 8px #BBB;
}
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-tofu01Landscape     { height:320px;/*width:80px; height:140px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-bunkoLandscape     { height:320px;/*width:158px; height:224px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-shinshoLandscape   { height:320px;/*width:168px; height:272px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-inch10Landscape    { height:320px;/*width:224px; height:292px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-a5deformeLandscape { height:320px;/*width:211px; height:330px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-postcardLandscape  { height:192px;/*width:200px; height:143px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-cabinetLandscape   { height:202px;/*width:242px; height:173px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-octavoLandscape    { height:202px;/*width:282px; height:202px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.spine-perm {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 24px;
}
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.spine-perm img.tn-tofu01Landscape     { height:320px;/*width:80px; height:140px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.spine-perm img.tn-bunkoLandscape     { height:320px;/*width:158px; height:224px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.spine-perm img.tn-shinshoLandscape   { height:320px;/*width:168px; height:272px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.spine-perm img.tn-inch10Landscape    { height:320px;/*width:224px; height:292px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.spine-perm img.tn-a5deformeLandscape { height:320px;/*width:211px; height:330px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.spine-perm img.tn-postcardLandscape  { height:192px;/*width:200px; height:143px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.spine-perm img.tn-cabinetLandscape   { height:202px;/*width:242px; height:173px;*/ }
#bcck-detail-center div.thumbnail ul.bcck-thumbnail-perm li.spine-perm img.tn-octavoLandscape    { height:202px;/*width:282px; height:202px;*/ }
ul.bcck-perm-icons { display:block;margin-top:4px;height:20px;text-align:center; }
ul.bcck-perm-icons li {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background-image: url("../images/sprites/icons_state.png");
  text-indent:-9999px;
}
ul.bcck-perm-icons li.icon-new      { display:inline-block;background-position:-80px 0; }
ul.bcck-perm-icons li.icon-updated  { display:inline-block;background-position:-20px 0; }
ul.bcck-perm-icons li.icon-own-bcck { display:inline-block;background-position:-100px 0; }
#bcck-detail-center ul.book-read-btns { display:block;margin:5px auto 14px auto;width:191px; }
#bcck-detail-center ul.book-read-btns li { width:191px; }
#bcck-detail-center section.other-socialserv { display:block;text-align:center; }
#bcck-detail-center section.other-socialserv iframe.facebooklike {
  display: inline-block;
  max-width: 118px;
  height: 21px;
  border: none;
  overflow: hidden;
  padding-left: 24px;
}
#bcck-detail-center section.other-socialserv iframe.twittertweet {
  display: inline-block;
  max-width: 116px;
  height: 20px;
}
#bcck-detail-center .book-read-btns li.btn-margin {
  margin-bottom: 1px;
}

#bcck-detail-center .book-read-btns li a {
  display: block;
  width: 191px;
  height: 47px;
  background: url("/global/images/common/bt_19147_01.png") no-repeat -955px 0;
  text-indent: -9999px;
}
#bcck-detail-center a#tooltip-read,
#bcck-detail-center a#tooltip-buy,
#bcck-detail-center a#tooltip-get,
#bcck-detail-center a#tooltip-get-perm {
  background: url("/global/images/common/bt_19147_01.png") no-repeat -955px 0;
}

#bcck-detail-center a#tooltip-read:hover,
#bcck-detail-center a#tooltip-buy:hover,
#bcck-detail-center a#tooltip-get:hover,
#bcck-detail-center a#tooltip-get-perm:hover { background-position: -955px -47px; }
#bcck-detail-center #cannotread { background: url("/global/images/common/bt_19147_01.png")no-repeat -955px -94px;cursor:pointer; }

#bcck-detail-center .book-read-btns li.sample,
#bcck-detail-center .book-read-btns li.nosample { float:left;width:95px; }
#bcck-detail-center .book-read-btns li.epub,
#bcck-detail-center .book-read-btns li.noepub   { float:left;width:95px;margin-left:1px; }

#bcck-detail-center .book-read-btns li a#sample-inactive { width:95px;background: url("/global/images/common/bt_9547_01.png") no-repeat 0 -94px; }
#bcck-detail-center a#sample-perm       { width:95px;background: url("/global/images/common/bt_9547_01.png") no-repeat 0 0; }
#bcck-detail-center a#sample-perm:hover { background-position:0 -47px; }
#bcck-detail-center .book-read-btns li.epub a.epubdl_btn {
  display: block;
  width: 95px;
  height: 47px;
  background: url("/global/images/common/bt_9547_01.png") no-repeat -95px 0;
  text-indent: -9999px;
}
#bcck-detail-center .book-read-btns li.epub a.epubdl_btn:hover { background-position: -95px -47px; }
#bcck-detail-center .book-read-btns li.noepub div {
  display: block;
  width: 95px;
  height: 47px;
  background: url("/global/images/common/bt_9547_01.png") no-repeat -95px -94px;
  text-indent: -9999px;
  cursor: pointer;
}
#bcck-detail-center .book-read-btns li.noepub div.price-epub   { background-position: -95px -94px; }
#bcck-detail-center .book-read-btns li.noepub div.close-epub   { background-position: -190px -94px; }
#bcck-detail-center .book-read-btns li.noepub div.unissue-epub { background-position: -285px -94px; }

#bcck-detail-right { position:relative;width:269px;height:496px;float:left;color:#727171; }
#bcck-detail-right section.h3profile { height:311px;overflow:hidden;margin-right:10px; }
#bcck-detail-right section.h3profile figure { display:block;margin:0;padding:0 0 6px 0;text-align:right; }
#bcck-detail-right section.h3profile figure img { margin:0;padding:0 0 6px 0;max-width:146px;max-height:96px; }
#bcck-detail-right section.h3profile figure figcaption { margin:0;padding:0 0 0 106px;line-height:16px;font-size:93%; }
#bcck-detail-right section.h3profile figure figcaption figcaption { font-size:100%; }
#bcck-detail-right section.h3profile h2 { font-size:93%;padding:0 0 9px 106px;text-align:right; }
#bcck-detail-right section.h3profile p {
  padding: 0 0 0 106px;
  font-size: 12px;
  line-height: 16px;
  text-align: justify;
  text-justify: inter-ideograph;
}
#bcck-detail-right section.h3profile p a { color:#727171;text-decoration:underline; }
#bcck-detail-right section.h3profile p a:hover { color:#f08300; }
#bcck-detail-right div.more { text-align:right;margin:0 10px 0 0; }
#bcck-detail-right div.more a { color:#f08200;font-size:93%; }
#bcck-detail-right div#bcck-buybtns-perm { position:absolute;display:block;width:239px;height:132px;top:357px;right:0;margin:0; }

#bcck-detail-right div#bcck-buybtns-perm #cart-add-screen,
#bcck-detail-right div#bcck-buybtns-perm #cart-add-paper,
#bcck-detail-right div#bcck-buybtns-perm .freebccks { float:right;margin:0 0 1px 0;position:relative;width:191px;height:47px; }

#bcck-detail-right div#bcck-buybtns-perm #cart-add-screen p.ebook-price,
#bcck-detail-right div#bcck-buybtns-perm #cart-add-paper p.pbook-price { position:absolute;top:0;right:7px;font-size:19px;line-height:47px;color:#EEEFEF;text-shadow:1px 1px 2px rgba(0,0,0,0.2);cursor:pointer; }
#bcck-detail-right div#bcck-buybtns-perm #cart-add-screen:hover p.ebook-price,
#bcck-detail-right div#bcck-buybtns-perm #cart-add-paper:hover p.pbook-price { color:#f08200; }
#bcck-detail-right div#bcck-buybtns-perm #cart-add-paper p.pbook-price span { margin-left:2px;font-size:11px; }

#bcck-detail-right div#bcck-buybtns-perm .bcckbuy_btn {
  margin: 0;
  padding: 0;
  width: 32px;
  height: 24px;
  background: url("/global/images/sprites/cart_buttons.png") no-repeat 0 0;
  border: none;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}
#bcck-detail-right div#bcck-buybtns-perm .bcckbuy_btn:hover { background-position: 0 -24px; }
#bcck-detail-right div#bcck-buybtns-perm #cart-add-screen .bcckbuy_btn_ebook {
  margin: 0;
  padding: 0;
  width: 191px;
  height: 47px;
  background: url("/global/images/common/bt_19147_01.png") no-repeat -382px -94px;
  border: none;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  text-indent:-9999px;
}
#bcck-detail-right div#bcck-buybtns-perm #cart-add-screen:hover .bcckbuy_btn_ebook { background-position: -382px -141px }
#bcck-detail-right div#bcck-buybtns-perm #cart-add-paper .bcckbuy_btn_pbook {
  margin: 0;
  padding: 0;
  width: 191px;
  height: 47px;
  background: url("/global/images/common/bt_19147_01.png") no-repeat -764px -94px;
  border: none;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  text-indent:-9999px;
}
#bcck-detail-right div#bcck-buybtns-perm #cart-add-paper:hover .bcckbuy_btn_pbook { background-position: -764px -141px }

#bcck-detail-right div#bcck-buybtns-perm input.bcckread_btn {
  margin: 0;
  padding: 0;
  width: 191px;
  height: 47px;
  background: url("/global/images/common/bt_19147_01.png") no-repeat -573px -94px;
  border: none;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}
#bcck-detail-right div#bcck-buybtns-perm input.bcckread_btn:hover { background-position: -573px -141px; }
#bcck-detail-right div#bcck-buybtns-perm h1#databcck-free {
  font-size: 116%;
  font-family: "HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  text-align: right;
}
#bcck-detail-right div#bcck-buybtns-perm section.message-epub { clear:both; }
#bcck-detail-right div#bcck-buybtns-perm section.message-epub p {
  margin-top:4px;
  float: right;
  font-size: 10px;
  font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","メイリオ",Meiryo,"ＭＳ ゴシック",serif;
}
#bcck-detail-right div#bcck-buybtns-perm p.coupon {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  font-family: "HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
}
#bcck-detail-right div#bcck-buybtns-perm p.coupon a { font-size:100%;color:#f08300; }

/* ballon more info */
.blockUI.blockPage section { min-height:384px;margin:0;padding:0;background-color:#F5F6F6; }
.blockUI.blockPage .bcck-description-box { margin:0;padding:48px 72px;font-size:12px;line-height:1.6em; }
.blockUI.blockPage .bcck-description-box a { font-size:100%;color:#727171;text-decoration:underline; }
.blockUI.blockPage .bcck-description-box a:hover { color:#f08300; }

.blockUI.blockPage section.h3profile { margin:0;padding:48px 72px; }
.blockUI.blockPage section.h3profile figure { display:block;margin:0;padding:0 0 6px 0; }
.blockUI.blockPage section.h3profile figure img { margin:0;padding:0 0 6px 0;height:96px; }
.blockUI.blockPage section.h3profile figure figcaption { margin:0;padding:0;font-size:12px;line-height:1.6em; }
.blockUI.blockPage section.h3profile figure figcaption figcaption { font-size:100%; }
.blockUI.blockPage section.h3profile h2.author { padding:0 0 9px 0;font-size:12px;line-height:1.6em;color:#595757;text-align:justify;text-justify:inter-ideograph; }
.blockUI.blockPage section.h3profile p { padding:0 0 0 0;font-size:12px;line-height:1.6em;text-align:justify;text-justify:inter-ideograph; }
.blockUI.blockPage section.h3profile a { font-size:100%;color:#727171;text-decoration:underline; }
.blockUI.blockPage section.h3profile a:hover { color:#f08300; }

/* related stores */
#related-stores { position:absolute;display:block;z-index:4;top:26px;left:700px;width:40px; }
#related-stores h2 { margin-bottom:5px;font-size:10px;color:#727171; }
#related-stores ul { max-height:320px;overflow:hidden; }
#related-stores ul li a { position:relative;display:block;width:40px;height:40px;line-height:40px;vertical-align:middle;text-align:center; }
#related-stores ul li a div.mask {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(255,255,255, 0.4);
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
}
#related-stores ul li a div.mask:hover { opacity:1; }

/* subcontents permalink blogparts appreader */
#sub-contents { position:relative;display:block;width:960px;height:83px;background-color:#f5f6f6; }

#sub-contents div.blogpermhead { display:block;width:auto;height:83px;margin:0 0 0 19px;float:left;line-height:83px;color:#727171; }
#sub-contents div.blogpermhead p.blogperm { float:left;margin:0px 10px 0 0;height:83px;font-size:12px;line-height:83px; }
#sub-contents div.blogpermhead input { display:inline-block;width:311px;height:18px; }
#sub-contents div.app-btns { float:right;display:block;margin:17px 19px 0 0;width:383px;height:47px; }
#sub-contents div.app-btns #app-open-ios { float:left; }
#sub-contents div.app-btns #app-open-android { margin-left:192px; }
#sub-contents #bcckswidgets { float:right;display:block;margin:17px 19px 0 0;width:95px;height:47px;background: url("/global/images/common/bt_9547_01.png") no-repeat -380px 0;text-indent:-9999px; }
#sub-contents #bcckswidgets:hover { background-position:-380px -47px; }

/* otherworks */
#user-otherworks { position:relative;display:block;width:960px;height:288px;background-color:#d3d3d4; }
#user-otherworks ul.bcck-grids { margin:0 0 0 138px;padding:0;width:720px;height:273px;min-height:200px; }
#user-otherworks ul.bcck-grids li { display:none;margin:0px;float:left;height:276px; }
#user-otherworks #otherworks-head {
  position: absolute;
  display: block;
  width: 67px;
  height: 172px;
  background: url("/global/images/sprites/perm_header.png") no-repeat 0 0;
  text-indent: -9999px;
}
#user-otherworks div.arrow-left-box { position:absolute;top:75px;left:91px;width:22px;height:45px; }
#user-otherworks div.arrow-right-box { position:absolute;top:75px;left:880px; }
#user-otherworks .otherworks-prev {
  display: block;
  float: left;
  width: 22px;
  height: 45px;
  background: url("../images/sprites/flip_arrow.png") no-repeat 0 0;
  text-indent: -9999px;
}
#user-otherworks .otherworks-prev:hover { background-position:0 -45px; }
#user-otherworks .otherworks-prev:active { background-position:0 -90px; }
#user-otherworks .otherworks-next {
  display: block;
  width: 20px;
  height: 45px;
  background: url("../images/sprites/flip_arrow.png") no-repeat -22px 0;
  text-indent: -9999px;
}
#user-otherworks .otherworks-next:hover { background-position:-22px -45px; }
#user-otherworks .otherworks-next:active { background-position:-22px -90px; }
#user-otherworks ul li div.bcck-data { width:135px;text-align:left;margin:0 auto;color:#727171; }
#user-otherworks ul li div.bcck-data h2.bcck-title { margin: 0 0 4px -0.5em; }
#user-otherworks ul li div.bcck-data h2.bcck-title > a:before { content:'『'; }
#user-otherworks ul li div.bcck-data h2.bcck-title > a:after { content:'』'; }

#user-otherworks ul li div.bcck-data h2.bcck-title a.bcck-tn {
  display: inline-block;
  width: auto;
  max-width: 144px;
  max-height: 16px;
  font-size: 93%;
  font-family: "HiraMinPro-W6","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  font-weight: bold;
  line-height: 16px;
  color: #727171;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#user-otherworks ul li div.bcck-data p {
  font-size: 77%;
  line-height: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#user-otherworks ul li div.bcck-data p span.bcck-price {
  font-size: 12px;
  line-height: 16px;
  font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;
  font-weight: bold;
}
#user-otherworks #priced_free_button { position:absolute;left:8px;bottom:0px; }
#user-otherworks #priced_free_button li { width:48px;height:48px;margin-bottom:8px; }
#user-otherworks #priced_free_button a {
  display: block;
  width: 48px;
  height: 48px;
  background: url("/global/images/sprites/priced_free_button.png") no-repeat 0 0;
  text-indent: -9999px;
}
#user-otherworks #priced_free_button #priced_button         { background-position:   0   -48px; }
#user-otherworks #priced_free_button #priced_button:hover,
#user-otherworks #priced_free_button #priced_button.current { background-position:   0     0  ; }
#user-otherworks #priced_free_button #free_button           { background-position: -48px -48px; }
#user-otherworks #priced_free_button #free_button:hover,
#user-otherworks #priced_free_button #free_button.current   { background-position: -48px   0  ; }


/* review */

section.review.clearfix section.review-inner dl dd p.user-info-review { font-size:12px; }
section.review.clearfix section.review-inner dl dd p a { font-size:14px;color:#595757; }
section.review.clearfix section.review-inner dl dd span.starOff { color:#c9c9ca; }
section.review.clearfix section.review-inner dl dd span.starOff span { font-size:11px;color:#595757; }
section.review.clearfix section.review-inner dl dd a.review-edit {
  display: block;
  margin-top: 2px;
  width: 32px;
  height: 32px;
  background: url("/global/images/common/bt_3232_01.png") no-repeat 0 0;
  text-indent: -9999px; }
section.review.clearfix section.review-inner dl dd a.review-edit:hover { background-position:0 -32px; }

section.review.clearfix { position:relative;min-height:172px;margin:0;padding:0;color:#595757; }
section.review.clearfix #reviews-head {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 67px;
  height: 172px;
  min-height: 172px;
  background: url("/global/images/sprites/perm_header.png") no-repeat -67px 0;
  text-indent: -9999px;
}
section.review.clearfix section.review-inner { padding-left:67px; }
section.review.clearfix section.review-inner div.myreview-box { display:block;width:874px;border-bottom:solid 1px #b5b6b6;padding:6px 0 0 0;margin:0; }
section.review.clearfix section.review-inner div.myreview-box div.myreview-box-inner { display:block;width:554px;min-height:102px;float:left; }
section.review.clearfix section.review-inner div.myreview-box div.myreview-box-inner form { position:relative; }
section.review.clearfix section.review-inner div.myreview-box div.myreview-box-inner section.review-box,
section.review.clearfix section.review-inner div.myreview-box div.myreview-box-inner section.value-box { margin-left:86px; }
section.review.clearfix section.review-inner div.myreview-box div.myreview-box-inner p.cannotwrite {
  margin: 41px 0 0 18px;
  font-size: 116%;
  font-family: "HiraMinProN-W3","HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
}
section.review.clearfix div.review-send-box { display:block;width:32px;height:32px;padding:19px 0 0 560px; }
section.review.clearfix section.review-inner div.myreview-box div.myreview-box-inner img { position:absolute;top:0;left:0;display:block;width:48px;height:48px;margin:19px; }
section.review.clearfix section.review-box h1 { margin:1px 0; }
section.review.clearfix section.review-box textarea { width:461px;height:45px;max-width:461px; }
section.review.clearfix #review-dec {
  display: block;
  width: 32px;
  height: 32px;
  background: url("/global/images/sprites/btn_bs_01.png")no-repeat 0 -32px;
  text-indent: -9999px;
}
section.review.clearfix #review-dec:hover { background-position:-32px -32px; }
section.review.clearfix section.value-box { height:29px; }
section.review.clearfix section.value-box h1 { float:left;margin:4px 12px 0 0; }
section.review.clearfix section.review-inner dl { margin:0;padding:9px; }
section.review.clearfix section.review-inner dl dt { display:block;float:left; }
section.review.clearfix section.review-inner dl dt img { width:48px;height:48px;margin:10px; }
section.review.clearfix section.review-inner dl dd { padding:8px 10px 6px 77px;width:784px; }
section.review.clearfix section.review-inner dl dd.tweet {
  background: url("/global/images/common/bg_blue_50.png") repeat 0 0;
}
section.review.clearfix section.review-inner dl dd p.fs12 {
  line-height: 20px;
  font-family: "HiraMinProN-W3","HiraMinProN-W3","HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
}

/*** PERMALINK TABLET ***/

#bcck-detail-center.tablet { width:400px;font-size:0; } /*タブレット表示ではボタンの影響で右に16pxずらす*/
#bcck-detail-center.tablet ul.book-read-btns { margin-right:0;margin-left:16px;float:left; }

#bcck-detail-center.tablet #button-intent { float:left;margin-top:5px;margin-left:1px; }
#bcck-detail-center.tablet #button-intent a {
  display: block;
  width: 191px;
  height: 47px;
  background: url("/global/images/common/bt_19147_01.png") no-repeat -955px -141px;
  text-indent: -9999px;
}
#bcck-detail-center.tablet #button-intent a:hover { background-position: -955px -188px; }
#bcck-detail-center.tablet section.other-socialserv { clear:both; }

#bcck-detail-right.tablet { width:253px; }
#bcck-detail-right.tablet section.h3profile h2 {
  padding: 0 0 9px 90px;
  font-size :93%;
  text-align: right;
}
#bcck-detail-right.tablet section.h3profile p {
  padding: 0 0 0 90px;
  font-size: 93%;
  line-height: 16px;
  text-align: justify;
  text-justify: inter-ideograph;
}
#bcck-detail-right.tablet section.h3profile figure figcaption {
  margin: 0;
  padding: 0 0 0 90px;
  font-size: 93%;
  line-height: 16px;
}

/*** PERMALINK MOBILE ***/

#bcck-thumbnail-mobile {
  margin: 16px 0 12px 0;
  height: 352px;
  text-align: center;
}
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm {
  display: inline-block;
  height: 352px;
  line-height: 352px;
  text-align: center;
  margin: 0 auto;
}
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.h1jacket-perm {
  display: inline-block;
  vertical-align: middle;
  margin: 0 9px 0 0;
  position: relative;
}
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.h1jacket-perm img,
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.spine-perm img {
  box-shadow: 4px 4px 8px #BBB;
  -webkitbox-shadow: 4px 4px 8px #BBB;
  -moz-box-shadow: 4px 4px 8px #BBB;
}
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-tofu01Landscape     { height:320px;/*width:80px; height:140px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-bunkoLandscape     { height:320px;/*width:158px; height:224px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-shinshoLandscape   { height:320px;/*width:168px; height:272px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-inch10Landscape    { height:320px;/*width:224px; height:292px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-a5deformeLandscape { height:320px;/*width:211px; height:330px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-postcardLandscape  { height:192px;/*width:200px; height:143px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-cabinetLandscape   { height:202px;/*width:242px; height:173px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.h1jacket-perm img.tn-octavoLandscape    { height:202px;/*width:282px; height:202px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.spine-perm {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 24px;
}
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.spine-perm img.tn-tofu01Landscape     { height:320px;/*width:80px; height:140px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.spine-perm img.tn-bunkoLandscape     { height:320px;/*width:158px; height:224px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.spine-perm img.tn-shinshoLandscape   { height:320px;/*width:168px; height:272px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.spine-perm img.tn-inch10Landscape    { height:320px;/*width:224px; height:292px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.spine-perm img.tn-a5deformeLandscape { height:320px;/*width:211px; height:330px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.spine-perm img.tn-postcardLandscape  { height:192px;/*width:200px; height:143px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.spine-perm img.tn-cabinetLandscape   { height:202px;/*width:242px; height:173px;*/ }
#bcck-thumbnail-mobile ul.bcck-thumbnail-perm li.spine-perm img.tn-octavoLandscape    { height:202px;/*width:282px; height:202px;*/ }


#readbcck-btns-mobile { margin-bottom:4px; }
#readbcck-btns-mobile li { float:left;width: 192px;height: 64px;background:none; }
#readbcck-btns-mobile li.epub,
#readbcck-btns-mobile li.noepub { margin-left:1px;width:191px; }
#readbcck-btns-mobile li a { display:block;width:192px;height:64px;text-indent:-9999px;background:url("../images/common/bt_19264_01.png") no-repeat 0 0; }
#readbcck-btns-mobile li a#read-mobile:hover,
#readbcck-btns-mobile li a#buy-mobile:hover,
#readbcck-btns-mobile li a#get-mobile:hover { background-position:0 -64px; }
#readbcck-btns-mobile li.paidbcck-inactive-mobile { background:url("../images/common/bt_19264_01.png") no-repeat 0 -128px;margin-bottom:1px; }
#readbcck-btns-mobile li a#sample-mobile          { background-position: -192px   0  ; }
#readbcck-btns-mobile li a#sample-mobile:hover    { background-position: -192px -64px; }
#readbcck-btns-mobile li a#sample-inactive-mobile { background-position: -192px -128px; }
#readbcck-btns-mobile li.epub a.epubdl_btn        { background-position: -576px   0  ;width:191px; }
#readbcck-btns-mobile li.epub a.epubdl_btn:hover  { background-position: -576px -64px;width:191px; }
#readbcck-btns-mobile li.noepub div               { display:block;width:191px;height:64px;text-indent:-9999px;background:url("../images/common/bt_19264_01.png") no-repeat -576px -128px; }
#readbcck-btns-mobile li.noepub div.close-epub    { background-position: -767px   0  ; }
#readbcck-btns-mobile li.noepub div.unissue-epub  { background-position: -767px -64px; }
#readbcck-btns-mobile #button-intent { display:block;margin: 0 0 1px 1px;width:191px; }
#readbcck-btns-mobile #button-intent a { display:block;width:191px;height:64px;background: url("/global/images/common/bt_19264_01.png") no-repeat -384px 0;text-indent:-9999px; }
#readbcck-btns-mobile #button-intent a:hover { background-position:-384px -64px; }

ul li input#usecoupon { border:none;width:144px;height:64px;background:url("../images/sprites/tooltip_sprites_01.png") no-repeat -288px -320px;text-indent:-9999px; }
ul li input#usecoupon:hover { background-position:-288px -384px; }

#bcck-detail-mobile { margin:28px 19px 19px 19px;color:#727171; }
#bcck-detail-mobile h1 { margin-bottom:9px;text-indent:-0.6em; }
#bcck-detail-mobile h1 a {
  font-size: 100%;
  font-family: "HiraMinProN-W3","HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  color: #727171;
}
#bcck-detail-mobile div.bcck-description-box {
  margin-bottom: 13px;
  color: #727171;
}
#bcck-detail-mobile div.bcck-description-box p.user-info { margin-bottom:9px; }
#bcck-detail-mobile div.bcck-description-box p.user-info a,
#bcck-detail-mobile div.bcck-description-box p.user-info span.author-name {
  font-size: 153.9%;
  font-family: "HiraMinProN-W3","HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","IPA明朝","IPAMincho","ＭＳ 明朝","MS Mincho",serif;
  color: #727171;
}

#bcck-detail-mobile div.bcck-description-box p.bcck-category { float:left;font-size:123.1%;line-height:22px;margin-right:14px; }
#bcck-detail-mobile div.bcck-description-box p.bcck-pubdate,
#bcck-detail-mobile div.bcck-description-box p.databcck-info,
#bcck-detail-mobile div.bcck-description-box p.paperbcck-info,
#bcck-detail-mobile div.bcck-description-box p.bcck-access-info,
#bcck-detail-mobile div.bcck-description-box p.bcck-review,
#bcck-detail-mobile div.bcck-description-box p.bcck-rating {
  font-size: 123.1%;
  line-height: 22px;
}
#bcck-detail-mobile div.bcck-description-box p.bcck-access-info span {
  font-size: 21px;
  font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;
  font-weight: bold;
}
#bcck-detail-mobile div.bcck-description-box p.bcck-review span {
  font-size: 21px;
}
#bcck-detail-mobile div.bcck-description-box p.bcck-rating span {
  font-size: 100%;
  color: #f08200;
}
#bcck-detail-mobile div.bcck-description-box p.bcck-rating span.off { color:#c9caca; }

#bcck-buybtns-mobile { margin:0;color:#727171; }
#bcck-buybtns-mobile div { width:298px;height:48px; }
#bcck-buybtns-mobile div h1 { float:left;margin-top:15px; }
#bcck-buybtns-mobile div p { font-size:31px;text-align:right;margin:7px 9px 0 0; }
#bcck-buybtns-mobile div p.price_epub { font-size:18px;margin-top:2px; }

#bcck-buybtns-mobile #cart-add-screen .bcckbuy_btn_ebook {
  margin: 0;
  padding: 0;
  width: 384px;
  height: 64px;
  background: url("/global/images/common/bt_38464_01.png") no-repeat 0 0;
  border: none;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}
#bcck-buybtns-mobile #cart-add-screen:hover .bcckbuy_btn_ebook { background-position: 0 -64px }
#bcck-buybtns-mobile #cart-add-paper .bcckbuy_btn_pbook {
  margin: 0;
  padding: 0;
  width: 384px;
  height: 64px;
  background: url("/global/images/common/bt_38464_01.png") no-repeat 0 -128px;
  border: none;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}
#bcck-buybtns-mobile #cart-add-paper:hover .bcckbuy_btn_pbook { background-position: 0 -192px }

#bcck-buybtns-mobile .freebccks { margin:0 0 1px 0;position:relative;display:block;width:384px;height:64px; }
#bcck-buybtns-mobile #cart-add-screen { position:relative;margin-bottom:1px; }
#bcck-buybtns-mobile #cart-add-paper { position:relative; }

#bcck-buybtns-mobile #cart-add-screen p.ebook-price,
#bcck-buybtns-mobile #cart-add-paper p.pbook-price { position:absolute;top:0;right:37px;font-size:32px;line-height:64px;color:#EEEFEF;text-shadow:1px 1px 2px rgba(0,0,0,0.2);cursor:pointer; }
#bcck-buybtns-mobile #cart-add-screen:hover p.ebook-price,
#bcck-buybtns-mobile #cart-add-paper:hover p.pbook-price { color:#f08200; }
#bcck-buybtns-mobile #cart-add-screen p.ebook-price span,
#bcck-buybtns-mobile #cart-add-paper p.pbook-price span { margin-left:2px;font-size:19px; }

#bcck-buybtns-mobile .freebccks input.bcckread_btn {
  margin: 0;
  padding: 0;
  width: 384px;
  height: 64px;
  background: url("/global/images/common/bt_38464_01.png") no-repeat -384px 0;
  border: none;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}
#bcck-buybtns-mobile .freebccks input.bcckread_btn:hover { background-position:-384px -64px;}

#bcck-buybtns-mobile section.message-epub { margin:6px 0 0 19px; }
#bcck-buybtns-mobile section.message-epub p { font-size:15px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif; }
#bcck-buybtns-mobile .coupon { margin:12px 0 0 19px;font-size:20px;font-family:HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif; }
#bcck-buybtns-mobile .coupon a { font-size:100%;color:#f08300; }

#bcck-description-mobile { margin: 0 10px 0 10px;width:364px;border-top:solid 1px #b5b6b6;color:#727171; }
#bcck-description-mobile h2 { margin:18px 9px 17px 9px; }
#bcck-description-mobile p { margin: 0 9px 22px 9px;line-height:22px;overflow:hidden; }
#bcck-description-mobile p a { font-size:100%;color:#727171;text-decoration:underline; }

#authordata-mobile { border-top:solid 1px #B5B6B6;width:364px;margin:0 10px 0 10px;color:#727171; }
#authordata-mobile h2 { margin:18px 9px 17px 9px; }
#authordata-mobile section.h3profile { margin:0 9px 22px 9px; }
#authordata-mobile section.h3profile figure { display:block;float:left;margin:0 12px 10px 0;padding:0;width:96px;height:96px;  }
#authordata-mobile section.h3profile figure img { margin:0;padding:0;max-height:96px;max-width:96px;  }
#authordata-mobile section.h3profile figure figcaption { margin:0;padding:0;line-height:22px;font-size:123.1%;width:0px;height:0px;overflow:hidden; }
#authordata-mobile section.h3profile figure figcaption figcaption { margin:0;padding:0;line-height:22px;font-size:100%;width:0px;height:0px;overflow:hidden; }
#authordata-mobile section.h3profile h2.author { line-height:22px;font-size:123.1%;padding:0; }
#authordata-mobile section.h3profile p { padding:0;line-height:22px;font-size:123.1%; }

#perm-mobile {
  width: 364px;
  height: 63px;
  padding: 12px 10px;
  background-color: #f5f6f6;
  color: #727171;
  overflow: hidden;
}
#perm-mobile input { width:96%;height:20px;margin:0; }
#perm-mobile h2 { clear:both;margin-bottom:9px;font-size:16px; }

#review-mobile { color: #727171; }
#review-mobile h2.fs24 { margin:18px 0 17px 19px; }
#review-mobile div.review-send-box { display:block;width:48px;height:48px;padding:0;margin:0 0 0 295px; }
#review-mobile #review-dec {
  display: block;
  margin-top: 6px;
  width: 48px;
  height: 48px;
  background: url("/global/images/sprites/bcck_setting_button_mobile.png")no-repeat 0 0;
  text-indent: -9999px;
}
#review-mobile #review-dec:hover { background-position:0 -48px; }
#review-mobile section.review-inner { padding:0 10px; }
#review-mobile section.review-inner div.myreview-box { display:block;border-bottom:solid 1px #c9caca;margin:0;padding:0; }
#review-mobile section.review-inner div.myreview-box div.myreview-box-inner { display:block;margin:0 9px; }
#review-mobile section.review-inner div.myreview-box div.myreview-box-inner p.cannotwrite {
  margin: 41px 0;
  font-size: 116%;
  font-family: "HiraMinProN-W3","HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
}
#review-mobile section.review-inner div.myreview-box div.myreview-box-inner img { width:48px;height:48px;margin:0 9px 0 0; }

#review-mobile section.review-box h1 { margin:0;padding:25px 0 0 0; }
#review-mobile section.review-box textarea { width:336px;height:83px;margin:9px 0 0 0; }
#review-mobile section.review-inner dl { margin:19px 0 0 0;padding:0; }
#review-mobile section.review-inner dl dt { display:block;float:left; }
#review-mobile section.review-inner dl dt img { width:48px;height:48px;margin:0 9px; }
#review-mobile section.review-inner dl dd { padding:0 0 22px 77px; }
#review-mobile section.review-inner dl dd.tweet {
  background: url("/global/images/common/bg_blue_50.png") 0 0;
  background-repeat: repeat;
}
#review-mobile section.review-inner dl dd.non-review { padding:0 0 22px 9px; }
#review-mobile section.review-inner dl dd.non-review p {
  font-size: 116%;
  font-family: "HiraMinProN-W3","HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
}
#review-mobile section.review-inner dl dd p.fs16 {
  padding: 0;
  font-family:"HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  line-height: 22px;
}
#review-mobile section.review-inner dl dd p a { font-size:100%;color:#727171; }
#review-mobile section.review-inner dl dd span.starOff { font-size:100%;color:#c9c9ca; }
#review-mobile section.review-inner dl dd span.starOff span { font-size:85%;color:#727171; }
#review-mobile section.review-inner dl dd a.review-edit {
  display: block;
  margin: 2px 0 0 223px;
  width: 48px;
  height: 48px;
  background: url("/global/images/sprites/bcck_setting_button_mobile.png") no-repeat -48px 0;
  text-indent: -9999px;
}
#review-mobile section.review-inner dl dd a.review-edit:hover { background-position:-48px -48px; }

/* EDIT */

#edit {
  position: relative;
  height: 64px;
  background-color: #d3d3d4;
}
#edit ul.buttons li.edit-button a { margin:16px 3px 0 538px; }
#edit ul.buttons li.pay-set-button a { margin-top:16px; }
#edit ul.buttons li.copy-button a { margin-top:16px; }
#edit ul.buttons li.delete-button a { margin-top:16px; }
#edit ul.buttons li.create-paperbcck-button a { margin-top:16px; }
#edit ul.buttons li.preview-paperbcck-button a { float:left;margin:16px 0 0 0; }

.create-entry {
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background-color: #323232;
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#323232), to(#a0a0a0));
  background: -moz-linear-gradient(0% 100% 0deg, #323232, #a0a0a0);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.75) inset,-1px -1px 1px 0px rgba(0,0,0,0.75) inset;
  font-size: 14px;
  line-height: 33px;
  color: #fff;
  z-index: 50;
}
.create-entry:hover {
  opacity: 1;
  font-family: inherit;
  color: #F08300;
  text-decoration: none;
}

/* promotion */

#promo-bcck {
  position: relative;
  padding: 13px 48px;
  color: #727171;
  background-color: #e6e6e6;
}
#promo-bcck div.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 32px;/* ボタンサイズより小さくしない */
  z-index: 8;
  cursor: move;
}
#promo-bcck:hover div.cover {
  background: white;
  opacity: 0.8;
}
#promo-bcck h2 {
  margin-bottom: 6px;
  font-size: 18px;
  font-family: "HiraMinProN-W3","HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  line-height: 27px;
}
#promo-bcck p {
  font-size: 13px;
  line-height: 18px;
}

div.entry-source {
  overflow: hidden;
  width: 1px;
  height: 1px;
}

#permalink-promotion {
  padding: 21px 48px;
  width: 864px;
  background-color: #EEEFEF;
}
#permalink-promotion h1 { color:#4C4949;line-height:27px; }
#permalink-promotion p.date { color:#4C4949;line-height:16px; }
#permalink-promotion p.texts { color:#4C4949;line-height:18px; }
#permalink-promotion img.yoko { margin:48px 12px 0 0; }
#permalink-promotion p.bottom-caption {
  width: 456px;
  margin: 0;
  padding-top: 32px;
  font-size: 10px;
  line-height: 14px;
  color: #808080;
}
#permalink-promotion div.tate-box {
  display: block;
  width: 864px;
  height: 560px;
}
#permalink-promotion img.tate {
  float: left;
  display: block;
  margin:48px 12px 0 0;
  width: 351px;
  height: 512px;
}
#permalink-promotion p.right-caption {
  width: 640px;
  margin: 0;
  padding-top: 48px;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0em;
  color: #808080;
}

/*** RECCOMEND BCCK BALLOON ***/
#recommends-bcck {
  padding: 0 0 24px 0;
}
#recommends-bcck h1 {
  margin: 28px 0 0 0;
  font-size: 18px;
  font-family: "HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  font-weight: normal;
  color: #595757;
  text-align: center;
}
#recommends-bcck > h2 {
  margin: 24px 0 0 0;
  font-size: 14px;
  color: #727171;
  text-align: center;
}
ul.bcck-grids-recommends {
  margin-left: 0px;
  width: 576px;
  height: 268px;
  font-size: 0;
  text-align: center;
}
ul.bcck-grids-recommends > li {
  position: relative;
  display: inline-block;
  width: 144px;
  height: auto;
  line-height: 192px;
  text-align: center;
  vertical-align: top;
}
ul.bcck-grids-recommends > li a img {
  max-width: 140px;
  max-height: 165px;
  vertical-align: middle;
  box-shadow: 4px 4px 8px #BBB;
  -webkit-box-shadow: 4px 4px 8px #BBB;
  -moz-box-shadow: 4px 4px 8px #BBB;
}
ul.bcck-grids-recommends > li a img:hover {
  border: none;
  box-shadow: 4px 4px 8px #FFA366;
  -webkit-box-shadow: 4px 4px 8px #FFA366;
  -moz-box-shadow: 4px 4px 8px #FFA366;
}
ul.bcck-grids-recommends > li a img.tn-tofu01Landscape     { /*width:40px;*/  height:70px; }
ul.bcck-grids-recommends > li a img.tn-bunkoLandscape     { /*width:79px;*/  height:112px; }
ul.bcck-grids-recommends > li a img.tn-shinshoLandscape   { /*width:84px;*/  height:136px; }
ul.bcck-grids-recommends > li a img.tn-inch10Landscape    { /*width:112px;*/ height:146px; }
ul.bcck-grids-recommends > li a img.tn-a5deformeLandscape { /*width:105px;*/ height:165px; }
ul.bcck-grids-recommends > li a img.tn-postcardLandscape  { width:100px;  /*height:71px;*/ }
ul.bcck-grids-recommends > li a img.tn-cabinetLandscape   { width:120px;  /*height:86px;*/ }
ul.bcck-grids-recommends > li a img.tn-octavoLandscape    { width:140px; /*height:100px;*/ }

ul.bcck-grids-recommends .bcck-data {
  width: 120px;
  text-align: left;
  margin: 0 auto;
  color: #9fa0a0;
}

ul.bcck-grids-recommends .bcck-data h2.bcck-title {
  margin: 0 0 2px 0;
  color: #727171;
  text-align: center;
}

ul.bcck-grids-recommends .bcck-data h2.bcck-title a {
  display: inline-block;
  width: auto;
  width: 100%;
  max-height: 16px;
  font-size: 93%;
  font-family: "HiraMinPro-W6","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  font-weight: bold;
  line-height: 16px;
  color: #727171;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

ul.bcck-grids-recommends .bcck-data p {
  font-size: 77%;
  line-height: 1.3em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

ul.bcck-grids-recommends .bcck-data p span.bcck-price {
  font-size: 12px;
  line-height: 16px;
  font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;
  font-weight: bold;

}

/*** DISTRIBUTION LINK ***/

#distributeInfo-wrapper > ul {
  margin: 0px 0 0px 102px;
}
#distributeInfo-wrapper > ul > li {
  margin: 5px 9px 5px 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  display: block;
  float: left;
  width: 132px;
  height: 48px;
  background-image: url(/global/images/common/distribute_stores.png);
  background-size: 396px 480px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
}
#distributeInfo-wrapper > ul > li > a {
  display: block;
  width: 132px;
  height: 48px;
}
#distributeInfo-wrapper > ul:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
}
#distributeInfo-wrapper > ul > li.bookwalker {
  background-position: center 0px;
}
#distributeInfo-wrapper > ul > li.bookwalker.notsale {
  background-position: right 0px;
}
#distributeInfo-wrapper > ul > li.bookwalker:hover {
  background-position: left 0px;
  cursor: pointer;
}
#distributeInfo-wrapper > ul > li.kobo {
  background-position: center -48px;
}
#distributeInfo-wrapper > ul > li.kobo.notsale {
  background-position: right -48px;
}
#distributeInfo-wrapper > ul > li.kobo:hover {
  background-position: left -48px;
  cursor: pointer;
}
#distributeInfo-wrapper > ul > li.kindle {
  background-position: center -96px;
}
#distributeInfo-wrapper > ul > li.kindle.notsale {
  background-position: right -96px;
}
#distributeInfo-wrapper > ul > li.kindle:hover {
  background-position: left -96px;
  cursor: pointer;
}
#distributeInfo-wrapper > ul > li.ibooksstore {
  background-position: center -144px;
}
#distributeInfo-wrapper > ul > li.ibooksstore.notsale {
  background-position: right -144px;
}
#distributeInfo-wrapper > ul > li.ibooksstore:hover {
  background-position: left -144px;
  cursor: pointer;
}
#distributeInfo-wrapper > ul > li.readerstore {
  background-position: center -192px;
}
#distributeInfo-wrapper > ul > li.readerstore.notsale {
  background-position: right -192px;
}
#distributeInfo-wrapper > ul > li.readerstore:hover {
  background-position: left -192px;
  cursor: pointer;
}
#distributeInfo-wrapper > ul > li.bookpass {
  background-position: center -240px;
}
#distributeInfo-wrapper > ul > li.bookpass.notsale {
  background-position: right -240px;
}
#distributeInfo-wrapper > ul > li.bookpass:hover {
  background-position: left -240px;
  cursor: pointer;
}
#distributeInfo-wrapper > ul > li.booklive {
  background-position: center -288px;
}
#distributeInfo-wrapper > ul > li.booklive.notsale {
  background-position: right -288px;
}
#distributeInfo-wrapper > ul > li.booklive:hover {
  background-position: left -288px;
  cursor: pointer;
}
#distributeInfo-wrapper > ul > li.kinoppy {
  background-position: center -336px;
}
#distributeInfo-wrapper > ul > li.kinoppy.notsale {
  background-position: right -336px;
}
#distributeInfo-wrapper > ul > li.kinoppy:hover {
  background-position: left -336px;
  cursor: pointer;
}
#distributeInfo-wrapper > ul > li.ebookjapan {
  background-position: center -384px;
}
#distributeInfo-wrapper > ul > li.ebookjapan.notsale {
  background-position: right -384px;
}
#distributeInfo-wrapper > ul > li.ebookjapan:hover {
  background-position: left -384px;
  cursor: pointer;
}
#distributeInfo-wrapper>ul>li.honto{background-position:center -432px}#distributeInfo-wrapper>ul>li.honto.notsale{background-position:right -432px}#distributeInfo-wrapper>ul>li.honto:hover{background-position:left -432px;cursor:pointer}

#distributeInfo-wrapper {
  display: none;
  position: relative;
  padding: 15px 0;
}
#distributeInfo-wrapper > p {
  position: absolute;
  top: 50%;
  left: 19px;
  font-size: 12px;
  display: block;
  color: #727171;
  margin-top: -12px;
}

@media screen and (max-width: 480px) {
  #distributeInfo-wrapper {
    text-align: center;
  }
  #distributeInfo-wrapper > p {
    display: none;
  }
  #distributeInfo-wrapper > ul {
    margin: 10px auto;
    width: 282px;
  }
}
/* otherworksEdit TKSG */

#user-otherworks {
  position: relative;
  height: 304px;
}

#user-otherworks ul.bcck-grids {
  height: 289px;
}

#user-otherworks ul.bcck-grids li {
  height: 292px;
}

#user-otherworks #otherworks-head {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

#user-otherworks .otherworks-prev {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

#user-otherworks .otherworks-next {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

#user-otherworks ul li div.bcck-data {
  width: 135px;
  text-align: left;
  margin: 0 auto;
  color: #727171;
}

#user-otherworks ul li div.bcck-data h2.bcck-title {
  margin: 0 0 4px 0;
  min-height: 32px;
}

#user-otherworks ul li div.bcck-data h2.bcck-title > a:before,
#user-otherworks ul li div.bcck-data h2.bcck-title > a:after {
  content: none;
}

#user-otherworks ul li div.bcck-data h2.bcck-title a.bcck-tn {
  display: inherit;
  width: auto;
  max-width: none;
  max-height: none;
  text-overflow: inherit;
  overflow: visible;
  white-space: normal;
}

/* add for clamp */

#bcck-detail-left h1 span {
  font-family: "HiraMinPro-W3","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',serif;
  font-size: 100%;
  color: #727171;
}

#user-otherworks {
position: relative;
height: 304px;
}

#user-otherworks ul.bcck-grids {
height: 289px;
}

#user-otherworks ul.bcck-grids li {
height: 292px;
}

#user-otherworks #otherworks-head {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

#user-otherworks .otherworks-prev {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

#user-otherworks .otherworks-next {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

#user-otherworks ul li div.bcck-data {
width: 135px;
text-align: left;
margin: 0 auto;
color: #727171;
}

#user-otherworks ul li div.bcck-data h2.bcck-title {
margin: 0 0 4px 0;
min-height: 32px;
}

#user-otherworks ul li div.bcck-data h2.bcck-title > a:before,
#user-otherworks ul li div.bcck-data h2.bcck-title > a:after {
content: none;
}

#user-otherworks ul li div.bcck-data h2.bcck-title a.bcck-tn {
display: inherit;
width: auto;
max-width: none;
max-height: none;
text-overflow: inherit;
overflow: visible;
white-space: normal;
}
/* /add for clamp */