@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: 'Meiryo', 'メイリオ','平成明朝','Lucida Grande', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust:none;/*スマホを横画面にしても文字を自動調整させない*/
}
body{
	width:100%;
	margin:0;
	padding:0;
	font-size:100%;
	line-height:1.6;
	background-color:#fff;
	list-style:none;
	color:#222;
}
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{background-color:#2c2c2c;padding:0 15px;overflow:hidden;display:block;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 li.pc-nav-genre 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{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;}

/*検索*/
#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="search"]{
	width:80%; 
	border:solid 1px #dcdcdc; 
	padding:0 0 0 8px;
	color:#666; 
	border-radius:0; 
	-webkit-appearance:none;
	-moz-appearance:none;
	box-sizing:border-box;
	line-height:40px;
	height:40px;
}

.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:15px;}
.search-subject{font-size:.8em;}

select#id-select-l{
	webkit-border-radius:0;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
select::-ms-expand {display: 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{width:100%; font-size:14px;}
.common-wp, .ranking-wp{margin:0 auto;}
.common-line{background: url(/common/images/v1/common/common-line.png) repeat-x left top; padding-top:4px; clear:both;}
/******▼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{width:290px; margin:0 auto;}
#footer nav #bunshun-logo{display:none;}
footer section#bottom-banner{background-color:#2c2c2c; /*margin-bottom:22px;*/ padding:30px 0 25px; text-align:center;}
footer section#bottom-banner ul{margin:0 auto; width:290px;}
footer section#bottom-banner ul li a{
	display:block; width:282px; height:64px; 
	border:solid 4px #fff; text-indent:-1110em;
	text-align:center;
}
footer section#bottom-banner ul li a span{display:block; text-indent:-1110em;}
footer section#bottom-banner ul li.mail a{background-color:#538754; margin-bottom:10px; margin-bottom:10px;}
footer section#bottom-banner ul li.mail a span{width:188px; height:41px; background-position:0 -49px; margin:13px auto 0 auto;}
footer section#bottom-banner ul li.hon a{background-color:#816a58;}
footer section#bottom-banner ul li.hon a span{width:124px; height:49px; background-position:-188px -49px; margin:7px 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:12px; color:#666; display:block;
	padding-right:9px; margin-right:7px; border-right:solid 1px #a0a0a0;
}
footer nav p{
	color:#828282; font-size:12px; 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;}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  スモールタブレット（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:14px; 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;
}
 
 /*----検索----*/
 #search-box{background-color:#fff;margin:20px 45px;padding:0;box-sizing:border-box;overflow:hidden;}
 #search-box form{width:100%;position:relative;}
 .input-box{width:70%;float:right;}
 .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;}
 
 /*----contents----*/
 
 
 /*----footer----*/
 footer section#bottom-banner ul li a{width:207px; height:72px;}
 footer section#bottom-banner ul li.mail a{float:left; margin:0;}footer section#bottom-banner ul li.hon a{float:right;}
 footer section#bottom-banner ul li.mail a span{margin:16px auto 0 auto;}
 footer section#bottom-banner ul li.hon a span{margin:12px auto 0 auto;}
}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  タブレット（768px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 768px) {
 /* -- ▼全体で使う画像Retina外▼ -- */
 
 header{margin:15px;}
 header .header-logo-area{float:left;}
 header h1.logo, header a.logo{float:left;width:224px;margin:0 20px 0 0;}
 header .siteinfo{float:left;font-size:12px;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{width:738px;}
 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:368px; border-left:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; float:left;}
 header section #slide-menu ul.tb-menu2{width:367px; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; float:right;}
 
 /* ナビゲーション */
 nav .section-inner ul{width:100%;overflow:hidden;}
 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;}
 
 /*----検索----*/
#search-box{margin:20px 65px;}
.input-box{width:80%;}
.select-box{width:20%;}

 /*----contents----*/
 
 
 /*----footer----*/
 footer section#bottom-banner ul li 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:980px;margin:0 auto; position:relative;}
 header{margin:0;}
 header .header-logo-area{margin:15px 0 24px;float:left;}
 header #pc-section{display:block; width:240px; position:relative; float:right;margin-top:14px;}
 /*----テキストMENU----*/
 header #pc-section .date{text-align:right;font-size:16px;line-height:1;}
 header #pc-section ul.small-navi li{font-size:12px; 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 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;}
 /*----検索----*/

#search-box{margin:20px auto;width:50%;}
 header #pc-section ul.small-navi{float:left;}
 
 /*----▼ナビゲーション▼----*/
nav .nav-menu{display:none;}
nav#nav{background-color:#2c2c2c;}
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:142px;}
nav .section-inner li.pc-nav-home{width:196px;}
nav .section-inner li.pc-nav-home a{background-image:url(/common/images/v1/common/nav-home.png);background-repeat:no-repeat;background-position:30% 50%;padding-left:33px;}
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{background-image:url(/common/images/v1/common/nav-arrow-down.png);background-repeat:no-repeat;background-position:78% 50%;background-size:auto;text-align:left;padding-left:38px;}
nav .section-inner li.pc-nav-genre:hover a.on{background-color:#fff;color:#000;}
nav .section-inner li.pc-nav-genre a:hover.on{background-image:url(/common/images/v1/common/nav-arrow-up.png);}
nav .section-inner li.pc-nav-genre dl{position:absolute;top:50px;right:-67px;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 dd{border-bottom:solid 1px #dcdcdc;}
nav .section-inner li.pc-nav-genre dl dd a{background-color:#fff;color:#000;display:block;}
nav .section-inner li.pc-nav-genre 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;}
 
 /* -- ランキング -- */
 #contents .common-article{margin-top:30px;}
 
 /*----▼フッター▼----*/
 #footer section#bottom-banner ul li a, #footer section#bottom-banner ul li a span{width:472px; height:72px; margin:0;}
 #footer section#bottom-banner ul li.mail a span{background-position:0 -100px;}
 #footer section#bottom-banner ul li.hon a span{background-position:-500px -100px;}
 
 #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:12px; 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:12px; 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;}
}