@charset "UTF-8";

/* パソコンコンテンツ幅       : 1100px    */
/* スマホ・タブレットデザイン : 960px未満 */

/* =========================================================================================================================================== */
/* 
/* 共通デザイン
/* 
/* =========================================================================================================================================== */
body {
  background-color: white;
}
body.open-sp_menu {
  height: 100vh !important;
  overflow: hidden;
}
@media only screen and (max-width: 959px) {
  main { 
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
/*----------------------------------------------------------*/
/* コンテンツ幅設定
/*----------------------------------------------------------*/
.layoutInner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

/*----------------------------------------------------------*/
/* 表示切り替え
/*----------------------------------------------------------*/
.pc_only { display: block !important; }
.sp_only { display: none  !important; }
.phone_only { display: none ; }
.phone_none { display: block; }
/* スマホ・タブレットデザイン(960px未満) */
@media only screen and (max-width: 959px) {
  .pc_only { display: none  !important; }
  .sp_only { display: block !important; }
  .phone_only { display: none ; }
}
/* スマホ・タブレットデザイン(600px未満) */
@media only screen and (max-width: 559px) {
  .phone_only { display: block ; }
  .phone_none { display: none; }
}
/*----------------------------------------------------------*/
/* TOC+ 目次
/*----------------------------------------------------------*/
#toc_container {
  box-sizing: border-box;
  width: 100% !important;
  display: table;
  margin-top: 40px;
  padding: 10px 15px !important;
  border: double #ff6893;
  border-radius: 3px;
  background-color: white;
}
#toc_container p.toc_title {
  position: relative;
  width: 80%;
  max-width: 400px;
  height: 38px;
  line-height: 36px;
  margin: 0 auto;
  margin-top: -36px;
  padding-left: 0;
  border: solid 1px #FF6893;
  background-color: white;
  box-shadow: none;
  text-align: center;
  font-weight: bold;
  color: #707070;
}
#toc_container p.toc_title::before {
  position: absolute;
  content: ' ';
  top: 100%;
  left: 50%;
  border-style: solid;
  border-color: transparent;
  border-width: 0 0 10px 10px;
  border-left-color: #FF6893;
}
#toc_container p.toc_title::after {
  position: absolute;
  content: ' ';
  top: 100%;
  right: 50%;
  border-style: solid;
  border-color: transparent;
  border-width: 0 10px 10px 0;
  border-right-color: #FF6893;
}
#toc_container li {
  border-bottom: dotted 1px #cccccc;
}
#toc_container li:last-child {
  border-bottom: none;
}
#toc_container li a {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 22px;
  padding: 8px 0;
  padding-left: 28px;
  text-decoration: none;
  color: #707070;
}
#toc_container li a .toc_number {
  position: absolute;
  left: 0;
  display: block;
  width: 22px;
  height: 22px;
  background-color: #ff6893;
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
  color: white;
  font-weight: bold;
  margin-right: 8px;
}
.entry-content .h2modoki, .entry-content h2:not(.st-css-no),
.entry-content h2 {
  overflow: initial;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-height: 38px;
  height: auto !important;
  line-height: 22px !important;
  margin-top: 35px;
  margin-left: -5px;
  padding: 8px 0 !important;
  padding-left: 65px !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #FFF1F5;
  border-top: solid 2px #FF6893;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
  text-align: left !important;
  font-size: 16px;
  color: #000000;
}
.entry-content h2::before {
  position: absolute;
  content: ' ';
  top: 100%;
  left: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0 5px 10px 5px;
  border-right-color: #FF6893;
}
.entry-content h2::after {
  position: absolute;
  content: '';
  top: -25px;
  left: 5px;
  width: 60px;
  height: 60px;
  background-image: url(../img/mchara001.png);
  background-size: cover;
}
.h2modoki span.st-dash-design::before,
.h2modoki span.st-dash-design::after,
.post h2:not(.st-css-no) span.st-dash-design::before,
.post h2:not(.st-css-no) span.st-dash-design::after{
  content: none;
}
.h2modoki span, 
.post h2 span {
  display: block;
  margin: 0;
  padding: 0;
}

h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
  background: #ff6893;
  color: #ffffff;
  position: relative;
  border: none;
  margin-bottom:30px;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.h3modoki:after,
h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after {
  border-top: 10px solid #ff6893;
  content: '';
  position: absolute;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -10px;
  left: 30px;
  border-radius: 2px;
}
.h3modoki:before,
h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before {
  border-top: 10px solid #ff6893;
  content: '';
  position: absolute;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -10px;
  left: 30px;
}

.h3modoki,
h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)
{
  text-align:center;
  padding-left:10px;
  padding-right:10px;
}
main .h3modoki:after,
main .h3modoki:before,
main h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after,
main h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before {
    left: calc(50% - 10px);
}
.kanren h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
  background-color: inherit;
  margin-bottom: inherit !important;
  padding-top: inherit !important;
  padding-bottom: inherit !important;
  /* padding-top: 10px!important; */
  /* padding-bottom: 10px!important; */
    text-align: left;
  
}
.kanren h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after,
.kanren h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before {
  content: none;
}
/*----------------------------------------------------------*/
/* ページトップへスクロール
/*----------------------------------------------------------*/
#page-top a {
  width: 68px;
  height: 68px;
  box-sizing: border-box;
  background-color: #faff20;
  padding: 20px 0;
  color: black;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
  #page-top a {
    width: 68px;
    height: 68px;
    padding: 17px 0;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 599px) {
  #page-top a {
    padding: 20px 0;
  }
}

/*----------------------------------------------------------*/
/* オーバーレイ広告
/*----------------------------------------------------------*/
#overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

/*----------------------------------------------------------*/
/* コメントデザイン不具合修正
/*----------------------------------------------------------*/
.vcard .fn, .comment-author a, .comment-author {
  position: unset;
  float: unset;
  width: 100%;
  text-align: left;
  padding: 0;
}

/* =========================================================================================================================================== */
/* 
/* サイト全体共通モジュール（デザイン部品）
/* pm : private module
/* 
/* =========================================================================================================================================== */
/*----------------------------------------------------------*/
/* 【ソーシャルボタン】 .pm_sns_box
/*----------------------------------------------------------*/
 main .pm_sns_box:not(.toc_list):not(.st_toc_list):not(.children) {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 20px;
  list-style: none;
}
main .pm_sns_box li {
  cursor: pointer;
}
main .pm_sns_box li img {
  width: 102px;
}
main .pm_sns_box li .normal {
  display: block;
}
main .pm_sns_box li .hover {
  display: none;
}
main .pm_sns_box li:active .normal {
  display: none;
}
main .pm_sns_box li:active .hover {
  display: block;
}

