#header { margin-top: 5px;}
#header-name {
background: url(../images/title_saisinkan.jpg) no-repeat;
        height: 110px;
        overflow: hidden;
}
#header-name a { display: block; padding-top: 110px;}

.entry { border-top: #999 solid 1px; padding: 0.5em 0;}
.entry .month { margin-left: 5px; margin-bottom: 10px;}
        
/* list  */ 
.alpha-left { width: 140px; text-align: center; float:left; margin-left: 20px;}
.alpha-left .book { font-size: 1.3rem;}
.alpha-left .book dt img { border: #666 solid 1px;}
.alpha-right { margin-bottom: 1em; margin-left: 161px; margin-right: 30px;}                     
.alpha-left .book dt.border-none  img { border: none;}
.shoei { width: 100px;}
.shoei img {  border: #666 solid 1px; width:100%; height:auto;}

.alpha-left + .alpha-right .catch { margin-top: 1em;}

@media screen and (max-width:750px) {
    .alpha-left {margin-left: 0;}
    .alpha-right { margin-left: 140px;}
}
@media screen and (max-width:480px) {
    .alpha-left + .alpha-right .entry-content { display: none;}
.alpha-left { width: 120px; text-align:left;}
.alpha-right { margin-left: 120px; margin-right: 0;}
}
                         
.entry-header{
    border-bottom: #999 solid 1px;
    padding: 0.5em;
    line-height: 1.3;
    color: #003366;
    margin-bottom: 1.5em;
}
.entry-header .entry-title { font-weight: bold; font-size: 1.8rem; margin-bottom: 5px;}
.entry-header .entry-title h2,
.entry-header .entry-title p { font-weight: bold;}
.entry-header-sub {  padding-top: 0.5em; }
.entry-header-sub h3, .entry-header-sub p{display: inline-block; }

.entry-archive .entry-header .entry-title { font-size: 2.4rem;}
.entry-archive .entry-header { margin-left: 240px;}
.entry-archive .entry-header-sub h3,.entry-archive .entry-header-sub p { padding-left:1em;} 
@media screen and (min-width:1000px) {
    .entry-header-sub p.comeout { display: block;}
}
@media screen and (max-width:1000px) {
  .entry-archive .entry { 	
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
  }
  .entry-archive .topArea { order:2;}
  .entry-archive .alpha-right { order: 3; flex:1;}
  .entry-archive .entry-header {
    order:1;
    width: 100%;
    margin-left:0;
    border-bottom: none;
    padding: 0;
  }
  .entry-archive .entry-title,
  .entry-archive .entry-header-sub {
    background-color: #666;
    color: #fff;
  }
.entry-archive .entry-title { padding: 7px 7px 5px; margin-bottom: 0;}
.entry-archive .entry-header-sub { padding: 0 7px 5px; margin: 0;}
}
@media screen and (max-width:1000px) {
}

.alpha-right .entry-content p { line-height: 1.8;}
.alpha-right .entry-content .catch { color: #FF6600; font-weight: bold; font-size: 1.6rem; line-height: 1.4; margin-bottom: 1em;}
.alpha-right .entry-more {
    font-size: 1.3rem;
    border: #999 solid 1px;
    padding: 1em;
    background: #FFFFE5;
    margin-top: 1em;
    line-height: 1.6;
}
.alpha-right .entry-more dl.book { width: 128px; float: left; text-align: center; margin-top: 7px;}
.alpha-right .entry-more ul { margin: 0.5em 0;}
.alpha-right .entry-more li { margin-left:1.5em; list-style-type:disc;}


/***********************************/
/* entry-archive  */
    
.entry-archive .alpha-right { margin-left: 241px; margin-right: 0px;}
.entry-archive .entry-header{
    line-height: 1.5;
}
.entry-archive .entry-header h2{
    font-size: 2.4rem;
}                    
.entry-archive #alpha .entry-content .catch {
    color: #FF6600;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 1em;
}
.topArea { float: left; margin-left:0; margin-right: 20px;}

.ebookmark { 
    background-color: #719BC5; 
    padding: 3px 3px; 
    font-size: 1.3rem; 
    color: #fff;
    line-height; 1;
}
.yoyakumark { 
    background-color: #4A905C; 
    padding: 3px 3px; 
    font-size: 1.3rem;
    color: #fff;
    line-height; 1;
}
.yoyakumark a,.ebookmark a { text-decoration:none; color: #fff;}
span + .entry-title { margin-top: 0.5em;}

.yoyaku_date { color: #666;}

.entry-archive .salesCondition { background-color:#F7983C; color: #fff; width: 180px; margin: 1em auto; padding: 2px;}
.entry-archive .salesCondition_yoyaku { background-color:#4A905C; color: #fff; width: 180px; margin: 1em auto; padding: 2px;}

@media screen and (max-width:1000px) {
    .entry-archive .alpha-right { margin-left: 0;}
}

@media screen and (max-width:480px) {
.entry-archive .salesCondition  { width: 100%; font-size: 1.8rem;}
}



/* button  */
.list_detail a { 
    background-color:#C6C7A0;
    display:block;
    padding: 1px 5px;
    font-size: 12px;
    width: 95px;
    margin: 10px auto;
    text-decoration: none;
    color: #000;
}



/* yoyaku  */
/* 莠育ｴ��繝ｼ繧ｸ縺ｮ繧ｿ繧､繝医Ν逕ｻ蜒上ｒ螟峨∴繧� */
.yoyaku #header-name {
background: url(images/title_yoyaku.jpg) no-repeat;
}

#bottom_kanren { clear: both; padding-top: 30px;}
#bottom_kanren dl {
width: 155px;
margin: 5px;
float: left;
text-align: center;
font-size:1.3rem;
}

#bottom_amzm { margin-top: 20px; width: 100%;}                          

/***********************************/
/* list-aiueo  */
.list_aiueo {font-size: 1.3rem; border-collapse: collapse; width: 650px; margin: 1em 8px;}
.list_aiueo td,
.list_aiueo th { border: #999 solid 1px; padding: 3px 5px;}
@media screen and (max-width:1000px) {
.list_aiueo {width:auto; }
}


/***********************************/
/* main-index  */
.main-index #header-name { width: 300px; float: left;}
.main-index .main-yoyaku { float: right; background-color: #FEE; border: #999 solid 1px; padding-top: 5px; margin-bottom: 5px;}
.main-index .main-yoyaku p { text-align: center; font-size: 12px; font-weight: bold; margin-bottom: 7px;}
.main-index .main-yoyaku ul { margin-right: 5px;}
.main-index .main-yoyaku li { float: right; text-align: center; font-size: 12px; width:120px;margin-bottom: 5px;}
.main-index .main-yoyaku li img { border: #666 solid 1px;}


/***********************************/
/* list-year  */

.mt-archive-index h3 { font-weight: bold; font-size: 1.8rem;}

#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;}

#beta dd.title { font-weight: bold; margin-bottom: 5px;}

p.kanko_imagebig { margin: 30px 10px;}
.bookbottom { border-top: #ccc solid 1px; margin-top: 20px; padding-top: 30px;}
.bookbottom dt { float: left; margin-right: 20px;}
.bookbottom dd { line-height: 1.6;}
.entry-footer { clear: both;}


             
.bookarea2 {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    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;}

@media screen and (max-width:1000px) {
.bookarea2 .buy dd { width: calc(100% / 2 - 2px);}
.books .buy { padding: 0;}
}

pre { font-family: sans-serif; white-space: pre-wrap; margin-bottom: 1em;}

#alpha h3.pagetitle { font-size: 1.8rem; padding: 0.3em 0.5em; margin: 1em 0 0.5em;font-weight:bold; border-left: 7px solid #ccc;}

@media screen and (max-width:1000px) {
    .amzn_wdgt { width: 100%!important;}
}

@media screen and (max-width:480px) {
.entry-archive .alpha-left { float: none; width:100%;}
.entry-archive .alpha-right { margin-left: 0;}
}


.tatiyomi_chosha { font-weight: bold; color: #67cb33;}
.tatiyomi_guest { font-weight: bold;}
.asset-body .tatiyomi_h3 {border-left: 7px solid #ccc; padding: 2px 7px; font-size: 1.6rem; margin-bottom: 1.5em;}
.tatiyomi_h2 {}
.asset-body blockquote { color: #669; border-left: #669 solid 1px; padding-left: 1em; margin-bottom: 1em;}

a.tatiyomi {
    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: 1em;}

.mt-page-archive .asset-content p { line-height: 1.8;}
.mt-image-right { float:right; margin: 0 0 20px 20px; display: block;}
.mt-image-right.half { width: 50%;}
.mt-image-right img { width: 100%; height: auto;}

@media screen and (max-width:750px) {
.mt-image-right.half { width: 100%;}
.mt-image-right.half img { max-width: 500px; margin: 20px auto;}
}