@charset "utf-8";

#bk-purchase ul li a{background: url(/common/images/v1/common/btns.png?rd=201910251700) no-repeat; display:block; overflow: hidden;}/*購入ボタン*/
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx)  {
  /* -- ▼全体で使う画像Retina版▼ -- */
  #bk-purchase ul li a{/*購入ボタン*/
  	background: url(/common/images/v1/common/btns2x.png?rd=201910251700) no-repeat; display:block;
    -webkit-background-size: 1295px 600px;
    -moz-background-size: 1295px 600px;
    -o-background-size: 1295px 600px;
    background-size: 1295px 600px;
    overflow: hidden;
  }
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通スタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
.common-wp{padding:37px 0 40px; width:290px;}
.common-wp h2.title{margin-bottom:23px; text-indent:-1110em; height:32px;}
p.common-book-list{font-size:1rem; margin-bottom:15px;}
p.common-book-list a{font-size:0.875em;}
.common-line{padding-top:34px;}
.movie{position: relative;
max-width: 100%;
padding-top: 56.25%;}
.movie iframe{position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;}

/*-----▼表紙まわり▼-------------*/
#bk-detail .common-wp{padding:20px 0 40px;}
.common-bk-detail .classified{display:none;}/*スマホ＆sTablletで非表示*/
.classified{border-bottom:dotted 1px #a0a0a0; padding-bottom:9px; height:23px;margin-bottom:23px;}
.classified h5{font-size:1.125em; line-height:17px; font-weight:bold; float:left;}
.classified ul{float:right;}
.classified ul li{float:left; font-weight:normal; margin-left:20px; padding-left:30px; line-height:23px;}
.classified ul li:first-child{margin:0;}
.classified ul li a{background:none;}
.classified ul li.tankoubon{background-position:-760px -209px;}
.classified ul li.bunko{background-position:-760px -234px;}
.classified ul li.ebook{background-position:-760px -259px;}
.classified ul li.shinsho{background-position:-760px -334px;}
.cover-wp{text-align:center; margin:0 auto 22px; width:210px;}
.cover-wp img{margin:0 auto 10px; border:solid 1px #dcdcdc; width:176px;}
.cover-wp a.browsing{display:block; border:solid 10px #e6e6e6; margin:0 auto; color:#055f96; font-weight:bold;}
.cover-wp a.browsing p{
  display:block; padding:9px 0 0 27px; height:31px;
  -moz-box-shadow: 1px 1px 0 #dcdcdc;
  -webkit-box-shadow: 1px 1px 0 #dcdcdc;
  text-align:left;
  line-height:23px;
}
.cover-wp a.browsing p span{background-position: -760px -284px; width:23px; height:23px; text-indent:-1110em; float:left; margin-right:7px;}

.common-bk-detail{margin-bottom:30px;}
.common-bk-detail h3{font-size:0.94em; color:#6e6e6e;}
.common-bk-detail h1 span.title{font-size:2.125rem; line-height:1.2; margin-bottom:5px;font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif
}
.common-bk-detail h1 span.prefix,.common-bk-detail h1 span.suffix{display:block; font-size:1.3em; padding:4px 0;}

/*他の巻を見る*/
.common-bk-detail .other-list-link{position:relative;}
.common-bk-detail .other-list-link a{display:block; margin-bottom:10px;}
.common-bk-detail ul.other-list{
  position: relative; background: #ffffff; border: 1px solid #dcdcdc; 
  display:inline-block; padding:13px 12px 13px 12px;
  -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color='#ededed', Direction=180, Strength=10);/*IE8*/
  /*filter: progid:DXImageTransform.Microsoft.Shadow(Color='#dedede', Direction=180, Strength=10);*//*IE7以下*/
}
/*吹き出し*/
.common-bk-detail .other-list-link .fukidashi{position:absolute; top:33px; left:0; z-index:100;}
.common-bk-detail ul.other-list:after, 
.common-bk-detail ul.other-list:before{
  bottom: 100%; border: solid transparent; 
  content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.common-bk-detail ul.other-list:after {
  border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; 
  border-width: 10px; margin-left: -10px;
}
.common-bk-detail ul.other-list:before {
  border-color: rgba(220, 220, 220, 0); 
  border-bottom-color: #dcdcdc; border-width: 11px; margin-left: -11px;
}
/*吹き出し位置*/
.common-bk-detail ul.other-list:after, .common-bk-detail ul.other-list:before{left:45px;}

.common-bk-detail ul.other-list li{display:inline-block; margin-left:9px; font-size:0.625em; text-align:center;}
.common-bk-detail ul.other-list li:first-child{margin:0;}
.common-bk-detail ul.other-list li a, .common-bk-detail ul.other-list li.active span{display:block; padding:10px 8px 0;}
.common-bk-detail ul.other-list li a:active, 
.common-bk-detail ul.other-list li a:hover, 
.common-bk-detail ul.other-list li.active span{background-color:#dcdcdc;}
.common-bk-detail ul.other-list li img{display:block; margin-bottom:5px; height:65px;}

.common-bk-detail h2{font-size:21px; margin-bottom:10px;}
.common-bk-detail h2.author-name ruby rt{display:none;}
.common-bk-detail ul.price li{font-size:0.94rem; margin-bottom:8px;}
.common-bk-detail ul.price li.genre{margin-bottom:22px;}
.common-bk-detail ul.price li.awards{margin-bottom:0;font-weight:bold; color:#7c6f32; font-size:17px;}
.common-bk-detail ul.price li.awards:last-child{margin-bottom:22px;}
.common-bk-detail ul.price li span{float:left; display:block; line-height:1;}
.common-bk-detail ul.price li span.block{color:#666; width:80px;}

ul.btn-stock{margin-bottom:20px;}
ul.btn-stock li:first-child{margin-bottom:10px;}
ul.btn-stock li a{display:block; font-weight:bold; width:290px; height:40px; background-color:#055f96; font-size:0.875em; line-height:40px; position:relative; color:#fff; text-align:center; text-decoration:none;}
ul.btn-stock li a span{
  position:absolute; right:19px; top:14px;
  width:12px; height:12px;
  background-position:-760px -33px; text-indent:-1110em;
}
ul.btn-stock li a:hover{background-color:#0f82c8;}
ul.btn-stock li a:hover span{background-position:-782px -33px;}

ul#bk-social-pc.bk-social{display:none;}
ul.bk-social li{float:left; margin-right:10px;background:none;line-height:1;}
ul.bk-social li a{display:block; width:30px; height:30px;}
ul.bk-social li a.bk-tw{background-position:-760px 0;text-indent:-1110em;} ul.bk-social li a.bk-tw:hover{background-position:-880px 0;}
ul.bk-social li a.bk-fb{background-position:-790px 0;text-indent:-1110em;} ul.bk-social li a.bk-fb:hover{background-position:-910px 0;}
ul.bk-social li a.bk-google{background-position:-820px 0;text-indent:-1110em;} ul.bk-social li a.bk-google:hover{background-position:-940px 0;}
ul.bk-social li a.bk-hatena{background-position:-850px 0;text-indent:-1110em;} ul.bk-social li a.bk-hatena:hover{background-position:-970px 0;}
ul.bk-social li a.bk-line{background:none;}

/*-----▼作品紹介▼-------------*/
#bk-introduction h2.title{background-position:0 -209px; width:145px;}
#bk-introduction, #bk-stock, #bk-comment {
  border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; 
  background: url(/common/images/v1/common/introduction-bg.png) repeat;
}
#bk-introduction .common-wp{padding:37px 0 40px;}
#bk-introduction h3{font-size:21px; margin-bottom:10px;}
#bk-introduction p.note{font-size:17px; margin-bottom:30px;}
#bk-introduction .notehtml-area{margin-bottom:30px;}

#bk-introduction dl dt{
  display:block; background-color:#2c2c2c; width:250px; height:21px; color:#fff; margin-bottom:1px;
  line-height:14px; font-weight:bold;
  padding:11px 20px 2px 20px;cursor:pointer;
  position:relative;
}
#bk-introduction dl dt span{float:right; position:absolute; background-position:-832px -33px; right:20px; top:12px; text-indent:-1110em; width:13px; height:13px;}
#bk-introduction dl dt.active span{float:right; position:absolute; background-position:-862px -33px;}
#bk-introduction dl dd{display:none;}
#bk-introduction dl dd {padding:20px 0 40px;} #bk-introduction dl dd.page-data{padding:20px 0 0;}

ul.ex-link{margin-bottom:20px;}
ul.ex-link li{
  padding-left:25px; margin-bottom:6px;
  background-image:url(/common/images/v1/common/external.png);
  background-repeat:no-repeat;
  background-size:14px 14px;
  -webkit-background-size:14px 14px;
  -moz-background-size:14px 14px;
  background-position:0 3px;
  line-height:1.4;
}
ul.ex-link li a{font-size:1em; letter-spacing:-1px; background:none; display:inline;}
ul.ex-link li span small{color:#b4b4b4; margin:0 5px;}
p.ex{text-align:right; color:#828282; font-size:0.75rem; line-height:12px;}

#bk-introduction dl dd table{border-collapse:collapse; text-align:left; width:100%;}
#bk-introduction dl dd table tr{background-color:#fff;}#bk-introduction dl dd table tr:nth-child(2n){background-color:#f5f5f5;}
#bk-introduction dl dd table th{padding:5px 0 5px 15px; width:145px;}
#bk-introduction dl dd table td{padding:5px 0;}
/*-----▼追加HTML▼-------------*/
.notehtml-area .fluid-width-video-wrapper{ margin-bottom:5%;}

.notehtml-area .sp_banner{text-align: center; margin-bottom:5%; }
.notehtml-area .sp_banner img{max-width: 538px;width: 100%;}

/*-----▼著者▼-------------*/

#bk-author h2.title{background-position:0 -249px; width:91px;}
#bk-author .common-wp{padding:37px 0 40px;}
#bk-author .author{margin-top:40px;}
#bk-author .author:first-child{margin:0;}
#bk-author .author h3{font-size:1.375em; margin-bottom:25px;}
#bk-author .author h3 span{font-size:0.875em; margin-left:14px;}
/*#bk-author .author p{margin-bottom:25px;}*/
#bk-author .author a.bk-atuhor-searchbook{
  display:block; float:right; text-align:center; padding:8px 0 0; 
  width:145px; height:22px; 
  color:#fff; background-color:#055f96; line-height:14px; letter-spacing:-1px;
}
#bk-author .author .author-books{display:none;}

/*-----▼書店在庫▼-------------*/
#bk-stock h2.title{background-position:0 -289px; width:144px;}
#bk-stock p{margin-bottom:20px;}

/*-----▼購入する▼-------------*/
#bk-purchase h2.title{background-position:0 -329px; width:132px;}
#bk-purchase .tab-bk-section{position:relative;}
#bk-purchase ul{margin-bottom:15px;}
#bk-purchase ul li{margin:0 0 10px 10px; float:left;}
#bk-purchase ul li:nth-child(2n+1){margin:0 0 10px 0;}
#bk-purchase ul li a{display:block; width:140px; height:50px; text-indent:-1100em;}
/*--ボタン--*/
#bk-purchase ul li.amazon a{background-position:0 -414px;}
#bk-purchase ul li.kindle a{background-position:-150px -414px;}
#bk-purchase ul li.rakutenk a{background-position:-300px -414px;}
#bk-purchase ul li.rakutenb a{background-position:-450px -414px;}
#bk-purchase ul li.sven a{background-position:-600px -414px;}
#bk-purchase ul li.ehon a{background-position:-750px -414px;}
#bk-purchase ul li.booklive a{background-position:-900px -414px;}
#bk-purchase ul li.honto a{background-position:0 -473px;}
#bk-purchase ul li.kinoppy a{background-position:-150px -473px;}
#bk-purchase ul li.kinokuniya a{background-position:-300px -473px;}
#bk-purchase ul li.reader a{background-position:-450px -473px;}
#bk-purchase ul li.bookservice a{background-position:-600px -473px;}
#bk-purchase ul li.junkudo a{background-position:-750px -473px;}
#bk-purchase ul li.galapagos a{background-position:-900px -473px;}
#bk-purchase ul li.ibook a{background-position:0 -532px;}
#bk-purchase ul li.tsutaya a{background-position:-150px -532px;}
#bk-purchase ul li.honyaclub a{background-position:-300px -532px;}
#bk-purchase ul li.ogaki a{background-position:-450px -532px;}

/*-----▼感想を送る▼-------------*/
#bk-comment h2.title{background-position:0 -369px; width:160px;}
#bk-comment p.text{margin-bottom:30px;}
#bk-comment .common-line{text-align:center;}
#bk-comment .btn-comment-st{
  position:relative; color:#fff; font-size:0.875em; display:block; text-align:left; border:none;
  margin:0 auto; background-color:#055f96; font-weight:bold; height:40px; line-height:40px; cursor:pointer;
}
#bk-comment .btn-comment-st:hover{background-color:#0f82c8;}
#bk-comment #show-form-voice.btn-comment-st{padding:0 0 0 30px; width:115px;}
#bk-comment #commit.btn-comment-st{padding:0 0 0 38px; width:145px; height:40px; line-height:1; margin-top:24px;}
#bk-comment .btn-comment-st span, #commit-pc span{position:absolute; top:13px; width:10px; height:14px; text-indent:-1110em;}
#bk-comment #show-form-voice.btn-comment-st.btn-comment-st span,
#bk-comment #commit.btn-comment-st span, #commit-pc span{
  right:18px;
  background-position:-946px -33px;
}
#bk-comment #back-voice .btn-comment-st{padding:0 0 0 68px; width:77px;}
#bk-comment #back-voice .btn-comment-st span, #bk-comment #back-voice-pc .btn-comment-st span{left:19px; background-position:-975px -33px;}

#bk-comment #voice-pc{display:none;}
#bk-comment form#form-voice{text-align:left;}
#bk-comment form#form-voice p label{line-height:1; margin-bottom:10px;}
#bk-comment form#form-voice p span{color:#828282; margin-left:5px;}
#bk-comment form#form-voice p span.requ{color:#d20000; margin-left:15px;}
#bk-comment form#form-voice input.name, 
#bk-comment form#form-voice input.mail,
#bk-comment form#form-voice input.age,
#bk-comment form#form-voice textarea{border-radius:0; webkit-border-radius:0; vertical-align:middle; -webkit-appearance:none; border:none; margin-bottom:15px;}
#bk-comment form#form-voice .opinion{width:290px; height:120px; resize:none;}
#bk-comment form#form-voice .name, #bk-comment form#form-voice .mail{width:254px;height:25px;}
#bk-comment form#form-voice .age{width:59px;height:25px; margin-right:13px;}
#bk-comment form#form-voice input#male, #bk-comment form#form-voice input#female{cursor:pointer; margin:0; padding:0; vertical-align:middle;}
#bk-comment form#form-voice label.label{cursor:pointer; line-height:1; padding:0 40px 0 3px; vertical-align:middle;}

.back-to-voice p{font-weight:bold; margin-bottom:45px;}

/*-----▼関連書籍▼-------------*/
#bk-relation{background: url(/common/images/v1/common/relation-bg.png) repeat; /*margin-bottom:37px;*/}
#bk-relation p.common-book-list, #bk-relation p.common-book-list a, #bk-relation .books-slider ul li a p {color:#fff;}
#bk-relation .books-slider-wp span.slider-left{background-position:-660px -374px;}
#bk-relation .books-slider-wp span.slider-left.still{background-position:-660px -484px;}
#bk-relation .books-slider-wp span.slider-left:hover{background-position:-660px -429px;}
#bk-relation .books-slider-wp span.slider-right{background-position:-702px -374px;}
#bk-relation .books-slider-wp span.slider-right.still{background-position:-702px -484px;}
#bk-relation .books-slider-wp span.slider-right:hover{background-position:-702px -429px;}
 
/*#bk-relation .books-slider ul{height:225px;}*/
#bk-relation .books-slider ul li a p span{color:#a0a0a0; display:block; margin-top:7px;}
.pc-cate-booklist{display:none;}

/*-----▼プロモーション▼-------------*/
 #bk-promotion .common-wp{padding:60px 0 0 0;width:auto;}
 #bk-promotion h2{width:320px;height:22px;margin:0 auto;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;background:url(/common/images/v1/common/bk-promotion-title.png) no-repeat;background-size:320px;height:22px;}
 #bk-promotion .dl-btns{margin:30px auto;}
 #bk-promotion .dl-btns::after{content:"";display:block;clear:both;}
 #bk-promotion .dl-btns div{width:46%;min-height:160px;}
 #bk-promotion .dl-btns div:first-child{float:left;}
 #bk-promotion .dl-btns div:last-child{float:right;}
 #bk-promotion .dl-btns.single div{float:none;margin:auto;}
 #bk-promotion .dl-btns div a{display:block;border:solid 3px #ed1c23;box-sizing:border-box;;color:#ed1c23;background-color:#fff;text-align:center;font-size:0.75em;line-height:1.2;}
 #bk-promotion .dl-btns div a:hover{text-decoration:none;}
 #bk-promotion .dl-btns div a span{display:block;}
 #bk-promotion .dl-btns .cover a{background-image:url(/common/images/v1/common/ico_cover.png);background-repeat:no-repeat;background-position:center 15px;background-size:60px 60px;-webkit-background-size:60px 60px;-moz-background-size:60px 60px;padding:100px 0 10px 0;}
 #bk-promotion .dl-btns .release a{background-image:url(/common/images/v1/common/ico_document.png);background-repeat:no-repeat;background-position:center 15px;background-size:60px 60px;-webkit-background-size:60px 60px;-moz-background-size:60px 60px;padding:100px 0 10px 0;}
 #bk-promotion .mail{margin:15px auto;font-size:2em;text-align:center;font-weight:bold;}
 #bk-promotion .notice{background-color:#e6e6e6;padding:.7em;border:dotted 1px #b5b5b5;}
 #bk-promotion .notice p{margin-bottom:.5em;}
 
 @media screen and (max-width: 320px) {
  #bk-promotion h2{width:280px;height:19px;margin:0 auto;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;background:url(/common/images/v1/common/bk-promotion-title.png) no-repeat;background-size:280px;height:19px;}
  #bk-promotion .mail{font-size:1.7em;}
 }

/*-------▼ランキング▼----------------*/
#contents #common-ranking{margin-top:37px;}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  スモールタブレット（480px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 480px) {
 .common-wp, ul.btn-stock li a{width:450px;}
 /*--▼作品紹介▼--*/
 #bk-introduction dl dt{width:410px;}
 ul.ex-link li{background-position:0 3px;}
 
 /*--▼購入する▼--*/
 #bk-purchase ul li:nth-child(2n+1){margin:0 0 10px 10px;}
 #bk-purchase ul li:nth-child(3n+1){margin:0 0 10px 0;}
 
 /*-----▼感想を送る▼-------------*/
 #bk-comment form#form-voice .opinion{width:450px;}
 
 /*--▼関連書籍▼--*/
 /*#bk-relation .books-slider ul{height:250px;}*/
 
 /*-----▼プロモーション▼-------------*/
 #bk-promotion .dl-btns div{width:48%;}

}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  タブレット（768px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 768px) {
 #st-classified{display:none;}
 .common-wp{width:708px;}
 .cover-wp{margin:0; width:192px; float:left;}
 .cover-wp a.browsing{margin:0;}.cover-wp a.browsing p{padding:9px 0 0 17px; -moz-box-shadow: 1px 1px 0 #dcdcdc; -webkit-box-shadow: 1px 1px 0 #dcdcdc;}
 .common-bk-detail{float:right; width:466px; margin-bottom:40px;}
 .common-bk-detail .classified{display:block; padding-top:10px;}
 
 ul.btn-stock li{float:left;}
 ul.btn-stock li:first-child{margin:0 20px 0 0;}
 ul.btn-stock li a{display:block; width:223px; height:40px; background-color:#055f96; color:#fff;}
 
 /*--▼作品紹介▼--*/
 /*#bk-introduction .common-wp{padding:47px 0 40px;}*/
 .common-wp h2.title{float:left;}
 .tab-bk-section{float:right; width:508px; margin-bottom:;}
 #bk-introduction dl dt{display:inline-block; width:auto; cursor:text;}
 #bk-introduction dl dt span{display:none;}
 #bk-introduction dl dd{display:block;}
 
 ul.ex-link li{background-position:0 3px;}
 ul.ex-link li a{letter-spacing:normal; display:inline;}
 
 /*--▼著者▼--*/
 #bk-author .author h3{font-size:25px; font-weight:normal;}
 
 /*--▼購入する▼--*/
 #bk-purchase ul{margin:0;}
 #bk-purchase ul li, #bk-purchase ul li{margin:0 0 20px 20px;}
 #bk-purchase ul li:nth-child(2n+1){margin:0 0 20px 20px;}
 #bk-purchase ul li:nth-child(3n+1){margin:0 0 20px 0;}
 #bk-purchase ul li a{width:156px; height:50px;}
 #bk-purchase .tab-bk-section p.ex{position:absolute; right:0; bottom:0; font-size:0.8em;}
 /*--ボタン--*/
 #bk-purchase ul li.amazon a{background-position:0 -207px;}
 #bk-purchase ul li.kindle a{background-position:-166px -207px;}
 #bk-purchase ul li.rakutenk a{background-position:-332px -207px;}
 #bk-purchase ul li.rakutenb a{background-position:-498px -207px;}
 #bk-purchase ul li.sven a{background-position:-664px -207px;}
 #bk-purchase ul li.ehon a{background-position:-830px -207px;}
 #bk-purchase ul li.booklive a{background-position:-996px -207px;}
 #bk-purchase ul li.honto a{background-position:0 -276px;}
 #bk-purchase ul li.kinoppy a{background-position:-166px -276px;}
 #bk-purchase ul li.kinokuniya a{background-position:-332px -276px;}
 #bk-purchase ul li.reader a{background-position:-498px -276px;}
 #bk-purchase ul li.bookservice a{background-position:-664px -276px;}
 #bk-purchase ul li.junkudo a{background-position:-830px -276px;}
 #bk-purchase ul li.galapagos a{background-position:-996px -276px;}
 #bk-purchase ul li.ibook a{background-position:0 -345px;}
 #bk-purchase ul li.tsutaya a{background-position:-166px -345px;}
 #bk-purchase ul li.honyaclub a{background-position:-332px -345px;}
 #bk-purchase ul li.ogaki a{background-position:-498px -345px;}
 
 /*--▼関連書籍▼--*/
 /*#bk-relation .books-slider ul{height:213px;}*/
 
 /*-----▼プロモーション▼-------------*/
 #bk-promotion{background:#fff;}
 #bk-promotion .common-wp{padding:60px 0;width:880px;}
 #bk-promotion h2{width:379px;height:26px;margin:0 auto;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;background:url(/common/images/v1/common/bk-promotion-title.png) no-repeat;}
 #bk-promotion .dl-btns{margin:60px auto;}
 #bk-promotion .dl-btns::after{content:"";display:block;clear:both;}
 #bk-promotion .dl-btns div{min-height:initial;}
 #bk-promotion .dl-btns div:first-child{float:left;}
 #bk-promotion .dl-btns div:last-child{float:right;}
 #bk-promotion .dl-btns.single div{float:none;margin:auto;}
 #bk-promotion .dl-btns div a{display:block;border:solid 3px #ed1c23;width:420px;height:82px;box-sizing:border-box;line-height:82px;color:#ed1c23;background-image:none;font-size:1em;}
 #bk-promotion .dl-btns div a:hover{text-decoration:none;}
 #bk-promotion .dl-btns div a span{font-weight:bold;font-size:26px;margin-right:10px;display:inline;}
 #bk-promotion .dl-btns .cover a,
 #bk-promotion .dl-btns .release a{background-image:none;padding:0;}
 #bk-promotion .dl-btns .cover a span{background:url(/common/images/v1/common/ico_cover.png) no-repeat 0;background-size:36px 36px;-webkit-background-size:36px 36px;-moz-background-size:36px 36px;padding:3px 0 3px 40px;}
 #bk-promotion .dl-btns .release a span{background:url(/common/images/v1/common/ico_document.png) no-repeat 10px;background-size:36px 36px;-webkit-background-size:36px 36px;-moz-background-size:36px 36px;padding:3px 0 3px 50px;}
 #bk-promotion p{text-align:center;}
 #bk-promotion .mail{text-align:center;margin-top:20px;}
 #bk-promotion .mail a{font-size:30px;font-weight:bold;}
 #bk-promotion .mail a:hover{text-decoration:none;}
 #bk-promotion .notice{margin-top:60px;background-color:#e6e6e6;text-align:center;padding:25px 60px;}
 #bk-promotion .notice a{display:block;margin-top:16px;}
 
}

/*width:auto;の解除が後述でできないのでタブレットより小さいものだけにwidth:auto!important;をつける*/
/*Retina切り替えだとiPad（Retina）にも利いてしまうため*/
@media only screen and (max-width: 1023px)  {
  #bk-introduction .notehtml-area .figure,
  #bk-introduction .notehtml-area .figure-right,
  #bk-introduction .notehtml-area .figure-left,
  #bk-introduction .notehtml-area .figure-center{width:auto !important;}
  #bk-introduction .notehtml-area .figure img{width:100%;vertical-align:bottom;}
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  パソコン（1024px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 1024px) {
 .common-wp, .ranking-wp{width:880px;}
 #bk-detail .common-wp{padding:0 0 60px;}
 .common-line{padding-top:40px;}
 p.common-book-list{margin-bottom:20px;}
 .cover-wp{text-align:center; margin:0 auto 22px; width:240px;}
 .cover-wp img{width:240px;}
 .cover-wp a.browsing p{font-size:1em; padding:14px 0 0 33px; height:36px; -moz-box-shadow: 1px 1px 0 #dcdcdc; -webkit-box-shadow: 1px 1px 0 #dcdcdc;}
 
 .common-bk-detail{float:right; width:563px;}
 .common-bk-detail .classified{display:block; padding-top:5px;}
 ul#bk-social-st.bk-social{display:none;}
 ul#bk-social-pc.bk-social{display:block;}
 
 /*--▼作品紹介▼--*/
 /*#bk-introduction .common-wp{padding:47px 0 60px;}*/
 .tab-bk-section{float:right; width:665px;}
 #bk-introduction dl dt{font-size:0.94rem; line-height:15px;}
 /*他の巻をみる*/
 .common-bk-detail ul.other-list li{font-size:0.75em;}
 .common-bk-detail ul.other-list li a, .common-bk-detail ul.other-list li.active span{padding:11px 11px 3px;}
 .common-bk-detail ul.other-list li img{height:80px;}
 
 /*--▼著者▼--*/
 #bk-author .author a.bk-atuhor-searchbook{display:none;}
 #bk-author .author .author-books{display:block;}
 #bk-author .books-slider{width:615px;}
 /*#bk-author .books-slider ul{height:209px;}*/
 #bk-author .books-slider ul li{width:123px;}
 #bk-author .books-slider ul li img{height:105px;}
 #bk-author .books-slider-wp span.slider-left,#bk-author .books-slider-wp span.slider-right{margin-top:54px;}
 
 /*--▼購入する▼--*/
 #bk-purchase ul li a{width:207px; height:60px;}
 /*--ボタン--*/
 #bk-purchase ul li.amazon a{background-position:0 0;}
 #bk-purchase ul li.kindle a{background-position:-217px 0;}
 #bk-purchase ul li.rakutenk a{background-position:-434px 0;}
 #bk-purchase ul li.rakutenb a{background-position:-651px 0;}
 #bk-purchase ul li.sven a{background-position:-868px 0;}
 #bk-purchase ul li.ehon a{background-position:0 -69px;}
 #bk-purchase ul li.booklive a{background-position:-217px -69px;}
 #bk-purchase ul li.honto a{background-position:-434px -69px;}
 #bk-purchase ul li.kinoppy a{background-position:-651px -69px;}
 #bk-purchase ul li.kinokuniya a{background-position:-868px -69px;}
 #bk-purchase ul li.reader a{background-position:0 -138px;}
 #bk-purchase ul li.bookservice a{background-position:-217px -138px;}
 #bk-purchase ul li.junkudo a{background-position:-434px -138px;}
 #bk-purchase ul li.galapagos a{background-position:-651px -138px;}
 #bk-purchase ul li.ibook a{background-position:-868px -138px;}
 #bk-purchase ul li.tsutaya a{background-position:-1085px -138px;}
 #bk-purchase ul li.honyaclub a{background-position:-1085px -69px;}
 #bk-purchase ul li.ogaki a{background-position:-1085px 0;}
 
 /*--▼感想を送る▼--*/
 
 #bk-comment p{margin-bottom:40px;}
 /*#bk-comment a.btn-comment-st{display:none;}*/
 #bk-comment #voice{display:none;}
 #bk-comment #voice-pc{display:block;}
 #bk-comment form#form-voice-pc{text-align:left; font-size:0.875em !important; line-height:1.2 !important; display:block;}
 #bk-comment form#form-voice-pc table{width:100%;}
 #bk-comment form#form-voice-pc table th,#bk-comment form table td{padding-bottom:20px; vertical-align:top;}
 #bk-comment form#form-voice-pc table th{width:186px; font-weight:normal;}
 #bk-comment form#form-voice-pc table th span{font-size:0.75em; color:#828282;}
 #bk-comment form table th span.requ{display:block; color:#d20000!important; margin-top:3px;}
 #bk-comment form#form-voice-pc table td textarea{width:479px; height:162px; border:none; resize:none;}
 #bk-comment form#form-voice-pc table td input.name, #bk-comment form table td input.mail{width:255px; height:32px; border:none;}
 #bk-comment form#form-voice-pc table td input.age{border:none; width:59px; height:32px; margin-right:10px;}
 #bk-comment form#form-voice-pc input#male, #bk-comment input#female{cursor:pointer; margin:0; padding:0; vertical-align:middle;}
 #bk-comment form#form-voice-pc label.label{cursor:pointer; line-height:1; padding:0 40px 0 3px; vertical-align:middle;}
 #bk-comment form#form-voice-pc button#commit-pc{position:relative; width:271px; height:50px; background-color:#055f96; border:none; color:#fff; font-size:1em; font-weight:bold;}
 #bk-comment form#form-voice-pc button#commit-pc span{top:18px; right:18px;}
 #bk-comment #back-voice-pc .btn-comment-st{padding:0 0 0 88px; width:103px; line-height:50px; height:50px;}
 #bk-comment #back-voice-pc .btn-comment-st span{left:19px; top:18px;}
 
 /*--▼関連書籍▼--*/
 .books-relation-list{
 		background-image: url(/common/images/v1/common/common-line2.png) ;
 		background-repeat:repeat-x; background-position:bottom left;
 		padding-bottom:23px; 
 		margin-bottom:20px;
 	}
 .pc-cate-booklist{display:block;}
 
 /*--▼セールスランキング▼--*/
 #common-ranking .ranking-cate,
 #common-ranking .common-wp .ranking-cate.odd,
 #common-ranking .common-wp .ranking-cate.even{float:left;}/*他のデバイスの打ち消し*/
 #common-ranking .ranking-cate{width:205px; margin-left:20px;}
 #common-ranking .ranking-wp .ranking-cate:first-of-type{margin:0;}
 #common-ranking .ranking-cate ul li a.rank-img{padding:0;display:block; text-align:center;}
 #common-ranking .ranking-cate ul li a.rank-img img{margin:0 auto; border:solid 1px #dcdcdc; height:200px;}
 
}