/* スマホ・タブレットデザイン(960px未満) */
@media only screen and (max-width: 959px) {
  main .pm_sns_box li img {
    width: 165px;
  }
}

/*----------------------------------------------------------*/
/* 【著者】 .pm_author_box
/*----------------------------------------------------------*/
.pm_author_box * {
  box-sizing: border-box;
}
.pm_author_box {
  margin-bottom: 20px;
}
.pm_author_box .title {
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding-left: 9px;
  background-color: #1da1f2;
  font-weight: bold;
  font-size: 14px;
  color: white;
}
.pm_author_box .content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 11px 9px;
  background-color: white;
  border: solid 1px #1da1f2;
}
.pm_author_box .content .col_full {
  width: 100%;
}
.pm_author_box .content .thumbnail {
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  border-radius: 50%;
}
.pm_author_box .content .thumbnail img {
  width: 100%;
  height: 100%;
}
.pm_author_box .content .btn_open {
  cursor: pointer;
  width: 140px;
  height: 28px;
  line-height: 28px;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 10px;
  border: solid 1px #707070;
  background-color: white;
  text-align: center;
  font-size: 14px;
  color: #FF6893;
}
.pm_author_box .content.open .col1,
.pm_author_box .content.open .col2,
.pm_author_box .content.open .col3 {
  max-height: 400px;
}
.pm_author_box .content .col3 {
  overflow: hidden;
  transition: all 1s ease;
  max-height: 0;
}

.pm_author_box .content .avatar {
  width: 100px;
}
.pm_author_box .content .sns {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  margin-top: 4px;
  padding: 0;
}
.pm_author_box .content .sns img {
  width: 30px;
}
.pm_author_box .content .col2 {
  position: relative;
  width: calc(100% - 100px);
  padding-left: 9px;
}
.pm_author_box .content .nickname {
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: #707070;
}
.pm_author_box .content .description {
  padding-top: 4px;
  font-size: 14px;
  line-height: 18px;
  color: #707070;
}
.pm_author_box .content .archive a {
  position: relative;
  display: block;
  width: 194px;
  height: 38px;
  margin-left: auto;
  margin-top: 20px;
  line-height: 38px;
  font-size: 14px;
  background-color: #1da1f2;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  color: white;
}
.pm_author_box .content .btn_close {
  cursor: pointer;
  position: relative;
  width: 42px;
  height: 32px;
  margin: 0 auto;
  margin-top: 10px;
  border: solid 1px #707070;
  background-color: white;
}
.pm_author_box .content .btn_close::before,
.pm_author_box .content .btn_close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 28px;
  height: 2px;
  margin: 0 auto;
  background-color: #FF9BB7;
}
.pm_author_box .content .btn_close::before{
  transform: rotate(45deg);
}
.pm_author_box .content .btn_close::after {
  transform: rotate(-45deg);
}

@media only screen and (max-width: 959px){
  .pm_author_box .content .col1,
  .pm_author_box .content .col2{
    overflow: hidden;
    transition: all 1s ease;
    max-height: 0;
  }
}


/*----------------------------------------------------------*/
/* 【著者 スマホオープン版】 .pm_author_box2
/*----------------------------------------------------------*/
.pm_author_box2 * {
  box-sizing: border-box;
}
.pm_author_box2 {
  margin-bottom: 20px;
}
.pm_author_box2 .title {
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding-left: 9px;
  background-color: #FF6893;
  font-weight: bold;
  font-size: 14px;
  color: white;
}
.pm_author_box2 .content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 11px 9px;
  background-color: #FFF1F5;
}
.pm_author_box2 .content .col_full {
  width: 100%;
}
.pm_author_box2 .content.open .col1,
.pm_author_box2 .content.open .col2,
.pm_author_box2 .content.open .col3 {
  max-height: 400px;
}
.pm_author_box2 .content .col3 {
  overflow: hidden;
  transition: all 1s ease;
  max-height: 0;
}

.pm_author_box2 .content .avatar {
  width: 100px;
}
.pm_author_box2 .content .sns {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  margin-top: 4px;
  padding: 0;
}
.pm_author_box2 .content .sns img {
  width: 30px;
}
.pm_author_box2 .content .col2 {
  position: relative;
  width: calc(100% - 100px);
  padding-left: 9px;
}
.pm_author_box2 .content .nickname {
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: #707070;
}
.pm_author_box2 .content .description {
  padding-top: 4px;
  font-size: 14px;
  line-height: 18px;
  color: #707070;
}
.pm_author_box2 .content .archive a {
  position: relative;
  display: block;
  width: 194px;
  height: 38px;
  margin-left: auto;
  margin-top: 20px;
  line-height: 38px;
  font-size: 14px;
  background-color: #FF6893;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  color: white;
}

