@charset "utf-8";

.fm2 * {
  font-size: 12px;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
}

/* ==================================================

   ================================================== */
a[href=""] {
  pointer-events: none;
}

/* ==================================================
    ボタン
   ================================================== */
/* ===== 角丸のボックスの横幅に合わせたレイアウト ===== */
.l-fm2-roundbox--w {
  margin-right: auto;
  margin-left: auto;
  width: 590px;
}

/* ==================================================
    文字系
   ================================================== */
.fm2size--14 {
  font-size: 14px;
}

/* 大き目ボールド */
.fm2str--lg {
  font-size: 14px;
  color: #343434;
  font-weight: bold;
}

/* 注釈 */
.fm2str--notes {
  color: #cd0000;
}

/* 強調 */
.fm2str--strong {
  color: #b04949;
  font-weight: bold;
}

/* ==================================================
    ボタン
   ================================================== */
.fm2btn--delete,
.fm2btn--either,
.fm2btn--help,
.fm2btn--howto,
.fm2btn--morestaff,
.fm2btn--moreuser,
.fm2btn--newpost,
.fm2btn--no,
.fm2btn--search,
.fm2btn--staffreply,
.fm2btn--viewpost,
.fm2btn--yes,
.fm2btn--report,
.fm2btn--fmtop {
  display: block;
  cursor: pointer;
}
  .fm2btn--delete:hover,
  .fm2btn--either:hover,
  .fm2btn--help:hover,
  .fm2btn--howto:hover,
  .fm2btn--morestaff:hover,
  .fm2btn--moreuser:hover,
  .fm2btn--newpost:hover,
  .fm2btn--no:hover,
  .fm2btn--search:hover,
  .fm2btn--staffreply:hover,
  .fm2btn--viewpost:hover,
  .fm2btn--yes:hover,
  .fm2btn--report:hover {
    background-position: 0 bottom;
  }

.fm2btn--delete {
  width: 80px;
  height: 22px;
  background-image: url(../img/forum2/btn/btn_delete.png);
}
.fm2btn--either {
  width: 154px;
  height: 32px;
  background-image: url(../img/forum2/btn/btn_either.png);
}
.fm2btn--help {
  width: 125px;
  height: 28px;
  background-image: url(../img/forum2/btn/btn_help.png);
}
.fm2btn--howto {
  width: 350px;
  height: 38px;
  background-image: url(../img/forum2/btn/btn_howto.png);
}
.fm2btn--morestaff {
  width: 249px;
  height: 38px;
  background-image: url(../img/forum2/btn/btn_more_staff.png);
}
.fm2btn--moreuser {
  width: 249px;
  height: 38px;
  background-image: url(../img/forum2/btn/btn_more_user.png);
}
.fm2btn--newpost {
  width: 268px;
  height: 68px;
  background-image: url(../img/forum2/btn/btn_newpost.png);
}
.fm2btn--no {
  width: 154px;
  height: 32px;
  background-image: url(../img/forum2/btn/btn_no.png);
}
.fm2btn--search {
  width: 110px;
  height: 38px;
  background-image: url(../img/forum2/btn/btn_search.png);
}
.fm2btn--staffreply {
  width: 350px;
  height: 38px;
  background-image: url(../img/forum2/btn/btn_staff.png);
}
.fm2btn--viewpost {
  width: 268px;
  height: 68px;
  background-image: url(../img/forum2/btn/btn_viewpost.png);
}
.fm2btn--yes {
  width: 154px;
  height: 32px;
  background-image: url(../img/forum2/btn/btn_yes.png);
}
.fm2btn--arrow {
  position: relative;
  padding-left: 28px;
  color: #7d2c1c;
  font-weight: bold;
}
  .fm2btn--arrow:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 22px;
    height: 22px;
    background-image: url(../img/forum2/icon/ico_circle.png);
  }
