@charset "shift_jis";

@media screen and (max-width: 640px) {

/*
======================================
　　「中日新聞の本」専用スタイル
======================================

.Category-top .book p…070206追加
.News-textarea .itemd-data p…070206追加
.News-textarea .Photo-left…070207追加
.News-textarea .Photo-right…070207追加

*/

.Category-top .book{
	margin:10px 0 0 0;
	padding:0 11px;
	}
	
.Category-top .newslist-title h2 {
    /*font-size: 15px;
    font-weight: bold;	
    border-top: 3px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    padding: 10px 12px 11px;
	background: #f2f2f2;
	text-align: left;*/
	}	

	
.Category-top .book p{	/*070206*/
	font-size:85%;
	line-height:150%;
	}
	
	
.Category-top .book p a,
.Category-top .book p a:hover {
			display: block;
	border: 1px solid #ccc;
    color: #333;
    margin: 25px auto;
	padding: 10px 0;
    width: 90%;
	text-align: center;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 16px 13px;
}

.Category-top .book-photo01{
	width: 100%;
	text-align:center;
	margin:0;
	padding:3px 0 10px 0;
	float: none;
	}
.Category-top .book-photo02{
	margin:10px 0;
	float: none;
	text-align: center;
	}
.Category-top .book-photo02 img{
	border:1px solid #dee6e7;
	padding: 2px;
	}
.Category-top .book .item{
	font-size:75%;
	font-weight:bold;
	line-height:150%;
	}
.Category-top .book .item .data{
	font-weight:normal;
	margin:0 0 0 10px;
	}

/*トップページ　本のリスト*/
.Book-news .left{
	width:100%;
	background: none;
	margin:10px 0 0 0;
	float: none;
	}
.Book-news .right{
	width: 100%;
	background: none;
	margin:10px 0 0 0;
	float: none;
	}
.Book-news .title{
	height:60px;
	}
.Book-news h2{
	font-size:85%;
	line-height:150%;
	font-weight:bold;
	border-top: 1px solid #dee6e7;
	background: none;
	}
	
.Book-news .left h2 a,
.Book-news .right h2 a {
	background: none;
	padding:10px 14px;
	display: block;
}

.Book-news .left h2 a:hover,
.Book-news .right h2 a:hover {
	background: none;
	color: #1e1e17;
	text-decoration: none;
}

.Book-news h2 .date{
	font-size:100%;
	font-weight:normal;
	padding:0 0 0 0.3em;
	}
.Book-news .book{
	padding:0 0 10px 13px;
	overflow: hidden;
	}
.Book-news .book p.item{
	font-size:75%;
	font-weight:bold;
	line-height:150%;
	}
.Book-news .book p.item .data{
	font-weight:normal;
	}
.Book-news .book p {
	font-size:85%;
	line-height:150%;
	}

.Book-news .book p a {
	display: inline-block;
	border: 1px solid #ccc;
    color: #333;
    margin: 25px auto;
	padding: 10px 50px;
	text-align: center;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 16px 13px;
}

.Book-news .book p a:hover {
	display: inline-block;
	border: 1px solid #ccc;
    color: #333;
    margin: 25px auto;
	padding: 10px 50px;
	text-align: center;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 16px 13px;
}

.Book-news .book .order{
	margin:0;
	padding:3px 0 10px 0;
	}
.Book-news .left .photo,
.Book-news .right .photo{
	width:120px;
	text-align:center;
	padding:0 0 5px 0;
	float:left;
	}
.Book-news .photo img{
	border: 1px solid #DEE6E7;
    padding: 2px;
	}


/*詳細*/
.News-headarea h1{
	font-size:120%;
	font-weight:bold;
	padding:5px 0 5px 0;
	}
.News-headarea h2{
	font-size:120%;
	font-weight:bold;
	padding:0 0 10px 0;
	}
.book-detail{
	width:100%;
	margin:0 0 17px 0;
	padding:0;
	border-bottom:1px dotted #666666;
	}
.book-detail p.item{
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	padding:0 3% 17px;
	}
.book-detail p.item .data{
	font-weight:normal;
	}
.book-detail p.item .isdn{
	font-size:90%;
	font-weight:normal;
	}
.book-detail .Text{
	margin:0;
	padding:0 3% 17px;
	}
.book-detail .Text p{
	font-size:16px;
	line-height:150%;
	}
.book-detail .Text p.order img{
	margin:0 15px 0 0;
	vertical-align:middle;
	}

.News-textarea .itemd-data p{
	font-size:85%;
	font-weight:bold;
	line-height:150%;
	margin:0 0 7px 0;
	padding:0 0 0 0;
	}
.News-textarea .Text{
	font-size:85%;
	line-height:150%;
	margin:0;
	padding:0;
	}

/*-----photo---*/
.News-textarea .Photo-left{
	margin:5px 10px 9px 0;
	}
.News-textarea .Photo-right{
	margin:5px 0 9px 10px;
	}
.book-detail .photo{
	width: 100%;
	text-align:center;
	padding:0 0 17px 0;
	float: none;
	}
.book-detail .photo img{
	border:1px solid #999999;
	max-width: 200px !important;
	height: auto !important;
	text-align: center;
	}


/*詳細：月刊ドラゴンズ、月刊グラン*/
.News-detail .book-data p{
	font-size:100%;
	padding:5px 0 0 0;
	display:inline;
	float:left;
	}
.News-detail .book-data .order{
	margin:0;
	padding:0;
	display:inline;
	float:right;
	}
.News-textarea .book-midashi{
	margin:0;
	padding:0 0 10px 0;
	}
.News-textarea h3.Headline1{
	font-size:100%;
	font-weight:bold;
	line-height:150%;
	margin:0;
	padding:0;
	}
.data-area01{
	margin:20px 0 10px 0;
	padding:10px;
	background:#f7f7f7;
	}

.News-detail .newslist-title{
	margin:17px 0 15px 0;
	padding:3px 0 22px 0;
	background:#f2f2f2;
	border:1px solid #cccccc;
	}
.News-detail .newslist-title h2{
	font-size:85%;
	font-weight:bold;
	color:#666666;
	padding:3px 0 0 0.6em;
	float:left;
	}
.News-detail .newslist-title .ichiran{
	padding:2px 5px 2px 0;
	float:right;
	}
.News-detail .newslist-title h2 a{
	padding:3px 0 0 0.6em;
	background:url(../../nbook/img/ico_title.gif) no-repeat left;
	}




/* 一覧 */
.book-list{
	margin:0 0 10px 0;
	padding:5px 13px 10px 13px;
	border-bottom:1px dotted #666666;
	}
.book-list h3{
	font-size:85%;
	font-weight:bold;
	margin:0;
	padding:0 0 7px 0;
	}
.book-list p.item{
	font-size:75%;
	font-weight:bold;
	line-height:150%;
	margin:0;
	padding:0 0 5px 0;
	}
.book-list .item .data{
	font-weight:normal;
	}
.book-list .photo{
	width:120px;
	text-align:center;
	padding:0 0 10px 0;
	float:left;
	}
.book-list .photo img{
	border:1px solid #999999;
	}
.book-list p{
	font-size:85%;
	line-height:150%;
	}

.page-move{
	text-align:right;
	margin:0;
	padding:0;
	}
/*ページ移動他スタイルは「common.css」に記載*/


/*専用ローカルメニュー*/
#sp_Lnavi-w300 .menu-book01 {
	width:100%;
	margin:0;
	padding:0;
	background:#F6FAFF;
	border-top: 1px solid #dee6e7;
	}

