#header-name {
    background-image: url(../images/title-cafe.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 120px;
    overflow: hidden;
}


.backnumber #header-name {
    background-image: url(../images/title-cafe2.gif);}

#header-name a { display: block; padding-top: 120px;}
#header-description { font-size: 1.3rem; color: #666; text-align: center; margin-bottom: 0.5em;}

.entry { margin-bottom: 0.5em;}

.entry-header { 
    border-bottom: #999 solid 1px;
    margin: 20px 0 30px;
    padding-bottom: 3px;
}
.entry-header h3 { font-size: 120%; font-weight: bold; margin-right: 55px;}
.entry-header .header_tanto {
    text-align: right;
    margin-top: 10px;
    margin-right: 55px;
    line-height: 100%;
}
.entry-content em {color: #669;}
.entry-footer { margin-bottom :20px;}


/* バックナンバー */
.BNList td,.BNList th { font-size: 1.3rem;}
.BNList td { border-bottom: #ccc solid 1px; padding: 3px 5px;}
.BNList td.L { text-align: left;}
.BNList th { background-color: #999; color: #fff; font-weight: bold; padding: 2px 5px;}
.BNList td.title { padding: 10px 5px 7px 60px;}
.BNList td.title .R { margin-top: 5px;}


/* プロフィール */
.profile { border: #999 solid 1px; padding: 15px;}
.profile dt { float: left;}
.profile dd { margin-left: 110px;}
.profile dd.title { font-weight: bold; margin-botto: 5px;}
.profile dd.read { font-size: 1.3rem;}

/* メインインデックス */
/* 新カテゴリーリスト */

.main-index .bookArea{ width: 120px; float: left; margin-right: 20px;}
.category-listing .bookArea { width: 80px; float: left; margin-right: 20px;}
.bookArea img { width: 100%; height:auto;}

.main-index .date,
.category-listing .date { font-size: 1.3rem; color: #999; margin-bottom:5px;}
.main-index .header_tanto {
    font-size: 1.3rem;
    text-align: right;
    margin-right: 55px;
    margin-top: 30px;
}
.entry-list {margin: 20px 0 40px;}
.entry-list li {border-bottom: #000 solid 1px;}

.list-image { width:100px;}

.entry-discription span {color: #11981f;}
.entry-discription span:hover { text-decoration: underline;}


.main-index .entry-body a,
.category-listing .entry-body a { font-size: 1.3rem;}

.main-index .entry-content,
.category-listing .entry-content { margin-left: 0;}

/* 新カテゴリーリスト */
.category-listing .entry {
    border: none;
    margin: 20px 0 50px;
}
.category-listing .header_tanto {
    padding-top: 30px;
    padding-right: 60px;
    border-bottom: #999 solid 1px;
    text-align: right;
}

/*下部関連リンク*/
.foot_link { margin: 2em 0.5em; line-height: 1.7;}
.foot_link h3 {
    margin-bottom: 5px;
}
.foot_link ul { padding-left: 1em;}
.foot_link li { margin-left: 1em; list-style-type: disc;}
.foot_link li span { font-size: 80%; color: #666;}

@media screen and (max-width:550px) {
  #header-name { background-size: 100%; height:22vw;}
  #header-name a { padding-top: 22vw;}
}