@charset "UTF-8";
/*
File Name : style.css
Url : https://www.mamayaku.com/campaign/papatv/common/css/style.css
Author : Coding Design
Description : 個別ページCSS設定
Version/Corrector :
  1.0 2019/07/22 FUMINORI MORI
*/
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic");
@import url("//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700");
/*doc
---
title: displayChanger
name: displayChanger
category: helper
---

SP版、TB版、PC版で要素の表示を変更します<br>

SP版…幅600px未満
TB版…幅600-959px
PC版…幅960px以上

* .spOnly-inline　…　SP版のみ表示。インラインで表示。
* .spOnly-inlineblock　…　SP版のみ表示。インラインブロックで表示。
* .spOnly-block　…　SP版のみ表示。ブロックで表示。
* .pcTbOnly-inline　…　TB・PC版のみ表示。インラインで表示。
* .pcTbOnly-inlineblock　…　TB・PC版のみ表示。インラインブロックで表示。
* .pcTbOnly-block　…　TB・PC版のみ表示。ブロックで表示。
* .pcOnly-inline　…　PC版のみ表示。インラインで表示。
* .pcOnly-inlineblock　…　PC版のみ表示。インラインブロックで表示。
* .pcOnly-block　…　PC版のみ表示。ブロックで表示。
* .spBlock-pcInline　…　SP版ブロック、PC版インラインで表示。
* .spInline-pcBlock　…　SP版インライン、PC版ブロックで表示。
* .displayNone　…　表示しない

*/
.spOnly-inline {
  display: inline; }

.spOnly-inlineblock {
  display: inline-block; }

.spOnly-block {
  display: block; }

.pcTbOnly-inline {
  display: none; }

.pcTbOnly-inlineblock {
  display: none; }

.pcTbOnly-block {
  display: none; }

.pcOnly-inline {
  display: none; }

.pcOnly-inlineblock {
  display: none; }

.pcOnly-block {
  display: none; }

.spBlock-pcInline {
  display: block; }

.spInline-pcBlock {
  display: inline; }

.spBlock-pcTbInline {
  display: block; }

.spInline-pcTbBlock {
  display: inline; }

.spTbInline-pcBlock {
  display: inline; }

.spTbBlock-pcInline {
  display: block; }

.displayNone {
  display: none; }

@media print, screen and (min-width: 640px) {
  .spOnly-inline {
    display: none; }
  .spOnly-inlineblock {
    display: none; }
  .spOnly-block {
    display: none; }
  .pcTbOnly-inline {
    display: inline; }
  .pcTbOnly-inlineblock {
    display: inline-block; }
  .pcTbOnly-block {
    display: block; }
  .spBlock-pcTbInline {
    display: inline; }
  .spInline-pcTbBlock {
    display: block; } }

@media print, screen and (min-width: 960px) {
  .pcOnly-inline {
    display: inline; }
  .pcOnly-inlineblock {
    display: inline-block; }
  .pcOnly-block {
    display: block; }
  .spBlock-pcInline {
    display: inline; }
  .spInline-pcBlock {
    display: block; }
  .spTbInline-pcBlock {
    display: block; }
  .spTbBlock-pcInline {
    display: inline; } }

body.is-not-rwd {
  /* PC RWD非対応スタイル */ }
  @media print, screen and (max-width: 639px) {
    body.is-not-rwd .spOnly-inline {
      display: none; }
    body.is-not-rwd .spOnly-inlineblock {
      display: none; }
    body.is-not-rwd .spOnly-block {
      display: none; }
    body.is-not-rwd .pcTbOnly-inline {
      display: inline; }
    body.is-not-rwd .pcTbOnly-inlineblock {
      display: inline-block; }
    body.is-not-rwd .pcTbOnly-block {
      display: block; }
    body.is-not-rwd .spBlock-pcTbInline {
      display: inline; }
    body.is-not-rwd .spInline-pcTbBlock {
      display: block; }
    body.is-not-rwd .pcOnly-inline {
      display: inline; }
    body.is-not-rwd .pcOnly-inlineblock {
      display: inline-block; }
    body.is-not-rwd .pcOnly-block {
      display: block; } }

/*doc
---
title: clearfix
name: clearfix
category: helper
---

floatによる回りこみ解除クラス

*/
.clearfix::after,
.clr::after {
  clear: both;
  content: "";
  display: block; }

/*doc
---
title: centering
name: centering
category: helper
---

ブロックをセンター揃えにするクラス

*/
.centering-600 {
  margin: 0 auto;
  max-width: 600px; }

.centering-620 {
  margin: 0 auto;
  max-width: 620px; }

.centering-700 {
  margin: 0 auto;
  max-width: 700px; }

.centering-720 {
  margin: 0 auto;
  max-width: 720px; }

.centering-760 {
  margin: 0 auto;
  max-width: 760px; }

.centering-820 {
  margin: 0 auto;
  max-width: 820px; }

.centering-890 {
  margin: 0 auto;
  max-width: 890px; }

