/* 本文ヘッダー部 */
#header { margin-top: 10px;}
#header #header-name {
    height: 130px;
    overflow:hidden;
    background: url(/rensai/sakka/images/title_sakka_dokushomichi.gif) 50% 50% no-repeat;
}
#header #header-name a {
    display: block;
    padding-top: 130px;
}
#header-description { text-align:center;}

#sakka-header {
    padding: 15px;
}
#sakka-header img { float: left; margin-right: 15px; width: 200px;}
#sakka-header-inner { margin-left: 220px;}
#sakka-header-inner #page-title { font-weight: bold; font-size: 130%;}
.entry-title {
    background: url(/rensai/sakka/images/icon_enpitsu.gif) no-repeat;
    margin: 15px 0 30px 0;
    padding-left: 25px;
    min-height: 25px;
    _height: 25px;
    font-size: 18px;
    border-bottom: #999 solid 1px;
    vertical-align: bottom;
}
#sakka-header-inner .read { /*font-size: 88%;*/ margin: 1em 0; line-height: 1.5;}
#profile_area .profile { font-size: 1.3rem; margin: 1em 0.5em; line-height: 1.3;}

@media screen and (max-width:1000px) {
    #sakka-header-inner { margin-left:0;}
}
@media screen and (max-width:1000px) and (min-width:750px) {
    #header #header-name { background-size: 100% auto;}
}
@media screen and (max-width:750px) {
    #sakka-header img { width:50%; height:auto; max-width:200px;}
}
@media screen and (max-width:600px) {
    #header #header-name { background-size: 100% auto; height: 20vw;}
    #header #header-name a { padding-top: 20vw;}
}
@media screen and (max-width:480px) {
#sakka-header img { float: none; width: 100%; max-width: 100%; margin-bottom: 0.5em;}
#header-description { text-align:left;}

}

ul#sakkaNavi_head { margin: 10px 30px 15px 55px; clear: both;}
ul#sakkaNavi_head li {
    font-size: 1.3rem;
    width: 50%;
}
ul#sakkaNavi_head li.prev { float: left;}
ul#sakkaNavi_head li.next { float: right; text-align: right;}

