#header-name {
background: url(../images/title-honshi.gif) no-repeat center top;
        height: 80px;
        overflow: hidden;
}
#header-name a { display: block; padding-top: 80px;}

.topArea { float:left; margin-left:0; margin-right:20px;}
.alpha-right { margin-left: 240px; margin-bottom: 1em;}
.books i { color: #f00;}
.topArea .link { margin-top: 1em; color:#000;}

.entry-title {
    font-size: 140%;
    line-height: 140%;
    font-weight: bold;
    background-color: #666;
    color:#FFF;
    padding: 3px 7px 1px;
    margin-bottom: 1.5em;
}
.mokuji { clear: both;}
.mokuji h3 {
    border-top: #999 solid 1px;
    border-bottom: #999 solid 1px;
    font-size: 120%;
    font-weight: bold;
    padding: 3px 1em;
}
.mokuji .midashi { font-weight: bold;}
.mokuji .block { border-bottom:#999 solid 1px; padding: 1em; line-height: 1.6;}
.mokuji .block p { line-height: 1.6;}
.mokuji .naiyou { margin-left: 1em;}

.entry-list .midashi { font-weight: bold;}

.category-archive .archive-title {
    font-size: 120%;
    font-weight: bold;
    background-color: #666;
    color:#FFF;
    padding: 3px 7px
}
.category-archive #header-name {
background: url(../images/title-index.gif) no-repeat center 15px;
}


.page-archive h2 {
    font-size: 120%;
    font-weight: bold;
    background-color: #CFC;
    color:#063;
    padding: 3px 7px
}
.page-archive #content { margin-top: 1em; margin-bottom: 2em;}
.page-archive .asset-content { /*font-size: 88%;*/ line-height: 1.6;}
.page-archive .asset-content ol,
.page-archive .asset-content p { line-height: 1.8; margin-bottom: 1.5em;}
.page-archive .asset-content ol {  list-style-type: decimal; padding-left: 1em; }
.page-archive .asset-content ol li { margin-left: 1em;}
.page-archive .asset-content ol li + li { margin-top: 0.4em;}
.page-archive #alpha a { color: #11981f;}


/* 定期購読ページのサイド */
#beta .side_box_web { text-align: center; background-color: #FFF;}
#beta .side_box_web { width: 80%; margin: 0 auto;}
#beta .side_box_web .book dt img { border: 1px solid #666;}

#beta p.banner { margin-bottom: 5px;}

.sukkiri .fukidashi {
  position: relative;
  font-size: 200%;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  margin-bottom: 1em;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.sukkiri .fukidashi::before { /* 三角の部分 */
  content: '';
  position: absolute; /* 位置固定 */
  bottom: -20px; /* 線幅の2倍 */
  left: 0%;
  border-width: 10px 20px; 
  border-style: solid;
  border-color: transparent;
  border-top-color: #e9f4ff; /* 吹き出しの地と同じ色 */
  border-right-color: #e9f4ff; /* 吹き出しの地と同じ色 */
}
.sukkiri .button {text-align: center; margin: 3em 0 5em;}
.page-archive #alpha .sukkiri .button a { display: inline-block; margin: 0 auto; background-color:#4A905C;border: #4A905C solid 1px; color:#fff;padding: 0.8em 2em; font-size: 120%;border-radius: 5px;}
.page-archive #alpha .sukkiri .button a:hover { background-color: #fff; color:#4A905C; }
.sukkiri .shashin { display: flex;justify-content: space-between; margin-bottom: 2em;}
.sukkiri .shashin div { width: calc((100% - 10px) / 3);}
.sukkiri .shashin img { max-width: 100%; height: auto;}
.page-archive .asset-content ol {  list-style-type: decimal; padding-left: 1em; }
.page-archive .asset-content ol li { margin-left: 1em;}
.page-archive .asset-content ol li + li { margin-top: 0.4em;}

h1.page-img { margin-bottom: 1.5em;}
h1.page-img img { display: block; margin: 0 auto; max-width: 100%; height: auto;}


/* レスポンシブ用 */

@media screen and (max-width:1000px) {
    .books .txt,.books .link { font-size: 1.4rem;}
    .books .buy { overflow: hidden;}
    .topArea .link { text-align: left; margin-top: 2em; color:#000;}
    .books { border-top: none;}
    .alpha-right { margin-left:0;}
    .books .buy dd {
        float: left;
        margin: 1px;
        width: calc((100% - 4px) / 2);
    }
}
@media screen and (max-width:750px) {
    .alpha-right { margin-left: 0;}
    .sukkiri .fukidashi {font-size: 6.5vw;}
}
@media screen and (max-width:480px) {
    .category-archive #header-name,
    #header-name { background-size: 100% auto; height: 15vw;}
    #header-name a { padding-top: 15vw;}
    .entry-discription { display: none;}
}