hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
  }
  .v100 { min-height: 100vh }
  
  .x1 { min-height: 3rem }
  .x2 { min-height: 6rem }
  .x3 { min-height: 9rem }
  .x4 { min-height: 12rem }
  .main-contents {
      width: 910px;
      padding: 24px 0;
  }
  @media screen and (max-width: 600px) {
    .main-contents {
        width: 100%;
    }
  }
  .left-nav {
      border-color: #ccc;
      width: 200px;
  }
  @media screen and (max-width: 600px) {
    .left-nav {
        display: none;
    }
  }
  .nav-item {
    font-weight: bold;
    line-height: 1rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
    color: inherit;
    border-radius: 2px;
  }
  
  .nav-item:hover {
    background-color: rgba(0, 0, 0, .25);
  }
  
  .nav-item.is-active {
    color: #000;
    background-color: rgba(0, 0, 0, .25);
  }
  
  .btn {
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    padding: .5rem;
    margin: 0;
    color: #134;
    background-color: #abc;
    border: 0;
    border-radius: 2px;
  }
  
  .btn:hover {
    box-shadow: inset 0 0 0 999px rgba(0, 32, 64, .125);
  }
  
  .btn-primary {
    background-color: #0cf;
  }
  
  .svg-chart {
    width: 100%;
    height: auto;
    max-height: 100%;
    fill: currentcolor;
    overflow: visible;
  }
  
  .svg-stroke {
    fill: none;
    stroke: currentcolor;
    vector-effect: non-scaling-stroke;
  }
  
  .black { color: #123 }
  .white { color: #fff }
  .blue  { color: #0cf }
  .gray  { color: #abc }
  
  .bg-black { background-color: #123 }
  .bg-white { background-color: #fff }
  .bg-blue  { background-color: #0cf }
  
  .bg-darken-1 { background-color: rgba(0, 0, 0, .0625) }
  .bg-darken-2 { background-color: rgba(0, 0, 0, .125) }
  .bg-darken-3 { background-color: rgba(0, 0, 0, .25) }
  .bg-darken-4 { background-color: rgba(0, 0, 0, .375) }
  
  .muted { opacity: .25 }

  .width-1140 {
      width: 1160px;   
  }
  @media screen and (max-width: 600px) {
    .width-1140 {
        width: 100%;   
    }
  }

  .card a{
      color: inherit;
      text-decoration: none;
  }
.post-type-archive-member .card__media {
    padding-top: 62.5%;
    width: 100%;
    background-size: cover;
    transition: all .8s ease;
}
.post-type-archive-member .card__media:hover {
    transform: scale(1.1)
}
.prev-next-nav {
    border-color: #ccc;
}
.prev-next-nav a{
    color: #333;
    border-color: #ccc;
}
#wpmem_login, #wpmem_reg {
    display: flex;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 16px;
}
.buttons {
    display       : inline-block;
    border-radius : 5%;          /* 角丸       */
    font-size     : 13pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 12px 12px;   /* 余白       */
    background    : #999999;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    border        : 2px solid #999999;    /* 枠の指定 */
  }
  .buttons:hover {
    color         : #999999;     /* 背景色     */
    background    : #ffffff;     /* 文字色     */
  }
  #wpmem_login legend,#wpmem_reg legend {
      display: flex;
  }
  #wpmem_login .div_text,#wpmem_reg .div_text{
      display: flex;
      width: 100% !important;
  }
  #wpmem_login fieldset, #wpmem_reg fieldset {
      display: flex;
      flex-direction: column;
  }
  #wpmem_login .button_div, #wpmem_login .link-text,
  #wpmem_reg .button_div, #wpmem_reg .link-text {
    width: 100% !important;
    text-align: left !important;
  }
  #wpmem_reg form {
      width: 70%;
  }
#wp-members {
	text-align: right;
}
#wp-members form {
	display: inline-block;
}
#wp-members form fieldset {
	padding: 10px;
	border: solid 1px #ddd;
	text-align: left;
}
#wp-members form label {
	padding-right: 1em;
}
#wp-members form .div_texbox {
	display: inline-block;
	padding-right: 1em;
}
#wp-members form #forgot_link {
	display: inline-block;
}