/* clear element */
#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#content { display: inline-block; }
/* Hides from IE-mac \*/
* html #content { height: 1%; }
#content { display: block; }
/* End hide from IE-mac */

h3 { margin-bottom: 0.5em; font-weight: bold}


#header {
    margin-bottom: 1.5em;
}
#content {
    margin-bottom: 2em;
}


#header-name { background:url(/newshz/images/title_news_honnozasshi.gif) no-repeat 30px 20px; height: 120px; overflow: hidden;}
#header-name a { display: block; padding-top: 120px;}
/*#header-description { text-align: center; color: #666; font-size: 1.3rem; margin-bottom: 1em;}*/

.entry-archive .catch { clear: both; margin-top: 2em;}

.contentNavi { margin-top: 2em; margin-bottom: 0.5em; clear: both;}

/* 表紙画像表示エリア */
dl.book {
    margin-top: 15px;
    margin-bottom: 25px;
}
dl.book {
    /*width: 538px;*/
    clear: both;
    /*margin-left: 15px;*/
    margin-left: 30px;
    margin-right: 30px;
}

/* 写真表示エリア */
.bungei_image_ue { margin-bottom:20px;}
.bungei_image_yoko { /*float: right; margin-left:15px; margin-mottom:15px; width: 200px;*/}
.bungei_image_yoko img { width: 100%; height:auto;}
.bungei_image_ue dd { font-size: 1.3rem; color: #666699;}
.bungei_image_yoko dd { font-size: 1.3rem; color: #666699; text-align: center;}

.bungei_image_yoko dt { text-align: center;}
.bungei_image_yoko img { margin: 0 auto;}


/* メインページ一覧 */
.main-index dl.book dt { float: left; width: 120px; text-align: center;}
.main-index dl.book dt a { display: block;}
.main-index dl.book dt img { margin: 0 auto; width: 100%; height:auto;}
.main-index dl.book dd { margin-left: 130px;}
dl.book dt { width: 150px; margin: 0 auto 10px;}
dl.book dt img {
    margin-right: 15px;
    width: 100%; height:auto;
}
dl.book dd { font-size: 1.3rem;}
dl.book dd.catch { font-weight: bold; color: #666; font-size: 1.8rem; margin-bottom: 7px;}
dl.book dd.catch p {
    color: #666;
    display: block;
    margin-bottom: 5px;
    font-size:1.4rem;
}
dl.book dd.title { font-weight: bold;}


/* エントリーページ */

.entry-header { margin-top: 20px; margin-bottom: 30px; margin-left: 3px;}
.entry-header .entry-title {
    font-size: 120%;
    color: #669;
    padding: 2px 7px;
    matgin-bottom: 5px;
    border-left: #CCC solid 10px;
}
.entry-header .entry-title span {
    font-size: 70%; 
    display: block; 
    margin-bottom: 5px; 
    color: #666;
}
.main-index dl.book .catch span {
    font-size: 90%; 
    display: block; 
    margin-bottom: 5px; 
}

.entry-header p { font-size: 1.3rem; margin-top: 5px; margin-left: 15px;}

.entry-archive .entry { margin-bottom: 2em;}
.entry-archive dl.book {
    float: right;
    width: 200px;
    text-align: center;
    margin: 0 0 25px 10px;
    padding: 15px 5px;
    color: #006699;
}
.entry-archive div.tsushin_imageArea {
    float: right;
    width: 200px;
    text-align: center;
    margin: 0 0 5px 5px;
    padding: 15px 5px;
}

.entry-archive dl.book dt img { margin-right: 0;}

.entry-archive .entry-footer { margin-top: 1em;}
.entry-footer { clear: both;}



/* ページ下部リンクエリア */

ul.list { padding-left: 10px;}
ul.list li {
    margin-left: 10px;
    padding-bottom: 7px;
}

.list .date { font-size: 80%; font-weight: normal; color: #666;}


dl.list dd.right {
    text-align: right;
}
ul.list { margin-bottom: 1em;}
ul.list li {
   /*font-weight: bold;*/
   list-style-type: disc;
}

.link { margin-top: 3em;
   padding-left: 15px;
}



table.monthlink td { font-size: 1.3rem;}
table.monthlink td dt { color: #666;}

.archive-listing #alpha h3 { margin-left: 30px;}
dl.list2 { padding-left: 30px;}
dl.list2 dt {
    font-weight: bold;
    margin-top: 1.5em;
    margin-bottom: 5px;
    color: #669;
    border-bottom:3px solid #CCCCCC;
}
dl.list2 dd {
    padding-bottom: 3px;
    /*background:url(images/tsushin_icon_pink.gif) no-repeat left top;*/
    min-height: 20px;
    height: auto !important;
    height: 20px;
line-height: 1.8;
}
dl.list2 dd .date {color:#666;}

dl.list2 dd.for { text-align: right;}

/* プロフィール */

.footer_profile {
    border:1px solid #999999;    
    margin-top: 25px;
    padding: 15px;
   font-size: 1.3rem;
}


.entry-archive .bottom_bookarea dl.book {
    float: left;
    clear: none;
    margin-left: 0;
    margin-bottom: 10px;
}
.entry-body strong { font-weight: 900;}
.entry-body .bottom_bookarea { clear: both; line-height: 130%;}
.entry-body .bottom_bookarea li { float: left; width: 212px;}
.entry-body .bottom_bookarea dl.book dd { font-size: 1.3rem;}
.entry-archive .bookArea dl.book {
color:#006699;
float:right;
margin:0 0 10px 10px;
padding:15px 5px;
text-align:center;
width:150px;
}
.entry-archive ul.bottom_bookarea dl.book {
padding:15px 5px 0;
margin: 0 0 10px 0px;
}
.bookArea dl.book dd {
font-size:100%;
}
p.writer { padding-left: 30px; margin-bottom: 30px;}

/* サイドバックナンバー */
#beta li span.bn { font-size: 80%;}

/* レスポンシブ */
@media screen and (max-width:1000px) {
  #header-name { background-size: 100% auto; height:20vw; background-position: 50% 50%;}
  #header-name a { padding-top:20vw; }
  .main-index dl.book dt { width: 100px;}
  .main-index dl.book dd { margin-left: 110px;}
}

#entry-21807 h1#page-title + p { display: none;}

.tatiyomi_chosha { font-weight: bold; color: #67cb33;}
.tatiyomi_chosha2 { font-weight: bold; color: #3733cb;}
.tatiyomi_chosha3 { font-weight: bold; color: #cb337e;}
.tatiyomi_guest { font-weight: bold;}
.asset-body { line-height: 1.8;}
.asset-body .tatiyomi_h3 {border-left: 7px solid #ccc; padding: 2px 7px; font-size: 1.6rem; margin-bottom: 1.5em;}
.asset-body img { max-width: 100%; height: auto;}
.asset-body .caption { font-size: 0.875em; color: #666;line-height: 1.3; margin-bottom: 2em;}
.asset-body strong { font-weight: 900;}
.tatiyomi_h2 {}
.asset-body blockquote { color: #669; border-left: #669 solid 1px; padding-left: 1em; margin-bottom: 1em;}
.asset-body strong { font-weight: bold;}
.asset-body a {
    color: #11981f;
    text-decoration: underline;
}

.asset-header h1 { font-size: 1.8rem; font-weight: bold; margin: 20px 0;}
.asset-body h3 { font-weight: bold; margin: 45px 0 15px;}
.asset-body p { margin-bottom: 1.2em;}

.bookarea2 {
background-color: #eee;
    margin: 1em 0 2em;
    padding: 1em 0.5em;
}
.bookarea2 .books .title { font-size: 1.6rem;}
.bookarea2 .img {
    width: 120px;
    float: left;
    margin-bottom: 20px;
}
.bookarea2 .img img { width: 100%; height:auto;}
.bookarea2 .txt,
.bookarea2 .buy {margin-left: 135px; font-size: 1.3rem;}
.bookarea2 .txt { text-align: left;}
.bookarea2 .buy dd { width: calc(100% / 4 - 2px); float:left; margin: 1px;}
.bookarea2 .buy dd a { background-color: #fff;}
@media screen and (max-width:1000px) {
.bookarea2 .buy dd { width: calc(100% / 2 - 2px);}
.books .buy { padding: 0;}
}

/* フッターページ送り部分 */
ul.pagenation { text-align: center; margin: 40px 0;}
ul.pagenation li { font-weight: bold; display: inline;}
ul.pagenation li a {
    padding: 4px 6px 3px 6px;
    text-decoration: none;
    color: #FFF;
    background: #567;
    border: #333 solid 1px;
    line-height: 1.8;
}
ul.pagenation li a:hover { background: #BCE; color: #000; border-color: #666; }
ul.pagenation li.now a { background: #FFF; color: #000; border: #666 solid 1px;}
ul.pagenation li.now a:hover { background: #FFF; color: #000;}

.mt-image-right { max-width: 50%;}
.mt-image-right p { width: 100%;}
@media screen and (max-width: 750px) {
.mt-image-right img {display: block; margin: 0 auto;}
.mt-image-right { width: auto! important; max-width: none;}

}

blockquote { background-color: #EEEEFF; padding: 1em;}
.books { background-color: #fff;}