@charset "utf-8";

/*#yanyo{position:absolute; top:0; left:0; padding:10px; background-color:#333; color:#fff;}*/
/* clearfix */

.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
*{word-break: break-all;}

.sprite, .sprite a {background: url(/common/images/v1/common/sprite-v2.png) no-repeat; display:block; overflow: hidden;}
header nav ul li a, #slide-menu ul li a{background: url(/common/images/v1/common/sitenavi.png) no-repeat; display:block; overflow: hidden;}/*サイトナビ*/
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx)  {
  /* -- ▼全体で使う画像Retina版▼ -- */
  .sprite, .sprite a{
    background: url(/common/images/v1/common/sprite-v2@2x.png) no-repeat; display:block;
    -webkit-background-size: 1066px 750px;
    -moz-background-size: 1066px 750px;
    -o-background-size: 1066px 750px;
    background-size: 1066px 750px;
    /*white-space: nowrap;*/ overflow: hidden;
  }
  header nav ul li a, #slide-menu ul li a{/*サイトナビ*/
  	background: url(/common/images/v1/common/sitenavi2x.png) no-repeat; display:block;
    -webkit-background-size: 1471px 760px;
    -moz-background-size: 1471px 760px;
    -o-background-size: 1471px 760px;
    background-size: 1471px 760px;
    overflow: hidden;
  }
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定スタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
body {
font-family:"Noto Sans JP", sans-serif;
  -webkit-text-size-adjust:none;/*スマホを横画面にしても文字を自動調整させない*/
  -webkit-font-smoothing: antialiased
}
body,html{
  width:100%;
  margin:0;
  padding:0;
  font-size:1em;
  line-height:1.6;
  background-color:#f7f7f7;
  list-style:none;
  color:#4e4645;
}
a{color:#055f96;text-decoration:none;}

/********▼header▼**********************/
header{
  text-align:center;
  padding:0;text-align:left;
}
header a{color:#000;}
header h1.logo,
header a.logo{
  width:224px; height:38px; 
  text-indent:-1110em; 
  display:block; 
  background-position:0 0;
  margin:15px auto;
}
header .siteinfo{display:none;}
header #pc-section{display:none;}/*PC版非表示*/


/* ナビゲーション */
nav a{color:#000;}
nav .nav-menu{padding:0 15px;float:right;cursor:pointer; }
nav .nav-menu .icon{
  color:#fff;
  background-image:url(/common/images/v1/common/sp-nav-menu.png);
  background-repeat:no-repeat;
  background-position:50%;
  background-size:16px 40px;
  -webkit-background-size:16px 40px;
  -moz-background-size:16px 40px;
  background-color:#2c2c2c;
  height:40px;
  width:40px;
  line-height:40px;
  display:block;
  padding:0;
  text-indent:100%;
  overflow:hidden;
  white-space:nowrap;
  border-left:solid 1px #424242;
  border-right:solid 1px #1f1f1f;
}
nav .nav-menu .nav-menu-wrap{display:inline-block;border-right:solid 1px #424242;border-left:solid 1px #1f1f1f;float:right;}

nav .section-inner{border:solid 1px #dcdcdc;margin:0 15px;display:none;}
nav .section-inner li{border-bottom:solid 1px #dcdcdc;}
nav .section-inner ul#st-nav li:last-child{border-bottom:none;}
nav .section-inner ul#st-nav li:last-child a{ background: none;}
nav .section-inner ul#st-nav li:first-child{border-bottom:solid 1px #dcdcdc;}
nav .section-inner ul#st-nav li:nth-child(2){border-bottom:solid 1px #dcdcdc;}
nav .section-inner li.pc-nav-genre a.on, nav .section-inner li.pc-nav-home a.on{background-image:url(/common/images/v1/common/nav-arrow-downx2.png);background-repeat:no-repeat;background-size:14px 8px;-webkit-background-size:14px 8px;-moz-background-size:14px 8px;background-position:95% 50%;}
nav .section-inner li.pc-nav-genre a:hover.on, nav .section-inner li.pc-nav-home a:hover.on{background-image:url(/common/images/v1/common/nav-arrow-upx2.png);}
nav .section-inner li a{display:block;text-align:center;height:40px;line-height:40px;background-color:#fff;}
nav .section-inner li a:hover{background-color:#055f96;color:#fff;}
nav .section-inner dl{display:none;}
nav .section-inner dd{font-size:.8em;}
nav .section-inner dd a:hover{color:#055f96;background-color:#fff;}




/*navi 202012追記*/
.section-inner{width:90%;max-width: 1000px; margin: 0 auto;}
nav .section-inner{margin: 0 auto;width:100% ;max-width:994px;margin: 20px auto 0;border:none}
nav .section-inner li.pc-nav-home{width:auto}
nav .section-inner li.pc-nav-home a{padding:inherit}
nav .section-inner li.pc-nav-genre,
nav .section-inner li:last-child{position:relative;}
nav .section-inner li:last-child a{background:#D07046}
nav .section-inner li dd a{line-height: inherit;height:30px}

@media only screen and (min-width: 480px) {

}
@media only screen and (min-width:768px) and ( max-width:1024px){
nav .section-inner li {  width: auto;float: inherit}
nav .section-inner li:nth-child(odd){border-right:none}
}
@media only screen and (min-width: 1024px){
nav .section-inner ul{overflow: inherit;display: flex}
nav .section-inner{margin: 0 auto}
nav .section-inner li.pc-nav-genre,
nav .section-inner li:nth-child(odd),
nav .section-inner li{width:16.667%}
nav .section-inner li.pc-nav-genre a:hover.on, 
nav .section-inner li.pc-nav-home a:hover.on,
nav .section-inner li.pc-nav-genre a.on, 
nav .section-inner li.pc-nav-home a.on{background-position: 88% 52%;padding:0;text-align: center}
nav .section-inner li.pc-nav-genre dl{right:0}
nav .section-inner li.pc-nav-genre a:hover,
nav .section-inner li a:hover,
nav .section-inner li.active a{color: #000;background-color: #fff;text-decoration: none;}
nav .section-inner li:last-child a:hover{color: #D07046}
nav .section-inner li dd a{line-height:40px;height:40px}
}














/*検索*/
.b_search_btn{display: inline-block;border: 1px solid #ccc;height: 38px;vertical-align: top;line-height: 2.8em;width: 120px;text-align: center;font-size:0.875em;margin:20px auto 0; background:#055f96;}
.b_search_btn a{color:#FFF;}
.b_search_btn a:hover{text-decoration:none}
#nav {background: linear-gradient(#2C2C2B 40px, #fff 40px);}


#search-box .b_search_btn{display: none;}
#nav .b_search_btn{display:inline-block; margin:0;border-left: solid 1px #424242; border-right: solid 1px #1f1f1f;  border-top: solid 1px #424242; border-bottom: solid 1px #1f1f1f;}

#search-box{padding:20px 15px;/*background-color:#f0f0f0;*/}
.input-box{width:100%;overflow:hidden;box-sizing:border-box;position:relative;}
.input-box input{float:left;vertical-align:top;}
.input-box input[type="text"],
.input-box input[type="search"]{ width:80%;  border:solid 1px #bbb; padding:0 0 0 8px;color:#333; border-radius:0; -webkit-appearance:none;  -moz-appearance:none;  box-sizing:border-box;  line-height:40px;  height:40px;
}
.input-box input[type="text"]{
height:40px!important;
}
@media only screen and (min-width: 768px){
.input-box input[type="text"]{
width: calc(100% - 130px)!important;
}
}


.input-box input[type="submit"]{
  background-image:url(/common/images/v1/common/search-btn.png);
  background-repeat:no-repeat;
 	background-position:center;
 	background-size:29px 14px;
 	-moz-background-size:29px 14px;
 	-webkit-background-size:29px 14px;
 	border-style: none;
 	width:20%; 
    cursor: pointer; 
    margin: 0; 
    text-indent:-1110em;
    border-radius:0;
    -webkit-border-radius:0;
    -webkit-appearance:none;
  -moz-appearance:none;
    background-color:#2c2c2c;
    box-sizing:border-box;
  line-height:40px;
  height:40px;
}
.keyword-text.focus{border:solid 1px #055F96;}
.keyword-btn:hover{background-color:#055f96;}

.select-box{margin-top:8px;}
.search-subject{font-size:.8em;}

select#id-select-l{
  webkit-border-radius:0;
  -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
#id-select-l{
  font-size:1em;
  padding:5px 15px 5px 5px;
  background-image:url(/common/images/v1/common/search-icon03.png);
  background-repeat:no-repeat;
  background-size:8px 6px;
  -webkit-background-size:8px 6px;
  -moz-background-size:8px 6px;
  background-position:95% 50%;
  background-color:#dcdcdc;
  border-style:none;
  -webkit-border-radius:0;
}
#id-select-l option{background-color:#fff;padding:5px 0;border-bottom:1px solid #dcdcdc;appearance:none;}






/******▼contents▼****************/
#contents .common-article{ font-size:0.875em;margin:0 auto;}
.common-wp, .ranking-wp{margin:0 auto;}
.common-line{padding-top:4px; clear:both;}

/*書籍詳細検索用*/
#contents #search{ margin:0 auto 20px;}
.book_search h3{border-left: 5px solid #055f96;font-size:30px;padding-left: 10px;}
.book_search .input-box {width:100%;margin-bottom: 20px;}
.book_search dt{ padding: 8px; font-weight: bold;}
.book_search dd{overflow:hidden;}
.book_search .input-box input{width: 100%;}

#contents #search-box{display:none}


.ClassCode{display: inline-block; width:35%;vertical-align: top;}
.GenreCode{display: inline-block;}
.num_ym{display:block}
#search div.fold{display:block;margin:3% 0}
#search .num_ym .fold input{border: #ddd 1px solid; line-height:2em; width:30%;margin:0 1% 2% 0;}

#search p strong{border-left: 5px solid #055f96;font-size:1.125em;margin-bottom: 20px;padding-left: 10px;}
#search .button{text-align: center;margin-top: 30px;}
#search .button .keyword-btn{background: #055f96;color: #fff;width:65%;border:1px solid #aaa ;font-size:0.875em;line-height:2.8em;height: 40px;}
#search .button .keyword-btn:hover{cursor: pointer;background:#0675b9;}
#search .button .release{width: 30%;border: 1px solid #aaa;font-size:0.875em;height: 40px;margin: 0 2% 0 0;text-align: center;line-height: 2.8em;float: initial;display: inline-block;}




/*-----▼お知らせ▼-----*/
#top-info{background: url(/common/images/v1/common/introduction-bg.png) repeat 0 0; border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;}
#top-info .common-wp{padding-top:20px;width:90%; margin:0 auto}
#top-info .common-wp p.common-book-list{padding-bottom:10px;}
#top-info ul{margin-bottom:5px;}
#top-info ul li{border-top:dotted 1px #a0a0a0; padding:12px 0 10px; font-size:0.85rem; line-height:1.6;}
#top-info ul li a{display:block;display: inline-flex;}
#top-info ul li span{ color:#000;display: inline-flex;/*min-width: 65px;*/margin-right: 10px;}
#top-info ul li p{display: flex;}
#top-info ul li p a:hover{text-decoration:underline;}
 



 /*カテゴリ別色表記*/

#top-latest ul li .text .sales,
#top-latest ul li .text .event,
#top-latest ul li .text .info,
#top-latest ul li .text .information,
#top-latest ul li .text .news,
#top-latest ul li .text .series,
#top-latest ul li .text .special,
#top-latest ul li .text .review,
#top-latest ul li .text .outset,
#top-latest ul li .text .feature,
#top-latest ul li .text .interview,
#top-latest ul li .text .koukousei,
#top-latest ul li .text .bessatsu-bungeishunju,
#top-latest ul li .text .columnessay,
#top-info ul li span.sales,
#top-info ul li span.event,
#top-info ul li span.info,
#top-info ul li span.news,
#top-info ul li span.series,
#top-info ul li span.special,
#top-info ul li span.review,
#top-info ul li span.outset,
#top-info ul li span.feature,
#top-info ul li span.interview,
#top-info ul li span.koukousei,
#top-info ul li span.bessatsu-bungeishunju,
#top-info ul li span.mystery-ch,
#top-info ul li span.columnessay{display:inline-block;　color:#fff; margin-bottom:6px;line-height:1;padding:4px 6px;border-radius:4px;font-size:0.72rem;}



#top-info ul li span.event,
#top-info ul li span.sales{min-width: auto;}


#top-info ul li span.info, #top-latest ul li .text .info{ background:#729a04;color: #FFF!important;}

#top-info ul li span.sales,#top-latest ul li .text .sales{ background:#2b61bb;color: #FFF!important;}

#top-info ul li span.event,#top-latest ul li .text .event{ background:#be323b;color: #FFF!important;}

#top-info ul li span.info,#top-latest ul li .text .info{ background:#729a04;border-left:none;color: #FFF!important;}

#top-info ul li span.news,#top-latest ul li .text .news{ background:#6440a0;color: #FFF!important;}

#top-info ul li span.series,#top-latest ul li .text .series{ border:1px solid #000;color:#222;background:#fff;color: #FFF!important;}

#top-info ul li span.special,#top-latest ul li .text .special{ background:#000;color: #FFF!important;}

#top-info ul li span.review,#top-latest ul li .text .review{ background:#FF6B35;color: #FFF!important;}

#top-info ul li span.columnessay,#top-latest ul li .text .columnessay{background:#BD6856;color: #FFF!important;}

#top-info ul li span.feature,#top-latest ul li .text .feature{ background:#A40E4C;color: #FFF!important;}

#top-info ul li span.interview,#top-latest ul li .text .interview{background:#09796b;color: #FFF!important;}

#top-info ul li span.bessatsu-bungeishunju,#top-latest ul li .text .bessatsu-bungeishunju{background:#5dcc1e;color: #FFF!important;}

#top-info ul li span.koukousei,#top-latest ul li .text .koukousei{background:#39A1DA;color: #FFF!important;}

#top-info ul li span.outset,#top-latest ul li .text .outset{ background:#ff9c00;color: #FFF!important;}
#top-info ul li span.mystery-ch,#top-latest ul li .text .mystery-ch{ background:#5e535d;color: #FFF!important;}




/******▼footer▼******************/
#page-bottom{text-align:right;}
#page-bottom a{
  width:32px; height:32px;
  background-position: -670px -25px;
  text-indent:1110em;
  float:right; position:fixed; bottom:20px; right:20px;
  margin-right:20px; color:#2c2c2c;
}
#page-bottom a:hover, #page-bottom a:active{background-position: -702px -25px; }
footer{background: url(/common/images/v1/common/footer-bg.png) repeat; padding:0 0 30px;}
footer nav{margin:0 1em;}
#footer nav #bunshun-logo{display:none;}
footer section#bottom-banner{background-color:#2c2c2c; /*margin-bottom:22px;*/ padding:30px 0 25px; text-align:center;width:100%}
footer section#bottom-banner{margin:0 auto;}
footer section#bottom-banner a{
  display:block; width:282px; height:64px; 
  border:solid 4px #fff; text-indent:-1110em;
  text-align:center;
  margin:0 auto;
}
footer section#bottom-banner a span{display:block; text-indent:-1110em;}
footer section#bottom-banner .mail a{background-color:#538754; margin-bottom:10px;}
footer section#bottom-banner .mail a span{width:188px; height:41px; background-position:0 -49px; margin:13px auto 0 auto;}

footer section#bottom-menu{padding-top:40px;}

footer nav ul.footer-sitemenu{margin-bottom:5px;/* font-size:0;*/}
footer nav ul.footer-sitemenu li{display:inline-block; margin-bottom:5px; line-height:12px; font-weight:bold;}
footer nav ul.footer-sitemenu li a{
  font-size:0.75em; color:#666; display:block;
  padding-right:9px; margin-right:7px; border-right:solid 1px #a0a0a0;
}
footer nav p{
  color:#828282; font-size:0.75em; line-height:1; 
  background: url(/common/images/v1/common/footer-line.png) repeat-x left bottom;
  padding-bottom:20px; margin-bottom:20px;
}
footer nav ul.footer-tools{background:none;}
footer nav ul.footer-tools li{float:left; text-indent:-1110em; margin-right:6px;}
footer nav ul.footer-tools li a{display:block; height:32px; width:32px; text-indent:-1110em;}
footer nav ul.footer-tools li.fb a{ background-position: -288px 0;}
footer nav ul.footer-tools li.fb a:hover{ background-position: -384px 0;}
footer nav ul.footer-tools li.tw a{ background-position: -320px 0;}
footer nav ul.footer-tools li.tw a:hover{ background-position: -416px 0;}
footer nav ul.footer-tools li.rss a{ background-position: -352px 0;}
footer nav ul.footer-tools li.rss a:hover{ background-position: -448px 0;}
footer #footer-relation{display:none;}


span i{ margin-right:1%}
@media only screen and (min-width: 320px) {

#contents{ padding:1%}

}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  スモールタブレット（480px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 480px) {


 header nav ul#st-nav, header section, header section, footer section#bottom-banner ul, footer nav{width:450px;}
 header nav ul#st-nav li.nav-menu a {width:109px; height:40px; background:none;}
 header nav ul#st-nav li.nav-search a {width:105px; height:40px; background:none;}
 header nav ul#st-nav li img{display: inline-block;vertical-align:middle;}
 header nav ul#st-nav li a span{display:block; color:#fff; font-size:0.875em; display:inline-block; vertical-align:middle; padding:0 0 0 7px; } 
 
 nav .nav-menu .icon{
  color:#fff;
  background-image:url(/common/images/v1/common/sp-nav-menu.png);
  background-repeat:no-repeat;
  background-position:15px 0;
  background-size:16px 40px;
  -webkit-background-size:16px 40px;
  -moz-background-size:16px 40px;
  background-color:#2c2c2c;
  overflow:visible;
  text-indent:0;
  height:40px;
  width:auto;
  line-height:40px;
  display:inline-block;
  padding:0 15px 0 35px;
  border-left:solid 1px #424242;
  border-right:solid 1px #1f1f1f;
}
 
 /*----検索----*/
 #nav .b_search_btn{display:none}
 #search-box .b_search_btn{display:inline-block; margin:0}
 nav .nav-menu{background-color: #2c2c2c;padding: 0 15px;overflow: hidden;display: block;cursor: pointer;float: initial;box-shadow:-5px 1px 2px #7a7a7a; }
 
 #search-box{/*background-color:#fff;*/margin:20px 20px 0 20px;padding:0;box-sizing:border-box;overflow:hidden;}
 #search-box form{width:100%;position:relative;}
 .input-box{width: calc(100% - 130px);display: inline-block;}
 .input-box input[type="search"]{border-left:none;}
 .select-box{float:left;width:30%;margin-top:0;border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;border-left:solid 1px #dcdcdc;padding:1px 0 1px 1px;box-sizing:border-box;height:40px;}
 #id-select-l{font-size:.9em;width:100%;box-sizing:border-box;height:36px;}
 .keyword-text{border-left:none;line-height:40px;}
 .keyword-btn{height:42px;}


.search-subject{display:none;}
 
.gsc-table-result{border-bottom: 1px dotted #eee;}
.cse .gsc-control-cse, .gsc-control-cse{padding:10px}
.gsc-table-result td{display:inline-block;width:auto;width: 120px;margin-right:10px}
.gsc-table-result td:nth-child(2) {width:80%;margin-right: 0;}
#___gcse_0 .gs-image-box.gs-web-image-box.gs-web-image-box-portrait{width:100%;margin:0 auto}
#___gcse_0 .gs-web-image-box img.gs-image,
#___gcse_0 .gs-promotion-image-box img.gs-promotion-image{max-width:100px; max-height:115px;}
.gsc-cursor-box.gs-bidi-start-align{text-align: center; font-size:1.25em;}
 


 
 
 /*----contents----*/
 
 
 /*----footer----*/
 footer section#bottom-banner a{width:207px; height:72px;}
 footer section#bottom-banner .mail a{margin:0 auto;}
 footer section#bottom-banner .mail a span{margin:16px auto 0 auto;}
}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  タブレット（768px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 768px) {
 /* -- ▼全体で使う画像Retina外▼ -- */


 header{margin:15px;}
 header .header-logo-area{float:none;}
 header h1.logo, header a.logo{float:none;width:224px;margin:0 auto;}
 header .siteinfo{float:left;font-size:0.75em;line-height:38px;display:block;}

 header nav ul#st-nav, 
 header section, 
 header #st-section,
 header #st-section #slide-menu, 
 footer section#bottom-banner ul, 
 footer nav{}
 header section ul#st-menu{display:none;}
 header section div#tb-menu{display:block; background: url(/common/images/v1/common/tab-menu-bg.gif) repeat-y 369px top;}
 header section #slide-menu ul{border:none;}
 header section #slide-menu ul.tb-menu1{width:300px; border-left:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; float:left;}
 header section #slide-menu ul.tb-menu2{width:300px; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; float:right;}
 
 /* ナビゲーション */
 nav .section-inner ul{width:100%;}
 nav .section-inner li{width:50%;float:left;box-sizing:border-box;}
 nav .section-inner li:nth-child(odd){border-right:solid 1px #dcdcdc;}
 nav .section-inner li dl{border-left:solid 1px #dcdcdc;}
 nav .section-inner ul#st-nav li{border-bottom:none;}
 
 /*----検索----*/
 .input-box input[type="submit"]{width:122px}
#contents #top-latest{margin:0 -20px 40px}
#search-box{margin: 20px auto;width: 96%;max-width: 730px;}
.input-box{width: calc(100% - 130px);}
.select-box{width:20%;}

/* google検索結果表示 */

div.search-g_no{height:300px;padding:5%}
.gsc-adBlock{padding:20px}


 /*----contents----*/
 
 
 /*----footer----*/
 footer section#bottom-banner a{width:351px; height:72px;}
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  パソコン（1024px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 1024px) {

 a{text-decoration:none;}a:hover{text-decoration:underline;}
 header nav ul#st-nav, header section, #footer section#bottom-banner ul, footer nav{width:980px; margin:0 auto;}
 #st-nav,#st-section{display:none;}
.section-inner{width:1200px;margin:0 auto; position:relative;}
 header{margin:0;}
 header h1.logo,header a.logo{background-size:1280px!important; width:273px; height:47px}
 header h1.sprite,header div.header-logo-area a.sprite{background:url(/common/images/v1/common/sprite-v2@2x.png) no-repeat}

header .header-logo-area{margin:15px 0 20px;float:left;}
 header #pc-section{display:block; position:relative; float:right;margin-top:16px;}
 /*----テキストMENU----*/
 header #pc-section .date{text-align:right;font-size:1em;line-height:1;}
 header #pc-section ul.small-navi li{font-size:0.875em; line-height:1; margin-left:30px; padding-top:10px; display:inline-block;}
 header #pc-section ul.small-navi li:first-child{margin:0;}
header #pc-section ul.small-navi li i{ margin-right:7px }
 header #pc-section ul.small-navi li a{border-bottom:dotted 1px #fff; padding-bottom:5px;}
 header #pc-section ul.small-navi li a:hover{color:#0d5b8a; border-bottom:dotted 1px #a0a0a0; text-decoration:none;}
 /*----検索----*/
 
.book_search dt{background:#ccc}
.book_search .input-box{margin: 20px auto;}
.book_search .input-box dd,
.book_search .input-box dt{margin-bottom:12px}
#search-box{margin:20px auto;width:700px}
 header #pc-section ul.small-navi{float:left;}
#contents #search{width: 750px;}
.ClassCode{width:20%}
.GenreCode{width:35%}
.num_ym{display:inline-block; width: 43%;vertical-align: top;}

 /*----▼ナビゲーション▼----*/
nav .nav-menu{display:none;}
nav#nav{background:#2c2c2c;box-shadow:-5px 1px 2px #7a7a7a}
nav .section-inner{margin:0 auto;border-style:none;border-right:solid 1px #424242;border-left:solid 1px #1f1f1f;display:block;}
nav .section-inner li dl{border-style:none;}
nav .section-inner li{position:reletive;}
nav .section-inner li,nav .section-inner li:nth-child(odd){border-left:solid 1px #424242;border-right:solid 1px #1f1f1f;border-bottom:none;width:151px;}
nav .section-inner li.pc-nav-home{width:196px;background-image:url(/common/images/v1/common/nav-home.png);background-repeat:no-repeat;background-position:30% 50%;}
nav .section-inner li.pc-nav-home a{ padding-left:23px;}
nav .section-inner li.pc-nav-home dd a{ padding:0}
/*nav .section-inner li.pc-nav-home a:hover{background-image:url(/common/images/v1/common/nav-home-hover.png);}*/
nav .section-inner li.pc-nav-ebook{width:178px;}
nav .section-inner li.pc-nav-genre{width:180px;}
nav .section-inner li.pc-nav-genre a.on,nav .section-inner li.pc-nav-home a.on{background-image:url(/common/images/v1/common/nav-arrow-down.png);background-repeat:no-repeat;background-position:88% 52%;background-size:auto;}
nav .section-inner li.pc-nav-genre:hover a.on,nav .section-inner li.pc-nav-home:hover a.on{background-color:#fff;color:#000;}
nav .section-inner li.pc-nav-genre a:hover.on,nav .section-inner li.pc-nav-home a:hover.on{background-image:url(/common/images/v1/common/nav-arrow-up.png);}
nav .section-inner li dl{position:absolute;z-index:9999;width:245px;border-right:solid 1px #dcdcdc;border-left:solid 1px #dcdcdc;display:none;}
nav .section-inner li.pc-nav-genre dl{top:50px;right:-67px;}
nav .section-inner li.pc-nav-genre dl dd,nav .section-inner li.pc-nav-home dl dd{border-bottom:solid 1px #dcdcdc;}
nav .section-inner li.pc-nav-genre dl dd a,nav .section-inner li.pc-nav-home dl dd a{background-color:#fff;color:#000;display:block;}
nav .section-inner li.pc-nav-genre dl dd a:hover,nav .section-inner li.pc-nav-home dl dd a:hover{color:#0d5b8a;}
nav .section-inner li a{color:#fff;background-color:#2c2c2c;height:50px;line-height:50px;}
nav .section-inner li a:hover,nav .section-inner li.active a{color:#000;background-color:#fff;text-decoration:none;}

 /*----▼Contents▼----*/
 #contents{z-index:1;padding:0}
 
 /*お知らせ*/
 #contents .common-article{width:100%;box-sizing:border-box;}
 #top-info ul li a{display:block}
 #top-info ul li a span{display: initial;min-width: auto;}
#top-info ul li a p{display:block;}
 #top-info{border:solid 1px #dcdcdc;}
 #top-info .common-wp{width:880px;padding:20px 20px 10px;}
 #top-info ul li p{width:auto;}

 /*---▼映画・テレビ化情報▼-----*/
.common-othermedia .common-wp{padding:50px 0 41px;}
.common-othermedia .common-wp ul { /*font-size:0*/}
.common-othermedia ul li{width:32%;display: inline-block;margin: 0;border-bottom: none;vertical-align: top;padding: 0;}
.common-othermedia ul li:nth-child(2),
.common-othermedia ul li:nth-child(5){margin:0 10px}
 
 /*----▼フッター▼----*/
 #footer section#bottom-banner a, #footer section#bottom-banner a span{width:472px; height:72px; margin:0 auto;}
 #footer section#bottom-banner .mail a span{background-position:0 -100px;}
 #footer section#bottom-banner a span{display:block;overflow:hidden;white-space:nowrap;text-indent:150%;}
 
 #footer nav{padding:0 0 30px;}
 #footer nav #bunshun-logo{
 	display:block; float:left; width:119px; height:41px;
 	background-position:-500px -209px; margin-right:15px;
 }
 #footer nav ul.footer-sitemenu {/*margin: 0 0 0 125px;*/margin:0; /*position: relative; width:730px;*/}
 #footer nav ul.footer-sitemenu li a{
 	border-right:none; 
 	border-left:solid 1px #a0a0a0; 
 	color:#747474; 
 	padding:0 0 0 12px; 
 	margin:0 0 0 8px;
 }
 #footer nav ul.footer-sitemenu li:first-child a{padding-left:0; border-left:none; margin-left:none;}
 #footer nav p {
    /*clear: both;*/
    float: left;
    padding:3px 0 0 8px;
    margin:0;
    /*padding: 30px 0 0 133px;*/
    background:none;
 }
 #footer nav ul.footer-tools{float:right; margin:-25px 0 0;}
 #footer #footer-relation{
  display:block; width:980px; margin:0 auto; padding-top:30px;
  background: url(/common/images/v1/common/footer-line.png) repeat-x left top;
  font-family:'平成明朝','Lucida Grande',Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
 }
 #footer #footer-relation span.relation-box{
 	width:103px; height:30px; line-height:30px; font-size:0.75em; color:#fff; float:left;
 	background-position:-500px -289px;
 	padding-left:15px; margin-right:20px; display:inline-block; vertical-align: middle;
 	*zoom: 1; /* for IE6-7 */ *display: inline; /* for IE6-7 */
 }
 #footer #footer-relation ul{
 	background-position:-1483px -738px;
 	/*padding-left:137px;*/ 
 	display:inline-block; vertical-align: middle; *zoom: 1; /* for IE6-7 */
 	*display: inline; /* for IE6-7 */ /*height:12px;*/
 }
 #footer #footer-relation ul li{float:left; /*font-size:0;*/ background:none;}
 #footer #footer-relation ul li a{font-size:0.75em; line-height:14px; color:#666; padding:0 0 0 10px; margin:0 0 0 10px; border-left:solid 1px #a0a0a0; background:none;}
 #footer #footer-relation ul li:first-child a{border:none; margin:0; padding:0;}
}