/*----------------------------------------------------------*/
/* 【条件・要望別のパパ探し】.pm_papa_request
/*----------------------------------------------------------*/
.pm_papa_request * {
  box-sizing: border-box;
}
.pm_papa_request {
  background-color: #FFF1F5;
  border-top: solid 5px #FF6893;
}
html body main .pm_papa_request h3.design1:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title){
  background-color: rgba(0,0,0,0);
  text-align: center;
  font-size: 28px;
  line-height: 1.1;
  color: #FF6893;
}
html body main .pm_papa_request h3.design1:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before,
html body main .pm_papa_request h3.design1:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after{
  content: none;
}
html body main .pm_papa_request h3.design1 big{
  font-size: 40px;
}
.pm_papa_request .posts:not(.toc_list):not(.st_toc_list):not(.children) {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 20px;
  margin-bottom: 20px;
}
.pm_papa_request .posts li {
  height: 60px;
  width: 186px;
  margin-bottom: 20px;
  padding: 0 10px;
  border: solid 1px #707070;
  border-radius: 7px;
  background-color: white;
}
.pm_papa_request .posts li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  width: 100%;
  height: 100%;
  color: #707070
}
.pm_papa_request .posts li a img {
  display: block;
  width: 38px;
  height: 38px;
}
.pm_papa_request .posts li a .title {
  width: calc(100% - 38px);
  font-size: 14px;
  line-height: 18px;
}
@media only screen and (max-width: 480px){
  .pm_papa_request .posts:not(.toc_list):not(.st_toc_list):not(.children) {
    padding: 0 10px;
  }
  .pm_papa_request .posts li {
    width: calc(100% / 2 - 7px);
    /* max-width: 1; */
    margin-bottom: 14px;
    padding: 0 5px;
  }
  .pm_papa_request .posts li a img {
    width: 28px;
    height: 28px;
  }
  .pm_papa_request .posts li a .title {
    width: calc(100% - 28px);
    font-size: 12px;
    line-height: 14px;
  }
}  
/*----------------------------------------------------------*/
/* 【記事リスト（画像左側）】.pm_postimg_list
/*----------------------------------------------------------*/
.pm_postimg_list * {
  box-sizing: border-box;
}
.pm_postimg_list h4 {
  height: 32px !important;
  line-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 10px !important;
  background-color: #FF6893 !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: white !important;
}
.pm_postimg_list .posts {
  list-style: none !important;
  padding: 11px 9px !important;
  background-color: #FFF1F5;
}
.pm_postimg_list .posts li {
  padding-bottom: 15px;
}
.pm_postimg_list .posts li a {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  text-decoration: none;
}
.pm_postimg_list .posts li a .thumbnail {
  width: 159.5px;
  height: 100px;
  object-fit: cover;
  background-color: lightgray;
}
.pm_postimg_list .posts li a img {
  width: 159.5px;
  height: 100px;
  object-fit: cover;
}
.pm_postimg_list .posts li a .col {
  width: calc(100% - 159.5px);
  padding: 7px 9px;
}
.pm_postimg_list .posts li a .col h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t):not(.popular-t):not(.post-card-title) {
  padding: 0 !important;
  padding-bottom: 9px !important;
  margin: 0;
  border: none;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #707070;
}
.pm_postimg_list .posts li a .col .description {
  font-size: 14px;
  line-height: 18px;
  color: #707070;
}
.pm_postimg_list .others .button a {
  display: block;
  width: 140px;
  height: 38px;
  line-height: 38px;
  margin: 0;
  margin-left: auto;
  border-radius: 5px;
  background-color: #1da1f2;
  text-decoration: none;
  text-align: center;
  color: white;
}
/* スマホ表示 */
@media only screen and (max-width: 480px){
  .pm_postimg_list:not(.pm_papa_tools) .posts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 !important;
    padding-top: 10px !important;
  }
  .pm_postimg_list:not(.pm_papa_tools) .posts li {
    padding-bottom: 15px;
    width: 50%;
    padding: 0 5px;
  }
  .pm_postimg_list:not(.pm_papa_tools) .posts li a .thumbnail {
    width: 100%;
    height: auto;
  }
  .pm_postimg_list:not(.pm_papa_tools) .posts li a img {
    width: 100%;
    height: 26vw;
    min-height: 100px;
  }
  .pm_postimg_list:not(.pm_papa_tools) .posts li a .col {
    width: 100%;
    padding: 7px 0;
  }
  .pm_postimg_list:not(.pm_papa_tools) .posts li a .col .description {
    display: none;
  }
  
  .pm_papa_tools * {
    box-sizing: border-box;
  }
  .pm_papa_tools h4 {
    height: 32px !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 10px !important;
    background-color: #FF6893 !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: white !important;
  }
  .pm_papa_tools .posts {
    list-style: none !important;
    padding: 11px 9px !important;
    background-color: #FFF1F5;
  }
  .pm_papa_tools .posts li {
    padding-bottom: 15px;
  }
  .pm_papa_tools .posts li a {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-decoration: none;
  }
  .pm_papa_tools .posts li a .thumbnail {
    width: 159.5px;
    height: 100px;
    object-fit: cover;
    background-color: lightgray;
  }
  .pm_papa_tools .posts li a img {
    width: 159.5px;
    height: 100px;
    object-fit: cover;
  }
  .pm_papa_tools .posts li a .col {
    width: calc(100% - 159.5px);
    padding: 7px 9px;
  }
  .pm_papa_tools .posts li a .col h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t):not(.popular-t):not(.post-card-title) {
    padding: 0 !important;
    padding-bottom: 9px !important;
    margin: 0;
    border: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #707070;
  }
  .pm_papa_tools .posts li a .col .description {
    font-size: 14px;
    line-height: 18px;
    color: #707070;
  }
  .pm_papa_tools .others .button a {
    display: block;
    width: 140px;
    height: 38px;
    line-height: 38px;
    margin: 0;
    margin-left: auto;
    border-radius: 5px;
    background-color: #FF6893;
    text-decoration: none;
    text-align: center;
    color: white;
  }
}
/*----------------------------------------------------------*/
/* 【２列記事リスト】 .pm_list_2col
/*----------------------------------------------------------*/
.pm_list_2col .posts {
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pm_list_2col .posts .post a {
  text-decoration: none;
  color: #707070;
}
.pm_list_2col .posts .post img {
  display: block;
  width: 300px;
  height: 218px;
}
.pm_list_2col .posts .post .information {
  width: 300px;
  padding: 5px;
}
.pm_list_2col .posts .post .information p {
  line-height: 14px;
  margin-bottom: 0;
}
.pm_list_2col .posts .post .information .kdate {
  font-size: 11px;
}
.pm_list_2col .posts .post .information h2 {
  margin: 0;
  margin-top: 7px;
  margin-bottom: 20px;
  padding: 0 !important;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #FF6893;
}

/* スマホデザイン(768px未満) */
/*@media only screen and (max-width: 767px) { */
@media only screen and (max-width: 767px) {
  .pm_list_2col .post {
    width: 100%;
  }
  .pm_list_2col .posts .post a {
    display: flex;
  }
  .pm_list_2col .posts .post img {
    width: 145px;
    height: 145px;
    object-fit: cover;
  }
  .pm_list_2col .posts .post .information{
    width: calc(100% - 145px);
  }
}

/*----------------------------------------------------------*/
/* 【囲い装飾リスト】.pm_boxlist
/*----------------------------------------------------------*/
.pm_boxlist {
  position: relative;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  border: double #ff6893;
  border-radius: 3px;
  
}
.pm_boxlist .head {
  position: relative;
  width: calc(100% + 5px) !important;
  height: 38px;
  line-height: 36px;
  margin-top: 0 !important;
  margin-left: -5px;
  padding-left: 65px;
  background-color: #FFF1F5;
  border: none;
  box-shadow: 0 6px 6px rgba(0,0,0,0.15);
  color: #707070;
  
    border-top: none !important;
    border-radius: unset !important;
    margin-bottom: 0 !important;
}
.pm_boxlist .head::before {
  position: absolute;
  content: ' ';
  top: 100%;
  left: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0 5px 10px 0;
  border-right-color: #FF6893;
}
.pm_boxlist .head::after {
  position: absolute;
  content: '';
  top: -22px;
  left: 5px;
  width: 60px;
  height: 60px;
  background-image: url(../img/mchara001.png);
  background-size: cover;
}
/* 画像羅列タイプ */
.pm_boxlist .avator {
  width: 126px;
  padding: 5px;
  border: solid 1px #a3a3a3;
  margin: 10px;
}
.pm_boxlist .avator a {
  text-decoration: none;
}
.pm_boxlist .avator img {
  width: 126px;
  height: 126px;
  object-fit: cover;
}
.pm_boxlist .avator .nick {
  padding-top: 3px;
  text-align: center;
  color: #707070;
  line-height: 15px;
}
/* 画像＋情報タイプ */
.pm_boxlist .wThumb {
  width: 100%;
  margin: 0 5px;
  padding: 20px 5px;
  border-bottom: solid 1px #a3a3a3;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pm_boxlist .wThumb:last-child {
  border-bottom: none;
}
.pm_boxlist .wThumb .thumbnail {
  width: 100px;
  height: 100px;
}
.pm_boxlist .wThumb .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pm_boxlist .wThumb .thumbnail .sns img {
  width: 26px;
}
.pm_boxlist .wThumb .information {
  width: calc(100% - 100px);
  padding: 0 10px;
  box-sizing: border-box;
}
.pm_boxlist .wThumb .information .nickname {
  padding: 5px 10px;
  background-color: #FFF1F5;
  font-size: 18px;
  color: #707070;
}
.pm_boxlist .wThumb .information .fullname ,
.pm_boxlist .wThumb .information .age ,
.pm_boxlist .wThumb .information .bwh ,
.pm_boxlist .wThumb .information .favorite ,
.pm_boxlist .wThumb .information .description {
  font-size: 14px;
  line-height: 1.75;
  color: #707070;
}

/* =========================================================================================================================================== */
/* 
/* ヘッダーデザイン header
/* 
/* =========================================================================================================================================== */
/*----------------------------------------------------------*/
/* ヘッダー1行目デザイン .row1
/*----------------------------------------------------------*/
header a {
  text-decoration: none;
}
header .row1 {
  height: 60px;
}
header .row1 .sp_only {
  background-color: #e95481;
  position: fixed;
  width: 100%;
  z-index: 100;
}
header .row1 .layoutInner {
  display: flex;
  justify-content: space-between;
}
header .row1 .col-l {
  display: flex;
  justify-content: flex-start;
}
header .row1 .col-r {
  display: flex;
  justify-content: flex-end;
}

header .row1 .description {
  padding-top: 14px;
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.3125;
  color: #1da1f2;
}
/* コンテンツ幅(1100px)未満 */
@media only screen and (max-width: 1099px) {
  header .row1 .description  {
    font-size: 14px;
  }
}

#logo,
#logo img {
  width: 140px;
  height: 60px;
}