#sp_Lnavi-w300 .addBtmLine {
	border-bottom: 1px solid #dee6e7;
	
}
#sp_Lnavi-w300 .menu-book01 h2{
	font-size:18px;
	font-weight: normal;
	color:#1E1E17;
	background: #fff;
	border-bottom:3px solid #bad3ef;
	padding:4px 0 4px 12px;
	}
	
#sp_Lnavi-w300 .menu-book02 h2{
    font-size: 15px;
    font-weight: bold;	
    border-top: 3px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    padding: 10px 12px 11px;
	background: #f2f2f2;
	text-align: left;
	}
#sp_Lnavi-w300 .menu-book01 h3{
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:10px 14px;
	margin:0x;
	border-bottom: 1px solid #DEE6E7;
	}
#sp_Lnavi-w300 .menu-book01 h2 img,
#sp_Lnavi-w300 .menu-book02 h2 img{
	margin:0 5px 0 0;
	vertical-align:-15%;
	}
#sp_Lnavi-w300 .menu-book01 h2 a,
#sp_Lnavi-w300 .menu-book02 h2 a{
	text-decoration:none;
	margin:0;
	padding:0;
	}

#sp_Lnavi-w300 .menu-book01 ul{
	font-size:85%;
	margin:0;
	padding: 0;
	list-style:none;
	}
#sp_Lnavi-w300 .menu-book01 li {
	padding: 0;
	border-top: none;
	margin: 0;
	}
#sp_Lnavi-w300 .menu-book01 li a {
	display: block;
    border-bottom: 1px solid #DEE6E7;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 18px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
}
#sp_Lnavi-w300 .menu-book01 li a:hover {
	display: block;
    border-bottom: 1px solid #DEE6E7;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 18px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
	text-decoration: none;
}


#sp_Lnavi-w300 .menu-book02 {
	margin:0 0 20px;
	padding:0;
	}

#sp_Lnavi-w300 .menu-book02 ul{
	font-size:85%;
	margin:0;
	padding:5px 0 2px 3px;
	background:#f7faff;
	list-style:none;
	}
