/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(https://mt.new-designers.com/mt-static/support/theme_static/rainier/css/base.css);
@import url(https://mt.new-designers.com/mt-static/support/theme_static/rainier/css/rainier-white/screen.css);
/* end StyleCatcher imports */



@import url(https://use.fontawesome.com/releases/v5.2.0/css/all.css);
@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@font-face {
  font-family: emoji;
  
  /* Fonts for text outside emoji blocks */
  src: local('Droid Sans Mono'),
       local('Lucida Console'),
       local('Arial Monospaced'),
       local(Arial);
}

@font-face {
  font-family: emoji;

  src: local('Apple Color Emoji'),
       local('Android Emoji'),
       local('Segoe UI'),
       local(EmojiSymbols),
       local(Symbola),
       url('font/Symbola-Emoji.eot?#iefix') format('embedded-opentype'),
       url('font/Symbola-Emoji.woff') format('woff'),
       url('font/Symbola-Emoji.ttf') format('truetype');

  /* Emoji unicode blocks */
  unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
}

body{
  font-family: emoji,
  "UD Shin Go Regular",
  "ヒラギノ角ゴ ProN W3",
  "Hiragino Kaku Gothic ProN W3",
  "ヒラギノ角ゴ Pro W3",
  "Hiragino Kaku Gothic Pro W3",
  "メイリオ",
  "Meiryo";
  background: #f8f8f8;
  word-wrap: break-word;
  overflow-wrap: break-word; }
h1,h2,h3,h4,b,strong{
  font-family: "UD Shin Go Medium",
  "ヒラギノ角ゴ ProN W6",
  "Hiragino Kaku Gothic ProN W6",
  "ヒラギノ角ゴ Pro W6",
  "Hiragino Kaku Gothic Pro W6",
  "メイリオ",
  "Meiryo"; }

.entry-content h2, #page-main [itemprop="text"] h2 {padding-left:8pt; border-left:#bbb 4pt solid; background: #eee; margin-top:3em;}
.entry-content h3, #page-main [itemprop="text"] h3 {padding-left:8pt; border-left:#ccc 4pt solid; border-bottom:#ccc 1pt solid;}
.entry-content h4, #page-main [itemprop="text"] h4 {padding-left:8pt; border-left:#ddd 4pt solid;}

a { text-decoration: none; text-decoration-skip: ink;}
a:hover { text-decoration: underline;}
.entry-content a { text-decoration: underline;text-decoration-skip: ink;}
.entry-content a:hover { text-decoration: underline;}

#header[role="banner"] {
  position: relative;
  background-color: white;
  border: solid #c0c6c9;
  border-width: 0 0 1px; }
  @media (max-width: 929px) {
    #header[role="banner"] {
      border-width: 0 0 1px; } }
#header[role="banner"] #header-content {
  line-height: 0; }

    #header[role="banner"] #header-content a {
      color: #444;
      text-decoration: none; }
  #header[role="banner"] #header-content {
    min-height: initial;
    margin: 0;
    padding: 1px 0;
    background-color: initial;
    background-image: initial;
    background-position: initial;
    background-repeat: initial;
    background-size: initial;
    color: initial; }
    #header[role="banner"] #header-content:before {
      position: absolute;
      bottom: 45px;
      content: "\00a0";
      display: none;
      width: initial;
      height: initial;
      background: initial;
      background-image: initial; }
  #header[role="banner"] h1 {
    position: relative;
    margin: 10px;
    font-size: 1.618em;
    text-align: initial;
    text-shadow: initial; }
    #header[role="banner"] h1 img {
      max-height: 38px;
      width: auto; }
  #header[role="banner"] #header-description {
    position: relative;
    margin: 0 10px;
    text-align: initial;
    text-shadow: initial; 
    display: none; }

  #header[role="banner"] #header-content {
    min-height: initial; }
  [role="banner"] #header-content {
    width: initial;
    min-height: initial;
    margin: initial; }
  #header[role="banner"] [role="navigation"] {
    background: #eee;
    position: static;
    height: 45px;
    line-height: 45px; }

   #index-main article .asset-content,
   #category-main section article .asset-content,
   #search-results-main article .asset-content {
     color:#bbb;}

#index-main .pagination,
#individual-main .pagination,
#search-results-main .pagination,
#category-main .pagination {
  border-top: 1px solid #c0c6c9; }