/*----------------------------------------------------------*/
/* ヘッダー2行目デザイン .row2
/*----------------------------------------------------------*/
header .row2 .sp_only {
  box-sizing: border-box;
  padding-top: 5px;
  padding-bottom: 15px;
  background-color: white;
}
header .row2 .button a{
  display: block;
  width: 100%;
  max-width: 330px;
  height: 48px;
  line-height: 48px;
  margin: 0 auto;
  margin-top: 15px;
  background-color: #FF9BB7;
  border-radius: 5px;
  box-shadow: 1px 1px 0 #A6264A;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
  color: white;
}

/*----------------------------------------------------------*/
/* ヘッダー3行目デザイン .row3
/*----------------------------------------------------------*/
header .row3 {
  background-color: #ff5588;
}
/* スマホ・タブレットデザイン(960px未満) */
@media only screen and (max-width: 959px) {
  header .row3 {
    height: calc(100vh - 227px);
    overflow-y: scroll;
    background-color: white;
  }
}

/*----------------------------------------------------------*/
/* グローバルナビ デザイン #globalnavi
/*----------------------------------------------------------*/
#globalnavi {
  display: flex;
  justify-content: center;
  list-style: none;
  padding-bottom: 72px;
}
#globalnavi li {
  width: 100%;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  list-style: none;
  height: 40px;
  line-height: 40px;
  border-left: solid 1px white;
}
#globalnavi li:last-child {
  border-right: solid 1px white;
}
#globalnavi li:hover {
  background: rgba(255,255,255,0.4);
}
#globalnavi li a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: white;
}
/* コンテンツ幅(1100px)未満 */
@media only screen and (max-width: 1099px) {
  #globalnavi li {
    font-size: 11px;
  }
}
/* スマホ・タブレットデザイン(960px未満) */
@media only screen and (max-width: 959px) {
  #sp_menu {
  overflow: hidden;
  max-height: 0;
  transition: all 1s ease;
  position: fixed;
  z-index: 100;
  height: 100vh;
  background-color: white;
  }
  #sp_menu.open {
    max-height: 1000px;
  }
  #globalnavi {
    flex-wrap: wrap;
    height: auto;
  }
  #globalnavi li {
    height: 60px;
    line-height: 60px;
    background-color: white;
    border: none;
    border-top: solid 1px #FF9BB7;
  }
  #globalnavi li:last-child {
    border: none;
    border-top: solid 1px #FF9BB7;
    border-bottom: solid 1px #FF9BB7;
  }
  #globalnavi li a {
    padding-left: 24px;
    text-align: left;
    font-size: 16px;
    color: #707070;
  }
}


/*----------------------------------------------------------*/
/* ヘッダー用ボタンメニューデザイン #headerbtns
/*----------------------------------------------------------*/
#headerbtns {
  display: flex;
  justify-content: flex-end;
  padding-top: 12px;
  list-style: none;
}
#headerbtns .profile a {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 238px;
  height: 38px;
  line-height: 38px;
  padding-left: 30px;
  border-radius: 5px;
  border: solid 1px #faff20;
  text-decoration: none;
  font-size: 14px;
  color: #ff5588;
}
#headerbtns .profile a::before {
  content: "";
  display: block;
  position: absolute;
  left: 7px;
  top: 10px;
  width: 18px;
  height: 18px;
  background-image: url(../img/pencil.svg);
  background-size: contain;
}
#headerbtns .info a {
  display: block;
  width: 120px;
  height: 38px;
  line-height: 38px;
  margin-left: 18px;
  margin-right: 5px;
  background-color: #b4a1a1;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  color: white;
}
#headerbtns .board a {
  display: block;
  width: 120px;
  height: 38px;
  line-height: 38px;
  margin-left: 0;
  margin-right: 13px;
  background-color: #ff5588;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  color: #faff20;
}
/*----------------------------------------------------------*/
/* ヘッダー用スマホアイコンメニューデザイン #sp_icons
/*----------------------------------------------------------*/
#sp_icons {
  display: flex;
  justify-content: flex-end;
  list-style: none;
  padding-top: 6px;
}
#sp_icons li {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 48px;
  height: 48px;
  margin-right: 12px;
/*  background: white; */
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 3px;
}
#sp_icons li.papa-diag  { background-image: url('../img/papa-diag_w.png'); }
#sp_icons li.papa-seek  { background-image: url('../img/papa-seek_w.png'); }
#sp_icons li.papa-board { background-image: url('../img/papa-board_w.png'); }

