@charset "utf-8";

#header {
  margin-bottom :30px;
}

#header-name {
  height:120px;
  overflow:hidden;
  background: url(/shoten/takasaka/images/title-takasaka.gif) no-repeat 0 0;
  background-size:100% auto;
}
#header-name a { display: block; padding-top: 120px;}

.contentNavi { margin-bottom: 1.2em;}
#content { margin: 0em 0 0 0;}

/* 記事部 */
.entry { margin-bottom: 3em; clear: both;}
.entry-title { margin-bottom: 0;}
.entry-content {
    padding-top: 10px;
    margin-left: 0;
    /*border-bottom: #999 dotted 1px;*/
}
.entry-body {
    padding: 1em 0.5em 0em 1.5em;
    /*border-bottom: #999 dotted 1px;*/
}
.bookArea { float:none; width: 100%; margin-top: 20px; color: #333;margin-left:0;}
  .books {
    border-top: #999 solid 1px;
    padding-top: 1em;
    overflow: hidden;
  }
.books .img { width: 80px; margin: 0 20px 0 0; float: left;}
.books .txt {  margin-left: 110px; text-align: left;}
.books .txt dt { font-size: 1.6rem; margin: 0.5em 0;}
.books .txt dd { display: inline-block;}
.books .txt dd + dd:before { content:"/ ";} 
.books .buy { margin-left: 100px; padding: 0;}
.books .buy dd { width: calc((100% - 8px)/4); float:left; margin: 1px;}
.books .buy a { padding: 5px;}
.bookArea .books .buy dt { margin: 10px 0 3px;}

@media screen and (max-width:750px) {
#header-name {height:18vw;}
#header-name a {margin-top:18vw;}
}

@media screen and (max-width:480px) {
.books .buy dd { width: calc((100% - 4px)/2);}
}

/* 吹き出し部分 */
.bookArea .read {
    font-size: 1.3rem;
    background: url(/shoten/takasaka/images/fukidashi-takasaka.png) no-repeat;
    margin: 0em 10px 1em 100px;
    padding-left: 46px;}
.bookArea .read .read-inner {
    padding: 9px 8px 9px 10px;
    background-color: #BBDDFF;
    border-radius: 5px;
}

.hosoku {
    font-size: 82%;
    color: #333;
    line-height: 1.4;
    padding: 1em;
    border-right: #999 dotted 1px;
    border-left: #999 dotted 1px;
    border-bottom: #999 dotted 1px;
}

/* サイドバー */
.dateHeader { font-weight: bold;}
#beta ul li dd { font-size: 100%; padding-left: 20px;}




.mt-archive-index h3 { font-weight: bold; font-size: 120%;}

#alpha .entry-list { margin: 10px 0px 20px; border-top: #CCC solid 1px;}
#alpha .entry-list li { color: #333; padding: 0.5em 1em 0.1em 1em; border-bottom: #CCC solid 1px;}
#alpha .entry-list a { color: #333; text-decoration:none;}
#alpha .entry-list a:hover { color: #00f; text-decoration:underline;}

.bookArea .books .buy { margin-top: 1em;}
.bookArea .books .buy dt { display:none;}

@media screen and (max-width:750px) {
.bookArea .read {
    font-size: 1.4rem;
    margin-left: 0;
}
.bookArea .books .buy dt { display:block;}
.bookArea .books .buy { margin-top: 0;}
}