.centering-920 {
  margin: 0 auto;
  max-width: 920px; }

.centering-940 {
  margin: 0 auto;
  max-width: 940px; }

.centering-960 {
  margin: 0 auto;
  max-width: 960px; }

.centering-970 {
  margin: 0 auto;
  max-width: 970px; }

body.is-not-rwd {
  /* PC RWD非対応スタイル */ }
  body.is-not-rwd .centering-600 {
    max-width: none;
    width: 600px; }
  body.is-not-rwd .centering-620 {
    max-width: none;
    width: 620px; }
  body.is-not-rwd .centering-700 {
    max-width: none;
    width: 700px; }
  body.is-not-rwd .centering-720 {
    max-width: none;
    width: 720px; }
  body.is-not-rwd .centering-760 {
    max-width: none;
    width: 760px; }
  body.is-not-rwd .centering-820 {
    max-width: none;
    width: 820px; }
  body.is-not-rwd .centering-890 {
    max-width: none;
    width: 890px; }
  body.is-not-rwd .centering-920 {
    max-width: none;
    width: 920px; }
  body.is-not-rwd .centering-940 {
    max-width: none;
    width: 940px; }
  body.is-not-rwd .centering-960 {
    max-width: none;
    width: 960px; }
  body.is-not-rwd .centering-970 {
    max-width: none;
    width: 970px; }

/*doc
---
title: urlHashLink
name: urlHashLink
category: helper
---

ページ内リンクの位置調整用クラス

*/
.urlHashLink {
  position: relative;
  top: -46px;
  display: block; }

@media screen and (min-width: 640px) {
  .urlHashLink {
    top: -100px; } }

body.is-not-rwd {
  /* PC RWD非対応スタイル */ }
  @media print, screen and (max-width: 639px) {
    body.is-not-rwd .urlHashLink {
      top: -100px; } }

/*doc
---
title: old_helper_classes
name: old_helper_classes
category: helper
---

RWD化前のヘルパークラス

*/
.hidetxt, .hd {
  text-indent: -9999px;
  overflow: hidden; }

.hidetxt a, .hd a {
  overflow: hidden; }

.tagline {
  display: none;
  overflow: hidden; }

.left_section {
  float: left; }

.right_section {
  float: right; }

.ls {
  float: left; }

.rs {
  float: right; }

.left_column {
  float: left; }

.right_column {
  float: right; }

.lc {
  float: left; }

.rc {
  float: right; }

/* ------------------------- TOC 
setup
wrap around the contents
header
site navigation
common sub navigation
contents
page top
footer
 ------------------------- */
/* ============================== setup */
body {
  color: #333333;
  background: url(../img/bg.png) 50% 0;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, Avenir, "Open Sans", Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  @media print, screen and (max-width: 639px) {
    body {
      background-size: 227px auto;
      background-position: 0 0; } }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  color: #0510f6; }

a:link {
  color: #0510f6; }

a:visited {
  color: #0510f6; }

a:hover, a:active {
  color: #ff3300; }

a img, a:link img, a:visited img, a:hover img, a:active img {
  border: none;
  text-decoration: none; }

img {
  vertical-align: top; }

img,
picture {
  margin: 0;
  max-width: 100%;
  height: auto;
  vertical-align: top; }

/* ============================== wrap around the contents */
#wrapper {
  padding: 0 15px; }
  @media print, screen and (max-width: 639px) {
    #wrapper {
      padding-left: 0;
      padding-right: 0; } }

/* ============================== header */
#header h1 {
  text-align: center; }
  @media print, screen and (max-width: 639px) {
    #header h1 {
      padding-left: 4.0625%;
      padding-right: 4.0625%; } }

#header h1 img {
  position: relative;
  z-index: 2; }

/*add contents_header 20140913*/
/* ============================== contents */
/* sec_talk_member */
#sec_talk_member {
  margin: 0 auto;
  max-width: 960px; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_member {
      margin-top: -3.75%;
      padding-left: 2.8125%;
      padding-right: 2.8125%;
      position: relative;
      z-index: 3; } }

#sec_talk_member li {
  float: left; }
  #sec_talk_member li:nth-child(1) {
    width: 21.3541666667%; }
  #sec_talk_member li:nth-child(2) {
    width: 18.75%; }
  #sec_talk_member li:nth-child(3) {
    width: 18.75%; }
  #sec_talk_member li:nth-child(4) {
    width: 19.7916666667%; }
  #sec_talk_member li:nth-child(5) {
    width: 21.3541666667%; }

/* nav_talk_theme */
#nav_talk_theme {
  margin: 0 auto;
  max-width: 960px; }
  @media print, screen and (max-width: 639px) {
    #nav_talk_theme {
      margin-top: 7px; } }

@media print, screen and (max-width: 639px) {
  #nav_talk_theme h2 {
    margin-bottom: -6.25%; } }

