/***********cityから引越し******************/
  .city-contents {
    overflow: hidden;
}
.city-blog .moz-block_area {
    display: inline-block;
    border: solid 1px #333333;
    width: 24%;
    line-height: 30px;
    text-align: center;
    font-size: 1rem;
    color: #333333;
    padding: .5rem;
    text-decoration: none;
}

/*見出し　sideボーダー*/
.city-contents .moz-border_heading, .city-contents .moz-border_heading2 {
    border-top: 1px solid #333333;
    height: 1px;
    text-align: center;
    overflow: visible;
    margin-bottom: 2rem;
}

.city-contents .moz-border_heading::after, .city-contents .moz-border_heading2::after {
    background: rgb(255, 255, 255);
    color: #333333;
    font-weight: 700;
    font-size: 1.2rem;
    width: 80%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    position: relative;
    top: -20px;
}

.city-contents .moz-border_heading2::after {
    content: "店舗別のスタッフブログ";
} 
  /*pc区切り線*/
.city-content-pc-line, .city-content-pc-line2 {
    background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
    height: 60px;
    border: none;
    margin: 2rem 0;
}

.city-content-pc-line {
    background-color: #f18d9e;
}
/*flex要素*/
.city-contents-pcflex, .city-contents-pcflex-item1, .city-contents-pcflex-item2, .city-contents-pcflex-item3, .city-contents-pcflex-item4 {
    width: 100%;
}
.city-contents-pcflex {
    display: block;
}
  /*ブログ見出し*/
.blog-title_cont {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-top: 8rem;
    margin-bottom: 2rem;
    line-height: 1.3;
}