#sp_icons li a:last-child {
  display: block;
  width: 100%;
  height: 100%;
}
/*----------------------------------------------------------*/
/* 
/*----------------------------------------------------------*/
#globalnavi-btn {
  position: relative;
  width: 60px;
  height: 60px;
}
#globalnavi-btn span,
#globalnavi-btn span::before,
#globalnavi-btn span::after {
  display: block;
  position: absolute;
  width: 30px;
  height: 3px;
  border-radius: 1.5px;
  background-color: #ffff00;
}
#globalnavi-btn span {
  top: 28.5px;
  left: 13px;
}
#globalnavi-btn span::before {
  content: "";
  top: -10px;
  left: 0;
}
#globalnavi-btn span::after {
  content: "";
  top: 10px;
  left: 0;
}

/*----------------------------------------------------------*/
/* 【検索フォーム】
/*----------------------------------------------------------*/
#search_sp {
  position: relative;
  width: 300px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 48px;
  padding-left: 3px;
}
#search_sp::after {
  content: "";
  display: block;
  height: 85px;
  width: 50px;
  background-image: url(../img/mchara002.png);
  position: absolute;
  right: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
#search_sp .label {
  position: relative;
  width: calc(100% - 60px);
  padding-bottom: 13px;
  text-align: center;
  font-size: 10px;
  color: #FF9BB7;
}
#search_sp .label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 1px;
  transform: rotate(-18deg);
  border-left: solid 1px #FF9BB7;
}
#search_sp .label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 19px;
  width: 1px;
  transform: rotate(18deg);
  border-left: solid 1px #FF9BB7;
}
#searchform {
  position: relative;
  width: calc(100% - 60px);
  border: solid 1px #ff5588 !important;
}
#searchform #s {
  color: #FF9BB7;
}
#searchform #s::placeholder {
  color: #FF9BB7;
}

/* =========================================================================================================================================== */
/* 
/* ウィジェット(サイドバー)デザイン
/* 
/* =========================================================================================================================================== */
/*----------------------------------------------------------*/
/* 【共通デザイン】.mw
/*----------------------------------------------------------*/
.mw {
  padding: 0 1px;
  padding-top: 20px;
}
.mw .title {
  box-sizing: border-box;
  width: 100%;
  height: 43px;
  line-height: 40px;
  padding-left: 10px;
  border-bottom: solid 3px #1da1f2;
  font-size: 14px;
  color: #000000;
}
.mw .posts {
  padding-top: 15px;
}


/*----------------------------------------------------------*/
/* 【検索フォーム】
/*----------------------------------------------------------*/
#search {
  box-sizing: border-box;
  padding-top: 48px;
  padding-left: 3px;
}
#search::after {
  content: "";
  display: block;
  height: 85px;
  width: 50px;
  background-image: url(../img/mchara002.png);
  position: absolute;
  right: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
#search .label {
  position: relative;
  width: calc(100% - 60px);
  padding-bottom: 13px;
  text-align: center;
  font-size: 10px;
  color: #FF9BB7;
}
#search .label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 1px;
  transform: rotate(-18deg);
  border-left: solid 1px #FF9BB7;
}
#search .label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 19px;
  width: 1px;
  transform: rotate(18deg);
  border-left: solid 1px #FF9BB7;
}
#searchform {
  position: relative;
  width: calc(100% - 60px);
  border: solid 1px #FF9BB7 !important;
}
#searchform #s {
  color: #FF9BB7;
}
#searchform #s::placeholder {
  color: #FF9BB7;
}
/* スマホ・タブレットデザイン(960px未満) */
@media only screen and (max-width: 959px) {
  #search { display: none; }
}


/*----------------------------------------------------------*/
/* 【画像つき任意記事リスト（画像左）】.mw_post_list
/*----------------------------------------------------------*/
.mw_post_list .posts .post a {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-decoration: none;
}
.mw_post_list .posts .post a .thumbnail {
  width: 95.7px;
  height: 60px;
  background-color: #aaaaaa;
}
.mw_post_list .posts .post a .thumbnail img {
  width: 100%;
  height: 100%;
}
.mw_post_list .posts .post a .postname {
  box-sizing: border-box;
  width: calc(100% - 95.7px);
  padding-top: 3px;
  padding-left: 5px;
  font-size: 14px;
  line-height: 1.28;
  color: #707070;
}

/*----------------------------------------------------------*/
/* 【画像つき任意記事リスト（画像右）】.mw_postimg_list
/*----------------------------------------------------------*/
.mw_postimg_list .posts .post a {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-decoration: none;
}
.mw_postimg_list .posts .post a .thumbnail {
  width: 95.7px;
  height: 60px;
  background-color: #aaaaaa;
}
.mw_postimg_list .posts .post a .thumbnail img {
  width: 100%;
  height: 100%;
}
.mw_postimg_list .posts .post a .postname {
  box-sizing: border-box;
  width: calc(100% - 95.7px);
  padding-top: 3px;
  padding-left: 5px;
  font-size: 14px;
  line-height: 1.28;
  color: #707070;
}


/*----------------------------------------------------------*/
/* 【画像つき関連記事リスト】.mw_relation_list
/*----------------------------------------------------------*/
.mw_relation_list .posts .post a {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-decoration: none;
}
.mw_relation_list .posts .post a .thumbnail {
  width: 95.7px;
  height: 60px;
  background-color: #aaaaaa;
}
.mw_relation_list .posts .post a .thumbnail img {
  width: 100%;
  height: 100%;
}
.mw_relation_list .posts .post a .postname {
  box-sizing: border-box;
  width: calc(100% - 95.7px);
  padding-top: 3px;
  padding-left: 5px;
  font-size: 14px;
  line-height: 1.28;
  color: #707070;
}


/*----------------------------------------------------------*/
/* 【画像つき新着記事リスト】.mw_postimg_listnews
/*----------------------------------------------------------*/
.mw_postimg_listnews .posts .post a {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-decoration: none;
}
.mw_postimg_listnews .posts .post a .thumbnail {
  width: 95.7px;
  height: 60px;
  background-color: #aaaaaa;
}
.mw_postimg_listnews .posts .post a .thumbnail img {
  width: 100%;
  height: 100%;
}
.mw_postimg_listnews .posts .post a .postname {
  box-sizing: border-box;
  width: calc(100% - 95.7px);
  padding-top: 3px;
  padding-left: 5px;
  font-size: 14px;
  line-height: 1.28;
  color: #707070;
}