#nav_talk_theme ul {
  padding: 18px 0 15px 1.3541666667%;
  background: url(../img/bg_nav_talk_theme.png) no-repeat 0 0;
  background-size: 100% auto; }
  @media print, screen and (max-width: 639px) {
    #nav_talk_theme ul {
      background-image: url(../img/bg_nav_talk_theme_sp.png);
      padding: 6.875% 0; } }

#nav_talk_theme li {
  float: left;
  width: 32.9461457233%; }
  @media print, screen and (max-width: 639px) {
    #nav_talk_theme li {
      width: 48.75%;
      margin: 0.625%; } }

/* sec_talk_detail */
#sec_talk_detail {
  max-width: 960px;
  margin: 0 auto; }

#sec_talk_detail h2 {
  margin: 23px 0 0; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_detail h2 {
      margin-top: 7px;
      margin-bottom: 5px; } }

.sec_talk_inner {
  background: url(../img/bg_sec_talk_inner.png);
  background-size: 100% auto;
  padding: 1px 19.4791666667% 49px 8.6458333333%; }
  @media print, screen and (max-width: 639px) {
    .sec_talk_inner {
      margin-left: 2.5%;
      margin-right: 2.5%;
      padding: 1px 2.1875% 19px 2.1875%; } }

/* sec_talk */
.sec_talk {
  margin-top: 18px; }
  @media print, screen and (max-width: 639px) {
    .sec_talk {
      margin-top: 10px; } }

#sec_talk_01 {
  margin-top: 0; }

.talk {
  margin: 28px 0 0;
  position: relative; }
  @media print, screen and (max-width: 639px) {
    .talk {
      margin-top: 18px; } }

.talk .icon {
  width: 13.0434782609%;
  float: left; }
  @media print, screen and (max-width: 639px) {
    .talk .icon {
      width: 60px; } }

.talk .icon img {
  position: absolute;
  top: 0;
  width: 13.0434782609%; }
  @media print, screen and (max-width: 639px) {
    .talk .icon img {
      -webkit-transform: translateY(-9px);
              transform: translateY(-9px);
      width: 60px; } }

@media print, screen and (min-width: 640px) {
  .talk .icon .icon_tomoko,
  .talk .icon .icon_all {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); } }

.talk .talk_inner {
  width: 85.5072463768%;
  float: right;
  background: url(../img/bg_fukidashi_bottom.png) no-repeat 0 100%;
  padding-bottom: 1.5942028986%;
  line-height: 1.625;
  background-size: 100% auto;
  display: table; }
  @media print, screen and (max-width: 639px) {
    .talk .talk_inner {
      width: calc(100% - 72px);
      padding-bottom: 0;
      font-size: 16px;
      line-height: 1.875;
      border-radius: 3px;
      border: 1px solid #BBB6AA;
      background: none #fff;
      padding: 3px 8px 8px;
      box-sizing: border-box;
      position: relative; }
      .talk .talk_inner::before {
        content: '';
        display: block;
        position: absolute;
        left: -12px;
        top: 12px;
        background: url(../img/bg_fukidashi_left_sp.png) no-repeat 0 0;
        width: 18px;
        height: 18px;
        background-size: cover; } }

@media print, screen and (min-width: 640px) {
  .talk .talk_inner > span {
    display: table-cell;
    background: url(../img/bg_fukidashi_top.png) no-repeat 0 0;
    background-size: 100% auto;
    padding: 12px 2.3728813559% 0 4.0677966102%;
    height: 54px;
    vertical-align: middle; } }

.talk em {
  color: #ff0000;
  font-weight: bold;
  font-style: normal;
  background-color: #ffced6;
  padding: 3px; }

.talk strong {
  font-weight: bold; }

/* sec_finish */
#sec_finish {
  max-width: 960px;
  margin: 41px auto; }
  @media print, screen and (max-width: 639px) {
    #sec_finish {
      margin-top: 22px;
      margin-bottom: 20px; } }

@media print, screen and (max-width: 639px) {
  .sec_finish_text {
    margin-left: 3.125%;
    margin-right: 3.125%;
    font-size: 18px;
    line-height: 1.5555555556;
    color: #ffffff;
    font-weight: bold; }
    .sec_finish_text p {
      margin-top: 10px; }
    .sec_finish_text strong {
      color: #ff8599;
      font-size: 22px;
      line-height: 1.4545454545; } }

.sec_finish_inner {
  margin-top: 32px;
  background: url(../img/bg_sec_finish.png) no-repeat 0 0;
  background-size: 100% auto;
  padding-left: 12.8125%;
  padding-bottom: 20px;
  padding-right: 6.25%; }
  @media print, screen and (max-width: 639px) {
    .sec_finish_inner {
      background-image: url(../img/bg_sec_finish_sp.png);
      padding: 0 0 4.6875%;
      margin-top: 7px; } }

@media print, screen and (max-width: 639px) {
  .sec_finish_bt {
    padding: 0 9.375%; } }

/* sec_merit */
/* bt_home */
/* ============================== page top */
/* ============================== footer */
/* ==========================================================================
   Media Queries
   ========================================================================== */
/* PC and tablet */