.fm2btn--report {
  width: 80px;
  height: 22px;
  background-image: url(../img/forum2/btn/btn_report.png);
}
.fm2btn--quote {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.fm2btn--fmtop {
  width: 150px;
  height: 27px;
  background-image: url(../img/common/bg_btn_round.png);
  background-position: 0 -1404px;
}
  .fm2btn--fmtop:hover {
    background-position: 0 -1436px;
  }

.fm2btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

  .fm2btn-box a {
    margin: 0 5px;
  }

/* ==================================================
    ステップ
   ================================================== */
.fm2step--01,
.fm2step--02,
.fm2step--03,
.fm2step--04,
.fm2step--05 {
  width: 120px;
  height: 50px;
}
  .fm2step--01.is-fm2-active,
  .fm2step--02.is-fm2-active,
  .fm2step--03.is-fm2-active,
  .fm2step--04.is-fm2-active,
  .fm2step--05.is-fm2-active {
    background-position: 0 bottom;
  }
.fm2step--01 {
  background-image: url(../img/forum2/step/step01.png);
}
.fm2step--02 {
  background-image: url(../img/forum2/step/step02.png);
}
.fm2step--03 {
  background-image: url(../img/forum2/step/step03.png);
}
.fm2step--04 {
  background-image: url(../img/forum2/step/step04.png);
}
.fm2step--05 {
  width: 110px;
  background-image: url(../img/forum2/step/step05.png);
}

/* ===== ステップ箱 ====== */
.fm2step-box {
  display: flex;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  width: 610px;
}

/* ==================================================
    見出し
   ================================================== */
.fm2ttl--lets-proposals,
.fm2ttl--my_proposal,
.fm2ttl--post-content,
.fm2ttl--reply-from-staff,
.fm2ttl--search-results,
.fm2ttl--view-by-theme,
.fm2ttl--comment-from-staff,
.fm2ttl--post-rule {
  position: relative;
  z-index: 11;
  margin: auto;
  width: 608px;
  height: 71px;
}
.fm2ttl--lets-proposals {
  background-image: url(../img/forum2/ttl/ttl_lets_proposals.png);
}
.fm2ttl--my_proposal {
  background-image: url(../img/forum2/ttl/ttl_my_proposal.png);
}
.fm2ttl--post-content {
  background-image: url(../img/forum2/ttl/ttl_post_content.png);
}
.fm2ttl--reply-from-staff {
  background-image: url(../img/forum2/ttl/ttl_reply_from_staff.png);
}
.fm2ttl--search-results {
  background-image: url(../img/forum2/ttl/ttl_serch_results.png);
}
.fm2ttl--view-by-theme {
  background-image: url(../img/forum2/ttl/ttl_view_by_theme.png);
}
.fm2ttl--comment-from-staff {
  /*width: 574px;*/
  width: auto;
  height: 30px;
  background-image: url(../img/forum2/ttl/ttl_comment_fromstaff.png?5);
}
.fm2ttl--post-rule {
  height: 316px;
  background-image: url(../img/forum2/ttl/ttl_post_rule.png);
}

/* ==================================================
    ラベル系
   ================================================== */
.fm2txt--either {
  width: 80px;
  height: 17px;
  background-image: url(../img/forum2/txt/txt_either.png);
}
.fm2txt--kanryo {
  width: 573px;
  height: 148px;
  background-image: url(../img/forum2/txt/txt_kanryo.png);
}
.fm2txt--no {
  width: 93px;
  height: 17px;
  background-image: url(../img/forum2/txt/txt_no.png);
}
.fm2txt--push-button {
  width: 262px;
  height: 20px;
  background-image: url(../img/forum2/txt/txt_push_button.png);
}
.fm2txt--realtime {
  width: 558px;
  height: 61px;
  background-image: url(../img/forum2/txt/txt_realtime_impressions.png);
}
.fm2txt--rule {
  width: 536px;
  height: 225px;
  background-image: url(../img/forum2/txt/txt_rule.png);
}
.fm2txt--search-results-staff {
  width: 266px;
  height: 21px;
  background-image: url(../img/forum2/txt/txt_search_results_staff.png);
}
.fm2txt--search-results-user {
  width: 199px;
  height: 21px;
  background-image: url(../img/forum2/txt/txt_search_results_user.png);
}
.fm2txt--search-for-proposals {
  width: 121px;
  height: 21px;
  background-image: url(../img/forum2/txt/txt_serch_for_proposals.png);
}
.fm2txt--yes {
  width: 67px;
  height: 17px;
  background-image: url(../img/forum2/txt/txt_yes.png);
}

/* ==================================================
    アイコン
   ================================================== */
.fm2ico--circle {
  width: 22px;
  height: 22px;
  background-image: url(../img/forum2/icon/ico_circle.png);
}
.fm2ico--circle--red {
  width: 18px;
  height: 18px;
  background-image: url(../img/forum2/icon/ico_circle_red.png);
}
.fm2ico--comment {
  width: 15px;
  height: 16px;
  background-image: url(../img/forum2/icon/ico_comment.png);
}
.fm2ico--end {
  width: 70px;
  height: 22px;
  background-image: url(../img/forum2/icon/ico_end.png);
}


/* ==================================================
    アイコンつきテキスト
   ================================================== */
.fm2label--comment {
  position: relative;
  padding-left: 18px;
}
  .fm2label--comment:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 16px;
    background-image: url(../img/forum2/icon/ico_comment.png);
  }