#sp_Lnavi-w300 .menu-book02 li {
	padding:0 0.2em 0 10px;
	display:inline
	}
#sp_Lnavi-w300 .menu-book02 li a{
	background: none;
	padding: 0 0 0 12px;
	}
#sp_Lnavi-w300 .menu-book02 li a:hover{
	background: none;
	}
	

#sp_Lnavi-w300 .menu-book02 .l-picnews{
	margin:0;
	padding:0;
	background:#ffffff;
	border-bottom: none;
	}
#sp_Lnavi-w300 .menu-book02 .l-picnews h3 a{
	display: block;
    border-bottom: 1px solid #DEE6E7;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 12px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-color: #ecf3ff;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	text-decoration: none;
	}
#sp_Lnavi-w300 .menu-book02 .pic{
	display: none;
	float: none;
	}
#sp_Lnavi-w300 .menu-book02 .pic img{
	border:1px solid #999999;
	}
#sp_Lnavi-w300 .menu-book02 .text{
	width: 100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	float: none;
	}
#sp_Lnavi-w300 .menu-book02 .text p {
	display: none;
	}
	
#sp_Lnavi-w300 .menu-book02 .text p a {
	background: url(../../img/arrow_03_off.png) no-repeat left center;
	padding: 0 0 0 12px;
}
	
#sp_Lnavi-w300 .menu-book02 .text p a:hover {
	background: url(../../img/arrow_03_on.png) no-repeat left center;
}
#sp_Lnavi-w300 .menu-book02 .l-textnews{
	margin:0;
	padding:8px 0;
	background:#ffffff;
	border-bottom:1px solid #dae6e7;
	}
#sp_Lnavi-w300 .menu-book02 .l-textnews h3{
	font-size:14px;
	font-weight:bold;
	padding:0 6px 5px 6px;
	}
#sp_Lnavi-w300 .menu-book02 .l-textnews p{
	font-size:12px;
	line-height:130%;
	font-weight:bold;
	color:#666666;
	margin:0;
	padding:0 6px;
	}

#sp_Lnavi-w300 .menu-book03{
	margin:0 0 20px;
	padding:0;
	}

#sp_Lnavi-w300 .menu-book04{
	margin:0 0 20px;
	padding:0;
	border-top: 1px solid #dee6e7;
	}

#sp_Lnavi-w300 .menu-book03 h2{
    font-size: 15px;
    font-weight: bold;	
    border-top: 3px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    padding: 10px 12px 11px;
	background: #f2f2f2;
	text-align: left;
	}

#sp_Lnavi-w300 .menu-book03 .osusume{
	border-top:2px solid #ffffff;
	}
#sp_Lnavi-w300 .menu-book03 .osusume .banner{
	text-align:center;
	margin:0;
	padding:10px 0 5px 0;
	}
#sp_Lnavi-w300 .menu-book03 .osusume .catch{
	font-size:76%;
	line-height:1.5;
	margin:0;
	padding:0 10px 5px 10px;
	}

#sp_Lnavi-w300 .menu-book03 .l-picnews{
	margin:0;
	padding:0;
	border-bottom:2px solid #ffffff;
	}
#sp_Lnavi-w300 .menu-book04 .l-picnews{
	margin:0;
	padding:0;
	background:#ffffff;
	border-bottom:2px solid #e5e5e5;
	}
#sp_Lnavi-w300 .menu-book03 .l-picnews h3,
#sp_Lnavi-w300 .menu-book04 .l-picnews h3{
	font-size:76%;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:2px 0 0 0;
	}
#sp_Lnavi-w300 .menu-book03 .pic,
#sp_Lnavi-w300 .menu-book04 .pic{
	width:60px;
	margin:0 0 0 0;
	padding:8px 0 8px 8px;
	float:left;
	}
#sp_Lnavi-w300 .menu-book03 .text,
#sp_Lnavi-w300 .menu-book04 .text{
	width:220px;
	text-align:left;
	margin:0 0 0 0;
	padding:8px 0 8px 0;
	float:right;
	}
#sp_Lnavi-w300 .menu-book03 .text p,
#sp_Lnavi-w300 .menu-book04 .text p{
	font-size:76%;
	line-height:130%;
	font-weight:bold;
	color:#666666;
	text-align:left;
	margin:0;
	padding:0;
	}
#sp_Lnavi-w300 .menu-book03 .l-textnews{
	margin:0;
	padding:0;
	border-bottom: none;
	}
#sp_Lnavi-w300 .menu-book04 .l-textnews{
	margin:0;
	padding: 0;
	border-bottom: none;
	}
#sp_Lnavi-w300 .menu-book03 .l-textnews h3,
#sp_Lnavi-w300 .menu-book04 .l-textnews h3{
	font-size:76%;
	line-height:150%;
	font-weight: normal;
	margin: 0;
	}
	
