@charset "utf-8";
.subhead {
    background: url(../img/limited/subhead.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.subhead_ttl{
    font-size: 14px;
    line-height: 1.8;
    white-space: nowrap;
    width: 90%;
}
.subhead_en img {
    height: 60px;
}
.subhead_en {
    margin: 0 auto 20px;
}
.login_ttl{
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto 1.5em;
    line-height: 1.5;
    text-align: center;
}
.login_input_flex{
    display: flex;
    justify-content: space-between;
    max-width: 550px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.login_input_flex input{
    background: #ecf5fc;
    border: solid 1px #727171;
    border-radius: 3px;
    font-size: 15px;
    padding: 0.3em 1em;
    line-height: 1.5;
    width: 48%;
    text-align: center;
}
.pass_cap{
    width: 100%;
    text-align: right;
    font-size: 12px;
    color: #0092d8;
    margin-top: 0.5em;
}



.limited_box{
    margin: 40px auto 0;
}

.login_btn{
    max-width: 100px;
    width: 100%;
    display: block;
    font-size: 14px;
    padding: 0.5em 0;
    margin: 20px auto 0;
    text-align: center;
    background: #0092d8;
    color: #fff;
    border-radius: 100px;
}



.limited_ttl{
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
    margin: 0 auto 1em;
}
.limited_ttl img{
    height: 0.9em;
    width: auto;
    display: inline-block;
    margin: 0.25em 0.2em 0.25em 0;
}
.limited_name{
    text-align: center;
    font-size: 18px;
    margin: 1em auto 0;
    font-weight: 600;
}
.limited_name span{
    text-align: left;
    display: inline-block;
}
.limited_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* max-width: 960px; */
    margin: 0 auto;
}
.limited_item{
    width: 24%;
    /* max-width: 300px; */
}
.limited_item:nth-child(n + 4){
    margin-top: 60px;
}
.limited_list::before{
    content: "";
    width: 24%;
    max-width: unset;
    display: block;
    order: 2;
    height: 0;
}
.limited_list::after{
    content: "";
    width: 24%;
    max-width: unset;
    display: block;
    order: 2;
    height: 0;
}

.limited_img img{
    aspect-ratio: 1 / 1;
    object-fit: cover;
}


.wp-pagenavi {
  clear: both;
  text-align:center;
  margin: 60px auto 0;
}
.wp-pagenavi a, .wp-pagenavi span {
  display: inline-block;
  color: #999;
  background-color: #FFF;
  border: solid 1px #e0e0d2;
  padding: 8px 15px;
  margin: 0 2px;
  white-space: nowrap;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration:none;
}
.wp-pagenavi a:hover{
    color:#FFF; 
    background-color:#999; 
    border-color:#999;
}
.wp-pagenavi span.current{
  color: #FFF;
  background-color: #2f7a6c;
  border-color: #2f7a6c;
  font-weight: bold;
}



.members_tab{
    display: flex;
    justify-content: center;
    gap: 2%;
    margin: 0 auto 60px;
}
.members_btn{
    border: solid 2px #000;
    font-size: 18px;
    height: 50px;
    transition: 0.3s;
    letter-spacing: 0.1em;
}
.members_btn:hover{
    background: #454545;
    color: #fff;
}
.members_btn.active{
    background: #000;
    color: #fff;
    pointer-events: none;
}
.members_btn a, .members_btn button{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.7em;
}
.members_btn form{
    width: 100%;
    height: 100%;
}
.db1000{
    display: none;
}


.edit_box{
    max-width: 960px;
    margin: 40px auto 0;
    font-size: 14px;
}
.edit_item a, .edit_item button{
    color: #0092d8;
    text-decoration: underline;
}
.edit_item:not(:last-child){
    margin-bottom: 0.5em;
}



@media screen and (max-width: 1000px){
.limited_ttl{
    font-size: 20px;
}
.limited_name{
    font-size: 16px;
}
.db1000{
    display: block;
}
}



@media screen and (max-width: 850px){
.limited_ttl{
    /* font-size: 32px; */
}
.limited_name {
    font-size: 14px;
}

.members_btn {
    font-size: 16px;
    height: 45px;
}
}



@media screen and (max-width: 650px){
.limited_ttl{
    font-size: 16px;
}
.login_ttl {
    font-size: 14px;
    margin: 0 auto 1em;
}
.login_input_flex input {
    font-size: 13px;
}
.limited_item:nth-child(n + 4) {
    margin-top: 40px;
}
.limited_item {
    width: 48%;
    max-width: unset;
}
.limited_item:nth-child(n + 3) {
    margin-top: 30px;
}
.limited_name {
    margin: 0.8em auto 0;
}

.members_btn {
    font-size: 14px;
    height: 40px;
}
.members_btn a, .members_btn button{
    padding: 0 1em;
}
.members_tab {
    gap: 3%;
    margin: 0 auto 40px;
}
}




.blog_category{
    width: 100%;
}
.blog_category > div{font-size: 16px;letter-spacing: 0.1em;margin: 0 0 20px;display: flex;padding: 0 0 15px;border-bottom: 1px solid #ccc;}
.blog_category_box > p{color:#888;/* margin:0 0 15px; */}
.blog_category_box > ul{opacity: 0;pointer-events: none;padding:0 0 0 20px;display: flex;flex-wrap: wrap;}
.blog_category_box > ul li{margin: 0 0 0;font-weight: 500;}
.blog_category_box > ul li a{color:#000;transition-duration:0.6s;display: block;}
.blog_category_box > ul li a:hover{
color:#2f7a6c;
}
.blog_category_box > ul > li:last-of-type{
margin:0;
}
.cat-item > a{
font-size: 10px;
line-height: 1;
padding: 6px 9px;
color: #2f7a6c !important;
border: 1px solid #2f7a6c;
border-radius: 25px;
margin: 0 4px 5px 0;
white-space: nowrap;
transition-duration: 0.6s;
}

.current-cat.cat-item > a{
background: #2f7a6c;
color: #fff !important;
}

.cat-item > a:hover{
opacity: 0.6;
}
@media screen and (max-width: 850px){
.blog_category > div{
font-size:14px;
}
}

@media screen and (max-width: 650px){
.blog_category_box > ul{
    display: none;
}
/* .blog_category_box > p {
margin: 0 0 15px;
} */

.blog_category_box_top{
display: block !important;
}
}