/*----------------------------------------------------------*/
/* 【箇条書き記事リスト】.mw_list
/*----------------------------------------------------------*/
.mw_list * {
  box-sizing: border-box;
}
.mw_list .post.group {
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0;
  padding-left: 10px;
  background-color: #FFDEE7;
  font-size: 14px;
  font-weight: bold;
  color: #FF6893;
}
.mw_list .post.item {
  padding: 0;
  border-bottom: dotted 1px #707070;
}
.mw_list .post.item a {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0;
  padding-left: 10px;
  text-decoration: none;
  font-size: 14px;
  color: #707070;
}
.mw_list .post.item a::after {
  content: "▶";
  position: absolute;
  display: block;
  top: 0;
  right: 10px;
  color: #FF84A7;
  font-size: 16px;
}
.mw_list .others .button a {
  display: block;
  width: 100%;
  max-width: 280px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #1da1f2;
  color: white;
  text-decoration: none;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 10px;
  border-radius: 5px;
}



/*----------------------------------------------------------*/
/* 【バナー記事リスト】.mw_banner_list
/*----------------------------------------------------------*/
.mw_banner_list .posts a .thumbnail,
.mw_banner_list .posts a .thumbnail img {
  width: 100%;
}



/*----------------------------------------------------------*/
/* 【ランキング】.mw_ranking
/*----------------------------------------------------------*/
.mw_ranking .post {
  padding-left: 9px;
  padding-right: 9px;
}
.mw_ranking .post a {
  text-decoration: none;
}
.mw_ranking .post .name {
  width: 100%;
  height: 35px;
  line-height: 23px;
  margin-bottom: 2px;
  background-color: #FF84A7;
  color: white;
}
.mw_ranking .post.rank1 .name { background-color: #CCB02B; }
.mw_ranking .post.rank2 .name { background-color: #B6B5B6; }
.mw_ranking .post.rank3 .name { background-color: #D09476; }
.mw_ranking .post .name .index {
  display: inline-block;
  width: 23px;
  height: 23px;
  margin: 6px;
  background-color: white;
  text-align: center;
  color: #707070;
}
.mw_ranking .post .thumbnail {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
/*  height: 250px; */
}
.mw_ranking .post .thumbnail img {
  width: 100%;
  height: 100%;
}
.mw_ranking .post .item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 24px;
  color: #707070;
}
.mw_ranking .post .item.paparank .value span,
.mw_ranking .post .item.income .value span,
.mw_ranking .post .item.shill .value span {
  color: #faff20;
}
.mw_ranking .post .paparank {
  padding-top: 10px
}
.mw_ranking .post .interview {
  border-top: dashed 1px;
  padding-top: 10px;
  margin-top: 10px;
}
.mw_ranking .post .interview span {
  height: 18px;
  padding: 0 5px;
  color: white;
}
.mw_ranking .post .interview span.yes { background-color: #FF9BB7; }
.mw_ranking .post .interview span.no  { background-color: #AAAAAA; }
.mw_ranking .post .others .label {
  width: 100%;
}
.mw_ranking .post .others .value {
  width: 100%;
  font-size: 12px;
}


/* =========================================================================================================================================== */
/* 
/* フッターデザイン #mastfoot
/* 
/* =========================================================================================================================================== */
#mastfoot {
  background-color: #ff5588;
}
#mastfoot .layoutInner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#mastfoot .col-r {
  padding-top: 18px;
  padding-bottom: 13px;
}
#mastfoot #footermenu {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  line-height: 15px;
  font-size: 14px;
  list-style: none;
}
#mastfoot #footermenu li {
  padding: 0 8px;
  border-right: solid 1px white;
}
#mastfoot #footermenu li:last-child {
  border-right: none;
}
#mastfoot #footermenu li a {
  text-decoration: none;
  color: white;
}
#mastfoot .copyright {
  padding-top: 10px;
  text-align: right;
  font-size: 12px;
  color: white;
}

/* スマホ・タブレットデザイン(960px未満) */
@media only screen and (max-width: 959px) {
  #mastfoot .layoutInner {
    display: block;
  }
  #mastfoot #logo {
    margin:  0 auto;
  }
  #mastfoot #footermenu {
    justify-content: center;
    font-size: 13px;
    line-height: 23px;
  }
  #mastfoot .copyright {
    text-align: center;
    font-size: 10px;
  }
  
  #mastfoot .col-r {
    padding-bottom: 100px;
  }

}


/*----------------------------------------------------------*/
/*  .row1
/*----------------------------------------------------------*/

/* =========================================================================================================================================== */
/* 
/* トップページデザイン .front-page
/* 
/* =========================================================================================================================================== */
/*----------------------------------------------------------*/
/* hタグ
/*----------------------------------------------------------*/
.front-page h1.entry-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.7;
  color: #FF8CAC;
}
.front-page h2.design1 {
  overflow: initial;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-height: 38px;
  height: auto !important;
  line-height: 22px !important;
  margin-top: 35px;
  margin-left: -5px;
  padding: 8px 0 !important;
  padding-left: 65px !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #FFF1F5;
  border-top: solid 2px #FF6893;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
  text-align: left !important;
  font-size: 16px;
  color: #707070;
}
.front-page h2.design1::before {
  position: absolute;
  content: ' ';
  top: 100%;
  left: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0 5px 10px 5px;
  border-right-color: #FF6893;
}
.front-page h2.design1::after {
  position: absolute;
  content: '';
  top: -25px;
  left: 5px;
  width: 60px;
  height: 60px;
  background-image: url(../img/mchara001.png);
  background-size: cover;
}

.front-page h2.design2 {
  box-sizing: border-box;
  min-height: 38px;
  height: auto !important;
  line-height: 38px !important;
  padding: 0 !important;
  padding-left: 10px !important;
  border: none;
  margin: 0;
  background-color: #FF6893;
  border-radius: 0;
  box-shadow: none;
  font-weight: bold;
  font-size: 14px;
  color: white;
}
.front-page h2.design2::before,
.front-page h2.design2::after {
  content: none;
}

html .front-page main h3.design1 {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 28px;
  line-height: 42px;
  color: #FF6893;
}
html .front-page main h3.design1 big {
  font-size: 40px;
}
h3.design1:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title){
  background-color: inherit;
  color: #FF6893;
}
h3.design1:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before,
h3.design1:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after {
  content: none;
}
/*----------------------------------------------------------*/
/* スライダー2
/*----------------------------------------------------------*/
.front-page .papa-slider2 {
  display: flex;
  justify-content: space-between;
}

