@charset "utf-8";
/* CSS Document */
/* パパくらぶ */

/**************************************/

/*ページタイトル*/
h3.pageTitleImg{
  margin:0px 0px 25px 0px;
}

@media screen and (max-width: 768px) {
  h3.pageTitleImg{
    position: relative;
    margin:0px 0px 50px 0px;
  }
  h3.pageTitleImg img{
     width: 100%;
    height: auto;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 520px) {
  h3.pageTitleImg{
    position: relative;
    margin:0px 0px 30px 0px;
  }
}
@media screen and (max-width: 520px) {
  h3.pageTitleImg{
    position: relative;
    margin:0px 0px 30px 0px;
  }
}

h3.pageTitleImg .pageTitleTxt{
  display: none;
}
@media screen and (max-width: 768px) {
  h3.pageTitleImg .pageTitleTxt{
    display: block;
    width: auto;
    position: absolute;
    z-index: 1;
    left: 32px;
    /*タイトル画像の高さ(同一ではない)に合わせてTOP位置の計算が必要です*/
    /* 縦中央の式　top: calc(50% - (画像の高さ/2)); */
  }
  h3.pageTitleImg .pageTitleTxt img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  h3.pageTitleImg #mainimg01_txt{
    /* パパくらぶ */
    top: calc(50% - (45px/2));
  }
}
@media screen and (max-width: 520px) {
  h3.pageTitleImg .pageTitleTxt{
    left: 14px;
    /*タイトル画像の高さ(同一ではない)に合わせてTOP位置の計算が必要です*/
    /* 90％高さの式　元画像の高さ-元画像の高さ*9/100 */
    /* 縦中央の式　top: calc(50% - ((元画像の高さ - 元画像の高さ*9/100)/2)); */
  }
  h3.pageTitleImg .pageTitleTxt img{
    width: 90%;
    height: auto;
    vertical-align: bottom;
  }
   h3.pageTitleImg #mainimg01_txt{
    /* パパくらぶ */
    top: calc(50% - ((45px - 45px*9/100)/2));
  }
}

/*==============================================================================
                 ぱぱクラブ
==============================================================================*/
.dotline{
  display:block;
  width:410px;
  height:1px;
  font-size:1px;
  line-height:1px;
  background-image:url(../img/req_line.gif);
  background-repeat:no-repeat;
}
@media screen and (max-width: 768px) {
  .dotline{
    width: 100%;
    background:url("../img/papaclub/dot_line_sp.png") repeat-x bottom;
  }
}
.emphasis{
  font-size:15px;
  line-height:100%;
  padding-top:53px;
  padding-bottom:10px;
}
@media screen and (max-width: 768px) {
  .emphasis{
    padding-top: 50px;
    padding-bottom: 15px;
  }
}
.emphasis2{
  font-size:15px;
  line-height:100%;
  padding-top:33px;
  padding-bottom:10px;
}
@media screen and (max-width: 768px) {
  .emphasis2{
    padding-top: 50px;
    padding-bottom: 15px;
  }
}

table.papa{
  width:410px;
}
@media screen and (max-width: 768px) {
  table.papa{
    width: 100%;
  }
  table.papa:last-child{
    margin-bottom: 10px;
  }
}
td.l_area{
  background: url("../img/papaclub/dot_line_sp.png") repeat-x bottom;
  background-color:#F6f0cc;
  width: 130px;
  padding: 12px 15px;
  vertical-align: top;
}

td.r_area{
  background:url("../img/papaclub/dot_line_sp.png") repeat-x bottom;
  padding: 12px 15px;
}

@media screen and (max-width: 768px) {
  .sp{
    display: none;
  }
}