#index-main .adsense,
#category-main .adsense,
#search-results-main .adsense {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        display:block;
        margin-top: 20px;
        margin-bottom: 30px; }
#individual-main .adsense {
  max-width: 100%;
  margin-top:4em;
  margin-bottom:4em;
  margin-left:auto;
  margin-right:auto; }
.widgets .adsense {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  display:block; }
@media (min-width: 930px) {
.widgets .adsense ins {
  width:300px;} }
@media (max-width: 929px) {
.widgets .adsense ins {
  width:100%; } }
@media (max-width: 430px) {
#index-main .adsense,
#category-main .adsense,
#search-results-main .adsense{
    margin-top: 30px;
    margin-bottom: 30px; } }
.widgets .sponsor {
  display: block;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto; 
  text-align:center; }
@media (max-width: 320px) {
.widgets .adsense {
  margin-left:-5px; }
.widgets .sponsor {
  margin-left:-5px; } }


  @media (min-width: 930px) {
    #container #container-inner,
    #container #header-inner,
    #container #footer-inner {
      width: initial;
      margin-right: auto;
      margin-left: auto; }
    #container #content-inner {
      width: 100%;
      max-width: 1294px;
      min-width: 860px;
      margin-right: auto;
      margin-left: auto; }
    #content-inner [role="main"] {
      width: 100%;
      padding-left: 15px;
      padding-right: 365px;
      margin-right: -365px;
      box-sizing: border-box; }
    #content-inner [role="complementary"] {
      width: 315px;
      padding-left: 50px;
      margin-top: 0; }
    #header[role="banner"] #header-content {
      width: 100%;
      max-width: 1294px;
      min-width: 860px;
      min-height: initial;
      margin-right: auto;
      margin-left: auto; }
    #header[role="banner"] [role="navigation"] ul {
      width: 100%;
      max-width: 1294px;
      min-width: 860px;
      margin-right: auto;
      margin-left: auto; }
      #header[role="banner"] [role="navigation"] ul li:first-child {
        border-left: 1px solid #c0c6c9; }
      #header[role="banner"] [role="navigation"] a:hover {
        color: #3a6eb2;
        height: 40px;
        border-bottom: 5px solid #c0c6c9; }
      /* フレックスコンテナ（メインカラム） */
      #index-main,
      #category-main section,
      #search-results-main section {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      /* フレックスアイテム（投稿記事） */
      #category-main section h2,
      #search-results-main section h1{
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 auto;
        min-width: 70%;
        max-width: 100%;
        display:block;
        margin-bottom: 10px; }
      #index-main article,
      #category-main section article,
      #search-results-main section article {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        min-width: 40%;
        max-width: 47%;
        margin: 0 10px 10px 0;
        padding: 10px;
        background: #fff;
        border-radius: 6px;
        border: 1px solid #c0c6c9; }
      #individual-main article {
        margin: 0;
        padding: 30px;
        background: #fff;
        border-radius: 6px;
        border: 1px solid #c0c6c9; }
      #index-main article:nth-child(2),
      #index-main article:nth-child(4),
      #index-main article:nth-child(5),
      #index-main article:nth-child(7),
      #index-main article:nth-child(9),
      #index-main article:nth-child(10),
      #index-main article:nth-child(12),
      #index-main article:nth-child(14),
      #index-main article:nth-child(15),
      #index-main article:nth-child(17),
      #index-main article:nth-child(19),
      #index-main article:nth-child(20),
      #index-main article:nth-child(22),
      #index-main article:nth-child(24),
      #index-main article:nth-child(25),
      #index-main article:nth-child(27),
      #category-main section article:nth-child(1),
      #category-main section article:nth-child(3),
      #category-main section article:nth-child(5),
      #category-main section article:nth-child(6),
      #category-main section article:nth-child(8),
      #category-main section article:nth-child(10),
      #category-main section article:nth-child(11),
      #category-main section article:nth-child(13),
      #category-main section article:nth-child(15),
      #category-main section article:nth-child(16),
      #category-main section article:nth-child(18),
      #category-main section article:nth-child(20),
      #category-main section article:nth-child(21),
      #category-main section article:nth-child(23),
      #category-main section article:nth-child(25),
      #category-main section article:nth-child(26),
      #category-main section article:nth-child(28),
      #search-results-main section article:nth-child(2),
      #search-results-main section article:nth-child(4),
      #search-results-main section article:nth-child(6),
      #search-results-main section article:nth-child(7),
      #search-results-main section article:nth-child(9),
      #search-results-main section article:nth-child(11),
      #search-results-main section article:nth-child(12),
      #search-results-main section article:nth-child(14),
      #search-results-main section article:nth-child(16),
      #search-results-main section article:nth-child(17),
      #search-results-main section article:nth-child(19),
      #search-results-main section article:nth-child(21),
      #search-results-main section article:nth-child(22),
      #search-results-main section article:nth-child(24),
      #search-results-main section article:nth-child(26),
      #search-results-main section article:nth-child(27),
      #search-results-main section article:nth-child(29) {
        margin: 0 0 10px 0; }
      /* フレックスコンテナ（投稿記事） */
      #index-main article,
      #category-main section article,
      #search-results-main section article {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height:340px;}
      #index-main article .asset-image,
      #category-main section article .asset-image,
      #search-results-main section article .asset-image {
        margin: -10px -10px 0 -10px;
        border-radius: 5px 5px 0 0;
        min-width: 100%;
        height: 0;
        padding-bottom: 38%;
        position: relative;
        overflow: hidden; }
      #index-main article .asset-image img,
      #category-main section article .asset-image img,
      #search-results-main section article .asset-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1.01,1.01);
        -ms-transform: translate(-50%, -50%) scale(1.01,1.01);
        transform: translate(-50%, -50%) scale(1.01,1.01); }
      #index-main article .asset-header .asset-meta,
      #category-main section article .asset-header .asset-meta,
      #search-results-main section article .asset-header .asset-meta {
        margin: 0 -10px;
        padding: 0 10px;
        background: #eee; }
      #individual-main article .asset-header .asset-meta {
        margin: 0 -30px;
        padding: 0 30px;
        background: #eee; }
      #index-main article .asset-header .asset-meta .asset-meta-list,
      #category-main section article .asset-header .asset-meta .asset-meta-list,
      #search-results-main section article .asset-header .asset-meta .asset-meta-list {
        margin: 0;}
      #index-main article .asset-content,
      #category-main section article .asset-content,
      #search-results-main section article .asset-content {
        position: relative;
        min-height: 3.236em;
        height: 4.854em;
        margin: 0.5em 0;
        overflow:hidden;
        flex: 1 1 auto; }
      #index-main article .asset-content:after,
      #category-main section article .asset-content:after,
      #search-results-main section article .asset-content:after {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        content: '';
        width: 100%;
        height: 4.854em;
        background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 70%, rgba(255, 255, 255, 1) 95%); }
      #index-main article .asset-name,
      #category-main section article .asset-name,
      #search-results-main section article .asset-name {
        font-size: 1.25em;
        margin-top:0.3em; }
      #index-main article .asset-content p:first-child,
      #index-main article .asset-content p:last-child,
      #category-main section article .asset-content p:first-child,
      #category-main section article .asset-content p:last-child,
      #search-results-main section article .asset-content p:first-child,
      #search-results-main section article .asset-content p:last-child {
        margin: 0; }
      #index-main article .entry-more-link,
      #category-main section article .entry-more-link,
      #search-results-main section article .entry-more-link {
        text-align: right; }
      #individual-main article .page-navigation {
        margin: 0 -30px;
        padding: 0 30px; }
      #index-main .pagination,
      #category-main .pagination,
      #search-results-main .pagination {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 auto;
        min-width: 70%;
        max-width: 100%;
        display:block; }
    #footer[role="contentinfo"] #footer-content {
      width: 100%;
      max-width: 1294px;
      min-width: 860px;
      margin-right: auto;
      margin-left: auto; } }

  @media only screen and (max-width: 929px) {
    #header[role="banner"] [role="navigation"] span.spMenu {
        position: fixed;
        top:7px; right:7px;
        display: block;
        width: 45px;
        height: 45px;
        cursor: pointer;
        z-index: 3;}
    #header[role="banner"] [role="navigation"] span.spMenu span {
      display: block;
      position: absolute;    /* .navToggleに対して */
      width: 32px;
      border-bottom: solid 4px #888;
      left: 6px; }
    #header[role="banner"] [role="navigation"] span.spMenu span:nth-child(1) {
    top: 12px; }
    #header[role="banner"] [role="navigation"] span.spMenu span:nth-child(2) {
    top: 21px; }
    #header[role="banner"] [role="navigation"] span.spMenu span:nth-child(3) {
    top: 30px; }
    #header[role="banner"] [role="navigation"] ul {
      width: 100%;
      margin-right: auto;
      margin-left: auto; }
    #header[role="banner"] [role="navigation"] ul.active  {
      display: block;
      width: initial; }
    #header[role="banner"] [role="navigation"] ul.active li{
      display: block;
      width: initial;
      float: none;
      border: 0;
      background: #ddd;
      margin: 0 -15px;
      padding: 0 25px;
      height: 40px;
      line-height: 40px;
      text-align:right;
      border-right: 0; 
      border-bottom: 1px #aaa solid; }
    #header[role="banner"] [role="navigation"] ul.active li:first-child{
      border-top: 1px #aaa solid; }
    #header[role="banner"] [role="navigation"] a {
      height: initial;
      padding: initial;
      line-height: initial; }
      /* フレックスコンテナ（メインカラム） */
      #index-main,
      #category-main section,
      #search-results-main section {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      /* フレックスアイテム（投稿記事） */
      #category-main section h2,
      #search-results-main section h1 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 auto;
        min-width: 70%;
        max-width: 100%;
        display:block;
        margin-bottom: 10px; }
      #index-main article,
      #category-main section article,
      #search-results-main section article {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        min-width: 40%;
        max-width: 47%;
        margin: 0 10px 10px 0;
        padding: 10px;
        background: #fff;
        border-radius: 6px;
        border: 1px solid #c0c6c9; }
      #individual-main article {
        margin: 0;
        padding: 30px;
        background: #fff;
        border-radius: 6px;
        border: 1px solid #c0c6c9; }
      #index-main article:nth-child(2),
      #index-main article:nth-child(4),
      #index-main article:nth-child(5),
      #index-main article:nth-child(7),
      #index-main article:nth-child(9),
      #index-main article:nth-child(10),
      #index-main article:nth-child(12),
      #index-main article:nth-child(14),
      #index-main article:nth-child(15),
      #index-main article:nth-child(17),
      #index-main article:nth-child(19),
      #index-main article:nth-child(20),
      #index-main article:nth-child(22),
      #index-main article:nth-child(24),
      #index-main article:nth-child(25),
      #index-main article:nth-child(27),
      #category-main section article:nth-child(1),
      #category-main section article:nth-child(3),
      #category-main section article:nth-child(5),
      #category-main section article:nth-child(6),
      #category-main section article:nth-child(8),
      #category-main section article:nth-child(10),
      #category-main section article:nth-child(11),
      #category-main section article:nth-child(13),
      #category-main section article:nth-child(15),
      #category-main section article:nth-child(16),
      #category-main section article:nth-child(18),
      #category-main section article:nth-child(20),
      #category-main section article:nth-child(21),
      #category-main section article:nth-child(23),
      #category-main section article:nth-child(25),
      #category-main section article:nth-child(26),
      #category-main section article:nth-child(28),
      #search-results-main section article:nth-child(2),
      #search-results-main section article:nth-child(4),
      #search-results-main section article:nth-child(6),
      #search-results-main section article:nth-child(7),
      #search-results-main section article:nth-child(9),
      #search-results-main section article:nth-child(11),
      #search-results-main section article:nth-child(12),
      #search-results-main section article:nth-child(14),
      #search-results-main section article:nth-child(16),
      #search-results-main section article:nth-child(17),
      #search-results-main section article:nth-child(19),
      #search-results-main section article:nth-child(21),
      #search-results-main section article:nth-child(22),
      #search-results-main section article:nth-child(24),
      #search-results-main section article:nth-child(26),
      #search-results-main section article:nth-child(27),
      #search-results-main section article:nth-child(29) {
        margin: 0 0 10px 0; }
      /* フレックスコンテナ（投稿記事） */
      #index-main article,
      #category-main section article,
      #search-results-main section article {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 340px;}
      #index-main article .asset-image,
      #category-main section article .asset-image,
      #search-results-main section article .asset-image {
        margin: -10px -10px 0 -10px;
        border-radius: 5px 5px 0 0;
        min-width: 100%;
        height: 0;
        padding-bottom: 38%;
        position: relative;
        overflow: hidden; }
      #index-main article .asset-image img,
      #category-main section article .asset-image img,
      #search-results-main section article .asset-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1.01,1.01);
        -ms-transform: translate(-50%, -50%) scale(1.01,1.01);
        transform: translate(-50%, -50%) scale(1.01,1.01); }
      #index-main article .asset-header .asset-meta,
      #category-main section article .asset-header .asset-meta,
      #search-results-main section article .asset-header .asset-meta {
        margin: 0 -10px;
        padding: 0 10px;
        background: #eee; }
      #individual-main article .asset-header .asset-meta {
        margin: 0 -30px;
        padding: 0 30px;
        background: #eee; }
      #index-main article .asset-header .asset-meta .asset-meta-list,
      #category-main section article .asset-header .asset-meta .asset-meta-list,
      #search-results-main section article .asset-header .asset-meta .asset-meta-list{
        margin: 0;}
      #index-main article .asset-content,
      #category-main section article .asset-content,
      #search-results-main section article .asset-content {
        position: relative;
        min-height: 3.236em;
        height: 4.854em;
        margin: 0.5em 0;
        overflow:hidden;
        flex: 1 1 auto; }
      #index-main article .asset-content:after,
      #category-main section article .asset-content:after,
      #search-results-main section article .asset-content:after {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        content: '';
        width: 100%;
        height: 4.854em;
        background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 70%, rgba(255, 255, 255, 1) 95%); }
      #index-main article .asset-name,
      #category-main section article .asset-name,
      #search-results-main section article .asset-name {
        font-size: 1.25em;
        margin-top:0.3em;  }
      #index-main article .asset-content p:first-child,
      #index-main article .asset-content p:last-child,
      #category-main article .asset-content p:first-child,
      #category-main article .asset-content p:last-child,
      #search-results-main article .asset-content p:first-child,
      #search-results-main article .asset-content p:last-child {
        margin: 0; }
      #index-main article .entry-more-link,
      #category-main section article .entry-more-link,
      #search-results-main section article .entry-more-link {
        text-align: right; }
      #index-main .pagination,
      #category-main .pagination,
      #search-results-main .pagination {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 auto;
        min-width: 70%;
        max-width: 100%;
        display:block; }
      #individual-main article .page-navigation {
        margin: 0 -30px;
        padding: 0 30px; } }

  @media only screen and (max-width: 430px) {
      #index-main,
      #category-main section,
      #search-results-main section {
        display: block; }
      #index-main article,
      #category-main section article,
      #search-results-main section article {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: initial;
        max-width: initial;
        margin: 0 0 30px 0 !important;
        height:340px;}
      #individual-main article {
        margin: 0;
        padding: 10px;
        background: #fff;
        border-radius: 6px;
        border: 1px solid #c0c6c9; }
      #index-main article .asset-image,
      #category-main section article .asset-image,
      #search-results-main section article .asset-image {
        margin: -10px -10px 0 -10px;
        border-radius: 5px 5px 0 0;
        min-width: 100%;
        height: 0;
        padding-bottom: 38%;
        position: relative;
        overflow: hidden; }
      #index-main article .asset-image img,
      #category-main section article .asset-image img,
      #search-results-main section article .asset-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1.01,1.01);
        -ms-transform: translate(-50%, -50%) scale(1.01,1.01);
        transform: translate(-50%, -50%) scale(1.01,1.01); }
      #index-main article .asset-name,
      #category-main section article .asset-name,
      #individual-main article .asset-name,
      #search-results-main article .asset-name {
        font-size: 1.25em;
        margin-top:0.3em;  }
      #individual-main article .asset-header .asset-meta {
        margin: 0 -10px;
        padding: 0 10px;
        background: #eee; }
      #index-main article .asset-content p:first-child,
      #index-main article .asset-content p:last-child,
      #category-main section article .asset-content p:first-child,
      #category-main section article .asset-content p:last-child,
      #search-results-main section article .asset-content p:first-child,
      #search-results-main section article .asset-content p:last-child {
        margin: 0; }
      #index-main article .asset-content,
      #category-main section article .asset-content,
      #search-results-main section article .asset-content {
        position: relative;
        min-height: 0;
        height: 4.854em;
        margin: 0.5em 0;
        overflow:hidden;
        flex: 1 4 auto; }
      #index-main article .asset-content:after,
      #category-main section article .asset-content:after,
      #search-results-main section article .asset-content:after {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        content: '';
        width: 100%;
        height: 4.854em;
        background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 70%, rgba(255, 255, 255, 1) 95%); }
      #individual-main article .page-navigation {
        margin: 0 -10px;
        padding: 0 10px; }
        .breadcrumb-list-item:last-child { display:none; } }