.front-page .papa-slider2 .slide {
  position: relative;
  width: calc(100% - 145px);
  height: 120px;
}
.front-page .papa-slider2 .slide li {
  width: calc(100% / 3);
  height: 120px;
}
.front-page .papa-slider2 .slide li a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #707070;
  border: solid 1px #cccccc;
  box-sizing: border-box;
}
.front-page .papa-slider2 .slide li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.front-page .papa-slider2 .slide .slick-prev,
.front-page .papa-slider2 .slide .slick-next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 99;
}
.front-page .papa-slider2 .slide .slick-prev {
  left: 0;
}
.front-page .papa-slider2 .slide .slick-next {
  right: 0;
}
.front-page .papa-slider2 .gorankings{
  width: 145px;
  height: 120px;
  background-color: #cccccc;
}
.front-page .papa-slider2 .gorankings a {
  display: block;
  width: 100%;
  height: 100%;
}
.front-page .papa-slider2 .gorankings a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 640px){ 
  .front-page .papa-slider2 .slide {
    width: calc(100% - 25.333vw);
    height: 20.8vw;
  }
  .front-page .papa-slider2 .slide li {
    width: calc(100% / 2);
    height: 20.8vw;
  }
  .front-page .papa-slider2 .gorankings{
    width: 25.333vw;
    height: 20.8vw;
  }
}
/*----------------------------------------------------------*/
/* スライダー
/*----------------------------------------------------------*/
.front-page .papa-slider {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 120px;
  padding-bottom: 30px;
}
.front-page .papa-slider article {
  width: calc((100% - 145px) / 3);
  height: 120px;
}
.front-page .papa-slider article.ranking {
  width: 145px;
}
.front-page .papa-slider article a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #707070;
  border: solid 1px #cccccc;
}
.front-page .papa-slider article a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 640px){ 
  .front-page .papa-slider {
    height: 75px;
  }
  .front-page .papa-slider article {
    width: calc((100% - 75px) / 3);
    height: 75px;
  }
  .front-page .papa-slider article:nth-of-type(3) {
    /* display: none; */
  }
  .front-page .papa-slider article.ranking {
    width: 75px;
  }

}
/*----------------------------------------------------------*/
/* サイト概要
/*----------------------------------------------------------*/
.front-page .overview {
  padding: 10px 0;
  font-size: 14px;
  line-height: 24px;
  color: #707070;
}

/*----------------------------------------------------------*/
/* カテゴリリスト
/*----------------------------------------------------------*/
.front-page .categories {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
}
.front-page .categories .post{
  position: relative;
  width: 200px;
  padding-bottom: 20px;
}
.front-page .categories .post a {
  text-decoration: none;
  color: #707070;
}
.front-page .categories .post .thumbnail {
  width: 100%;
  height: 125px;
  background-color: #cccccc;
}
.front-page .categories .post .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.front-page .categories .post .name {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0 5px !important;
  background: #faff20;
  color: #020202;
  box-shadow: 1px 1px 1px 1px #ccc;
  border: none;
  font-size: 12px;
  width: auto;
  border-radius: 0;
  min-height: auto !important;
}
.front-page .categories .post .name::before,
.front-page .categories .post .name::after {
  content: none;
}
.front-page .categories .post .description {
  padding: 5px;
  font-size: 12px;
  line-height: 15px;
}

@media only screen and (max-width: 480px){
  .front-page .categories .post{
    width: calc(100% / 2 - 10px);
  }
}

