/*
Theme Name: erofilewp
Description: erofile WPテーマ
Author:
Version: 1.00
License:
License URI:
Text Domain:
Tested up to: 6.2
Requires PHP: 8.0
*/

/* Josh's Custom CSS Reset --- more customized */
*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{line-height:1.0;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:inline-block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-size:100%}#root,#__next{isolation:isolate}

/* Basic settings */
br {letter-spacing:0;}
ul, li {list-style:none;}
img, a img {border:0; text-decoration:none;}
mark {background:#ff0; color:#000;}
b, strong {font-weight:bold;}
table {border-collapse:collapse; border-spacing:0;}

/* Base Set */
html {
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
font-size: 62.5%;
}
body {
  color:#eee;
  font-family: Roboto, "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  letter-spacing: .1rem;
  line-height:1.0;
}

:root{
  --pcw: 1280px;
  --fwn: 400;
  --fwm: 500;
  --fwb: 700;
  --clrb: #eee;
  --clrw: #f3f3f3;
  --thmclr: #aaa99a;
  --lnkcl: #b7b6a6;
  --btnbg: #009eba;
  --brdrbg: #009eba;
  --tagcl: #d8d7cb;
}

/* -------------------------------------------------------
common
---------------------------------------------------------- */
html,
body{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body{
  background-color: #181818;
}

a {
  background-color:transparent;
  outline:0;
  text-decoration:none;
  transition: all .5s;
}
a:hover{
  color: var(--lnkcl);
}

.footer{
  margin-top: auto;
  background-color: #101010;
  color: var(--thmclr);
}

a{color: var(--clrw);}

h1, h2, h3, h4{
  font-weight: normal;
}
.list_disc li{
  list-style: disc;
}
ol.decimal{
  padding-left: 2em;
}
ol.decimal li{
  list-style: decimal;
}

/* button */
a.btn_c {
  position: relative;
  display: inline-block;
  padding: 1em 3em;
  background-color: #111;
  border: 1px solid #111;
  color: #fff;
  font-size: 90%;
  letter-spacing: .1em;
  vertical-align: middle;
}
a.btn_c::before,
a.btn_c::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.arrow::before {
  right: 16px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*
Layout
---------------------------------------------------------- */
/* header --------------------- */
@media screen and (max-width:1080px){
  .header_inner{
    padding-left: 2rem;
  }
  .logo{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 6rem;
  }
  .logo img{
    width: 24rem;
    height: auto;
  }
  .header_info{
    color: #999;
    font-size: 1rem;
  }
}
@media screen and (min-width:1081px){
  .header_inner{
    display: flex;
    align-items: center;
    gap: 4rem;
    width: 100%;
    max-width: var(--pcw);
    height: 6rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .logo{
    padding-top: 1rem;
  }
  .logo img{
    width: auto;
    height: 3rem;
  }
  .header_info{
    color: #999;
    font-size: 1.2rem;
  }
}


.navbar{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9998;
}
.drawer_btn{
  position: relative;
  width: 6rem;
  height: 6rem;
  background-color: #000;
  border: none;
}
@media screen and (min-width:1081px){
  .drawer_btn{
    width: 8rem;
    height: 8rem;
    cursor: pointer;
  }
}
.drawer_btn > span{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 1px;
  background-color: var(--lnkcl);
  transform: translateX(-50%);
}
.drawer_btn > span:first-child{
  transform: translate(-50%, calc(-50% - 0.6rem));
  transition: transform 0.3s ease;
}
.drawer_btn > span:nth-child(2){
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}
.drawer_btn > span:last-child{
  transform: translate(-50%, calc(-50% + 0.6rem));
  transition: transform 0.3s ease;
}
@media screen and (min-width:1081px){
  .drawer_btn > span{
    width: 3rem;
    height: 1px;
  }
  .drawer_btn > span:first-child{
    transform: translate(-50%, calc(-50% - 1rem));
  }
  .drawer_btn > span:last-child{
    transform: translate(-50%, calc(-50% + 1rem));
  }
}

.drawer_btn.active{
  background-color: #222;
}
.drawer_btn.active > span:first-child{
  transform: translate(-50%, -50%) rotate(-45deg);
}
.drawer_btn.active > span:nth-child(2){
  opacity: 0;
}
.drawer_btn.active > span:last-child{
  transform: translate(-50%, -50%) rotate(45deg);
}

.nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .9);
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  overflow-y: auto;
  z-index: 9997;
}
.nav.active{
  opacity: 1;
  visibility: visible;
}

.nav_inner{
  padding-top: 8rem;
  padding-bottom: 4rem;
}
.drawer_search_wrap{
  display: flex;
  align-items: center;
  justify-content: center;
}
.drawer_search_wrap .screen-reader-text{
  display: none;
}
.search-form .search-field{
  padding: 1rem;
  background-color: #222;
  border: 1px solid #444;
  border-radius: 4px;
  color: #fff;
}
.search-form .search-field:focus{
  outline: none;
  background-color: #111;
}
.search-form .search-submit{
  width: 6rem;
  height: 4rem;
  background-color: var(--btnbg);
  border: 0;
  border-radius: 4px;
  color: #000;
}

.drawer_cat_wrap,
.drawer_tag_wrap{
  padding-top: 6rem;
  padding-right: 4rem;
  padding-left: 4rem;
}
@media screen and (max-width:1080px){
  .drawer_cat_wrap,
  .drawer_tag_wrap{
    padding-top: 6rem;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.drawer_cat_title,
.drawer_tag_title{
  margin-bottom: 1.5em;
  font-weight: var(--fwb);
  text-align: center;
}
.drawer_cat_title p,
.drawer_tag_title p{
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
.drawer_cat_title p::before,
.drawer_tag_title p::before{
  content: '';
  position: absolute;
  bottom: -1em;
  display: inline-block;
  width: 3rem;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--btnbg);
}


ul.drawer_cat,
ul.drawer_tag{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (min-width:1081px){
  ul.drawer_cat{
    max-width: 80rem;
    margin: 0 auto;
  }
  ul.drawer_tag{
    max-width: 64rem;
    margin: 0 auto;
  }
}


ul.drawer_cat a,
ul.drawer_tag a{
  display: inline-block;
  padding: 1em;
  background-color: #000;
  border-radius: .4rem;
  color: #eee;
  font-size: 1.4rem;
}
ul.drawer_cat a:hover,
ul.drawer_tag a:hover{
  background-color: var(--btnbg);
}
ul.drawer_cat a span,
ul.drawer_tag a span{
  display: inline-block;
  margin-left: 2rem;
  font-size: 1.4rem;
}

.tag_all_link{
  text-align: center;
}
.tag_all_link a{
  display: inline-block;
  padding: 1em;
  background-color: var(--btnbg);
  border-radius: .4rem;
  color: #111;
  font-size: 1.4rem;
}

/* メニュー展開時、背景を固定 */
body.active {
  height: 100%;
  overflow: hidden;
}
body.active .content{
  filter: blur(4px);
  transition: filter .3s ease;
}

/* header search -modal- */
.head_search_btn button{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 30px;
  background-color: inherit;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}
.search_icon{
  width: 2rem;
  height: auto;
}
.search-modal{
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
}
.search-modal-content{
  position: relative;
  width: 90%;
  margin: 10% auto;
  padding: 3rem;
  background-color: #111;
}
.search-modal-content .screen-reader-text{
  display: none;
}
.close-btn {
  position: absolute;
  top: 8px;
  right: 12px;
  color: #fff;
  font-size: 3rem;
  background: none;
  border: none;
  cursor: pointer;
}




/* contents
------------------------------------------ */
/* heading --------------------- */
.block_heading{
  display: inline-block;
  position: relative;
  color: var(--clrw);
  font-size: 2.4rem;
  font-weight: var(--fwm);
  letter-spacing: .1em;
}
.block_heading .sub{
  display: block;
  margin-bottom: 1em;
  color: #999;
  font-size: 1.4rem;
  font-weight: var(--fwn);
}
.block_heading:before{
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 4rem;
  height: 1px;
  background-color: var(--btnbg);
}

.pagetitle_2col{
  padding: 1rem 0 1rem 1.2rem;
  border-left: 4px solid #ccc;
  color: var(--clrw);
  font-size: 2.4rem;
  font-weight: var(--fwm);
  letter-spacing: .1em;
}

/* block --------------------- */
.container_1col{
  margin-top: 8rem;
  padding-bottom: 10rem;
}
@media screen and (max-width:767px){
  .container_1col{
    margin-top: 6rem;
    padding-bottom: 4rem;
  }
}

.container_2col{
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 8rem;
  width: 100%;
  max-width: var(--pcw);
  margin-top: 6rem;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 10rem;
  padding-right: 4rem;
  padding-left: 4rem;
}
@media screen and (max-width:767px){
  .container_2col{
    flex-direction: column;
    gap: 4rem;
    padding-bottom: 6.4rem;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media screen and (min-width:768px) and (max-width:1080px){
  .container_2col{
    flex-direction: column;
    padding-bottom: 8rem;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

.main_2col{
  flex: 1;
  max-width: 82rem;
}
.sidebar{
  width: 30rem;
}
@media screen and (max-width:767px){
  .main_2col{
    padding-right: 0;
    padding-bottom: 4rem;
  }
  .sidebar{
    width: 100%;
  }
}
@media screen and (min-width:768px) and (max-width:1080px){
  .sidebar{
    display: flex;
    flex-wrap: wrap;
    gap: 8rem 4rem;
    width: 100%;
  }
  .sidebar .widget_block{
    width: 45%;
  }
}

/* INDEX --------------------- */
.index_intro{
  margin-bottom: 4rem;
  color: var(--lnkcl);
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width:767px){
  .index_intro{
    font-size: 1.2rem;
  }
}
.newcomer-banner{
  margin-bottom: 8rem;
}
.newcomer-banner a:hover{
  opacity: .5;
}

/* INDEX post --------------------- */
.post_list_wrap{
  width: 100%;
  max-width: var(--pcw);
  margin-right: auto;
  margin-left: auto;
}
.container_1col .post_list_wrap{
  padding-right: 4rem;
  padding-left: 4rem;
}

@media screen and (max-width:767px){
  .post_list_wrap{
    padding-bottom: 4.8rem;
  }
}

.post_wrap_title{
  margin-bottom: 8rem;
  text-align: center;
}

.search_title{
  margin-bottom: 6.4rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #333;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
}

/* post list */
.post_list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 4rem;
  row-gap: 5.6rem;
}
.main_2col .post_list{
  grid-template-columns: repeat(2, 1fr);
}

.post_list a{
  color: #f3f3f3;
}
@media screen and (max-width:767px){
  .post_list,
  .main_2col .post_list{
    grid-template-columns: 1fr;
    row-gap: 4.8rem;
  }
}
@media screen and (min-width:768px) and (max-width:1080px){
  .post_list{
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
    row-gap: 6.4rem;
  }
}

.post_list li .post_img_wrap{
  position: relative;
}
.post_list_img{
  position: relative;
  aspect-ratio: 3/2;
  overflow: hidden;
  z-index: 1;
}
.post_list_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease-out;
}
.post_list_img img:hover{
  transform: scale(1.2);
}
.post_list_img .post-label{
  position: absolute;
  top: 0;
  left: 0;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 1.2rem;
  z-index: 2;
}
.post_list .post_list_title{
  padding-top: 1.5rem;
}
.post_list .post_list_title h3{
  color: #fff;
  line-height: 1.6;
}
.post_list .post_date{
  color: #999;
  font-size: 1.2rem;
}

/* post(detail) --------------------- */
.post_header{
  padding-bottom: 2rem;
  border-bottom: 1px solid #333;
}
.post_header h1{
  color: #f3f3f3;
  font-size: clamp(2.2rem, 2.5vw, 2.8rem);
  font-weight: var(--fwm);
  line-height: 1.6;
}
.post_header h1 span{
  display: inline-block;
  color: var(--thmclr);
  font-size: clamp(1.4rem, 2vw, 2rem);
}
@media screen and (max-width:767px){
  .post_header h1 span{
    display: block;
    margin-top: 1rem;
  }
}
.post_info{
  display: flex;
  justify-content: space-between;
  margin-top: 4rem;
}
.post_info .cat a{
  /*display: inline-block;*/
  /*padding: 1rem;*/
  /*background-color: var(--thmclr);*/
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.4rem;
}
.post_info .cat a img{
  display: inline-block;
  width: auto;
  height: 2rem;
  margin-right: .5rem;
}
.post_info .date_wrap{
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 3rem;
  color: var(--thmclr);
  font-size: 1.2rem;
}
.date_wrap .date,
.date_wrap .update{
  display: flex;
  align-items: center;
}
.date_wrap .date img,
.date_wrap .update img{
  width: auto;
  height: 1.5rem;
}
.date_wrap .date span,
.date_wrap .update span{
  display: inline-block;
  margin-left: .5rem;
}
.tag{
  margin-top: 2rem;
}
.tag .article_tag{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.tag .article_tag a{
  display: inline-block;
  padding: 1em;
  background-color: #0d0d0d;
  border-radius: 4px;
  color: var(--tagcl);
  font-size: 1.2rem;
}
.post_info a:hover,
.tag a:hover{
  opacity: .5;
}
.tag .article_tag .tag_icon{
  display: inline-block;
  margin-right: .2rem;
  color: #666;
}

.post_body{
  /*margin-top: 6rem;*/
  letter-spacing: .1rem;
}

.hd_cmn{
  padding: .5em 1em;
  border-left: 4px solid var(--brdrbg);
  color: var(--thmclr);
  font-size: clamp(1.8rem, 2.5vw, 2rem);
  font-weight: var(--fwm);
  letter-spacing: .1em;
}

.post_body .actress_desc{
  line-height: 2;
}
.post_body .actress_desc h2{
  margin-bottom: 1em;
  padding-bottom: .5em;
  border-bottom: 1px solid var(--brdrbg);
  font-size: clamp(1.8rem, 2.5vw, 2.2rem);
}
.post_body .actress_desc h2 .nickname{
  display: inline-block;
  margin-left: 2rem;
  font-size: clamp(1.4rem, 2vw, 1.6rem);
}
.post_body .actress_desc .sns{
  margin-top: 1rem;
}
.post_body .actress_desc .sns i{
  margin-right: .5rem;
}
.post_body .actress_desc .sns a{
  display: inline-block;
  color: #31e1ea;
}
.post_body .actress_desc .sns a:hover{
  opacity: .5;
}
.post_body .actress_desc .sns a + a{
  margin-left: 2rem;
}
.post_body .actress_desc .sns a i{
  color: #fff;
}
@media screen and (max-width:767px){
  .post_body .actress_desc .sns a{
    display: block;
  }
  .post_body .actress_desc .sns a + a{
    margin-top: 1rem;
    margin-left: 0;
  }
}

.post_body .debut_info{
  margin-top: 5.6rem;
}
.post_body .debut_info h2{
  margin-bottom: 3rem;
}
.post_body .debut_info .debut_title{
  margin-bottom: 3.2rem;
  font-size: clamp(1.6rem, 2.5vw, 2rem);
  font-weight: var(--fwb);
  line-height: 1.6;
}
.post_body .debut_info .inner{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 4rem;
}
.post_body .debut_info .debut_photo{
  position: relative;
  width: 36%;
  aspect-ratio: 1/1.42;
  overflow: hidden;
}
.post_body .debut_info .debut_photo.wl{
  overflow: hidden;
}
.post_body .debut_info .debut_photo.wl img,
.post_body .debut_info .debut_photo img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.post_body .debut_info .debut_photo.wl img{
  object-position: right top;
}
@media screen and (max-width:767px){
  .post_body .debut_info .debut_photo{
    width: 60%;
  }
}

.post_body .debut_info .debut_desc{
  flex: 1;
}
.post_body .debut_info .debut_desc p{
  margin-bottom: 4rem;
  font-size: clamp(1.4rem, 2vw, 1.6rem);
  line-height: 2;
}
.post_body .debut_info .debut_desc .series,
.post_body .debut_info .debut_desc .maker,
.post_body .debut_info .debut_desc .label,
.post_body .debut_info .debut_desc .mv_id{
  font-size: 1.4rem;
}
.post_body .debut_info .debut_desc .series span,
.post_body .debut_info .debut_desc .maker span,
.post_body .debut_info .debut_desc .label span,
.post_body .debut_info .debut_desc .mv_id span{
  display: inline-block;
  width: 8.2rem;
  margin-right: 1rem;
  padding: .8rem 0;
  background-color: #222;
  color: var(--thmclr);
  font-size: 1.2rem;
  text-align: center;
}
.post_body .debut_info .debut_desc .maker,
.post_body .debut_info .debut_desc .label,
.post_body .debut_info .debut_desc .mv_id{
  margin-top: 1em;
}
.post_body .debut_info .debut_desc .series a{
  display: inline-block;
  padding-bottom: .3em;
  border-bottom: 1px solid #999;
}
.post_body .debut_info .debut_movie{
  margin-bottom: 4rem;
}
.post_body .debut_info .detail_link{
  display: flex;
  justify-content: flex-start;
  margin-top: 3.2rem;
}

@media screen and (max-width:767px){
  .post_body .debut_info .inner{
    flex-direction: column;
  }
  .post_body .debut_info .debut_photo{
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }
  .post_body .debut_info .detail_link{
    justify-content: center;
  }
}

.sample_img_wrap{
  margin-top: 4rem;
  padding: 4rem;
  background-color: #101010;
  text-align: center;
}
@media screen and (max-width:767px){
  .sample_img_wrap{
    padding: 1rem;
    background-color: inherit;
    text-align: center;
  }
}
.sample_img_wrap img{
  width: auto;
  max-width: 100%;
  height: auto;
}

.external_link{
  margin-top: 4rem;
}
.external_link_2nd{
  margin-top: 8rem;
}
.actress_link a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6.4rem;
  background-color: #111;
  border: 1px solid var(--btnbg);
  border-radius: 3.2rem;
  font-size: clamp(1.4rem, 2vw, 2rem);
  font-weight: var(--fwb);
}
.actress_link a::after{
  content: "";
  position: absolute;
  top: 2.6rem;
  right: 2.4rem;
  display: inline-block;
  color: var(--btnbg);
  line-height: 1;
  width: 1rem;
  height: 1rem;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
}
.actress_link a:hover{
  background-color: #222;
}
@media screen and (max-width:767px){
  .actress_link a{
    color: #fff;
    font-weight: var(--fwn);
  }
}

/* キャンペーン再利用ブロック */
.inner_camp_block{
  margin-top: 8rem;
}
.inner_camp_block .inner_camp_title{
  margin-bottom: 1em;
  color: #ff8eb2;
  font-size: clamp(1.6rem, 2vw, 2rem);
  font-weight: var(--fwm);
  text-align: center;
}
.inner_camp_block .inner{
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem;
  background-color: #101010;
  border: 1px solid #d190a4;
}
.inner_camp_block .inner .camp_box a:hover{
  opacity: .5;
}

.inner_camp_block{
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}

.inner_camp_block.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width:767px){
  .inner_camp_block .inner{
    display: block;
  }
  .inner_camp_block .inner .camp_box + .camp_box{
    margin-top: 1rem;
  }
}

.post_body .pop_av_wrap{
  margin-top: 10rem;
}
@media screen and (max-width:767px){
  .post_body .pop_av_wrap{
    margin-top: 8rem;
  }
}

/* ライブチャット女優-再利用ブロック */
.livechat_banner{
  margin-top: 4rem;
  padding: 4rem;
  background-color: #101010;
}
.livechat_banner .txt{
  margin-top: 1em;
  text-align: center;
}
.livechat_banner .txt a{
  color: #0abcdb;
  /*text-decoration: underline;*/
}
.livechat_banner .txt a:hover{
  opacity: .5;
}
.livechat_banner .pc_banner{
  display: flex;
  justify-content: center;
}
.livechat_banner .sp_banner{
  display: none;
}
@media screen and (max-width:767px){
  .livechat_banner{
    padding: 2rem 0;
  }
  .livechat_banner .sp_banner{
    display: flex;
    justify-content: center;
  }
  .livechat_banner .pc_banner{
    display: none;
  }
  .livechat_banner .txt{
    padding-right: 1em;
    padding-left: 1em;
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

.post_body .pop_av_wrap h2{
  margin-bottom: 3rem;
}
.post_body .pop_av + .pop_av{
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px dotted var(--thmclr);
}
.post_body .pop_av h3{
  margin-bottom: 1em;
  font-size: clamp(1.6rem, 2.5vw, 2rem);
  font-weight: var(--fwm);
  line-height: 1.6;
}
.post_body .pop_av .inner{
  display: flex;
  flex-direction: row;
  gap: 4rem;
}
.post_body .pop_av .photo{
  position: relative;
  width: 22%;
  aspect-ratio: 1/1.4;
  overflow: hidden;
}
.post_body .pop_av .photo.wl{
  overflow: hidden;
}
.post_body .pop_av .photo .img_w,
.post_body .pop_av .photo .img_w_c,
.post_body .pop_av .photo img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.post_body .pop_av .photo.wl .img_w img{
  object-position: right top;
}
.post_body .pop_av .photo.wl .img_w_c img{
  object-position: center top;
}

.post_body .pop_av .desc{
  flex: 1;
}
.post_body .pop_av .desc .maker,
.post_body .pop_av .desc .label,
.post_body .pop_av .desc .mv_id{
  font-size: 1.4rem;
}
.post_body .pop_av .desc .maker span,
.post_body .pop_av .desc .label span,
.post_body .pop_av .desc .mv_id span{
  display: inline-block;
  width: 8.2rem;
  margin-right: 1em;
  padding: .8rem 0;
  background-color: #222;
  color: var(--thmclr);
  font-size: 1.2rem;
  text-align: center;
}
.post_body .pop_av .desc .label,
.post_body .pop_av .desc .mv_id{
  margin-top: 1em;
}
.post_body .pop_av .detail_link{
  display: flex;
  justify-content: flex-start;
  margin-top: 2.4rem;
}

.post_body .debut_info .detail_link a,
.post_body .pop_av .detail_link a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16rem;
  height: 4rem;
  background-color: var(--btnbg);
  border-radius: 2rem;
  color: #fff;
  font-size: 1.4rem;
}
.post_body .debut_info .detail_link a::after,
.post_body .pop_av .detail_link a::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.5rem 0.6rem;
  border-left-color: currentColor;
  border-right: 0;
}
.post_body .debut_info .detail_link a:hover,
.post_body .pop_av .detail_link a:hover{
  opacity: .5;
}

.post_body .himitu_num{
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px dotted var(--thmclr);
  color: #555;
  font-size: 1.4rem;
}
.post_body .himitu_num dl{
  display: flex;
  align-items: center;
}
.post_body .himitu_num dl dt{
  padding-right: 1em;
}
.post_body .himitu_num dl dd span{
  display: inline-block;
  padding: 1rem;
  background-color: #141414;
  color: #141414;
}
.post_body .himitu_num dl dd span + span{
  margin-left: 1em;
}

@media screen and (max-width:767px){
  .post_body .pop_av .inner{
    flex-direction: column;
  }
  .post_body .pop_av .photo{
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }
  .post_body .pop_av .detail_link{
    justify-content: center;
  }
}

.other_works{
  margin-top: 1.5rem;
  text-align: right;
}
.other_works a{
  color: #009eba;
}

.related_posts{
  margin-top: 8rem;
}
.related_posts h2{
  font-weight: var(--fwb);
}
.related_post_list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem 2rem;
  margin-top: 3rem;
}
.related_post_list li a{
  width: 100%;
  cursor: pointer;
}
.related_post_list li a:hover{
  background-color: #ccc;
}
.related_post_list li .post_img{
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.related_post_list li .post_img img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related_post_list li .post_title{
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width:767px){
  .related_post_list{
    grid-template-columns: repeat(2, 1fr);
  }
  .related_post_list li .post_title{
    font-size: 1.2rem;
    line-height: 1.4;
  }
}

.post_path{
  width: 100%;
  margin-top: 6rem;
  padding: 3rem;
  background-color: #111;
}
.post_path ul{
  display: flex;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.post_path ul li{
  color: #999;
  font-size: 1.4rem;
}
.post_path ul li::after{
  content: ">";
  margin-left: 1em;
  margin-right: 1em;
}
.post_path ul li:last-child:after{
  content: "";
  margin: 0;
}
.post_path ul li a{
  text-decoration: underline;
}
.post_path ul li a:hover{
  color: var(--btnbg);
  text-decoration: none;
}
@media screen and (max-width:767px){
  .post_path{
    padding: 2rem;
  }
  .post_path ul{
    overflow-x: auto;
    word-break: keep-all;
    scrollbar-width: none;
  }
  .post_path ul::-webkit-scrollbar{
    display: none;
  }
  .post_path ul li{
    font-size: 1.2rem;
  }
}

/* page --------------------- */
.pp_box{
  margin-top: 4rem;
  color: #c5c5c5;
  font-size: 1.4rem;
  line-height: 2;
}
.pp_box.mgtl{
  margin-top: 8rem;
}

.pp_box h2,
.pp_box h3{
  color: #fff;
  font-weight: 700;
}
.pp_box h2{
  font-size: clamp(1.6rem, 2vw, 2rem);
}
.pp_box h3{
  margin-top: 1em;
}
.pp_box h2 + p,
.pp_box h3 + p{
  margin-top: 1rem;
}
.pp_box.sogo_info{
  padding: 2rem;
  background-color: #101010;
}
.pp_box.sogo_info .item{
  color: #fff;
}

.r_link_list{
  margin-top: 1rem;
}
.r_link_list li{
  font-size: 1.6rem;
  line-height: 2.5;
}
.r_link_list  li::before {
  content: "-";
  margin-right: 1rem;
  color: #009eba;
  font-weight: 400;
}
.link_request{
  margin-top: 2rem;
  padding-right: 2rem;
  text-align: right;
}
.link_request a{
  position: relative;
  display: inline-block;
}
.link_request a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1.6rem;
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
  color: var(--btnbg);
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-right-style: solid;
  border-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-width: 0.5rem 0.6rem;
  border-right-width: 0.6rem;
  border-left-color: currentColor;
  border-right: 0;
}

.sogo_form_wrap{
  margin-top: 8rem;
}
.sogo_form_wrap h2{
  padding-bottom: 1em;
  border-bottom: 1px solid #333;
  font-size: clamp(1.6rem, 2vw, 2rem);
  font-weight: var(--fwb);
}

.form_intro{
  margin-top: 4rem;
  line-height: 2;
}
.form_body{
  margin-top: 4rem;
}
.form_body dt{
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  font-weight: var(--fwm);
}
.form_body dt .required{
  display: block;
  margin-left: 1rem;
  padding: .5rem 1rem;
  background-color: #c41941;
  color: #fff;
  font-size: 1.2rem;
}
.form_body dd + dt{
  margin-top: 4rem;
}
.form_body .sumit_btn_wrap{
  margin-top: 4rem;
}

.form_body input[type="text"],
.form_body input[type="email"],
.form_body input[type="url"],
.form_body input[type="tel"]{
  width: 100%;
  padding: .5em;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.form_body textarea{
  width: 100%;
  padding: .5em;
  line-height: 1.4;
  field-sizing: content;
  min-height: 4lh;
}
.form_body input[type="submit"]{
  padding: 1em 2em;
  letter-spacing: .1em;
}
.form_body .accept{
  margin-top: 4rem;
}


/* contact form 7 */
.wpcf7-list-item{
  display: block;
  margin-left: 0;
}
.wpcf7-list-item + .wpcf7-list-item{
  margin-top: 1em;
}
.wpcf7-list-item input{
  margin-right: .5rem;
}
.wpcf7-not-valid-tip{
  margin-top: 1em;
  color: #fbcf1a;
}
.wpcf7 form .wpcf7-response-output{
  margin-top: 0;
  padding: 1em;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{
  background-color: #ffb900;
  color: #000;
}
.wpcf7 form.failed .wpcf7-response-output{
  background-color: #dc3232;
  color: #fff;
}
.wpcf7 .wpcf7-spinner{
  display: block;
  margin: 1rem auto 0;
}
.wpcf7-submit{
  background-color: var(--btnbg);
  border: 0;
  border-radius: .4rem;
  color: #fff;
  cursor: pointer;
}
.wpcf7 .wpcf7-submit:disabled{
  background-color: #333;
}

/* tag all --------------------- */
.tag_list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 4rem;
}
.tag_list li a{
  display: inline-block;
  padding: 1em 2em;
  background-color: #101010;
  border-radius: .4rem;
  color: #eee;
}
.tag_item .tag_count{
  color: #999;
}

/* fanza new items --------------------- */
.fanza-api-newitem{
  margin-top: 4rem;
}
.fanza-item-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.4rem 4rem;
}
@media screen and (max-width:767px){
  .fanza-item-list{
    grid-template-columns: 1fr;
    gap: 4rem;
  }
}

.fanza-item-list + .fanza-item-list{
  margin-top: 8rem;
}

.fanza-item {
  transition: transform 0.2s;
  background: #101010;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.fanza-item-link {
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* 親の高さ一杯まで伸ばす */
  text-decoration: none;
  color: inherit;
}

.fanza-item:hover {
  transform: translateY(3px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.fanza-thumb{
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.fanza-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fanza-title{
  margin-top: 1rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  font-size: 1.4rem;
  line-height: 1.6;
}
.fanza-maker{
  margin-top: 1rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  color: #999;
  font-size: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fanza-button-container{
  margin-top: auto;
  padding: 1.5rem;
  text-align: center;
}
.fanza-btn{
  display: inline-block;
  padding-right: 3rem;
  padding-left: 3rem;
  background-color: var(--btnbg);
  border-radius: 2rem;
  color: #fff;
  font-size: 1.4rem;
  line-height: 4rem;
  opacity: 1;
  transition: all .3s;
}
.fanza-btn:hover{
  opacity: .5;
}
/* セールボタンだけ色を目立たせる（例：オレンジ〜黄色のグラデーションなど） */
.fanza-btn.sale-btn {
  background: #ffcc00; /* 注意を引く黄色 */
  color: #333;         /* 文字は黒で見やすく */
}

.fanza-item-link:hover .fanza-btn.sale-btn {
  background: #ffaa00;
}

.fanza-bottom-list{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media screen and (max-width:767px){
  .fanza-bottom-list{
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

.fanza-bottom-item{
  transition: transform 0.2s;
  background: #181818;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.fanza-bottom-item .fanza-item-link{
  padding: 1.5rem 1rem;
}
.fanza-bottom-thumb{
  text-align: center;
  opacity: 1;
  transition: all .3s;
}
.fanza-bottom-thumb:hover{
  opacity: .5;
}
.fanza-bottom-title{
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1.4;
}
.fanza-item-link .fanza-button-container{
  margin-top: auto;
  padding: 1rem 0 0;
  text-align: center;
}
.fanza-btn-small{
  display: inline-block;
  padding-right: 3rem;
  padding-left: 3rem;
  background-color: #ffcc00;
  border-radius: 1.6rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 3.2rem;
  opacity: 1;
  transition: all .3s;
}
.fanza-btn-small:hover{
  opacity: .5;
}

/* ブロック全体の囲い */
.fanza-section-container {
  margin-top: 8rem;
  padding: 3rem 1.5rem 1.5rem;
  background: #101010;
  border-radius: 8px;
}

/* 自動切り替え見出しのスタイル */
.fanza-block-title {
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  font-weight: var(--fwb);
  border-left: 5px solid var(--brdrbg);
  padding-left: 10px;
  margin-bottom: 15px;
  color: #eee;
}

/* category --------------------- */
.cat_link_wrap{
  margin-top: 8rem;
}
.cat_link_wrap .inner ul{
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.cat_link_wrap .inner ul li a{
  display: inline-block;
  padding: .8em 1em;
  background-color: #101010;
  border-radius: .4rem;
  color: #fff;
  font-size: 1.4rem;
}
.cat_link_wrap .inner ul li a:hover{
  background-color: var(--btnbg);
}


/* sidebar --------------------- */
.side_widget_box + .side_widget_box{
  margin-top: 4.8rem;
}
.side_widget_box h3,
.side_box h3,
.side_tag_wrap h3{
  margin-bottom: 1.5em;
  font-weight: var(--fwb);
}
#menu-sidebar-category{
  padding-left: .5rem;
  line-height: 1.4;
}
#menu-sidebar-category li + li,
.wp-block-categories-list li + li{
  margin-top: 1em;
}
#menu-sidebar-category li::before,
.wp-block-categories-list li::before{
  content: "-";
  margin-right: 1rem;
  color: #009eba;
  font-weight: 400;
}
.wp-block-categories-list li{
  color: #999;
}

.side_tag_wrap{
  margin-top: 4rem;
}
.side_tag{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.side_tag a{
  display: inline-block;
  padding: 1em;
  background-color: #0d0d0d;
  color: var(--tagcl);
  font-size: 1.2rem;
}
.post_info a:hover,
.tag a:hover{
  opacity: .5;
}

@media screen and (min-width:768px) and (max-width:1080px){
  .side_widget_box + .side_widget_box{
    margin-top: 0;
  }
  .side_tag_wrap{
    margin-top: 0;
  }
}

.sidebar .bn_box{
  margin-bottom: 8rem;
}
@media screen and (min-width:768px) and (max-width:1080px){
  .sidebar .bn_box img{
    width: 100%;
    max-width: 30rem;
    height: auto;
  }
}

.newcomer_label{
  padding: 2rem;
  background-color: #101010;
  border-radius: .4rem;
}
.newcomer_label + .newcomer_label{
  margin-top: 1rem;
}
.newcomer_label a{
  display: block;
}
.newcomer_label a:hover{
  opacity: .5;
}
.newcomer_label h4{
  margin-bottom: .5em;
  color: #0abcdb;
  font-size: 1.8rem;
  font-weight: var(--fwb);
}
.newcomer_label .maker{
  color: #999;
  font-size: 1.2rem;
}
.newcomer_label p{
  margin-top: 1rem;
  color: var(--lnkcl);
  font-size: 1.4rem;
  line-height: 1.8;
}

.side_a_link_wrap{
  display: none;
}
body.home .side_a_link_wrap{
  display: block;
}
.side_a_link li + li{
  margin-top: 1em;
}
.side_a_link li::before{
  content: "-";
  margin-right: 1rem;
  color: #666;
  font-weight: 400;
}

/* side extra */
.side_amav_latest{
  margin-top: 4.8rem;
}
.side_amav_latest_title{
  margin-bottom: 2rem;
}
.side_amav_latest_title h3{
  font-weight: var(--fwb);
}
.side_amav_latest_list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.4rem;
}
.side_amav_latest_list li figure{
  position: relative;
  width: 100%;
  aspect-ratio: 1/0.65;
  overflow: hidden;
}
.side_amav_latest_list li figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  transition: all .3s;
}
.side_amav_latest_list li a img:hover{
  opacity: .5;
}
.side_amav_latest_list li p{
  margin-top: .5em;
  font-size: 1.2rem;
  line-height: 1.6;
}
.side_amav_all_btn{
  margin-top: 2.4rem;
}
.side_amav_all_btn a{
  display: block;
  padding: 1em 0;
  background-color: #111;
  border-radius: 3px;
  color: var(--lnkcl);
  font-size: 1.4rem;
  text-align: center;
}

@media screen and (max-width:767px){
  .side_amav_latest_list{
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem 2rem;
  }
  .side_amav_latest_list li p{
    font-size: 1rem;
  }
}
@media screen and (min-width:768px) and (max-width:1080px){
  .side_amav_latest_list{
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
  }
}

/* extra --------------------- */
.extra_wrap{
  padding-bottom: 10rem;
}
.mokkori_latest{
  width: 100%;
  max-width: var(--pcw);
  margin-right: auto;
  margin-left: auto;
  padding-right: 4rem;
  padding-left: 4rem;
}
.mokkori_latest + .mokkori_latest{
  margin-top: 4.8rem;
}
.mokkori_latest_title{
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.mokkori_latest_title h2{
  color: var(--thmclr);
  font-weight: var(--fwb);
}
.mokkori_latest_title .mokkori_latest_all{
  margin-left: 2rem;
}
.mokkori_latest_title .mokkori_latest_all a{
  display: inline-block;
  padding: 1rem 2rem;
  background-color: #101010;
  border-radius: .4rem;
  color: var(--lnkcl);
  font-size: 1.2rem;
}

.mokkori_latest_list{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 2rem;
}
.mokkori_latest_list li figure{
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.mokkori_latest_list li figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  transition: all .3s;
}
.mokkori_latest_list li figure img:hover{
  opacity: .5;
}
.mokkori_latest_list li p{
  margin-top: .5rem;
  font-size: 1.2rem;
  line-height: 1.4;
}
.amav_latest_list{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2rem;
  row-gap: 3rem;
}
.amav_latest_list li figure{
  position: relative;
  width: 100%;
  aspect-ratio: 1/0.65;
  overflow: hidden;
}
.amav_latest_list li figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  transition: all .3s;
}
.amav_latest_list li p{
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1.4;
}
.amav_latest_list li a img:hover{
  opacity: .5;
}


@media screen and (max-width:767px){
  .mokkori_latest{
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .mokkori_latest_list{
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 2rem;
  }
  .amav_latest_list{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width:768px) and (max-width:1080px){
  .mokkori_latest_list{
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem 2rem;
  }
  .amav_latest_list{
    grid-template-columns: repeat(2, 1fr);
  }
}



/* footer --------------------- */
.footer_inner{
  width: 100%;
  max-width: var(--pcw);
  margin-right: auto;
  margin-left: auto;
  padding: 6rem 4rem 3.2rem;
}
.footer_desc{
  text-align: center;
}
.footer_desc p{
  font-size: 1.4rem;
  line-height: 2;
}
.footer_icons{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 3.2rem;
  margin-top: 3.2rem;
}
.footer_icons img{
  width: 2rem;
  height: auto;
}
.footer_icons a:hover{
  opacity: .3;
}
.cp{
  padding-bottom: 2rem;
  font-size: 1rem;
  text-align: center;
}

@media screen and (max-width:767px){
  .footer_inner{
    padding: 4rem 2rem 2rem;
  }
  .footer_desc{
    text-align: left;
  }
  .footer_desc p{
    font-size: 1.2rem;
    line-height: 1.6;
  }
}


/* -------------------------------------------------------
for SmartPhone only
---------------------------------------------------------- */
@media screen and (max-width:767px){
  .pc, .tab {display: none;}
}/* end smartphone only */

/* -------------------------------------------------------
for TAB & PC
---------------------------------------------------------- */
@media screen and (min-width:600px){
  .sp {display: none;}
  a[href^="tel:"] {
    pointer-events: none;
  }
}/* end TAB & PC */

/* -------------------------------------------------------
for TAB only
---------------------------------------------------------- */
@media screen and (min-width:600px) and (max-width:1080px){
}/* end TAB only */

/* -------------------------------------------------------
for PC
---------------------------------------------------------- */
@media only screen and (min-width:1081px){
  .sp, .tab {display: none;}
}/* end PC */


/* for WordPress
---------------------------------------------------------- */
/* post-navigation */
.archive_page_navi {
  margin-top: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.archive_page_navi .nav-links {
  flex-direction: row;
}

.archive_page_navi .page-numbers{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  background-color: var(--lnkcl);
  border: 0;
  border-radius: 2rem;
  color: #444;
  font-size: 1.4rem;
}
.archive_page_navi .page-numbers + .page-numbers{
  margin-left: 1rem;
}
.archive_page_navi .page-numbers.current{
  background-color: #101010;
  border: 0;
  color: #fff;
}
.archive_page_navi .page-numbers.dots{
  background-color: inherit;
  border: 0;
}
.archive_page_navi a.page-numbers:hover{
  background-color: #333;
  color: #fff;
}
@media screen and (max-width:767px){
  .archive_page_navi .page-numbers{
    width: 3rem;
    height: 3rem;
    border-radius: 1.5rem;
    font-size: 1.2rem;
  }
}

.archive_page_navi_arrows{
  display: none;
}
@media screen and (max-width:767px) {
  .archive_page_navi_arrows{
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 2rem;
  }
  .archive_page_navi_arrows a.prev-btn,
  .archive_page_navi_arrows a.next-btn{
    display: inline-block;
    padding: 1.2rem 3rem;
    font-size: 1.4rem;
    background-color: var(--lnkcl);
    border: 0;
    border-radius: .4rem;
    color: #111;
    text-decoration: none;
  }
}

.single_pagenav{
  margin-top: 8rem;
}
.single_pagenav .nav-links{
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 2rem;
  font-size: 1.2rem;
}
.single_pagenav .nav-links .nav-home{
  order: 2;
  width: 8rem;
  text-align: center;
}
.single_pagenav .nav-links .nav-previous{
  order: 3;
}
.single_pagenav .nav-links .nav-next{
  order: 1;
}
.single_pagenav .nav-links .nav-previous,
.single_pagenav .nav-links .nav-next{
  width: 38%;
  background-color: #222;
  border-radius: .3rem;
}
.single_pagenav .nav-links .nav-home a{
  display: inline-block;
  padding: 1.2rem 1em;
  background-color: #222;
  border-radius: .3rem;
  color: #eee;
}
.single_pagenav .nav-links .nav-previous a,
.single_pagenav .nav-links .nav-next a{
  display: block;
  width: 100%;
  width: strech;
  padding: 1.2rem 1em;
  color: #eee;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
@media screen and (max-width:767px){
  .single_pagenav .nav-links{
    column-gap: 1rem;
  }
  .single_pagenav .nav-links .nav-previous,
  .single_pagenav .nav-links .nav-next{
    width: 36%;
  }
}

/* search */
.wp-block-search__label{
  display: none;
}
.wp-block-search__button.wp-element-button{
  padding-right: 1rem;
  padding-left: 1rem;
  border: 0;
  border-radius: .2rem;
  font-size: 1.4rem;
}

/* post */
.blocks-gallery-caption{
  font-size: 1.4rem;
}


/* WP comment */
.comments_block {
  margin-top: 8rem;
  padding-top: 4rem;
  border-top: 1px solid #333;
}
.comments_block .comments_title_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
}
.comments_title h3 {
  display: inline-block;
  padding-bottom: 1rem;
  border-bottom: 1px solid #36c;
  font-weight: bold;
}
.comments_num {
  font-size: 1.4rem;
}
ol.comments-list .comment + .comment {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px dotted #333;
}
.comment-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.comment-author img {
  vertical-align: middle;
}
.comment-metadata {
  font-size: 1.4rem;
}
.comment-metadata a {
  color: #999;
}
.comment-reply-title {
  margin-bottom: 1em;
  font-weight: bold;
}
.comment-content p{
  line-height: 2;
}
.comment-body .reply{
  margin-top: 1rem;
  font-size: 1.4rem;
  text-align: right;
}

.comment-respond {
  margin-top: 4rem;
  padding-top: 2rem;
  border-top: 1px solid #333;
}
.comment-respond p{
  line-height: 2;
}
.comment-respond p + p{
  margin-top: 1em;
}
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
  display: block;
}
.form-submit input {
  padding: 1em 2em;
  font-size: 1.4rem;
}
.comment-meta .comment-awaiting-moderation {
  display: inline-block;
  margin-top: 1rem;
  color: #999;
  font-size: 1.4rem;
  line-height: 1.4;
}
.comment-form-comment textarea{
  width: 100%;
}
.comment-form a{
  text-decoration: underline;
}

/* 404 */
.container404{
  text-align: center;
}
.header404 .title404{
  font-size: 2.4rem;
  font-weight: var(--fwb);
}
.error404_body{
  margin-top: 4rem;
  line-height: 2;
}
.error404_body .back{
  margin-top: 1em;
}