#sp_Lnavi-w300 .menu-book03 .l-textnews h3 a,
#sp_Lnavi-w300 .menu-book04 .l-textnews h3 a{
	display: block;
    border-bottom: 1px solid #DEE6E7;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 12px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-color: #ecf3ff;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	text-decoration: none;
	color: #333;
	}
	
#sp_Lnavi-w300 .menu-book03 .l-textnews h3 a:hover,
#sp_Lnavi-w300 .menu-book04 .l-textnews h3 a:hover{
	display: block;
    border-bottom: 1px solid #DEE6E7;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 12px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-color: #ecf3ff;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	text-decoration: none;
	color: #333;
	}
	
	
#sp_Lnavi-w300 .menu-book03 .l-textnews p,
#sp_Lnavi-w300 .menu-book04 .l-textnews p{
	display: none;
	}

#sp_Lnavi-w300 .menu-book03 .l-textnews ul{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	}
#sp_Lnavi-w300 .menu-book03 .l-textnews li{
	font-size:14px;
	line-height:130%;
	margin:0;
	padding:0.2em 0 0.2em 1.6em;
	background:url(../../img/ico_lnavi03.gif) no-repeat top left;
	}


#sp_Lnavi-w300 .menu-book05 {
	border-top:3px solid #bad3ef;
	border-bottom:3px solid #bad3ef;
	margin: 20px 0;
	padding: 0;
}

#sp_Lnavi-w300 .menu-book05 h2 {
	font-size:96%;
}
	
#sp_Lnavi-w300 .menu-book05 h2 a {
	display: block;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 18px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
}
	
#sp_Lnavi-w300 .menu-book05 h2 a:hover {
	display: block;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 18px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
	text-decoration: none;
}


#sp_Lnavi-w300 .search{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: #f7faff;
	border-top: 1px solid #dee6e7;
	}
#sp_Lnavi-w300 .search form{
	overflow: hidden;
	}
#sp_Lnavi-w300 .search h3{
	font-size:106%;
	font-weight: normal;
	color:#1E1E17;
	background: #fff;
	border-bottom:3px solid #bad3ef;
	padding:4px 0 4px 12px;
	}
#sp_Lnavi-w300 .search input{
	}

#sp_Lnavi-w300 .search input[type="text"],
#sp_Lnavi-w300 .search input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}

#sp_Lnavi-w300 .search input[type="submit"] {
	background: url(../../img/side_search_btn.png) no-repeat;
	border: none;
	width: 63px;
	height: 26px;
	text-indent: -9999px;
	margin: 14px 0;
	float: left;
	cursor: pointer;
}
#sp_Lnavi-w300 .search input.search-box{
	height: 24px;
	width: 70%;
	padding: 0;
	margin: 14px 0 14px 10px;
	line-height: 1;
	float: left;
	border: 1px solid #bdcfd0;
	border-right: none;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}


/*山本追加*/
.news p.narrow{
	font-size: 90%;
	margin:0 3%;
	padding:0;
	line-height:150%;
	}

.News-textarea .Text p.narrow{
	margin:0;
	padding:0;
	line-height:150%;
	}

.book p.narrow{
	margin:0 0 10px;
	padding:0;
	line-height:150%;
	}
	
.book p a {
	background: url(../../img/arrow_03_off.png) no-repeat left center;
	padding: 0 0 0 12px;
}
	
.book p a:hover {
	background: url(../../img/arrow_03_on.png) no-repeat left center;
}

.book-detail p.narrow{
	margin:0;
	padding:0;
	line-height:150%;
	}
.book-list p.narrow{
	margin:0;
	padding:0;
	line-height:150%;
	}

.book-link{
	margin:5px 0 0 0;
	clear:both;
}

.book-link li,
.book-link li:hover {
	border: none;
	background: none;
}

.book-link a,
.book-link a:hover {
		display: block;
	border: 1px solid #ccc;
	color: #333;
	margin: 25px auto;
	padding: 10px 0;
	width: 90%;
	text-align: center;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 16px 13px;
}

/* 20150611 BMS追加 電子書籍一覧 */
.ebook .book-list {
	padding: 5px 3% 10px 3%;
}

.Newslist .book-list .ebookPlatform h3 {
	text-align: left;
}
.Newslist .book-list .ebookPlatform p {
	text-align: left;
}
.Newslist .book-list .ebookPlatform {
	text-align: center;
}
.Newslist .book-list .ebookPlatform a {
	width: 34%;
}
.Newslist .book-list .ebookPlatform a {
	width: 37.5%;
	margin-left: 0px;
	margin-right: 1%;
	padding: 6px 5.5%;
}
.Newslist .book-list .ebookPlatform a:nth-of-type(2n+0) {
	margin-right: 0px;
}

/*ここまで*/
}