.fm2label--red-circle {
  position: relative;
  padding-left: 23px;
}
  .fm2label--red-circle:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url(../img/forum2/icon/ico_circle_red.png);
  }

  .fm2label--red-circle a {
    color: #b04949 !important;
    font-weight: bold;
  }



/* ==================================================
    キャラ
   ================================================== */
.fm2chara-roxanne {
  width: 170px;
  height: 266px;
  background-image: url(../img/forum2/point/point_roxanne.png);
}
.fm2chara-nasu {
  width: 101px;
  height: 133px;
  background-image: url(../img/forum2/point/point_nasu.png);
}
.fm2chara-taco {
  width: 150px;
  height: 116px;
  background-image: url(../img/forum2/point/point_taco.png);
}

/* ==================================================
    投稿成功系
   ================================================== */
.fm2pane--delete-success {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 452px;
  height: 208px;
  margin: 0 auto;
  background-image: url(../img/forum/deletesuccess.png);
}


/* ==================================================
    角丸ボックス
   ================================================== */
.fm2roundbox--common,
.fm2roundbox--mine,
.fm2roundbox--staff,
.fm2roundbox--user {
  position: relative;
  z-index: 10;
  margin: auto;
  padding: 10px 7px 10px 7px;
  width: 590px;
  border-style: solid;
  border-width: 1px;
  border-radius: .8rem;
  border-color: #3c3a37;
}
  .fm2roundbox--common,
  .fm2roundbox--mine {
    background-color: #6a4c25;
  }
  .fm2roundbox--staff {
    background-color: #0f4b5a;
  }
  .fm2roundbox--user {
    background-color: #0f5a13;
  }

  /* ===== 内部要素 ===== */
  .fm2roundbox--common__inner,
  .fm2roundbox--mine__inner,
  .fm2roundbox--staff__inner,
  .fm2roundbox--user__inner {
    border: 1px solid #3c3a37;
    background-color: #fff;
  }
  .fm2roundbox--common__inner {
    background-color: #fffbf1;
  }

/* ===== 検索結果 ===== */
.fm2roudnbox__result {
  padding: 8px 0;
  display: flex;
  align-items: center;
}
  .fm2roudnbox__result-count {
    padding-left: 10px;
    color: #ffe450;
    font-size: 14px;
    font-weight: bold;
  }

/* ===== ボタンエリア ===== */
.fm2roundbox__nav {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}

/* ===== 見出しありバージョン ===== */
.fm2roundbox--withttl {
  margin-top: -30px;
  padding-top: 32px;
}

/* ===== 検索結果ありバージョン ===== */
.fm2roundbox--withresult {
  padding-top: 0;
}

/* ===== 特殊ルールありバージョン ===== */
.fm2coundbox--withrule {
  margin-top: -276px;
  padding-top: 274px;
}

/* ===== 分割線 ===== */
.fm2roundbox--common__split {
  height: 10px;
  background-color: #6a4c25;
}

/* ===== エラー ===== */
.fm2roundbox-nav .caution {
  width: auto !important;
  color: #ffbc5a !important;
}
  .fm2roundbox-nav .caution li {
    padding-top: 10px;
    font-size: 14px !important;
    text-align: center;
  }

/* ===== ログインうながし ===== */
.fm2roundbox-nav__loginplz {
  padding-top: 16px;
  padding-bottom: 15px;
}
.fm2roundbox-nav__loginplz a {
  color: #ff666b !important;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  text-decoration: underline !important;
}
  .fm2roundbox-nav__loginplz a:hover {
    text-decoration: none !important
  }

/* ==================================================
    コメントボックス
   ================================================== */