.blog-title_cont::before {
    content: '';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    background-size: contain;
    background-image: url(/assets/images/information-img1.png);
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    bottom: -0.5rem;
    top: -3rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.blog-title-border {
    background-color: #333333;
    width: 80px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 0.5rem;
    position: absolute;
    height: 3px;
}
.fs-20-34 {
    font-size: 1.3rem;
}
@media screen and (min-width: 1001px) {
    .city-blog .moz-block_area {
        border: solid 1px #1f1f1f;
        margin-bottom: 0.5rem;
        font-size: 1.28rem;
    }
    .city-blog .moz-block_area {
        width: 20%;
    }
    /*flex要素*/
    .city-contents-pcflex {
        display: flex;
        width: 100%;
    }
    .city-contents-pcflex-item1 {
        width: 50%;
        margin: 1rem;
    }
}
@media screen and (min-width: 1201px) {
    .fs-20-34 {
        font-size: 2.26rem;
    }
}
  /*********officeから引っ越し*********/
  .disp-inb {
    display: inline-block;
}

.office-flex-item {
    width: 260px;
    flex: 0 0 260px;
}

/*ブログ用*/
.office-flex-item .blog-box {
    margin: 0.2rem;
    border: solid 1px #F88F36;
}

.sp-block {
    display: block;
}

.pc-block {
    display: none;
}

@media screen and (min-width: 1201px) {
    .pc-block {
        display: block;
    }

    .sp-block {
        display: none;
    }
}

@media screen and (min-width: 769px) {

    /*office選ばれる　ここまで*/
    .office-contents {
        position: relative;
        top: -20px;
    }
}
 
 
 
 /*見出し*/
 a {
     word-break: break-all;
 }


 .blog-title_cont {
     font-size: 1.4rem;
     font-weight: bold;
     text-align: center;
     position: relative;
     margin-top: 8rem;
     margin-bottom: 2rem;
     line-height: 1.3;
     padding-bottom: 1rem;
 }

 .poketop-h1-title-pc a,
 .poketop-h1-title a,
 .moz-p a {
     text-decoration: none;
     color: #1f1f1f;
 }

 .blog-title_cont::before {
     content: '';
     display: inline-block;
     position: absolute;
     vertical-align: middle;
     background-size: contain;
     background-image: url(/assets/images/information/information-img1.svg);
     width: 100px;
     height: 100px;
     background-repeat: no-repeat;
     bottom: -0.5rem;
     top: -3.6rem;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }

 .blog-title-border {
     background-color: #333333;
     width: 80px;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     margin-top: 0.5rem;
     position: absolute;
     height: 3px;
 }

 .blog-area-search span {
     font-size: 1.33rem;
     font-weight: bold;
     display: flex;
     align-items: center;
     line-height: 1.2;
     margin-bottom: 1rem;
     text-align: center;
 }

 .blog-area-search span::before,
 .blog-area-search span::after {
     content: "";
     height: 1px;
     flex-grow: 1;
     background-color: #666;
 }

 .blog-area-search span:before {
     margin-right: 1rem;
 }

 .blog-area-search span:after {
     margin-left: 1rem;
 }

 .blog-cat-detail-bg {
     margin: 0 auto;
 }

 .blog-cat-detail-dl:first-of-type {
     margin-top: .4rem;
 }

 .blog-cat-detail-dl {
     display: flex;
     margin-bottom: -1px;
     line-height: 1.2;
     
 }

 .blog-cat-detail-dl-dt {
     background-color: #f5f5f5;
     width: 25%;
     font-weight: bold;
     border: 1px solid #eee;
     padding: .5rem;
     display: flex;
     align-items: center;
     color: #333333;
     font-size: 1rem;
 }

 .blog-cat-detail-dl-dd {
     width: 75%;
     border: 1px solid #eee;
     padding: .5rem;
     margin-left: -1px;
     line-height: 1.6;
     font-size: 1rem;
 }

 .blog-cat-detail-box {
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
    margin-top: 1rem;
    margin-bottom: 1rem;
     padding: 1rem;
     border: 1px solid #eee;
     display: flex;
     flex-direction: column;

 }

 .blog-cat-detail-img {
     margin: 0 auto;
     display: block;
 }

 .blog-cat-detail-box-h2 {
     text-align: center;
     background-color: #f5f5f5;
     color: #333333;
     padding: .5rem 0;
 }

 .blog-cat-detail-box-h2-span {
     display: inline-block;
     margin: 0 auto;
     position: relative;
     font-size: 1.2rem;
     font-weight: 600;
     padding-left: 1rem;
     line-height: 1.2;
 }

 .blog-cat-detail-box-h2 span::before {
     position: absolute;
     left: -.5rem;
     top: -.3rem;
     content: "";
     display: inline-block;
     width: 2rem;
     height: 2rem;
     background: url(/assets/images/pokeko.svg) no-repeat;
     background-size: contain;
 }

 .blog-kizi-box {
     display: flex;
     align-items: flex-start;
     flex-direction: row;
     padding: .6rem 0;
     font-weight: 400;
     margin: 1rem auto;
     max-width: 420px;
     justify-content: flex-end;
 }

 .blog-thum-pc img {
     object-fit: contain;
     width: 100%;
     max-width: 420px;
     margin: 0 auto;
     border-radius: 1rem;
 }

 .blog-kizi-box time {
     text-align: center;
     display: block;
 }

 .blog-kizi-box>p {
     text-align: center;
     display: block;
     margin-bottom: .2rem;
 }

 .blog-kizi-box>p>a {
     text-decoration: none;
 }

 .blog-kizi {
     padding-top: 1rem;
     margin-top: 0;
 }

 .container-title .moz-title-blog {
     font-size: 1.2rem;
     color: #3B4043;
     line-height: 1.3;
     margin-top: 3rem;
     padding: 0 1rem;
 }

 .blog-kizi-left {
     display: none;
 }

 .blog-kizi-left-2 {
     display: block;
 }

 .blog-title-h1 {
     display: block;
     text-align: left;
     margin: 2rem auto 0;
     font-weight: 400;
     line-height: 1.2;
     font-size: 1.5rem;
     max-width: 420px;
 }



 .blog-top-poke-img-pc {
     width: 37%;
     padding-left: 1.42rem;
 }

 .blog-top-box-right,
 .blog-top-box-left {
     width: 100%;
     max-width: 590px;
 }

 .blog-line-pc {
     border: 1px solid #333333;
     width: 80px;
     margin: 1rem auto;
 }

 .blog-top-box-right-p {
     display: inline-block;
     font-weight: 700;
 }

 .blog-thum-pc2 {
     display: none;
 }

 .blog-cat-p {
     background-color: #f1f4f4;
     border-radius: 4px;
     padding: 3px 0.8rem;
     line-height: 1.1;
     color: #738c8c;
     display: inline-block;
     margin-left: 1rem;
 }

 .blog-cat-p>a {
     text-decoration: none;
     color: #738c8c;
 }

 .blog-thum-pc {
     display: block;
     text-align: center;
     position: relative;
     padding: 0 1rem;
 }

 .blog-kizi-flex {
     padding: 0 1rem;
 }

 .blog-sig-cat01 dl dt span {
     font-size: .83rem;
     font-weight: 400;
 }

 .blog-sig-cat01 {
     font-weight: bold;
     border-radius: 10px;
     text-align: center;
     margin-top: -2rem;
     padding: .33rem;
     margin-bottom: .33rem;
 }

 .blog-sig-cat {
     padding: 1rem .5rem;
     height: 520px;
     border-radius: 1rem;
     background-color: #fff;
     max-width: 420px;
     margin: 3rem auto;
     border: 1px solid #1f1f1f;
 }

 .blog-sig-cat-h3 {
     display: inline-block;
     position: relative;
     top: -2.5rem;
     background-color: #fff;
     padding: .33rem 1rem .33rem 3rem;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     border-radius: 1rem;
     top: -1rem;
 }

 .blog-sig-cat-h3::before {
     position: absolute;
     left: .5rem;
     top: .2rem;
     content: "";
     display: inline-block;
     width: 2rem;
     height: 2rem;
     background: url(/wp-content/themes//blankslate-child/assets/images/pokeko.svg) no-repeat;
     background-size: contain;
 }

 .blog-ather-flex {
     padding: 0 1rem;
 }

 .blog-sig-ather-a,
 .blog-insta-ather-a,
 .blog-twi-ather-a,
 .blog-blog-ather-a {
     display: block;
     height: 100%;
     padding: .5rem;
     border-radius: 1rem;
     text-align: center;
     color: #1f1f1f;
     font-size: 1.14rem;
     margin: .5rem 0 .3rem;
     width: 100%;
     margin: 1rem auto;
     text-decoration: none;
 }

 .blog-sig-ather-a-span {
     font-size: 1rem;
     font-weight: 400;
 }

 .blog-sig-ather-a {
     font-weight: bold;
     line-height: 1;
     font-size: 1.42rem;
     padding: 1rem;
     background: transparent linear-gradient(270deg, #FFCA74 0%, #FFAD1C 49%, #FCC257 100%) 0% 0% no-repeat padding-box;
     box-shadow: 0px 3px 6px #00000029;
     border-radius: 40px;
     color: #fff;
 }

 .blog-insta-ather-a {
     background-color: #E4CDF8;
 }

 .blog-twi-ather-a {
     background-color: #E8FFFB;
 }

 .blog-blog-ather-a {
     background-color: #FFFEE8;
 }

 .blog-ather-a-bb {
     margin: 0;
 }

 @media screen and (min-width: 1201px) {
     .blog-sig-cat-h3 {
         background-color: #F7E8E5;
     }

     .blog-kizi-matome-flex {
         display: flex;
         flex-direction: row
     }

     .blog-kizi-flex {
         display: flex;
         flex-direction: column;
         width: 800px;
     }

     .blog-sig-cat {
         border: none;
         height: auto;
     }

     .blog-area-search-all {
         max-width: 1200px;
         margin: 3rem auto 0;
         display: block;
     }

     .blog-area-search-all img {
         text-align: center;
         width: 600px;
         display: block;
     }

     .blog-area-search-tenpo {
         max-width: 1200px;
         margin: 0 auto;
         display: block;
     }

     .blog-kizi-right p img {
         text-align: center;
         display: block;
         margin: 1rem auto;
     }

     .blog-ather-flex {
         width: 440px;
         padding: 0 3rem;
         background-color: #fff4e1;
         border-radius: 0 5rem 0 0;
     }

     .blog-thum-pc2 {
         display: block;
         position: relative;
     }

     .blog-thum-pc2 img {
         object-fit: cover;
         width: 100%;
         margin: 7rem 0 2rem;
         width: 22rem;
         height: 15rem;
         border-radius: 5px;
     }

     .blog-thum-pc2::before {
         position: absolute;
         left: 2rem;
         top: 2rem;
         content: "";
         display: inline-block;
         width: 20rem;
         height: 10rem;
         background: url(/wp-content/themes//blankslate-child/assets/images/blog_img_top_text.svg) no-repeat;
         background-size: contain;
     }

     .office-contents {
         position: relative;
         padding-top: 5rem;
     }

     .blog-thum-pc {
         display: none;
     }

     .blog-title-h1 {
         font-size: 2.26rem;
         max-width: 800px;
     }

     .blog-kizi-box {
         margin: 1rem 2rem 0 0;
         max-width: 800px;
     }

     .blog-top-box-pc {
         display: flex;
         width: 100%;
         align-items: center;
         justify-content: center;
     }

     .blog-cat-detail-img {

      
         border-radius: 0;
     }

     .blog-cat-detail-box {
         flex-direction: row;
     }

     .blog-cat-detail-box>div:first-of-type {
         width: 50%;
     }

     .blog-cat-detail-box>div {
         width: 50%;
         padding-left: 1rem
     }

   
     .blog-cat-detail-dl {
         font-size: 1.33rem;
     }

     .blog-cat-detail-box-h2-span {
         margin: 2rem 0 2rem;
         font-size: 1.5rem;
     }

     .blog-cat-detail-dl:first-of-type {
         margin-top: none;
     }

   
     .blog-cat-detail-box-h2-span::before {
         left: -1rem;
         top: -.3rem;
         width: 3rem;
         height: 3rem;
     }

     /*.blog-thum-pc img {
    display: none;
    object-fit: cover;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    position: absolute;
    width: 22rem;
    height: 22rem;
    border-radius: 11rem;
    z-index: 10;
    left: 4rem;
    top: 0;
}*/
     .blog-kizi {
         margin-top: 1rem;
         display: flex;
         justify-content: center;
     }

     .blog-kizi-right {
         display: inline-block;
         margin: 0 auto 0 0;
         width: 100%;
         padding: 1rem;
     }

     .blog-kizi-left {
         display: inline-block;
         margin: 14rem 0 0 auto;
         width: 320px;
         padding: 0 2rem 0 0;

     }

     /*
    .blog-kizi-box {
      font-weight: 400;
      font-size: 1rem;
      flex-wrap: nowrap;
      padding: 1rem 0 1rem 27rem;
      max-width: 1200px;
      justify-content: flex-start;
  }
  .blog-title-h1 {
    padding: 5rem 0 1rem 25rem;
    font-size: 1.83rem;
    background-color: #fff;
    position: relative;
    top: -5rem;
    margin-bottom: -5rem;
}*/
     .blog-area-search span {
         font-size: 2rem;
     }
 }

 /*追加*/

 .blog-toi-flex {
     display: flex;
     justify-content: center;
 }

 .blog-toi-dt {
     text-align: center;
     border-bottom: 1px dashed;
     padding-bottom: 1rem;
     padding-top: 1rem;
     border-top: 1px dashed;
     margin-top: 2.5rem;
     margin-bottom: .5rem;
 }

 .blog-toi-a,
 .blog-toi-img {
     border-radius: 20px;
     font-size: 1.71rem;
     font-weight: bold;
     text-decoration: none;
     display: table-cell;
     vertical-align: middle;
     text-align: center;
 }

 .blog-toi-a {
     width: 100px;
     height: 95px;
     background-color: #efefef;
     color: #1f1f1f;
     position: relative;
     top: 4px;
 }

 .blog-toi-img {
     width: 100px;
     height: 100px;
 }

 .blog-toi-a:hover {
     background-color: #eee;
     color: #000;
 }

 @media screen and (min-width: 1201px) {
     .blog-toi-a {
         width: 80px;
         height: 78px;
         font-size: 1.57rem;
     }

     .blog-toi-img {
         width: 80px;
         height: 80px;
     }

     .blog-toi-p-pc {
         text-align: left;
         padding: .5rem 0;
         font-size: 1.28rem;
         text-align: center;
     }

     .blog-toi-p-pc-span {
         background-color: #f8ebcd;
         padding: .2rem;
     }
 }

 /*旧ブログから移植*/
 .mature-h3 {
     font-weight: bold;
     font-size: 18px;
     color: #e47338;
     padding: 1rem;
     border-bottom: 2px solid #e47338;
     text-align: center;
 }

 .mature-p {
     padding: 1rem;
 }

 .mature-li {
     margin-bottom: 1rem;
 }

 .interview-li.viewer {
     min-height: 30px;
     padding: 13px 0 15px 33px;
     line-height: 1.1em;
     font-weight: bold;
     color: #f46b1e;
     font-size: 15px;
 }

 .interview-li.guest {
     margin: 0;
     padding: 15px 10px;
     background-color: #fff;
     border: 3px solid #F0E4CF;
     color: #595959;
     font-size: 13px;
     -moz-border-radius: 7px;
     -webkit-border-radius: 7px;
     border-radius: 7px;
     line-height: 1.7em;
 }

 .taiken-article.mature-cast-1 {
     position: relative;
     margin: 10px 0 70px 0;
     padding: 1rem;
 }

 .taiken-article {
     position: relative;
     margin: 0 0 10px 0;
     font-size: 16px;
     border: 10px solid #F0E4CF;
     background: url(/assets/images/top-staff-bg.jpg) repeat 0 0;
     line-height: 25px;
 }

 .contents-h1 {
     margin: 0 0 20px 0;
     font-size: 20px;
     line-height: 1.1em;
     letter-spacing: -1px;
     font-weight: normal;
     color: #ee7f00;
     font-family: Helvetica, Arial, "ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Sans-Serif;
 }

 .mature-ul {
     margin-bottom: 20px;
     padding: 15px 10px 10px 10px;
     border: 1px solid #e47338;
 }

 .checkpoint-h2>.img-replace {
     position: absolute;
     width: 90px;
     height: 90px;
     background: transparent url(/assets/images/sprite.png) no-repeat -250px 0;
 }

 .img-replace {
     display: block;
     text-indent: -9999px;
     overflow: hidden;
 }

 .taiken-article.taiken-cast-4:before {
     background: transparent url(/assets/images/taiken-cast-4.png) no-repeat 0 0;
 }

 .checkpoint-h2 {
     position: absolute;
     margin: 0px;
     width: 90px;
     height: 90px;
     top: -35px;
     left: -5px;
 }

 .type-li>a {
     display: block;
     width: 120px;
     height: 50px;
     text-indent: -150%;
     overflow: hidden;
     white-space: nowrap;
     border: 2px solid #ddd;
     background: url(/assets/images/sp/type-1.png?a) no-repeat;
 }

 .type-li.m>a {
     background-position: 0 -50px;
 }

 .top-h2.on-active,
 .contents-h2.on-active {
     color: #fff;
     border: none;
     background: #F46A21;
     -webkit-tap-highlight-color: rgba(219, 64, 107, 0.5);
 }

 @media only screen and (-webkit-min-device-pixel-ratio: 2) {

     .checkpoint-h2>.img-replace,
     .checkpoint-li:before,
     .title-h2:before,
     .title-h2:after,
     .faq-dt:before,
     .faq-dt.on-active:before,
     .faq-dd:before,
     .reg-h2:before,
     .regwrap-li:before,
     b.staff-comment {
         background-image: url(/assets/sp/images/sp-othersprite@2x.png);
         background-size: 450px 200px;
     }

     .checkpoint-h2>.img-replace {
         position: absolute;
         width: 71px;
         height: 71px;
         background: url(/assets/sp/images/sp-othersprite.png) no-repeat scroll 0 0 transparent;
     }

     .img-replace {
         display: block;
         text-indent: -9999px;
         overflow: hidden;
     }

     .point-wrap {
         padding: 15px;
         border-radius: 5px;
         margin-bottom: 20px;
         border: 7px solid #ff7600;
     }

     .checkpoint-li {
         position: relative;
         padding: 10px 5px 10px 40px;
         font-size: 90%;
     }

     .checkpoint-ul {
         margin: 0px;
         padding: 10px 0px;
         background-color: #FFF;
     }

     .type-li>a {
         display: block;
         width: 120px;
         height: 50px;
         text-indent: -150%;
         overflow: hidden;
         white-space: nowrap;
         border: 2px solid #ddd;
         background: url(/assets/sp/images/type-1.png?a) no-repeat;
     }

     .type-ul {
         width: 250px;
         margin: 0 auto;
     }

     .taiken-b,
     .taiken-span {
         float: left;
     }

     .d_orange {
         color: #a74715;
     }

     .taiken-b {
         width: 120px;
     }

     .taiken-article.mature-cast-1:before {
         content: '';
         position: absolute;
         width: 250px;
         height: 270px;
         top: -20px;
         right: 0;
         background: url(/assets/images/information/oldblog_img/taiken-cast-4.webp) no-repeat 0 0;
     }

     .list-unstyled {
         list-style: none;
         display: flex;
         flex-direction: column;
     }

     .taiken-li {
         padding: 3px 0;
         font-size: 14px;
     }

 
     .taiken-ul {
         margin: 1rem;
         background: url(/assets/images/taiken-border.png) repeat 0 0;
     }


     .mature-li>b {

         border-bottom: 2px dotted #ddd;
     }

     .mature-li>b {
         color: #e47338;
     }

     .show {
         display: block !important;
     }

     .interview-li.viewer:before {
         content: '';
         width: 30px;
         height: 30px;
         position: absolute;
         top: 0;
         left: 0;
         background: transparent url(/assets/images/sprite.png) no-repeat -500px -460px;
     }

     .interview-li {
         position: relative;
     }
 }