.entry-content p { /*font-size: 88%;*/ margin-bottom: 1.4em; line-height: 1.8;}
/* インタビュー・質問部は青文字　*/
p.Q { color: #003366; font-weight: bold;}
/* インタビュー・返答部は字下げ　*/
p.A { margin-left: 1em;}

/* 返答部作家名は太字 */
p.A span { font-weight: bold;}
.entry em { color: #930000; font-style: normal;}

/* 書籍表示部分 */
.bookArea { margin-left: 10px;}
.bookAreaCenter .bookArea { width: auto; float: none; margin-left:5px;}
.bookAreaCenter .bookArea .books { float: left; width: 150px;}

/*.bottomArea .books {width: calc(100% / 4);}
.bottomArea .img { width: 100px;}*/

/* 日付 */
.entry p.date { text-align: right; font-size: 1.3rem%; color: #666; margin-right: 15px;}

@media screen and (max-width:1000px) {
  .entry-content { 
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
  }
.entry-content .entry-header { order:1;}
.entry-content .entry-body { order:2;}
.entry-content .date.enbody{ order:3;}
.entry-content .bookArea { order:4;}
.entry-content .entry-more { order:5;}
.entry-content .date.enmore{ order:6;}
.entry-content .bookArea.middleArea { order:7;}
.entry-content .bookAreaCenter { order:8;}
.entry-content .contentNavi { order:9; width: 100%;}
.bookAreaCenter { width: 100%;}
.bookAreaCenter .bookArea .books { width: 100%; float:none;}
}


/* ::: フッター ::::::::::::::::::::::::::::::::::::::: */


.foot_profile {
    margin-top: 25px;
    padding: 15px;
    border: #999 solid 1px;
    font-size: 1.3rem%;
    /*color: #666699;*/
}
.wright { font-size: 1.3rem%; text-align: right; margin: 5px 15px 5px 5px; color: #666;}

.sakka-footer {
    padding-bottom: 15px;
    clear: both;
    /*background: url(images/note_bottom.gif) no-repeat bottom;*/
}
/* フッターページ送り部分 */
ul.sakkaNavi { text-align: center; margin-bottom: 15px;}
ul.sakkaNavi li { font-weight: bold; display: inline-block;margin-bottom: 5px;}
ul.sakkaNavi li a {
    padding: 4px 6px 3px 6px;
    text-decoration: none;
    color: #FFF;
    background: #567;
    border: #333 solid 1px;
    font-size: 1.3rem;
    line-height: 1.8;
    display:block;
}
ul.sakkaNavi li a:hover { background: #BCE; color: #000; border-color: #666; }
ul.sakkaNavi li.now a { background: #FFF; color: #000; border: #666 solid 1px;}
ul.sakkaNavi li.now a:hover { background: #FFF; color: #000;}


.page_list li { /*font-size: 88%;*/ margin-left: 1em;}
.page_list li a {
    display: block;
    background: url(/rensai/sakka/images/icon_enpitsu.gif) no-repeat left 5px;
    padding: 4px 0 4px 24px;
}

.category #sakka-header-inner #page-title { font-size: 24px;}
.contentNavi { margin-bottom: 2em;}

/* 写真など画像用 */
.right { float: right; margin-left: 10px;}
.left { float: left;margin-right: 10px;}
.center { text-align: center; margin-bottom: 10px;}
.entry-body img { max-width: 100%;}

/* 写真コメントの文字 */
#container .right p,
#container .left p {
    font-size: 1.3rem;
margin-bottom: 10px;
color: #FF6600;
line-height: 1.3;
}

/* 新著者TOP20100405 */
#chosaku { font-size: 100%; padding-top: 20px; margin-bottom: 20px;}
#chosaku li { float: left; width: 158px; text-align :center;}
#chosaku li dd { line-height: 130%;}

/* 新著者リスト20100405 */
.list_aiueo {
    font-size:1.3rem;
    border-collapse: collapse;
    width: 100%; max-width: 630px;
    margin: 5px 0px 5px 35px;
}
.list_aiueo td,
.list_aiueo th { border: #999 solid 1px; padding: 3px 5px;}

.rightNavi { margin-right: 10px;}

@media screen and (max-width:750px) {
  .list_aiueo {
    margin: 5px 0px 5px;
  }
}
@media screen and (max-width:1000px) {
.list_aiueo tr th:nth-child(3),
.list_aiueo tr td:nth-child(3) { display:none;}
.list_aiueo tr td:nth-child(1) {white-space:nowrap;}
}


/*******************************************/
/* 臨時・TOPリスト用20100405 */
/*******************************************/
/* 一覧部分　*/
#List { text-align: left;}

/* バックナンバーのタイトル部分　*/
#List .bn{
    margin: 20px 0px 0px 0px;
    color: #666666;
    text-align: center;
    clear: both;
}

/* 一覧部分：記事タイトル　*/
#List h3 {
    font-weight: bold;
    display: inline;
    font-size: 1.8rem;
    margin:0 10px 0 0;
    padding: 0;
}
#List .item p.read { margin: 0.5em 0; line-height: 1.6%; /*font-size: 88%;*/}

/* 一覧部分：日付部分　*/
#List .item .date { color: #666666; font-size: 1.3rem;}

/* 一覧部分のイメージは左寄せ表示　*/
#List .item .photo img {
float: left;
padding: 0;
margin: 0 15px 0 0;
}

/* 一覧部分　*/

#List .ListBN .item {
    width: 50%;
    height: 100px;
    float: left;
    margin-top: 0.5em;
}
#List .ListBN .item h3 { margin-top: 0.5em; font-weight: bold;}
#List .ListBN .item .date { margin: 2px 0px;}

@media screen and (max-width:480px) {
    #List .ListBN .item { width: 100%;}
}
/*******************************************/

/* サイドBN　*/
#beta ul.BN li { margin: 7px 10px 0px; bakcground-image: none; padding: 0;}
#beta ul.BN li dt { float: left; margin-right: 10px;}
#beta ul.BN li dd { font-size: 100%;}
#beta ul.BN li a { display: inline; padding: 0;}
#beta ul.BN li a.more { display: block;}

/* 記事部サイドページリスト　*/
#beta ul#side_pagelist li.now {
    padding-left: 20px;
    background: url(/images/list_icon_new.gif) no-repeat left 2px;
}

.contentNavi { margin-top: 1em;}

#beta ol dl { margin: 15px 10px;}
#beta ol dl .title { font-weight: bold;}


#bottom_amzm { margin-top: 15px;}

.more-button {
    margin-top: 20px;
}
.more-button a {
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: block;
    font-weight: 700;
    margin: auto;
    padding: 0.8em 1em;
    text-align: center;
    width: 280px;
}
.more-button a:hover {
    background-color: #67cb33;
    color: #fff;
    text-decoration: none;
}