#posts {
  margin-bottom: 1.618em; }
  #posts article h2 {
    margin: 0;
    padding-bottom: 0.3em;
    border-bottom: none; }
  #posts article li:after {
    display: none; }
  #posts article li {
      display: inline-block;
    list-style-type: none;
    padding: 0;
    border-top: 0;
    border-bottom: none; }
    #posts article li time,
    #posts article li a {
      display: inline;
      padding: 0;
      text-decoration: none; }
    #posts article li a:hover {
      text-decoration: underline; }
    @media (min-width: 700px) {
      #posts article li time,
      #posts article li a {
        float:none; }
      #posts article li time {
        width: initial; }
      #posts article li a {
        width: initial; } }

  .widget ul,
  .widget ol {
    margin: 0.809em 0;
    padding-left: 0; }
    .widget ul ul,
    .widget ul ol,
    .widget ol ul,
    .widget ol ol {
      margin: 0; }
  .widget li {
    list-style-type: none;
    margin-bottom: 0; }
  .widget-list-item{
    display:block;
    margin:0;
    padding: 10px 0;
    border-bottom: 1px solid #dcdddd; }
  .widget-list-item li{
    display:block;
    margin:10px 0 0 20px;
    padding: 10px 0 0 0;
    border-top: 1px solid #dcdddd;
    border-bottom: 0; }
  .widget-list-item a,
  .widget-list-item li a{
    padding-right: 14px;
    position: relative;
    display:block;
    padding-left:14px;
    border-left-width: 5px; border-left-style: solid; }
  .widget-list-item a:after,
  .widget-list-item li a:after{
    position: absolute;
    content: "";
    top:54%;
    right: 3px;
    width: 4px;
    height: 4px;
    border-top: 2pt solid #888;
    border-right: 2pt solid #888;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
    transform: rotate(45deg) translate(-50%, -50%); }

ul.access-ranking li a { padding-left:14px; border-left-width: 5px; border-left-style: solid; }
ul.access-ranking li:nth-of-type(1) a { border-left-color: #E60012; }
ul.access-ranking li:nth-of-type(2) a { border-left-color: #EB6100; }
ul.access-ranking li:nth-of-type(3) a { border-left-color: #F39800; }
ul.access-ranking li:nth-of-type(4) a { border-left-color: #FCC800; }
ul.access-ranking li:nth-of-type(5) a { border-left-color: #FFF100; }
ul.access-ranking li:nth-of-type(6) a { border-left-color: #CFDB00; }
ul.access-ranking li:nth-of-type(7) a { border-left-color: #8FC31F; }
ul.access-ranking li:nth-of-type(8) a { border-left-color: #22AC38; }
ul.access-ranking li:nth-of-type(9) a { border-left-color: #009944; }
ul.access-ranking li:nth-of-type(10) a { border-left-color: #009B6B; }
ul.access-ranking li:nth-of-type(11) a { border-left-color: #009E96; }
ul.access-ranking li:nth-of-type(12) a { border-left-color: #00A0C1; }
ul.access-ranking li:nth-of-type(13) a { border-left-color: #00A0E9; }
ul.access-ranking li:nth-of-type(14) a { border-left-color: #0086D1; }
ul.access-ranking li:nth-of-type(15) a { border-left-color: #0068B7; }
ul.access-ranking li:nth-of-type(16) a { border-left-color: #00479D; }
ul.access-ranking li:nth-of-type(17) a { border-left-color: #1D2088; }
ul.access-ranking li:nth-of-type(18) a { border-left-color: #601986; }
ul.access-ranking li:nth-of-type(19) a { border-left-color: #920783; }
ul.access-ranking li:nth-of-type(20) a { border-left-color: #BE0081; }
ul.access-ranking li:nth-of-type(21) a { border-left-color: #E4007F; }
ul.access-ranking li:nth-of-type(22) a { border-left-color: #E5006A; }
ul.access-ranking li:nth-of-type(23) a { border-left-color: #E5004F; }
ul.access-ranking li:nth-of-type(24) a { border-left-color: #E60033; }
ul.access-ranking li.hover { background-color:rgba(255,255,255,0.8); }
ul.access-ranking li.hover a { padding-left:14px; border-left-width: 20px; border-left-style: solid; margin-left:-15px; }

/* fixed menu */
  @media only screen and (min-width: 930px) {
    #header[role="banner"].fixed{
      top: 0;
      width:100%;
      height: 105px;
      z-index: 2147483647;
      position: fixed !important; }
   #content.fixed:before {
      display: block;
      height: 105px;
      content: "\0020";
      z-index:-999;} }
  @media only screen and (max-width: 929px) {
  #header[role="banner"] [role="navigation"] {
    height: 10px;
    line-height: 10px; }
    #header[role="banner"].fixed{
      top: 0;
      width:100%;
      height: 70px;
      z-index: 2147483647;
      position: fixed !important; }
   #content.fixed:before {
      display: block;
      height: 70px;
      content: "\0020";
      z-index:-999;} }

.sns {
margin-top: 30px;
margin-bottom: 30px;
border-top: 1px dotted #c0c6c9;
border-bottom: 1px dotted #c0c6c9;}
.sns ul {
padding:0;
list-style:none; }
.sns ul:after {
  display:block;
  clear:both;
   height:0px;
  visibility:hidden;
  content:"."; }
.sns li {
display:inline-block;
margin: 0 4px 4px 0;
float:left;
border-radius:3px;
border:1px #ddd solid;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(229,229,229) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); }
.sns li a {
display:inline-block;
padding: 3px 6px;
text-align:center;
text-decoration: none;
color:#444;
font-size:80%;
line-height: 1;}
.sns .fa-hatena:before {
    content: 'B!';
    line-height: 1;
    font-family: Verdana;
    font-weight: bold; }
.sns li a .fa,
.sns li a .fab {
     display:inline-block;
     margin-right:0.5em; }
.sns .fa-twitter { color:#00acee; }
.sns .fa fa-facebook { color:#3b5998; }
.sns .fa-google-plus { color:#db4a39; }
.sns .fa-hatena { color:#5d8ac1; }
.sns .fa-line { color:#25af00; }
.sns .fa-get-pocket { color:#f03e51; }
.sns .fa-rss { color:#ffb53c; }
.sns .fa-feedly { color:#87c040; }

.related-article,
.recent-article {
margin-top: 30px;
margin-bottom: 30px;}
.related-article-content,
.recent-article-content {
font-size: 90%; }
  .related-article ul,
  .related-article ol,
  .recent-article ul,
  .recent-article ol {
    margin: 0.809em 0;
    padding-left: 0; }
    .related-article ul ul,
    .related-article ul ol,
    .related-article ol ul,
    .related-article ol ol,
    .recent-article ul ul,
    .recent-article ul ol,
    .recent-article ol ul,
    .recent-article ol ol {
      margin: 0; }
  .related-article li,
  .recent-article li {
    list-style-type: none;
    margin-bottom: 0; }
  .related-article-list-item,
  .recent-article-list-item{
    display:block;
    margin:0;
    padding: 10px 0;
    border-bottom: 1px solid #dcdddd; }
  .related-article-list-item:first-child,
  .recent-article-list-item:first-child{
    border-top: 1px solid #dcdddd; }
  .related-article-list-item a,
  .recent-article-list-item a{
    padding-right: 14px;
    position: relative;
    display:block;
    padding-left:14px;
    border-left-width: 5px; border-left-style: solid; }
  .related-article-list-item a:after,
  .recent-article-list-item a:after{
    position: absolute;
    content: "";
    top:54%;
    right: 3px;
    width: 4px;
    height: 4px;
    border-top: 2pt solid #888;
    border-right: 2pt solid #888;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
    transform: rotate(45deg) translate(-50%, -50%); }

    .breadcrumb li:after {
      font-family: FontAwesome;
      content: '\f0da';
      margin: 0 0.5em; }
    .breadcrumb li:last-child:after {
      display: none; }

mark { background:#fcc; }
code { display: inline-block;
       width: 97%;
       padding: 3pt 6pt;
       border: 1px solid #ececec;
       background-color: #fcfcfc;
       overflow:scroll; }