.fm2commbox--common,
.fm2commbox--mine,
.fm2commbox--staff,
.fm2commbox--user,
.fm2commbox--quote,
.fm2commbox--hidden {
}
  /* ----- 引用 ----- */
  .fm2commbox--quote {
    padding: 10px 10px 0 10px;
  }
  /* ----- 削除：スライムパターン ----- */
  /* ----- 運営：スライムパターン ----- */
  .fm2commbox--hidden {
    /*width: 574px;*/
    height: 29px;
    color: #f0e8db;
    background: url(../img/common/bg_infoDelete.png) no-repeat;
  }

/* ===== 見出し ===== */
.fm2commbox--mine__ttl,
.fm2commbox--staff__ttl,
.fm2commbox--user__ttl {
  padding: 5px 0;
  justify-content: space-between;
  font-weight: bold;
}
.fm2commbox--mine__ttl {
  background-color: #c7c7c7;
}
.fm2commbox--staff__ttl {
  background-color: #bbd8df;
}
.fm2commbox--user__ttl {
  background-color: #bfdfbb;
}
  .fm2commbox--mine__ttl-text,
  .fm2commbox--staff__ttl-text,
  .fm2commbox--user__ttl-text {
    display: flex;
    float: left;
    max-width: 460px;
    padding-left: 10px;
  }
    .fm2commbox--mine__ttl-text,
    .fm2commbox--mine__ttl-text a {
      color: #343434 !important;
    }
    .fm2commbox--staff__ttl-text,
    .fm2commbox--staff__ttl-text a {
      color: #0f4b5a !important;
    }
    .fm2commbox--user__ttl-text,
    .fm2commbox--user__ttl-text a {
      color: #0a5120 !important;
    }
  /* ----- タイトルについてるカウンター ----- */
  .fm2commbox--mine__ttl-count,
  .fm2commbox--staff__ttl-count,
  .fm2commbox--user__ttl-count,
  .fm2commbox--mine__ttl-count--rounded {
    display: flex;
    align-items: center;
    float: right;
    color: #fff;
    padding-left: 12px;
    padding-right: 10px;
    font-weight: normal;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border: 0px solid transparent;
  }
    .fm2commbox--mine__ttl-count {
      background-color: #959595;
    }
    .fm2commbox--staff__ttl-count {
      background-color: #74a9b6;
    }
    .fm2commbox--user__ttl-count {
      background-color: #6da169;
    }
    .fm2commbox--mine__ttl-count--rounded {
      background-color: #959595;
      border-radius: 1rem;
    }
/* ===== アイコン ===== */
.fm2commbox__chara-ico {
}
/* ===== キャラ名 ===== */
.fm2commbox__chara-name {
}
/* ===== キャラID ===== */
.fm2commbox__chara-id {
}
/* ===== 小見出し ===== */
.fm2commbox__subttl {
  padding: 3px 0 2px 0;
  color: #666666;
}
  .fm2commbox__subttl-text {
    float: left;
  }
    /* ----- 名前パターン ----- */
    .fm2commbox__subttl-name,
    .fm2commbox__subttl-name--quote,
    .fm2commbox__subttl-name--cast {
      color: #6a7eb5;
      font-weight: bold;
    }
    /* 引用パターン */
    .fm2commbox__subttl-name--quote {
      color: #8b3814;
    }
    /* 特殊パターン */
    .fm2commbox__subttl-name--cast {
      color: #c32224;
    }

  .fm2commbox__subttl-date {
    float: right;
  }
/* ===== コメントボックス ===== */
.fm2commbox__comment,
.fm2commbox__comment--round,
.fm2commbox__comment:hover,
.fm2commbox__comment--round:hover {
  display: block;
  color: #343434 !important;
  text-decoration: none !important;
}
  /* ----- スタッフコメント ---- */
  .fm2commbox__comment--round {
    padding: 8px 8px 6px 8px;
    min-height: 80px;
    border: 1px solid #d4d4c3;
    border-radius: .5rem;
    background-color: #f0f0e9;
    background-repeat: no-repeat;
    background-position: right top;
  }
  /* スタッフコメントピンクバージョン：タコエルとか */
  .fm2commbox__comment--round.is-cast {
    border: 1px solid #e4b6d2;
    background-color: #ffeefc;
  }