.front-page .content {
  margin-bottom: 20px;
  padding: 5px 10px;
  padding-bottom: 60px;
  background-color: #FFF1F5;
}
.front-page .content > .thumbnail {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.front-page .content > .thumbnail img {
  width: 100%;
}


/*----------------------------------------------------------*/
/* タブ
/*----------------------------------------------------------*/
.front-page .papa-tab ul {
  width: 100%;
  height: 80px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  border: double #ff6893;
  box-sizing: border-box;
}
.front-page .papa-tab ul li {
  width: calc(100% / 4);
  height: 100%;
}
.front-page .papa-tab ul li a {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-size: 14px;
  color: #ff6893;
  font-weight: bold;
}
.front-page .papa-tab ul li a div {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: calc(100% - 12px);
  justify-content: center;
  align-items: center;
  margin: 6px 0;
  border-right: solid 1px #ff6893;
  text-align: center;
}

.front-page .papa-tab ul li:last-of-type a div {
  border-right: none;
}
.front-page .papa-tab ul li a div .icon {
  display: inline;
  width: 30px;
  padding-right: 5px;
  margin-left: -11px;
}
.front-page .papa-tab ul li a div .icon_sp {
  display: none;
  width: 30px;
  margin: 0 auto;
  padding: 0;
}


.front-page .papa-tab ul li a div br {
 /* display: none; */
}

@media only screen and (max-width: 640px){
  .front-page .papa-tab ul {
    height: 90px;
  }
  .front-page .papa-tab ul li a div {
    display: block;
    line-height: 1.2;
    padding-top: 6px;
  }
  .front-page .papa-tab ul li a div br {
    display: block;
  }
  .front-page .papa-tab ul li a div .icon {
    display: none;
  }
  .front-page .papa-tab ul li a div .icon_sp {
    display: inline;
  }

  
}


/*----------------------------------------------------------*/
/* 人気ランキング
/*----------------------------------------------------------*/
@keyframes blinkAnime {
    0% {
        box-shadow: 0 0 0 0 #ff6893
    }
    50% {
        box-shadow: 0 0 0 4px #ff6893
    }
}
.front-page .papa-ranking {
  margin-bottom: 50px;
}
.front-page .papa-ranking .menu {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.front-page .papa-ranking .menu li {
  position: relative;
  cursor: pointer;
  display: block;
  width: calc(100% / 5);
  height: 63px;
  background-color: #f2f2f2;
  font-size: 16px;
  font-weight: bold;
  border-right: solid 1px white;
  box-sizing: border-box;
  text-align: center;
}
.front-page .papa-ranking .menu li:last-child {
  border-right: none;
}
.front-page .papa-ranking .menu li.current {
  background-color: #ff6893;
  color: white;
}
.front-page .papa-ranking .menu li.current:before, 
.front-page .papa-ranking .menu li.current::after {
  content: "";
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: transparent;
  border-width: 0 5px 5px 5px;
}
.front-page .papa-ranking .menu li.current::before {
  left: 50%;
  border-left-color: #ff6893;
}
.front-page .papa-ranking .menu li.current::after {
  right: 50%;
  border-right-color: #ff6893;
}

.front-page .papa-ranking .menu li .icon {
  display: block;
  height: 30px;
  margin: 0 auto;
}
.front-page .papa-ranking .menu li.current .icon {
  display: none;
}
.front-page .papa-ranking .menu li .icon.current {
  display: none;
}
.front-page .papa-ranking .menu li.current .icon.current {
  display: block;
}
.front-page .papa-ranking .ranks{
  padding: 35px 20px;
  list-style: none;
  background-color: #fff1f5;
}
.front-page .papa-ranking .ranks > li {
  display: none;
}
.front-page .papa-ranking .ranks > li.show {
  display: block;
}

.front-page .papa-ranking .ranks .ps_buttons .ps_button_red a {
  animation: blinkAnime 1s infinite alternate;
}
.front-page .papa-ranking .ranks .ps_buttons .limit  {
  width: calc(40% - 10px);
}
.front-page .papa-ranking .ranks .ps_buttons .limit .name {
  width: 100%;
  min-height: 25px;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  line-height: 1.2;
  background-color: #dddddd;
  border: solid 1px #cccccc;
  box-sizing: border-box;
  border-bottom: none;
}
.front-page .papa-ranking .ranks .ps_buttons .limit .yycountdown-box {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 40px;
  background-color: white;
  border: solid 1px #cccccc;
  border-top: none;
  color: #fe6894;
}
.front-page .papa-ranking .ranks .ps_buttons .limit .yycountdown-box .yyc-day {
  display: none;
}
.front-page .papa-ranking .ranks .more.ps_button_red a {
  width: 100%;
  max-width: 400px;
  margin-top: 20px;
}
.front-page .papa-ranking .ranks .ps_recomdapp .app_name {
  text-align: left;
  padding-left: 20px;
}
.front-page .papa-ranking .ranks .ps_recomdapp .app_name .crown {
  background-image: url(../img/shotcode/icon_crown.svg);
  display: inline-block;
  width: 38px;
  height: 37px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: center;
  padding-top: 5px;
  margin-right: 10px;
  box-sizing: border-box;
  color: #ff6893;
}

@media only screen and (max-width: 480px){
  .front-page .papa-ranking .menu li {
    height: 60px;
    line-height: 1.2;
    font-size: 10px;
  }
  .front-page .papa-ranking .menu li .icon {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .front-page .papa-ranking .ranks .ps_buttons .limit  {
    width: 100%;
    margin-bottom: 10px;
  }
  .front-page .papa-ranking .ranks .ps_buttons .ps_button_red {
    width: 100%;
  }
  
}


/*----------------------------------------------------------*/
/* 口コミ・レビュー
/*----------------------------------------------------------*/
.front-page .papa-reviews .text {
  padding-bottom: 20px;
}
.front-page .papa-reviews .reviews-group .posts {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.front-page .papa-reviews .reviews-group .posts li {
  position: relative;
  width: calc((100% - 40px) / 3);
  list-style: none;
  border: solid 1px #707070;
  padding: 4px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.front-page .papa-reviews .reviews-group .posts li.dummy {
  height: 0;
  padding: 0;
  border: 0;
}
.front-page .papa-reviews .reviews-group .posts li .title {
  position: absolute;
  top: 4px;
  left: 4px;
  margin: 0;
  padding: 0 5px !important;
  background: #faff20;
  color: black;
  box-shadow: 1px 1px 1px 1px #ccc;
  border: none;
  font-size: 12px;
  width: auto;
  border-radius: 0;
  min-height: auto !important;
}
.front-page .papa-reviews .reviews-group .posts li .image {
  width: 100%;
/*  height: 118px; */
  background-color: #dddddd;
}
.front-page .papa-reviews .reviews-group .posts li .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.front-page .papa-reviews .reviews-group .posts li .ps_button a {
  margin-top: 10px;
  margin-bottom: 8px;
  width: 100%;
  height: 35px;
  line-height: 35px;
}
.front-page .papa-reviews .reviews-group .posts li .ps_button a::after {
  content: none;
}
@media only screen and (max-width: 959px){
}
@media only screen and (max-width: 480px){
  .front-page .papa-reviews .reviews-group .posts li {
    width: calc((100% - 15px) / 2);
  }
}


/*----------------------------------------------------------*/
/* パパ活・アプリサイト比較一覧
/*----------------------------------------------------------*/
.front-page .pm_papa_comp {
  margin-bottom: 50px;
}
/*----------------------------------------------------------*/
/*
/*----------------------------------------------------------*/
.front-page .pm_papa_request {
  border-top: none;
}

/*----------------------------------------------------------*/
/*
/*----------------------------------------------------------*/
.front-page .ps_index .content {
  background-color: white;
}

/* =========================================================================================================================================== */
/* 
/* 個別ページデザイン
/* 
/* =========================================================================================================================================== */
/*----------------------------------------------------------*/
/* パンくずリスト
/*----------------------------------------------------------*/
#breadcrumb ol li, #breadcrumb ol li h1 {
  display: inline;
  line-height: 25px;
}
#breadcrumb ol li span {
  background-color: #faff20;
  color: black;
}

/*----------------------------------------------------------*/
/* レーティング
/*----------------------------------------------------------*/
.post .hyouka {
  text-align: right;
}

/*----------------------------------------------------------*/
/* ページタイトル .entry-title
/*----------------------------------------------------------*/
.archive .entry-title,
.post .entry-title,
.search h1,
.st-post .entry-title {
  font-weight: bold !important;
  font-size: 24px !important;
  line-height:  1.7 !important;
  color: #FF8CAC !important;
}


/*----------------------------------------------------------*/
/* ページコンテンツ .entry-content
/*----------------------------------------------------------*/
.entry-content { 
  overflow: hidden;
  padding: 30px 0;
  font-size: 14px;
  line-height: 1.71;
  color: #707070;
}
.entry-content p {
  font-size: 14px;
  line-height: 1.71;
  color: #707070;
}

@media only screen and (min-width: 600px){
  .entry-content { 
    font-size: 14px;
    line-height: 1.71;
    color: #707070;
  }
}
@media print, screen and (min-width: 960px){
  .entry-content {
    font-size: 14px;
    line-height: 1.71;
    color: #707070;
  }
}
@media print, screen and (max-width: 959px){
  .home .entry-content {
    padding-bottom: 0;
  }
}

/*----------------------------------------------------------*/
/* アイキャッチ画像 .post .thumbnail
/*----------------------------------------------------------*/
.single main .eyecatch {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
}
.single main .eyecatch img {
  width: 100%;
}

/*----------------------------------------------------------*/
/* 記事概要 .post .description
/*----------------------------------------------------------*/
.single main .description {
  font-size: 14px;
  line-height: 1.71;
  color: #707070;
}


/* =========================================================================================================================================== */
/* 
/* 個別ページ「執筆するパパ活する女子たちの紹介」デザイン
/* 
/* =========================================================================================================================================== */
/*----------------------------------------------------------*/
/* ボックスデザイン
/*----------------------------------------------------------*/
.page-id-193 .pm_boxlist {
  margin-bottom: 50px;
}

/* =========================================================================================================================================== */
/* 
/* 個別ページ「今月のコラムランキング」デザイン
/* 
/* =========================================================================================================================================== */
.page-id-6644 #contentInner .entry-content {
    padding: 0;
}

/* =========================================================================================================================================== */
/* 
/* 掲示板(bbpress)のデザイン
/* 
/* =========================================================================================================================================== */
#qt_bbp_reply_content_toolbar input {
  width: auto !important;
}


.mw_snsbanner_list .posts {
  display: flex;
  justify-content: space-around;
}
.mw_snsbanner_list .posts img {
  max-width: 75px;
}