/* よこはま１２番線：トップページ用(2020.6.20) */

/* スマホ向け */
@media screen and (max-width:480px){
  aside.top{                                    /* 2021.1.9 */
    border-top:2px solid #A0E0FF;               /* 2023.12.17 */
    }
    aside.top figure.side{                      /* 2023.12.17 */
      margin:8px auto 0px auto;
      }
    aside.top div#twitter{                      /* 2023.12.17 */
      margin-left:auto;
      margin-right:auto;
      padding-top:8px;
      }
  div.clr{                                      /* 2023.12.17 */
    display:none;
    }
  h1#index{
    padding:24px 8px 0px 8px;                   /* 2022.5.15修正 */
    margin:0px;
    }
  figure.side img{                              /* 2023.12.17 */
    margin:0px;
    }
  li.W11{                                       /* 2021.6.27 */
    width:62px;
    }
  li br{                                        /* 2021.6.27 */
    clear:left;
    }
  li.C11, li.C21{
    background-image:url('img/listmark1.gif');  /* 2021.6.27修正 */
    background-repeat:no-repeat;                /* 2021.6.27 */
    padding-top:6px;                            /* 2021.6.27 */
    }
  li.C12, li.C22{
    background-image:url('img/listmark2.gif');  /* 2021.6.27修正 */
    background-repeat:no-repeat;                /* 2021.6.27 */
    padding-top:6px;                            /* 2021.6.27 */
    }
  li.LL{                                        /* 2021.6.27 */
    float:left;
    background-position:0px 12px;
    margin-left:12px;
    padding-left:14px;
    }
  li.LR, li.RR{                                 /* 2021.6.27 */
    background-position:0px 12px;
    margin-left:120px;
    padding-left:14px;
    }
  li.RS{                                        /* 2021.6.27 */
    background-position:0px 12px;
    margin-left:12px;
    padding-left:14px;
    }
  /* ＲＳＳ用追加 */
  .blogroll-channel .blogroll-new-entry {         /* 2024.3.16 */
    font-size:14px;
  }
  .blogroll-channel .blogroll-link-time {         /* 2024.3.16 */
    font-size:14px;
  }
  .blogroll-channel .blogroll-list {              /* 2024.3.16 */
    margin:6px 0px 16px 4px;
    padding-left:14px;
    background:url('img/listm4t.gif') no-repeat 0px 2px;
    background-size:8px 11px;
    line-height:18px;
    font-size:16px;
  }
  .blogroll-channel .blogroll-category-name {   /* 2024.3.16 */
    font-size:16px;
  }
}

/* ＰＣ向け */
@media screen and (min-width:481px){
  article.top{                                  /* 2015.5.24 */
    width:630px;                                /* 2017.6.10修正 */
    float:left;                                 /* 2017.12.10 */
    }
  aside.top{                                    /* 2015.5.24 */
    float:right;
    width:210px;
    margin:0px;
    }
  h1#index{
    padding:40px 8px 0px 8px;
    margin:0px;
  }
  ul.yoko12{                                    /* 2023.1.22 */
    margin-top:6px;
    line-height:28px;
  }
  ul.yoko12 li{
    margin-left:12px;
    padding-left:14px;
  }
  li.kajo_i4{                                   /* 2015.5.24 */
    width:62px;
    }
  li.LL, li.LR{                                 /* 2021.6.27 */
    float:left;
    background-position:0px 8px;
    }
  li.RR, li.RS{                                 /* 2021.6.27 */
    display:inline;
    background-position:0px 4px;
    }
  li.W10, li.W11{                               /* 2021.6.27 */
    width:62px;
    }
  li.C11,li.C12{                                /* 2021.6.27 */
    background-image:url('img/listmark1.gif');
    background-repeat:no-repeat;
    }
  li.C21,li.C22{                                /* 2021.6.27 */
    background-image:url('img/listmark2.gif');
    background-repeat:no-repeat;
    }
  /* ＲＳＳ用追加 */
  .blogroll-channel .blogroll-new-entry {       /* 2024.3.16 */
    font-size:12px;
  }
  .blogroll-channel .blogroll-link-time {       /* 2024.3.16 */
    font-size:12px;
  }
  .blogroll-channel .blogroll-list {            /* 2024.3.16 */
    margin:0px 0px 6px 4px;
    padding-left:12px;
    background:url('img/listm4ts.gif') no-repeat 0px 4px;
    background-size:6px 8px;
    line-height:16px;
    font-size:14px;
  }
  .blogroll-channel .blogroll-category-name {   /* 2024.3.16 */
    font-size:14px;
  }
}

/* 共通 */
article.top{                                    /* 2015.5.24 */
  padding:0px;
  }
  article.top li a:hover{                       /* 2017.11.25 */
    color:#FFA000;
    }
div#counter{
  margin:20px 8px 4px 0px;
  text-align:right;
  }
div#counter figure{                             /* 2025.11.22 */
  float:none;
  display:inline-block;
  background:url('img/counter.gif') no-repeat 0px 0px;
  background-size:92px 20px;
  width:84px;
  height:20px;
  margin:0px;
  padding:0px 4px;
  }
div#counter figure img{                         /* 2025.11.22 */
  margin:0px;
  }

aside.top{                                      /* 2015.5.24 */
  padding:0px;
  }
  aside.top figure.side{                        /* 2023.12.17 */
    width:210px;
    padding:0px;
    }
  aside.top div#twitter{                        /* 2015.5.24 */
    width:210px;                                /* 2023.12.17 */
    height:360px;                               /* 2017.6.10修正 */
    padding-bottom:4px;                         /* 2023.12.17 */
   }

/* ＲＳＳ用追加 */
.blogroll-channel {                             /* 2024.3.16 */
  margin-bottom:12px;
  padding:0px 0px 0px 8px;
}
.blogroll-channel .blogroll-link-time {         /* 2024.3.16 */
  color:#404040;
}
.blogroll-channel .blogroll-category-name {     /* 2024.3.16 */
  color:#0040C0;
  font-weight:bold;
  border-left:4px solid #4080FF;
  padding:0px 0px 0px 4px;
  margin:8px 0px 4px 0px;
  line-height:16px;
  display:inline-block;
}
.blogroll-channel .blogroll-ad-default {        /* 2024.3.16 */
  font-size:14px!important;
}

/* 2025/11/22 ver.1.050 */