/* ===== 開発者投稿時の名前表示用 ===== */
.fm2commbox__comment-name {
  margin-bottom: 10px;
  color: #343434;
  font-weight: bold;
}
/* ===== レイアウトメイン ===== */
.l-fm2commbox-main {
  position: relative;
  display: flex;
  padding-bottom: 10px;
}
  /* 削除 */
  .l-fm2commbox-main.is-fm2-deleted,
  /* 非表示 */
  .l-fm2commbox-main.is-fm2-hidden {
    background-color: #e5e5e5;
  }
  /* スタッフからの返信未読 */
  .l-fm2commbox-main.is-fm2-unread {
    background-color: #fffdc6;
  }
  /* 特殊権限パターン */
  .l-fm2commbox-main.is-fm2-cast {
    background-color: #ffeefc;
  }
  /* 引用パターン */
  .l-fm2commbox-main.is-fm2-quote {
    border: 1px solid #bcbcb4;
    background: #e7e7de url(../img/common/bg_quoteBox.png) repeat-y top right;
  }
  /* ----- レイアウト左右分割なし ----- */
  .l-fm2commbox-main-flat {
    width: 100%;
    padding: 0 10px;
  }
  /* ----- レイアウト左 ----- */
  .l-fm2commbox-main-left {
    width: 100px;
    text-align: center;
    line-height: 1.3;
  }
    .l-fm2commbox-main-left div:nth-child(2) {
      margin-top: 10px;
    }
    .l-fm2commbox-main-left a {
      display: block;
      text-align: center;
    }
  /* ----- レイアウト右 ----- */
  .l-fm2commbox-main-right {
    padding-right: 10px;
    width: 476px;
  }

/* ===== 削除ボタン ===== */
.l-fm2commbox-delete-btn {
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
}

/* ===== 検索該当０件 ===== */
.l-fm2commbox-nolist {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

/* ===== コメント非表示パターン ===== */
.l-fm2commbox-hidden {
}
  .l-fm2commbox-hidden p:nth-child(1) {
    padding-left: 100px;
    float: left;
  }
  .l-fm2commbox-hidden p:nth-child(2) {
    padding-right: 10px;
    float: right;
  }
  .l-fm2commbox-hidden p {
    display: flex;
    align-items: center;
    height: 29px;
  }


/* ==================================================
    汎用赤ボーダー箱
   ================================================== */
.fm2notes-box {
  border: 3px solid #c80000;
  border-radius: .8rem;
  background-color: #fff6f6;
}
  .fm2notes-box a {
    color: #b04949 !important;
  }
  .fm2notes-box__inner {
    padding: 15px 15px 15px 15px;
  }
  /* ----- 見出し ----- */
  .fm2notes-box__head {
    color: #343434;
    font-size: 14px;
    font-weight: bold;
  }

/* ==================================================
    テーマ別にみるリンクエリア
   ================================================== */
.l-fm2-view-by-theme {
  padding: 12px 10px;
}
  .l-fm2-view-by-theme ul {
  }
  .l-fm2-view-by-theme li {
    float: left;
    width: 183px;
  }
  .l-fm2-view-by-theme .fm2btn--arrow {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 4px;
  }


/* ==================================================
    大見出し
   ================================================== */
.fm2head--key-visual {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 610px;
  height: 340px;
  background-image: url(../img/forum2/main_head.png);
}
  /* ===== 提案広場とはボタン ===== */
  .fm2head--key-visual .fm2btn--help {
    position: absolute;
    right: 0;
  }
  /* ===== ボタン箱 ===== */
  .fm2head--key-visual__btnbox {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
  }

/* ==================================================
    提案を検索する
   ================================================== */
.fm2-search-proposal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-top: 10px;
}
  .fm2-search-proposal__input {
    width: 287px;
    padding: 7px !important;
    border: 1px solid #000 !important;
  }

/* ==================================================
    提案を検索する：大
   ================================================== */
.fm2-search-proposal--lg {
  padding: 20px;
}
  .fm2-search-proposal--lg li:nth-child(1) {
    float: left;
    padding-top: 5px;
  }
  .fm2-search-proposal--lg li:nth-child(2) {
    float: right;
  }
  .fm2-search-proposal--lg__input {
    padding: 7px !important;
    width: 410px;
    border: 1px solid #000 !important;
  }

/* ==================================================
    テーマ別にみる検索
   ================================================== */
.fm2-search-by-theme {
  padding: 20px;
}
  .fm2-search-by-theme li {
    display: flex;
    align-items: center;
  }
  .fm2-search-by-theme li:nth-child(1) {
    float: left;
  }
  .fm2-search-by-theme li:nth-child(2) {
    float: right;
  }
  .fm2-search-by-theme select {
    height: 25px;
    border: 1px solid #000;
  }

/* ==================================================
    回答済み投稿内容詳細
   ================================================== */
/* ====== コメント入力フォーム ====== */
.fm2-staffcomm-comment {
  padding-bottom: 10px;
}
  .fm2-staffcomm-comment .writeBox {
    text-align: center;
  }
  /* コメントするボタン */
  .fm2-staffcomm-comment .btn_comment {
    margin-top: 13px;
  }
    .fm2-staffcomm-comment .btn_comment input {
      margin-right: auto;
      margin-left: auto;
    }
  /* ----- テキストエリア ----- */
  .fm2-staffcomm-comment__input--textarea {
    width: 95%;
  }

/* ==================================================
    リアルタイム感想
   ================================================== */
.fm2-realtime-post {
  padding-top: 20px;
  padding-bottom: 10px;
}
  /* ===== 投票ゲージ ===== */
  .fm2-realtime-post__gauge {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    outline: 2px solid #b48547;
    border: 1px solid #6a4c25;
  }
    .fm2-realtime-post__gauge table {
      width: 100%;
    }
  /* ===== 投票バー ===== */
  .fm2-realtime-post__bar--yes,
  .fm2-realtime-post__bar--no,
  .fm2-realtime-post__bar--either,
  .fm2-realtime-post__bar--zero {
    height: 24px;
    color: #fff;
    text-align: center;
    font-weight: bold;
  }
  .fm2-realtime-post__bar--yes {
    background-color: #da6100;
  }
  .fm2-realtime-post__bar--no {
    background-color: #0083d6;
  }
  .fm2-realtime-post__bar--either {
    background-color: #2bb601;
  }
  /* ===== ボタンエリア ===== */
  .fm2-realtime-post__nav {
    margin-top: 20px;
  }
  .l-fm2-realtime-post__nav {
    display: flex;
    justify-content: center;
  }
    .l-fm2-realtime-post__nav a {
      margin: 0 2px;
    }
    /* ----- 選択状態 ----- */
    .fm2btn--yes.is-fm2-selected,
    .fm2btn--either.is-fm2-selected,
    .fm2btn--no.is-fm2-selected,
    .fm2btn--yes.is-fm2-selected:hover,
    .fm2btn--either.is-fm2-selected:hover,
    .fm2btn--no.is-fm2-selected:hover {
      opacity: .3;
      cursor: default;
      background-position: 0 top;
    }
  /* ===== アイコンエリア ===== */
  .fm2-realtime-post__ico {
    display: flex;
    justify-content: center;
    margin-top: 10px
  }
    .fm2-realtime-post__ico div {
      margin: 0 10px;
    }

/* ==================================================
    提案のルールページ
   ================================================== */
.fm2-rule {
  position: relative;
}
  .fm2-rule__inner {
    margin-right: auto;
    margin-left: auto;
    width: 534px;
  }

  /* ===== アドバイスモーダル ===== */
  .fm2-rule__modal {
    position: relative;
    width: 596px;
    height: 447px;
    background-image: url(../img/forum2/advice.png);
  }
    /* 閉じるボタン */
    .fm2-rule__modal-close {
      position: absolute;
      bottom: 25px;
      left: 0;
      right: 0;
      margin: auto;
    }

  /* ====== キャラ ===== */
  .fm2-rule .fm2chara-taco,
  .fm2-rule .fm2chara-nasu {
    position: absolute;
  }
  .fm2-rule .fm2chara-nasu {
    left: 10px;
    bottom: -80px;
  }
  .fm2-rule .fm2chara-taco {
    right: 10px;
    bottom: -72px;
  }


/* ==================================================
    新規投稿フロー
   ================================================== */
.fm2input--text {
  width: 400px;
}
.fm2input--select {
  height: 25px;
  border: 1px solid #c3bdbd;
}
.fm2input--textarea {
  width: 400px;
}