@charset "euc-jp";

/*==============================================
Find ビジュアル用.css
common_design.css (2016/05/31)

■共通
■ヘッダー
■フッター
■bbs
■クリップ
■ユーザー
??コミュ二ティ
==============================================*/

.Icon {
    /*background-color: #f00;*/
}

/*=============================================
■共通
	スタイル初期化
	マージン設定
	共通BOX
	タイトル
	タブ
	ボタン
	リストBOX
	アバター画像
	アイコン
==============================================*/


/*-------------------------------------------------------------
スタイル初期化　設定系
----------------------------------------------------------------*/

body {
    background: #e1e5e7;
    -webkit-text-size-adjust: none;
}
a {
    background: transparent;
    text-decoration: none;
    color: #323232;
    -webkit-tap-highlight-color: rgba(0, 0, 102, 0.25);
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
@media only screen and (min-width: 769px) {
    .SP_OnlyArea {
        display: none;
    }
}
textarea {
    resize: none;
    -webkit-appearance: none
}

/*-------------------------------------------------------------
マージン設定
----------------------------------------------------------------*/


/*--上2px--*/

.mt2 {
    margin-top: 2px !important;
}

/*--上10px--*/

.mt10 {
    margin-top: 10px !important;
}

/*--上12px--*/

.mt12 {
    margin-top: 12px !important;
}

/*--上15px--*/

.mt15 {
    margin-top: 15px !important;
}

/*--上20px--*/

.mt20 {
    margin-top: 20px !important;
}

/*--上0px--*/

.mt0 {
    margin-top: 0px !important;
}

/*--下2px--*/

.mb2 {
    margin-bottom: 2px !important;
}

/*--下10px--*/

.mb10 {
    margin-bottom: 10px !important;
}

/*--下12px--*/

.mb12 {
    margin-bottom: 12px !important;
}

/*--下20px--*/

.mb22 {
    margin-bottom: 22px !important;
}

/*--下0px--*/

.mb0 {
    margin-bottom: 0px !important;
}

/*-------------------------------------------------------------
共通Box
	コンテンツ全体　Find_Contents
	リスト内掲示板メイン画像
	ポップアップ
----------------------------------------------------------------*/

.Find_Contents {
    padding: 0 8px;
}

/*------------
リスト内掲示板メイン画像
-------------*/

.ThreadThumbnail {
    width: 70px;
    height: 70px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.ThreadThumbnail_S {
    width: 40px;
    height: 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

/*------------
ポップアップ
-------------*/
.default_popup{
  position: fixed;
  top:0 !important;
  bottom: 0 !important;
  left:0 !important;
  right:0 !important;
  margin: auto;
}
.PopUpBody {
    padding: 23px 12px 12px;
    /*height: 90%;*/
    /*ポップアップ全体の高さからpaddingとタイトル分を引く*/
    /*height: -webkit-calc(100% - 70px);
    height: calc(100% - 70px);*/
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.PopUpBody ul.PopUpMenu li {
    margin-bottom: 11px;
}
.PopUpBody ul.PopUpMenu li a, .PopUpBody ul.PopUpMenu li label {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #a5abaf;
    text-align: center;
    border: 2px solid #c9ced1;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
}

/*ポップアップ内　*付きキャプション*/

p.caption {
    position: relative;
    color: #a5abaf;
    font-size: 13px;
    line-height: 1.3em;
    padding-left: 13px;
}
p.caption:before {
    position: absolute;
    left: 0px;
    display: block;
    content: "＊";
    width: 13px;
    height: 13px;
}
.PopUpBody p.caption {
    position: relative;
    color: #a5abaf;
    font-size: 13px;
    line-height: 1.3em;
    padding-left: 13px;
}
.PopUpBody p.caption:before {
    position: absolute;
    left: 0px;
    display: block;
    content: "＊";
    width: 13px;
    height: 13px;
}
.ModalPopUpClose {
    position: absolute;
    top: 16px;
    right: 18px;
    width: 28px;
    height: 27px;
    background: url("https://cdn.findfriends.jp/img.sp/common/image/base/icon/icon_PopUpClose.png?20150514") no-repeat top center;
    -moz-background-size: 28px 27px;
    -webkit-background-size: 28px 27px;
    -o-background-size: 28px 27px;
    -ms-background-size: 28px 27px;
    background-size: 28px 27px;
}
#ModalBg {
    position: fixed;
    z-index: 999999999;
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    background: rgba(0, 0, 0, 0.7);
}

/*-------------------------------------------------------------
タイトル
----------------------------------------------------------------*/


/*------------
通常タイトル
-------------*/

.ContentsTitle {
    position: relative;
    display: block;
    padding: 0 22px;
    font-size: 100%;
    font-weight: bold;
    color: #fff;
    background: #00b0f0;
    height: 45px;
    line-height: 45px;
}

/*-- ポップアップ等中央寄せ --*/

.ContentsTitle.CenterText {
    text-align: center;
}

/*-- タイトル内アイコン --*/

.ContentsTitle .Icon {
    position: relative;
    top: -1px;
    margin-right: 15px;
}

/*-- タブ下タイトル --*/

.U_Tab_Title {
    margin-top: 14px;
    text-align: center;
    color: #80898f;
    font-weight: bold;
}
.U_Tab_Sub {
    position: relative;
    top: 2px;
    text-align: center;
    color: #ababab;
    font-size: 75%;
    font-weight: normal;
}

/*------------
小見出し
-------------*/


/*-- ボックス外 --*/

.Subhead {
    height: 36px;
    line-height: 36px;
    color: #444444;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 7px;
}
.Subhead02 {
    color: #72787b;
}

/*-- ボックス内 --*/

.CommonBox .Subhead {
    padding-left: 0px;
}
.Subhead .Icon {
    position: relative;
    top: -2px;
    margin-right: 16px;
}

/*------------
リスト内タイトル
-------------*/

.CommonListTitle {
    font-size: 113%;
    color: #323232;
    font-weight: bold;
}

/*-------------------------------------------------------------
アバター画像
----------------------------------------------------------------*/

.AvatarThumb {
    width: 34px;
    height: 34px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

/*=============================================
■ヘッダー　暫定で古いの入れてます
	サイトヘッダー
	Gナビ
==============================================*/


/*------------
サイトヘッダー
-------------*/

header.Find_Header {
    position: relative;
    min-height: 55px;
    width: 100%;
    background: #fff;
}
@media only screen and (min-width: 992px) {
    header.Find_Header>div {
        position: relative;
        min-height: 55px;
        width: 960px;
        margin: 0 auto;
    }
}

/* iPadなど */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.Find_Header>div {
        position: relative;
        min-height: 55px;
        width: 750px;
        margin: 0 auto;
    }
}

/* スマホ */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    header.Find_Header>div {
        position: relative;
        min-height: 55px;
        width: 100%;
        margin: 0 auto;
    }
}

/*-- サイトロゴ --*/

header.Find_Header h2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    display: block;
    height: 37px;
    width: 65px;
    text-indent: -200%;
    overflow: hidden;
    background-image: url("https://cdn.findfriends.jp/img.sp/common/image/base/common/logo_find.png?20161110");
    background-size: 65px 37px;
    -moz-background-size: 65px 37px;
    -webkit-background-size: 65px 37px;
    -o-background-size: 65px 37px;
    -ms-background-size: 65px 37px;
}
header.Find_Header h2 a {
    display: block;
    height: 37px;
    width: 65px;
}

/*-- ヘッダーメニュー --*/

header.Find_Header ul.HeaderMenu {
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 7px;
    margin: auto;
    height: 28px;
}
header.Find_Header ul.HeaderMenu li {
    display: inline-block;
    position: relative;
    height: 28px;
}
header.Find_Header ul.HeaderMenu li:last-child {
    float: right;
    margin-left: 4px;
}
header.Find_Header ul.HeaderMenu li a {
    display: block;
    margin: auto;
    width: 28px;
    height: 23px;
    text-indent: -200%;
}
header.Find_Header ul.HeaderMenu li a.Icon {
    margin-top: 2px;
}
header.Find_Header ul.HeaderMenu li.Login {
    margin-top: 2px;
}
header.Find_Header ul.HeaderMenu li.Login a {
    width: auto;
    height: auto;
    text-indent: initial;
    color: #666666;
    font-size: 95%;
    line-height: 23px;
}
header.Find_Header ul.HeaderMenu li.Login a span.Icon {
    position: relative;
    top: -2px;
}
header.Find_Header .Icon_HeadAlert.on {
    background-position: -109px -113px;
}
header.Find_Header .Icon_HeadAlert.on+#alert_new {
    display: block !important;
}
#alert_new {
    position: absolute;
    top: 13px;
    left: -8px;
    z-index: 98;
    width: 21px;
    height: 13px;
    color: #fff;
    font-size: 60%;
    text-align: center;
    padding-top: 1px;
    background: #00b0f0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
header.Find_Header .Alert_Parent {
    position: absolute;
    z-index: 99;
    top: 40px;
    right: 10px;
    background: #fff;
    padding: 5px 10px;
    max-width: 90%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0px 1px 3px 0px #a5a9ab;
    -moz-box-shadow: 0px 1px 3px 0px #a5a9ab;
    -webkit-box-shadow: 0px 1px 3px 0px #a5a9ab;
}
header.Find_Header .Alert_Parent ul li {
  position: relative;
  font-size: 80%;
  line-height: 1.3em;
  padding: 5px 0 5px 28px;
}
header.Find_Header .Alert_Parent ul li .Icon.Icon_New {
  position: absolute;
  left:0;
}
header.Find_Header .Alert_Parent ul li a{
  display: block;
  padding: 4px 0px 0;
}
header.Find_Header .areaSearch {
    /*position: absolute;*/
    padding: 0 10px;
    z-index: 9;
    background: #fff;
    width: 100%;
    max-height: 60px;
    min-height: initial;
    height: 60px;
}
@media only screen and (min-width: 989px) {
    header.Find_Header .areaSearch form {
        width: 960px;
        margin: 0 auto;
    }
    header.Find_Header .areaSearch .searchForm {
        width: 88%;
        width: -webkit-calc(100% - 102px);
        width: calc(100% - 102px);
    }
    header.Find_Header .areaSearch label {
        width: 96px;
        height: 28px;
        line-height: 30px;
        display: inline-block !important;
        text-align: center;
    }
}
header.Find_Header ul.HeaderMenu li.MyPage a {
    height: 28px;
    background-size: 28px 28px;
    -moz-background-size: 28px 28px;
    -webkit-background-size: 28px 28px;
    -o-background-size: 28px 28px;
    -ms-background-size: 28px 28px;
    background-repeat: no-repeat;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

/*------------
Gナビ　暫定で古いの入れてます
-------------*/

#HeadNavi {
    z-index: 999999;
    overflow-x: auto !important;
    overflow-y: hidden;
    left: 0px;
    background: #fff;
    border-bottom: 2px solid #ccd1d3;
}
@media only screen and (max-width: 989px) {
    body.Thread_Detail #HeadNavi {
        height: 75px;
        background: none;
    }
}

/*スマホ
--------------------------------------------------------------------------*/


/*--- 基本設定  ---*/

.fixed {
    position: fixed !important;
    top: 0 !important;
    width: 100%;
    z-index: 10000;
}
@media only screen and (max-width: 989px) {
    #Device {
        background: #fff;
    }
    #Device .SP {
        position: relative;
    }
    #Device .PC {
        display: none;
    }
    .nav-wrap {
        border-bottom: 2px solid #a5a9ab;
    }
}

/*メディアスクリーン閉じ*/

.nav-wrap {
    padding: 0;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}
.nav-wrap .SubTab {
    border-bottom: 6px solid #eaeaea;
}

/*6px*/

.nav-wrap ul {
    background: #fff;
    padding-top: 4px;
    height: 36px;
    /*a*/
    position: relative;
    overflow-y: hidden;
    display: table;
}
.gnavi-tab {
    /*タブのサイズ*/
    background: #fff;
    position: relative;
    display: table-cell;
    height: 32px;
    /*a*/
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 12px 9px 12px;
    /*a*/
    -webkit-border-top-right-radius: 2px 2px;
    -webkit-border-top-left-radius: 2px 2px;
}
.SubTab ul .gnavi-tab {
    height: 32px !important;
    font-size: 14px;
    font-weight: bold;
    padding-top: 6px;
    /*a*/
    padding-bottom: 0px;
}
.SubTab ul .gnavi-tab {
    height: 32px !important;
    font-size: 14px;
    font-weight: bold;
    padding-top: 6px;
    /*a*/
    padding-bottom: 0px;
}
.SubTab ul .gnavi-tab a {
    color: #555;
}
.gnavi-tab a, .gnavi-tab a:active, .gnavi-tab a:visited {
    white-space: nowrap;
}
ul.SubTab li.active a span {
    color: #fff;
    /*border-bottom:1px solid #fff*/
    ;
}
.SubTab {
    border-bottom: none !important;
}

/*--- NEWアイコン  ---*/

.gnavi-tab span.NewIcon {
    position: relative;
    top: 0px;
    margin-left: 3px;
    padding-bottom: 2px;
    display: inline-block;
    background: #fff;
    color: #FB002E;
    border: 1px solid #FB002E;
    font-size: 60%;
    width: 35px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
@media only screen and (max-width: 989px) {
    .gnavi-tab span.NewIcon {
        top: -2px;
    }
}

/*--- カテゴリカラーの設定  ---*/


/* 総合 */

.TAB-sogo.nav-wrap {
    border-bottom: 2px solid #23afee
}
.TAB-sogo .MainTab li.active {
    background: #23afee;
}
.TAB-sogo.SubTab li.active {
    border-bottom: 2px solid #23afee;
}
.TAB-sogo.SubTab li.active a span.TEXT-sogo {
    color: #23afee !important;
    font-weight: bold;
}
.MainTab span.TEXT-sogo {
    color: #23afee !important;
}

/* クリップ サブタブはありません。*/

.TAB-clip.nav-wrap {
    border-bottom: 2px solid #3AB94C;
}
.TAB-clip .MainTab li.active {
    background: #3AB94C;
}
.MainTab span.TEXT-clip {
    color: #3AB94C !important;
}

/* 話題 */

.TAB-wadai.nav-wrap {
    border-bottom: 2px solid #fe9900;
}
.TAB-wadai .MainTab li.active {
    background: #fe9900;
}
.TAB-wadai.SubTab li.active {
    border-bottom: 2px solid #fe9900;
}
.TAB-wadai.SubTab li.active a span.TEXT-wadai {
    color: #fe9900 !important;
    font-weight: bold;
}
.MainTab span.TEXT-wadai {
    color: #fe9900 !important;
}

/*エンタメ*/

.TAB-entame.nav-wrap {
    border-bottom: 2px solid #c50081;
}
.TAB-entame .MainTab li.active {
    background: #c50081;
}
.TAB-entame.SubTab li.active {
    border-bottom: 2px solid #c50081;
}
.TAB-entame.SubTab li.active a span.TEXT-entame {
    color: #c50081 !important;
    font-weight: bold;
}
.MainTab span.TEXT-entame {
    color: #c50081 !important;
}

/*スポーツ*/

.TAB-sports.nav-wrap {
    border-bottom: 2px solid #3285fd;
}
.TAB-sports .MainTab li.active {
    background: #3285fd;
}
.TAB-sports.SubTab li.active {
    border-bottom: 2px solid #3285fd;
}
.TAB-sports.SubTab li.active a span.TEXT-sports {
    color: #3285fd !important;
    font-weight: bold;
}
.MainTab span.TEXT-sports {
    color: #3285fd !important;
}

/*写真投稿*/

.TAB-photo.nav-wrap {
    border-bottom: 2px solid #ae8301;
}
.TAB-photo .MainTab li.active {
    background: #ae8301;
}
.TAB-photo.SubTab li.active {
    border-bottom: 2px solid #ae8301;
}
.TAB-photo.SubTab li.active a span.TEXT-photo {
    color: #ae8301 !important;
    font-weight: bold;
}
.MainTab span.TEXT-photo {
    color: #ae8301 !important;
}

/*恋愛*/

.TAB-ai.nav-wrap {
    border-bottom: 2px solid #ff5cdb;
}
.TAB-ai .MainTab li.active {
    background: #ff5cdb;
}
.TAB-ai.SubTab li.active {
    border-bottom: 2px solid #ff5cdb;
}
.TAB-ai.SubTab li.active a span.TEXT-ai {
    color: #ff5cdb !important;
    font-weight: bold;
}
.MainTab span.TEXT-ai {
    color: #ff5cdb !important;
}

/*お悩み*/

.TAB-nayami.nav-wrap {
    border-bottom: 2px solid #917dff;
}
.TAB-nayami .MainTab li.active {
    background: #917dff;
}
.TAB-nayami.SubTab li.active {
    border-bottom: 2px solid #917dff;
}
.TAB-nayami.SubTab li.active a span.TEXT-nayami {
    color: #917dff !important;
    font-weight: bold;
}
.MainTab span.TEXT-nayami {
    color: #917dff !important;
}

/*つながり*/

.TAB-tsunagari.nav-wrap {
    border-bottom: 2px solid #a73801;
}
.TAB-tsunagari .MainTab li.active {
    background: #a73801;
}
.TAB-tsunagari.SubTab li.active {
    border-bottom: 2px solid #a73801;
}
.TAB-tsunagari.SubTab li.active a span.TEXT-tsunagari {
    color: #a73801 !important;
    font-weight: bold;
}
.MainTab span.TEXT-tsunagari {
    color: #a73801 !important;
}

/*雑談*/

.TAB-zatsudan.nav-wrap {
    border-bottom: 2px solid #e0bf00;
}
.TAB-zatsudan .MainTab li.active {
    background: #e0bf00;
}
.TAB-zatsudan.SubTab li.active {
    border-bottom: 2px solid #e0bf00;
}
.TAB-zatsudan.SubTab li.active a span.TEXT-zatsudan {
    color: #e0bf00 !important;
    font-weight: bold;
}
.MainTab span.TEXT-zatsudan {
    color: #e0bf00 !important;
}

/*音楽*/

.TAB-ongaku.nav-wrap {
    border-bottom: 2px solid #fe1767;
}
.TAB-ongaku .MainTab li.active {
    background: #fe1767;
}
.TAB-ongaku.SubTab li.active {
    border-bottom: 2px solid #fe1767;
}
.TAB-ongaku.SubTab li.active a span.TEXT-ongaku {
    color: #fe1767 !important;
    font-weight: bold;
}
.MainTab span.TEXT-ongaku {
    color: #fe1767 !important;
}

/*暮らし*/

.TAB-kurasi.nav-wrap {
    border-bottom: 2px solid #acbc1d;
}
.TAB-kurasi .MainTab li.active {
    background: #acbc1d;
}
.TAB-kurasi.SubTab li.active {
    border-bottom: 2px solid #acbc1d;
}
.TAB-kurasi.SubTab li.active a span.TEXT-kurasi {
    color: #acbc1d !important;
    font-weight: bold;
}
.MainTab span.TEXT-kurasi {
    color: #acbc1d !important;
}

/*料理・グルメ*/

.TAB-ryouri.nav-wrap {
    border-bottom: 2px solid #ff8e92;
}
.TAB-ryouri .MainTab li.active {
    background: #ff8e92;
}
.TAB-ryouri.SubTab li.active {
    border-bottom: 2px solid #ff8e92;
}
.TAB-ryouri.SubTab li.active a span.TEXT-ryouri {
    color: #ff8e92 !important;
    font-weight: bold;
}
.MainTab span.TEXT-ryouri {
    color: #ff8e92 !important;
}

/*仕事・マネー*/

.TAB-shigoto.nav-wrap {
    border-bottom: 2px solid #577bc7;
}
.TAB-shigoto .MainTab li.active {
    background: #577bc7;
}
.TAB-shigoto.SubTab li.active {
    border-bottom: 2px solid #577bc7;
}
.TAB-shigoto.SubTab li.active a span.TEXT-shigoto {
    color: #577bc7 !important;
    font-weight: bold;
}
.MainTab span.TEXT-shigoto {
    color: #577bc7 !important;
}

/*旅行・お出かけ*/

.TAB-ryokou.nav-wrap {
    border-bottom: 2px solid #02a258;
}
.TAB-ryokou .MainTab li.active {
    background: #02a258;
}
.TAB-ryokou.SubTab li.active {
    border-bottom: 2px solid #02a258;
}
.TAB-ryokou.SubTab li.active a span.TEXT-ryokou {
    color: #02a258 !important;
    font-weight: bold;
}
.MainTab span.TEXT-ryokou {
    color: #02a258 !important;
}

/*ネット・ゲーム*/

.TAB-net.nav-wrap {
    border-bottom: 2px solid #6eb1f5;
}
.TAB-net .MainTab li.active {
    background: #6eb1f5;
}
.TAB-net.SubTab li.active {
    border-bottom: 2px solid #6eb1f5;
}
.TAB-net.SubTab li.active a span.TEXT-net {
    color: #6eb1f5 !important;
    font-weight: bold;
}
.MainTab span.TEXT-net {
    color: #6eb1f5 !important;
}

/*趣味*/

.TAB-syumi.nav-wrap {
    border-bottom: 2px solid #eb5606;
}
.TAB-syumi .MainTab li.active {
    background: #eb5606;
}
.TAB-syumi.SubTab li.active {
    border-bottom: 2px solid #eb5606;
}
.TAB-syumi.SubTab li.active a span.TEXT-syumi {
    color: #eb5606 !important;
    font-weight: bold;
}
.MainTab span.TEXT-syumi {
    color: #eb5606 !important;
}
ul.MainTab li.active a span {
    color: #fff !important;
}

/*PC
--------------------------------------------------------------------------*/


/*--- 基本設定  ---*/

@media only screen and (min-width: 991px) {
    #Device .SP {
        display: none;
    }
    #Device .PC {
        display: block;
    }
    .gnavi-tab {
        font-size: 12px;
        padding: 7px 5px 9px 5px;
    }
    .nav-wrap ul, .SubTab ul {
        margin: 0 auto;
    }
    .SubTab ul .gnavi-tab {
        font-size: 12px;
        padding: 7px 5px 9px 5px;
    }
}

/*メディアスクリーン閉じ*/


/*=============================================
■フッター
==============================================*/
/*--全サテライト共通Find紹介--*/
.FindInfo img{
  display: block;
  max-width: 280px;
  margin: 0 auto;
}
/*-- footer --*/
footer {
    margin-top: 20px;
    padding: 30px;
    text-align: center;
    background: #f1f1f1;
}
#GoPageTop a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    text-indent: -900px;
    overflow: hidden;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0px 1px 3px 0px #a5a9ab;
    -moz-box-shadow: 0px 1px 3px 0px #a5a9ab;
    -webkit-box-shadow: 0px 1px 3px 0px #a5a9ab;
}
#GoPageTop a:after {
    position: absolute;
    top: 18px;
    left: 13px;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-left: 1px solid #00a9ef;
    border-bottom: 1px solid #00a9ef;
}
footer img.FooterLogo {
    display: block;
    margin: 8px auto 24px;
    width: 54px;
}
footer a {
    font-size: 80%;
}
footer a.Summary {
    display: block;
    margin: 14px;
}
footer p.Copy_Right {
    font-size: 80%;
    margin-top: 35px;
}

/*=============================================
■BBS
	掲示板リスト
	掲示板メニュー
	掲示板情報
	通報
	掲示板詳細
	掲示板作成
	掲示板画像一覧
	掲示板通報
	ユーザーランキング
==============================================*/
/*--掲示板TOPお知らせ--*/
.TopicNew {
  color: #fff;
  background-image: url("https://cdn.findfriends.jp/img.sp/common/image/base/bg/bg_search_head.png?20161110");
	font-size:90%;
  font-weight: bold;
  background-size: cover;
}
@media only screen and (min-width: 769px) {
	.TopicNew {
		margin:0 0 7px;
	}
}
.TopicNew a{
  color:#fff;
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0 11px;
}
.TopicNew span.TopicNew_01 {
	color:#fff;
  padding-right: 10px;
}
.TopicNew span.Date{
  font-weight: normal;
}

/*-------------------------------------------------------------
掲示板リスト
----------------------------------------------------------------*/

.CommonList .ListTitle .Ranking {
    color: #ababab;
    font-style: italic;
    font-weight: bold;
    margin-right: 11px;
    font-size: 115%;
    position: relative;
    top: 1px;
}
.CommonList .ListTitle .Ranking.Rank_01 {
    color: #edcc46;
}
.CommonList .ListTitle .Ranking.Rank_02 {
    color: #8fa5b1;
}
.CommonList .ListTitle .Ranking.Rank_03 {
    color: #a56459;
}
@media only screen and (max-width: 767px) {
    #ThreadAddBtn {
        position: fixed;
        right: 10px;
        bottom: 10px;
        display: block !important;
        opacity: .8;
        width: 60px;
        height: 60px;
        color: #fff;
        border: none;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        background: #00b0f0 url("https://cdn.findfriends.jp/img.sp/common/image/base/common/icon_pen01.png?20161110") no-repeat 16px 14px;
        background-size: 30px 30px;
        box-shadow: 0 0 2px 1px #c1c1c1;
        -moz-box-shadow: 0 0 2px 1px #c1c1c1;
        -webkit-box-shadow: 0 0 2px 1px #c1c1c1;
        z-index: 999999;
    }
}

/*-------------------------------------------------------------
掲示板メニュー
----------------------------------------------------------------*/
/*--掲示板作成ボタン--*/
.AddThreadBtn {
    position: fixed;
    right: 10px;
    bottom: 85px;
    display: block;
    opacity: .8;
    width: 60px;
    height: 60px;
    color: #fff;
    border: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #00b0f0;
    background-size: 30px 30px;
    box-shadow: 0 0 2px 1px #c1c1c1;
    -moz-box-shadow: 0 0 2px 1px #c1c1c1;
    -webkit-box-shadow: 0 0 2px 1px #c1c1c1;
    z-index: 999999;
}
.AddThreadBtn .Icon{
  position: absolute;
  display: block;
  top: -4px;
  bottom: 0;
  left: 5px;
  right: 0;
  margin: auto;
}
.Thread_Detail .AddThreadBtn{
	display: none !important;
}

.ThreadMenu ul li {
    position: relative;
    /*height:62px;*/
    padding: 10px 10px 12px;
}
.ThreadMenu ul li:first-child {
    padding: 10px;
}
.ThreadMenu ul li .Name {
    float: left;
    height: 44px;
    line-height: 47px;
    color: #444444;
    font-size: 95%;
    font-weight: bold;
    margin-right: 27px;
    padding-left: 9px;
}
.ThreadMenu ul li .Name .Icon {
    position: relative;
    top: -2px;
    margin-right: 4px;
}
.ThreadMenu ul li input {
    height: 44px;
    width: 79%;
    width: -webkit-calc(100% - 96px);
    width: calc(100% - 96px);
    padding: 0 17px;
    border: none;
    background: #edf2f4;
    -webkit-appearance: none;
    border-radius: 0;
}
.ThreadMenu ul li input+.Icon {
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.ThreadMenu ul li>.Icon, {
    position: absolute;
    top: 24px;
    right: 24px;
}
.ThreadMenu ul li a {
    position: relative;
    display: block;
    height: 42px;
    line-height: 45px;
    color: #fff;
    font-weight: bold;
    font-size: 95%;
    margin-left: 94px;
    padding: 0 !important;
    padding-left: 52px !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.ThreadMenu ul li a.AddThread {
    box-shadow: 0 0px 2px 0px 0px #d1b11e;
    -moz-box-shadow: 0 0px 2px 0px 0px #d1b11e;
    -webkit-box-shadow: 0px 2px 0px 0px #d1b11e;
    background: #e9cc46;
}
.ThreadMenu ul li a.SendMail {
    box-shadow: 0 0px 2px 0px 0px #849298;
    -moz-box-shadow: 0 0px 2px 0px 0px #849298;
    -webkit-box-shadow: 0px 2px 0px 0px#849298;
    background: #a7b2b8;
}
.ThreadMenu ul li a .Icon {
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 17px;
    margin: auto;
}
.ThreadMenu ul li a .Icon_Mail02 {
    top: 5px;
    left: 16px;
}
@media only screen and (min-width: 769px){
  .ThreadMenu ul li a{
    padding-left: 17px !important;
  }
  .ThreadMenu ul li a .Icon {
    display: none;
  }
}
@media only screen and (max-width: 325px) {
  .ThreadMenu ul li a{
    padding-left: 17px !important;
  }
  .ThreadMenu ul li a .Icon {
    display: none;
  }
}

/*-------------------------------------------------------------
掲示板情報
----------------------------------------------------------------*/
.ThreadInformation{
  padding: 0 10px;
}
.ThreadInformation table {
    width: 100%;
    font-size: 88%;
    border-collapse: collapse;
}
.ThreadInformation table th, .ThreadInformation table td {
    height: 28px;
    color: #444;
    vertical-align: middle;
}
.ThreadInformation table th {
    width:90px;
    color: #444444;

    font-weight: normal;
}
.ThreadInformation table td a {
    color: #33c0f3;
}
.ThreadInformation table td span.Line {
    display: inline-block;
    content: "｜";
}
.ThreadInformation table td span.Line:last-child {
    display: none;
}
body.Thread_Detail .InfoBlock {
    display: block !important;
    background: #f1f1f1;
    padding: 20px 0;
    border-bottom: 1px solid #e1e5e7;
}

/*-------------------------------------------------------------
通報
----------------------------------------------------------------*/

.Report a {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #fff;
    text-align: center;
}

/*-------------------------------------------------------------
掲示板詳細
	掲示板タイトル
	投稿フォーム
	コメント
  掲示板詳細フッター
  掲示板ミュート機能
----------------------------------------------------------------*/


/*------------
掲示板タイトル
-------------*/

.ThreadHeader {
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0px 1px 1px 0px #a5a9ab;
    -moz-box-shadow: 0px 1px 1px 0px #a5a9ab;
    -webkit-box-shadow: 0px 1px 1px 0px #a5a9ab;
}
.ThreadHeader .ThreadProfile {
    position: relative;
    padding: 16px 18px 19px 17px;
}
.ThreadHeader .ThreadProfile h1 {
    padding-right: 67px;
    min-height: 44px;
    color: #444444;
    font-size: 120%;
    line-height: 1.4em;
    letter-spacing: 0.3px;
}

/*-- クリップボタン --*/

.ThreadHeader .ThreadProfile .ThreadClipBtn {
    display: block;
    position: absolute;
    right: 18px;
    top: 17px;
    width: 45px;
    height: 42px;
    text-align: center;
    border: 2px solid #33c0f3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.ThreadHeader .ThreadProfile .ThreadClipBtn .Icon {
  position: absolute;
  top: 10px;
  right: 10px;
}
.ThreadHeader .ThreadProfile .ThreadClipBtn.Yes {
  border: none;
  background: #33c0f3;
}

/*クリップポップアップ*/

#Clip_Flame {
    width: 305px;
    height: 333px;
}
#Clip_Flame iframe {
    height: 100%;
}
.ClipSet {
    color: #444;
}
.ClipSet em {
    font-weight: bold;
}
.ClipSet .ClipRegistBtn {
    padding: 8px 0;
}
.ClipSet .ClipRegistBtn a {
    display: block;
    margin-bottom: 8px;
    height: 42px;
    line-height: 42px;
    text-align: center;
}
.ClipSet .CheckBox {
    margin: 8px 0;
}
.ClipSet .CheckBox label {
    position: relative;
    padding-left: 18px;
    color: #a4abaf;
}
.ClipSet .CheckBox label:before {
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    top:2px;
    border: 2px solid #ccc;
}
.ClipSet .CheckBox input[type="checkbox"]:checked+label:after {
    position: absolute;
    top: 1px;
    left: 2px;
    display: inline-block;
    content: "";
    width: 9px;
    height: 6px;
    border-left: 3px solid #a4abaf;
    border-bottom: 3px solid #a4abaf;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*--PC対応--*/

@media only screen and (min-width: 768px) {
    .ThreadHeader .ThreadProfile h1 {
        padding-right: 128px;
        font-size: 26px;
    }
    .ThreadHeader .ThreadProfile .ThreadClipBtn {
        top: 18px;
        width: 104px;
        height: 35px;
    }
    .ThreadHeader .ThreadProfile .ThreadClipBtn .Icon {
      left: 39px;
      top: 6px;
    }
}

/*-- 写真と本文 --*/

.ThreadDetailTxt {
    position: relative;
    margin: 17px 0 0px 1px;
    max-height: 70px;
    overflow: hidden;
    box-sizing: border-box;
}
.ThreadDetailTxt img {
    display: block;
    float: left;
    margin-right: 13px;
}
.ThreadDetailTxt p {
    position: relative;
    color: #444444;
    font-size: 91%;
    line-height: 1.65em;
    letter-spacing: .5px;
}
.ThreadDetailTxt p.HiddenText {
    height: 70px;
    text-overflow: clip;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ThreadDetailTxt span.MoreRead {
    position: absolute;
    bottom: 2px;
    right: 5px;
    display: block;
    color: #33c0f3;
    content: "...もっと見る";
    background: #fff;
}

/*-- オーナーエリア --*/

.ThreadOwnerTool {
    margin-top: 13px;
}
.ThreadOwnerTool .Edit {
    position: relative;
    top: 1px;
    float: right;
    height: 30px;
}
.ThreadOwnerTool .Edit a {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 28px;
    padding: 0 13px 0 31px;
    font-size: 82%;
    color: #bbb7a5;
    border: 1px solid #e0ddcf;
    background: #faf9ee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.ThreadOwnerTool .Edit a span {
    position: absolute;
    left: 9px;
    top: 5px;
}
.ThreadOwnerTool .Owner img {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 7px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.ThreadOwnerTool .Owner .UserName {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #444444;
    font-size: 82%;
    font-weight: bold;
    letter-spacing: -0.2px;
}

/*-- 参加者、写真 --*/

.ThreadHeader .ThreadValue {
    display: table;
    width: 100%;
    border-top: 1px solid #ccd1d3;
    background: #f0f3f5;
}
.ThreadHeader .ThreadValue>div {
    display: table-cell;
    width: 50%;
    text-align: center;
}
#UserListBtn {
    display: block;
}
#photo_list_view {
    border-left: 1px solid #e1e5e7;
}
#photo_list_view a {
    display: block;
}
.ThreadHeader .ThreadValue dl {
    padding: 15px 0 10px;
    color: #5c5c5c;
}
.ThreadHeader .ThreadValue dl dt {
    padding-top: 2px;
    font-size: 75%;
    height: 21px;
    line-height: 21px;
    font-weight: normal;
}
.ThreadHeader .ThreadValue dl dt span.Icon {
    position: relative;
    top: -5px;
    margin-right: 6px;
}
.ThreadHeader .ThreadValue dl dt span.Icon_Image01 {
    top: -2px;
    left: -3px;
}
.ThreadHeader .ThreadValue dl dt em {
    position: relative;
    left: -4px;
    font-size: 115%;
    font-weight: bold;
    margin-right: 2px;
}
.ThreadHeader .ThreadValue dl dd {
    margin: 11px auto 0px;
    max-width: 150px;
}
.ThreadHeader .ThreadValue dl dd img {
    margin-right: 5px;
}
.ThreadHeader .ThreadValue dl dd img:last-child {
    margin-right: 0;
}
.ThreadHeader .ThreadValue dl dd img:first-child {
    margin-left: -1px;
}
.ThreadHeader .ThreadValue dl.UserList dd img {
    width: 21px;
    height: 21px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.ThreadHeader .ThreadValue dl.PhotoList dd img {
    width: 18px;
    height: 18px;
}
.ThreadHeader .ThreadValue dl.PhotoList dd img:first-child {
    margin-left: 0px;
    margin-top: 2px;
}
@media only screen and (max-width: 325px) {
  .ThreadHeader .ThreadValue dl.UserList dd img:nth-child(5),
  .ThreadHeader .ThreadValue dl.PhotoList dd img:nth-child(5){
    display: none;
  }

}
/*-- PC対応 --*/

@media only screen and (min-width: 768px) {
    .ThreadHeader .ThreadValue {
        position: relative;
        bottom: 2px;
        width: 100%;
        width: -webkit-calc(100% - 4px);
        width: calc(100% -4px);
        margin: 2px;
        border-top: 2px solid #ccd1d3;
    }
    .ThreadHeader .ThreadValue dl {
        border-left: none !important;
    }
    .ThreadHeader .ThreadValue #photo_list_view {
        border-left: 2px solid #e1e5e7;
    }
}

/*--ユーザー一覧ポップアップ--*/

#UserList {
    min-width: 90%;
    max-width: 98%;
    height: 90%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
#UserList .UserListBox {
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
#contributor_list_view>div.ContentsTitle {
    display: block !important;
}

/*-- PC対応 --*/

@media only screen and (min-width: 768px) {
    #UserList {
        min-width: 50%;
        max-width: 95%;
        height: 90%;
    }
    #UserList .UserListBox {
        overflow: hidden;
    }
}

/*------------
投稿フォーム
-------------*/

#FormMenu {
    margin-top: 15px;
}
#FormMenu ul li {
    display: inline-block;
}
#FormMenu ul li a span.Icon {
    position: relative;
    top: -2px;
    margin-right: 6px;
}

/*-- ポップアップ --*/

.PopUpWindow {
    max-height: 90%;
    width: 300px;
}
.PopUpWindow .ModalPopUpClose {
    position: absolute;
    top: 9px;
    right: 18px;
}
#PhotoPostMenuBtn .Icon, #MoviePostMenuBtn .Icon, #photo_upload_btn+label .Icon {
    position: relative;
    top: -3px;
    margin-right: 4px;
}

/*-- 共通設定 --*/

.ThreadCommentForm button {
    color: #fff;
    border: none;
}
.ThreadCommentForm textarea {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}
.ThreadCommentForm input[type=checkbox] {
    /*display: none;*/
    opacity: 0;
    width: 78px;
    height: 31px;
    position: absolute;
    z-index: 9;
}
#penaltyMessage{
  padding: 0 6px 10px;
}
.ThreadCommentForm #penaltyMessage .Box_Txt_02 {
	background-color: #f3f3f3;
	padding: 20px;
}
.ThreadCommentForm #penaltyMessage .Box_Txt_02 p {
	margin-top: 18px;
}
.ThreadCommentForm #penaltyMessage .Box_Txt_02 p.title {
	margin-top: 0;
	font-weight: bold;
}
/*-- PC対応 --*/

@media only screen and (min-width: 768px) {
    /*--SPに関するもの非表示--*/
    .FormTxt_SP, .CommentImageBtn, .SwitchAnonymous img {
        display: none;
    }
    #FormStartUp, .CommentFormTitle {
        display: none;
    }
    .ThreadCommentForm {
        position: relative;
        padding: 20px;
        margin: 24px 0;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid #cad0d3;
        background: #e1e5e7;
    }
    .UserImage img {
        float: left;
        width: 46px;
        height: 46px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }
    .ThreadCommentForm .SwitchAnonymous label {
        position: absolute;
        right: 123px;
        bottom: 22px;
        font-size: 90%;
        color: #a4abaf;
    }
    .ThreadCommentForm .SwitchAnonymous label:before {
        position: relative;
        top: 3px;
        display: inline-block;
        content: "";
        width: 16px;
        height: 16px;
        background: #fff;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -o-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
    }
    .ThreadCommentForm .SwitchAnonymous input[type="checkbox"]:checked+label::after {
        position: absolute;
        top: 5px;
        left: 2px;
        display: inline-block;
        content: "";
        width: 9px;
        height: 6px;
        border-left: 3px solid #a4abaf;
        border-bottom: 3px solid #a4abaf;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .ThreadCommentForm textarea {
        margin-left: 14px;
        min-height: 46px;
        max-height: 7em;
        line-height: 18px;
        font-size: 90%;
        width: 89%;
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
        padding: 6px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        background: #fff;
        border: none;
    }
    #FormMenu ul li a {
        color: #a4abaf;
        font-size: 90%;
    }
    .ThreadCommentForm button {
        position: absolute;
        right: 20px;
        top: auto !important;
        bottom: 20px !important;
        padding: 0 18px;
        height: 25px;
        line-height: 25px;
        font-size: 90%;
        cursor: pointer;
        box-shadow: 0 0px 2px 0px 0px #129ed0;
        -moz-box-shadow: 0 0px 2px 0px 0px #129ed0;
        -webkit-box-shadow: 0px 2px 0px 0px #129ed0;
    }
    #Comment_Balloon {
        display: none !important;
    }
    #penaltyMessage{
      padding: 0;
      margin-bottom: 21px;
      margin-top: 6px;
    }
}

/*-- スマホ対応 --*/


/*計算上の都合でフォントサイズを固定しています*/

@media only screen and (max-width: 767px) {
    #FormStartUp {
        position: fixed;
        right: 10px;
        bottom: 85px !important;
        display: block;
        opacity: .8;
        width: 60px;
        height: 60px;
        color: #fff;
        border: none;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        background: #00b0f0 url("https://cdn.findfriends.jp/img.sp/common/image/base/common/icon_pen01.png?20161110") no-repeat 16px 14px;
        background-size: 30px 30px;
        box-shadow: 0 0 2px 1px #c1c1c1;
        -moz-box-shadow: 0 0 2px 1px #c1c1c1;
        -webkit-box-shadow: 0 0 2px 1px #c1c1c1;
        z-index: 999999;
    }
    .FormTxt_PC, .UserImage {
        display: none;
    }
    .FormTxt_SP .Icon {
        position: relative;
        top: -1px;
    }
    .ThreadCommentForm {
        display: none;
        position: fixed;
        top: -1px;
        left: 0;
        width: 100%;
        border-top: 1px solid #dbdbdb;
        background: #fff;
        z-index: 899999;
        box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.3);
    }
    .ThreadCommentForm .CommentFormTitle {
        position: relative;
        display: block;
        font-size: 113%;
        font-weight: bold;
        color: #5c5c5c;
        margin: 13px 16px -6px;
    }
    #CommentClose {
        position: absolute;
        right: -1px;
        top: -6px;
        width: 26px;
        text-align: right;
        font-size: 120%;
        z-index: 9;
    }
    #FormMenu {
        margin-top: 25px;
        padding-left: 16px;
        height: 21px;
    }
    #FormMenu ul li {
        display: inline-block;
        margin-right: 11px;
    }
    .ThreadCommentForm .CommentImageBtn {
        position: absolute;
        top: 4px;
        height: 35px;
        width: 35px;
        padding-top: 1px;
        line-height: 35px;
        font-size: 37px;
        color: #9f9f9f;
        display: inline-block;
        text-align: center;
        z-index: 9;
    }
    .ThreadCommentForm .SwitchAnonymous {
        position: absolute;
        bottom: 15px;
        right: 100px;
        display: inline-block;
        height: 35px;
        z-index: 999;
    }
    .ThreadCommentForm .SwitchAnonymous label {
        position: relative;
        z-index: 1;
        display: block;
        text-align: center;
        width: 78px;
        height: 31px;
        color: #a5abaf;
        line-height: 29px;
        border: 2px solid #bbc2c6;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        background: #fff;
    }
    .ThreadCommentForm .SwitchAnonymous input[type=checkbox]:checked + label {
      color: #fff;
      background: #bbc2c6;
    }
    .ThreadCommentForm span.AnonymousView {
        position: absolute;
        top: 26px;
        left: 25px;
        z-index: 9;
        display: block;
        width: 34px;
        height: 34px;
        text-align: center;
        overflow: hidden;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }
    .ThreadCommentForm span.AnonymousView .avatar_img {
        width: 34px;
        height: 34px;
    }
    .ThreadCommentForm textarea {
        position: relative;
        top: 4px;
        min-height: 48px;
        max-height: 65px;
        padding: 16px 10px 16px 53px;
        font-size: 16px;
        scale(0.9);
        letter-spacing: 1.8px;
        border: none;
        line-height: 1.4em;
        width: 100%;
        background: #edf2f4;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
        -webkit-appearance: none;
    }
    #FormMenu ul li a {
        color: #a5abaf;
    }
    .ThreadCommentForm button {
        position: absolute;
        height: 29px;
        width: 78px;
        line-height: 31px;
        font-size: 15px;
        text-align: center;
        right: 15px;
        bottom: 21px;
        margin-left: 6px;
    }
    /*-- 初回アクセス時説明バルーン --*/
    #Comment_Balloon {
        position: fixed;
        bottom: 50px;
        left: 8px;
        color: #fff;
        font-size: 80%;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.6);
        padding: 6px 8px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        z-index: 9999999;
    }
    #Comment_Balloon:after {
        position: absolute;
        left: 25px;
        bottom: -16px;
        border: 5px solid transparent;
        border-top: 11px solid #000;
        margin-left: 15px;
        content: " ";
        height: 0;
        width: 0;
        opacity: .6;
    }
    #Comment_Balloon p {
        line-height: 1.5em;
    }
    #comment_form {
        position: relative;
        padding: 13px 15px 22px;
        /*height: 137px;*/
    }
    /*-- 投稿フォームios対応--*/
    #Focused {
        position: absolute;
        top: 0;
        bottom: 0px;
        width: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .Find_Contents.CommentFormBox {
        position: fixed;
        z-index: 1000001;
    }
}

@media only screen and (max-width: 325px) {
    #FormMenu {
      padding-left: 0px;
    }
    #FormMenu ul li{
      margin-right: 6px;
    }
    .ThreadCommentForm .SwitchAnonymous{
      right: 88px;
    }
    .ThreadCommentForm .SwitchAnonymous label{
      width: 60px;
    }
    .ThreadCommentForm button{
      width:60px;
    }
}
/*-- アプリ・古い端末対応 --*/
.Find_Contents.CommentFormBox.CommentOldFormBox {
  position: relative;
  z-index: auto;
}
.Find_Contents.CommentFormBox.CommentOldFormBox #OldForm{
  display: block !important;
}
#OldForm #photo_upload_btn,
#OldForm input[type="file"] {
  position: absolute;
  top:10px;
  display: block;
  width: 100%;
  height: 60px;
  opacity: 0 !important;
}
.CommentOldFormBox .ThreadCommentForm{
  display: block;
  position: relative;
  box-shadow: none;
  z-index: auto;
}
.CommentOldFormBox .ThreadCommentForm .Image_select{
  position: relative;
  margin-top: 12px;
  margin-bottom: 40px;
  padding: 10px;
  background: #e1e5e7;
}
.CommentOldFormBox .ThreadCommentForm .Image_select:before{
  display: block;
  position: absolute;
  top: -14px;
  content: "";
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 7px 14px 7px;
  border-color: transparent transparent #e1e5e7 transparent;
  line-height: 0px;
}
.CommentOldFormBox .ThreadCommentForm .Image_select.Photo:before{
  left: 47px;
}
.CommentOldFormBox .ThreadCommentForm .Image_select.Movie:before{
  left: 135px;
}
.CommentOldFormBox .ThreadCommentForm .Image_select ul li{
  margin-bottom: 11px;
}
.CommentOldFormBox .ThreadCommentForm .Image_select ul li label,
.CommentOldFormBox .ThreadCommentForm .Image_select ul li a{
  display: block;
  cursor: pointer;
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #a5abaf;
  text-align: center;
  border: 2px solid #c9ced1;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  background: #fff;
}
.CommentOldFormBox #FormMenu {
  padding-left: 0px;
}
.CommentOldFormBox #FormMenu ul li{
  margin-right: 6px;
}
.CommentOldFormBox .ThreadCommentForm .SwitchAnonymous{
  right: 88px;
}
.CommentOldFormBox .ThreadCommentForm .SwitchAnonymous label{
  width: 60px;
}
.CommentOldFormBox .ThreadCommentForm button{
  width:60px;
}
/*
.Find_Contents.CommentFormBox.appli #comment_form {
  padding: 13px 11px 22px;
}
.Find_Contents.CommentFormBox.appli #FormMenu ul li{
  margin-right: 20px;
}
.Find_Contents.CommentFormBox.appli #FormMenu ul li a .app_hide{
  display: none;

}
.Find_Contents.CommentFormBox.appli .ThreadCommentForm {
  box-shadow: 0px 1px 1px 0px #a5a9ab;
  -moz-box-shadow: 0px 1px 1px 0px #a5a9ab;
  -webkit-box-shadow: 0px 1px 1px 0px #a5a9ab;
}
.Find_Contents.CommentFormBox.appli .ThreadCommentForm textarea {
    max-height: 120px;
}
*/


/*-- 画像サンプル --*/

#PhotoPostSample {
    position: relative;
}
#PhotoPostSample .PhotoSample {
    position: relative;
    /* margin: -8px -8px 10px; */
    padding: 12px 0;
    height: 220px;
    background: #e1e5e7;
}
#PhotoPostSample .PhotoSample:after {
    position: absolute;
    top: -10px;
    left: 77px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 6.5px 10px 6.5px;
    border-color: transparent transparent #e1e5e7 transparent;
}
#PhotoPostSample .PhotoSample img {
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right: 0;
  display: block;
  margin: auto;
  max-width: 80%;
  max-height: 200px;
}
#PhotoPostSample .SampleDelete {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    z-index: 9;
    right: 18px;
    top: 8px;
}
#up_photo{
  display: block;
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right: 0;
  margin: auto;
  max-height: 200px;
}
/*-- PC対応 --*/

@media only screen and (min-width: 768px) {
    #PhotoPostSample {
        position: relative;
        top: -29px;
    }
    #PhotoPostSample .PhotoSample {
        margin: 0;
        background: #fff;
        border: 2px solid #cad0d3;
        border-top: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
    }
    #PhotoPostSample .PhotoSample:after {
        top: -10px;
        left: 77px;
        border-width: 0px 6.5px 10px 6.5px;
        border-color: transparent transparent #fff transparent;
    }
}

/*------------
コメント
-------------*/

ul.CommonList li .CommentHead {
    position: relative;
}
ul.CommonList li .CommentHead .AvatarThumb {
    float: left;
    margin-right: 11px;
}
ul.CommonList li .CommentHead .CommentNum {
    color: #ababab;
    font-size: 75%;
    height: 14px;
}
ul.CommonList li .CommentHead .CommentTime {
    position: absolute;
    top: 0px;
    right: 2px;
    color: #ababab;
    font-size: 75%;
}
ul.CommonList li .CommentHead .UserName {
    margin-top: 2px;
    display: inline-block;
    color: #29a7e4;
    font-weight: bold;
}
ul.CommonList li .CommentHead .UserName.Off {
    color: #ababab;
}

/*-- 本文 --*/

ul.CommonList li .CommentMain {
    padding: 11px 0 12px;
    color: #353535;
    line-height: 1.6em;
    font-size: 99%;
    word-wrap : break-word;
    overflow-wrap : break-word;
    overflow: hidden;
}
ul.CommonList li .CommentMain a {
    color: #777;
    text-decoration: underline;
    font-style: italic;
}
ul.CommonList li .CommentMain .ResAnchor span {
    font-style: italic;
}

/*--投稿画像--*/

ul.CommonList li .CommentMain img {
    display: block;
    max-width: 100%;
    margin:0 auto 17px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

/*-- PC対応 --*/

@media only screen and (min-width: 768px) {
    ul.CommonList li .CommentMain img {
        max-width: 70%;
        margin: 0 auto 17px;
    }
}

/*--投稿動画--*/

ul.CommonList li .CommentMain iframe {
    display: block;
    margin: 6px auto;
    width: 100%;
    height: 210px;
}

/*-- タブレット以上 --*/

@media only screen and (min-width: 600px) {
    ul.CommonList li .CommentMain iframe {
        width: 70%;
        height: inherit;
    }
    ul.CommonList li .CommentMain iframe[src*="www.youtube.com"] {
        height: 260px;
    }
}

/*--いいね 返信 非表示--*/

ul.CommonList li .CommentMenu {
    position: relative;
}
ul.CommonList li .CommentMenu .Fav_Btn {
    position: relative;
    display: inline-block;
}
ul.CommonList li .CommentMenu .RightMenu {
    float: right;
    margin-right: 2px;
}
ul.CommonList li .CommentMenu .RightMenu span {
    margin-left: 16px;
}
ul.CommonList li .CommentMenu a.hidden_balloon {
    position: absolute;
    bottom: -27px;
    right: -18px;
    display: block;
    padding: 4px 8px;
    color: #777;
    font-size: 90%;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 1px 3px 0px #a5a9ab;
    -moz-box-shadow: 0px 1px 3px 0px #a5a9ab;
    -webkit-box-shadow: 0px 1px 3px 0px #a5a9ab;
    z-index: 99;
}
ul.CommonList li .CommentMenu a.hidden_balloon:before, ul.CommonList li .CommentMenu a.hidden_balloon:after {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    line-height: 0px;
    border-width: 0px 7px 10px 7px;
}
ul.CommonList li .CommentMenu a.hidden_balloon:before {
    top: -11px;
    right: 23px;
    border-color: transparent transparent #a5a9ab transparent;
}
ul.CommonList li .CommentMenu a.hidden_balloon:after {
    top: -10px;
    right: 23px;
    border-color: transparent transparent #fff transparent;
}

/*--いいねユーザー--*/

ul.CommonList li .Fav_User {
    position: relative;
    left: -3px;
    margin-top: 17px;
    width: 100%;
    max-height: 34px;
    overflow: hidden;
}
ul.CommonList li .Fav_User a:nth-child(n+9) {
    display: none;
}
ul.CommonList li .Fav_User a {
    display: inline-block;
    width: 38px;
    max-width: 45px;
    text-align: center;
    margin-left: 5px;
}
ul.CommonList li .Fav_User a:first-child {
    margin-left: 0;
}
ul.CommonList li .Fav_User img {
    display: inline-block;
    width: 90%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

/*------------
非表示コメント
-------------*/

ul.CommonList li .HiddenText {
    display: inline;
    cursor: pointer;
    min-height: initial;
    margin: 0;
    padding: 0;
    color: #353535;
}
ul.CommonList li .HiddenText.Show {
    display: block;
    cursor: pointer;
    padding-bottom: 18px;
}
ul.CommonList li .HiddenText.Show span {
    float: right;
}

/*------------
掲示板もっと見る　ソート
-------------*/

ul.ListTypeBtn li a .Icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}

/*------------
未ログイン時登録動線
-------------*/

#RegistIframe {
    width: 310px;
    height: 558px;
    max-height: 90%;
    border: none;
}


/*------------
掲示板詳細フッター
-------------*/
@media only screen and (max-width: 767px) {
  body.Thread_Detail footer{
    margin-top: 0 !important;
  }
}


/*------------
掲示板詳細ミュート機能 20180601(hanada)
-------------*/
  .Hihyoji_User_List .UserList_Wrap li > div{
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
  display: block;
  background: #fff;
  height: 58px;
  font-weight: bold;
  color: #1232a3;
  margin-bottom: 8px;
  }
  ul.block_user_list .Hihyoji_User_List li{
    margin-bottom: 0;
  }
  .Hihyoji_User_List .UserList_Wrap li:last-child > div{
  margin-bottom: 0;
  }
  .Hihyoji_User_List .UserName{
  position: relative;
  height: 100%;
  line-height: 2.5;
  overflow: hidden;
  padding: 10px 10px;
  }
  ul li .UserName img{
  width: 38px;
  height: 38px;
  float: left;
  margin-right: 10px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #bcbcbc;
  }
  .Hihyoji_User_List a.Hihyoji_Kaijo{
    position: absolute;
    bottom: -4px;
    right: 10px;
    -webkit-transform:translate(0 ,-50%);-moz-transform:translate(0 ,-50%);-ms-transform:translate(0 ,-50%);-o-transform:translate(0 ,-50%);transform:translate(0 ,-50%);
    color: #a7abaf;
    font-size: 75%;
    font-weight: normal;
  }
  .Hihyoji_User_List .Hihyoji_Icon{
  display: inline-block;
  position: relative;
  width: 23px;
  height: 18px;
  }
  .Hihyoji_Icon:before{
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background: #a7abaf;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
       transform: rotate(-135deg);
  left: 1px;
  top: 13px;
  }
  .Hihyoji_Icon:after{
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background: #a7abaf;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
       transform: rotate(135deg);
  left: 1px;
  top: 13px;
  }
.Comment_Form_Notice {
    padding: 0 8px 18px;
}
.Comment_Form_Notice > dl {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    padding: 10px;
    background-color: #fff;
}
.Comment_Form_Notice > dl > dt {
    font-size: 78%;
    color: #8a8a8a;
    /*padding-left: 26px;*/
    padding-right: 22px;
    position: relative;
    line-height: 1.1;
}
.Comment_Form_Notice > dl > dd {
    display: none;
    font-size: 13px;
    padding: 10px;
}
.Comment_Form_Notice > dl > dd p{
    font-weight: bold;
    font-size: 13px;
}
.Comment_Form_Notice > dl > dd ul{
    margin-top: 10px;
}
.Comment_Form_Notice > dl > dd ul li{
    line-height: 1.5;
}
.Comment_Form_Notice > dl > dd ul li:last-child{
    font-size: 13px;
    color: #666;
    padding-top: 10px;
}
.Comment_Form_Notice > dl > dt:before{
    content: '';
    display: inline-block;
    background: url(../image/icon/icon_help.png) no-repeat center / contain;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 6px;
}
.Comment_Form_Notice .Icon_ArrowB {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 1px;
    background: none;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -5px;
}
.Comment_Form_Notice .Icon_ArrowT {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 1px;
    background: none;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    /*right: 0;*/
    right: 10px;
    margin-top: -5px;
}

ul.CommonMenuList li{
    display: block;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0;
}
ul.CommonMenuList li + li{
    border-top: none;
}
ul.CommonMenuList li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 61px;
    padding: 8px 42px 8px 20px;
    color: #444;
    font-size: 0.9375rem;
    line-height: 1.46;
}
/*.ad_01_num + .ExpansionPanel{
    margin-top: 10px;
}*/
.ExpansionPanel > dl > dd {
  padding: 10px;
  font-size: 72.22%;
}
.ExpansionPanel .ExpansionPanel_Text {
  line-height: 1.4;
}
.ExpansionPanel .ExpansionPanel_Text:not(:first-child),
.ExpansionPanel .ExpansionPanel_List:not(:first-child) {
  margin-top: 10px;
}
.ExpansionPanel b{
    font-weight: normal;

}
.ExpansionPanel p{
    color: #666;
}
.ExpansionPanel .ExpansionPanel_Text small {
  display: inline-block;
  font-size: 11px;
  line-height: 1.4;
  font-weight: normal;
}
.ExpansionPanel .ExpansionPanel_List {
  margin-left: 1.5em;
  list-style: disc;
}
.ExpansionPanel .ExpansionPanel_List > li {
  margin-top: 5px;
  line-height: 1.4;
  list-style: inherit;
    color: #666;
}
.ExpansionPanel .ExpansionPanel_List > li:last-child {
    font-size: 13px;
    padding-top: 0;
}
/*-------------------------------------------------------------------------
ページャー改修版
--------------------------------------------------------------------------*/
.Common_Pager{padding: 8px 8px 10px;}
.Common_Pager ul{max-width: 280px;margin: 0 auto;}
.Common_Pager ul + ul{margin-top: 8px;}
.Common_Pager ul li{
font-size: 74%;
border-top: 1px solid #BDBDBD;
border-left: 1px solid #BDBDBD;
border-bottom: 1px solid #BDBDBD;
margin-top: 8px;
}
.Common_Pager ul li{border-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.Common_Pager ul li > *{position: unset; height: 32px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: unset;}
.Common_Pager ul li:first-child > *{padding-left: 2px; border-left: 1px solid #BDBDBD;}
.Common_Pager ul li:last-child > * {padding-right: 2px; border-right: 1px solid #BDBDBD;}
.Common_Pager ul li a{color:inherit; border:0; cursor: pointer;}
.Common_Pager ul li a, .Common_Pager ul li div{
line-height: 16px;
height: 32px;
font-weight: bold;
color: #444;
border: 1px solid #fff;
padding: 8px 2px 6px 2px;
}
.Common_Pager ul li span{color:inherit; border:0;}
.Common_Pager ul li:first-child div{
color: #666;
}
.Common_Pager ul li:first-child, .Common_Pager ul li:first-child a, .Common_Pager ul li:first-child div{
-webkit-border-top-left-radius: 2px 2px;
   -moz-border-radius-topleft: 2px 2px;
        border-top-left-radius: 2px 2px;
-webkit-border-bottom-left-radius: 2px 2px;
   -moz-border-radius-bottomleft: 2px 2px;
        border-bottom-left-radius: 2px 2px;
width: 54px;
}
.Common_Pager ul li:last-child, .Common_Pager ul li:last-child a, .Common_Pager ul li:last-chlastild div{
-webkit-border-top-right-radius: 2px 2px;
   -moz-border-radius-topright: 2px 2px;
        border-top-right-radius: 2px 2px;
-webkit-border-bottom-right-radius: 2px 2px;
   -moz-border-radius-bottomright: 2px 2px;
        border-bottom-right-radius: 2px 2px;
width: 54px;
}

.Common_Pager ul li:first-child > *:before{
display: none;
padding-left: 0;
}
.Common_Pager ul li:last-child > *:after{display: none;}
.Common_Pager ul li.Page_Active div{
color: #fff;
text-shadow: #27436e 0 -1px 0;
background: #3376EA;
-webkit-box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
   -moz-box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
        box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
border:1px solid #7aa5fe;
}
.CSS3_Icon_L, .CSS3_Icon_R{
position: relative;
z-index: 1;
overflow: hidden;
margin: 0;
}
.CSS3_Icon_L{padding: 0 0 0 12px;}
.CSS3_Icon_R{padding: 0 12px 0 0;}

span.CSS3_Icon_TriangleLeft:before{
content: "";
display: block;
position: absolute;
left: 0;
bottom: 5px;
width: 0;
height: 0;
border-right: 8px solid #ccc;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
span.CSS3_Icon_TriangleRight:before{
content: "";
display: block;
position: absolute;
right: 0;
bottom: 5px;
width: 0;
height: 0;
border-left: 8px solid #ccc;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
/*-------------------------------------------------------------
掲示板作成
----------------------------------------------------------------*/

.Contribute_Form .EditName {
    margin-bottom: 16px;
    color: #444;
    font-weight: bold;
}

/*------------
上部ボックス
-------------*/


/*-- 掲示板タイトル --*/

.Contribute_Form input[type="text"] {
    padding: 0 18px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: none;
    background: #edf2f4;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}

/*-- 画像投稿エリア --*/

#ThreadImage {
    position: relative;
}
#ImagePostArea {
    position: absolute;
    display: block;
    width: 95px;
    height: 95px;
    border: 2px dashed #c9cdd0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    z-index: 999;
}
#ImagePostArea .Icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
body.ThreadEdit #ImagePostArea {
    display: none;
}
#_init_picture_, #uploaded_photo_box {
    position: absolute;
    ;
    overflow: hidden;
    width: 95px;
    height: 95px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
#ThreadImage .CloseBtn, #uploaded_photo_box .CloseBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 15px;
    background: #000;
    opacity: .7;
    padding: 1px 5px;
    z-index: 9999;
}
#_init_picture_ div, #uploaded_photo {
    display: block;
    width: 95px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

/*--　掲示板説明文 --*/

#ThreadBody {
    margin-left: 105px;
    width: 69%;
    width: -webkit-calc(100% - 105px);
    width: calc(100% - 105px);
    background: #edf2f4;
}
#ThreadBody textarea {
    width: 100%;
    min-height: 91px;
    padding: 16px;
    border: none;
    background: #edf2f4;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}

/*--　掲示板作成オーナー --*/

#ThreadOwnerEdit {
    position: relative;
}
#ThreadOwnerEdit img {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 7px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
}
#ThreadOwnerEdit .Maker_Name {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 36px;
    margin: auto;
    height: 13px;
    font-size: 80%;
    font-weight: bold;
    color: #444;
}
#ThreadOwnerEdit .Anonymous {
    position: absolute;
    right: 0;
    top: 4px;
}
#ThreadOwnerEdit .Anonymous input[type="checkbox"] {
    display: none;
}
#ThreadOwnerEdit .Anonymous label {
    color: #444;
    font-size: 80%;
}
#ThreadOwnerEdit .Anonymous label:before {
    position: absolute;
    left: -20px;
    top: 2px;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #c9cdd0;
}
#ThreadOwnerEdit .Anonymous input[type="checkbox"]:checked+label:after {
    position: absolute;
    top: 4px;
    left: -18px;
    display: inline-block;
    content: "";
    width: 9px;
    height: 6px;
    border-left: 3px solid #a4abaf;
    border-bottom: 3px solid #a4abaf;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*------------
下部ボックス
-------------*/


/*--　カテゴリ --*/

#Category ul li {
    position: relative;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    padding: 0 18px;
    margin-bottom: 10px;
    color: #bababa;
    font-size: 90%;
    background: #edf2f4;
}
#Category ul li:after {
    position: absolute;
    right: 18px;
    top: 20px;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 1px solid #c0c1c1;
    border-bottom: 1px solid #c0c1c1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#Category .AddLink {
    height: 33px;
}
#Category .AddLink.view_2.view_3 a {
    display: none;
}
#Category a.AddCategory {
    padding: 0px 0 14px;
    color: #00b0f0;
    font-size: 80%;
    float: right;
}
#Category a.AddCategory em {
    font-weight: bold;
    font-size: 130%;
}

/*--　匿名許可 --*/

#Proxy .ProxySet {
    text-align: center;
}
#Proxy input[type="radio"] {
    display: none;
}
#Proxy input+label {
    display: inline-block;
    width: 49%;
    max-width: 154px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #a5abaf;
    font-size: 90%;
    border: 2px solid #bbc2c6;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}
#Proxy input[type="radio"]:checked+label {
    color: #fff;
    background: #bbc2c6;
}

/*--　匿名許可 --*/

.Contribute_Form .Confirm_Btn {
    display: block;
    width: 85%;
    max-width: 319px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0 0px 2px 0px 0px #dca700;
    -moz-box-shadow: 0 0px 2px 0px 0px #dca700;
    -webkit-box-shadow: 0px 2px 0px 0px #dca700;
}

/*------------
確認画面
-------------*/

body.thread_add_confirm .ThreadHeader .ThreadProfile h1 {
    width: 100%;
    padding-right: 0;
    max-height: 44px;
    min-height: initial;
}
body.thread_add_confirm .ThreadHeader .ThreadDetailTxt {
    max-height: none;
}
body.thread_add_confirm .ThreadHeader .ThreadDetailTxt .ThreadConfirm_img {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 13px;
    background-color: #edf2f4;
}
body.thread_add_confirm dl.ThreadOptions {
    display: table;
}
body.thread_add_confirm dl.ThreadOptions dt, body.thread_add_confirm dl.ThreadOptions dd {
    display: table-cell;
    font-size: 95%;
    color: #444444;
}
body.thread_add_confirm dl.ThreadOptions dd {
    padding-left: 8px;
    line-height: 1.7em;
}
body.thread_add_confirm form input {
    display: none;
}
body.thread_add_confirm form label {
    display: block;
    width: 85%;
    max-width: 319px;
    height: 60px;
    color: #fff;
    margin: 0 auto 10px;
    line-height: 60px;
    text-align: center;
}

/*------------
完了画面
-------------*/

body.thread_add_complete a.CommonBtn_OR {
    display: block;
    margin: 0 auto 10px;
    width: 85%;
    max-width: 319px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}

/*-------------------------------------------------------------
掲示板　参加者一覧
----------------------------------------------------------------*/

body.ContributorList .ContentsTitle .Icon {
    position: relative;
    top: -3px;
    left: 4px;
    margin-right: 15px;
}
body.ContributorList .ThreadTitle {
    position: relative;
    height: 76px;
}
body.ContributorList .ThreadTitle img {
    float: left;
}
body.ContributorList .ThreadTitle .MainText {
    margin-left: 50px;
}

/*-------------------------------------------------------------
掲示板　画像一覧
----------------------------------------------------------------*/

body.ThreadPhotoList .ContentsTitle .Icon {
    position: relative;
    top: -3px;
    left: 4px;
    margin-right: 15px;
}
body.ThreadPhotoList .ThreadTitle {
    position: relative;
    height: 76px;
}
body.ThreadPhotoList .ThreadTitle img {
    float: left;
}
body.ThreadPhotoList .ThreadTitle .MainText {
    margin-left: 50px;
}
body.ThreadPhotoList #listbox img {
    display: block;
    width: 85%;
    margin: 10px auto;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

/*-------------------------------------------------------------
掲示板通報
----------------------------------------------------------------*/

body.ReportForm .CommonBtn_OR {
    display: block;
    width: 85%;
    max-width: 319px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}
/*--非表示--*/

ul.CommonList li .CommentMenu a.hidden_balloon,
ul.CommonList li .CommentMenu div.hidden_balloon{
  bottom: -29px;
  right: -11px;
  font-size: 78%;
  padding: 9px 15px;
}
ul.CommonList li .CommentMenu div.hidden_balloon{
    position: absolute;
    bottom: auto;
    top:29px;
    right: -1px;
    display: block;
    padding: 4px 8px;

    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 1px 3px 0px #a5a9ab;
    -moz-box-shadow: 0px 1px 3px 0px #a5a9ab;
    -webkit-box-shadow: 0px 1px 3px 0px #a5a9ab;
    z-index: 99;
}
ul.CommonList li .CommentMenu div.hidden_balloon:before, ul.CommonList li .CommentMenu div.hidden_balloon:after {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    line-height: 0px;
    border-width: 0px 7px 10px 7px;
}
ul.CommonList li .CommentMenu div.hidden_balloon:before {
    top: -11px;
    right: 7px;
    border-color: transparent transparent #a5a9ab transparent;
}
ul.CommonList li .CommentMenu div.hidden_balloon:after {
    top: -10px;
    right: 7px;
    border-color: transparent transparent #fff transparent;
}
ul.CommonList li .CommentMenu div.hidden_balloon a{
  display: block;
    color: #777;
    font-size: 90%;
  padding: 22px 0px;
}
ul.CommonList li .CommentMenu div.hidden_balloon a + a{
  border-top: 1px solid #eaeaea;
}

/*-------------------------------------------------------------
外部遷移
----------------------------------------------------------------*/

body.ThirdParty a.ThirdPartyUrl {
    display: block;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #bfbfbf;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    text-decoration: underline;
}

/*-------------------------------------------------------------
ユーザーランキング
----------------------------------------------------------------*/

ul.UserList.UserRanking li span.UserName span {
    color: #ababab;
    font-style: italic;
    margin-right: 8px;
}
ul.UserList.UserRanking li span.UserName span.Rank_01 {
    color: #edcc46;
}
ul.UserList.UserRanking li span.UserName span.Rank_02 {
    color: #8fa5b1;
}
ul.UserList.UserRanking li span.UserName span.Rank_03 {
    color: #a56459;
}
ul.UserList.UserRanking li .UserIntroduction {
    /*	min-height: 56px;*/
}
#ErrorMsg {
    line-height: 1.7em;
}
#ErrorMsg p {
    line-height: 1.7em;
}

/*=============================================
■クリップ
	クリップ一覧
	クリップ設定
==============================================*/


/*-------------------------------------------------------------
クリップ一覧
----------------------------------------------------------------*/


/*-- クリップとは？ --*/

body.Clip .ClipInfoBox {
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #bfbfbf;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
body.Clip .ClipInfoBox .ClipInfoHead {
    position: relative;
    height: 25px;
    line-height: 25px;
}
body.Clip .ClipInfoBox .ClipInfoHead:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 8px;
    display: block;
    width: 10px;
    height: 10px;
    border-left: 2px solid #bfbfbf;
    border-bottom: 2px solid #bfbfbf;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
body.Clip .ClipInfoBox .ClipInfoHead.Open:after {
    top: 5px;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
body.Clip .ClipInfoBox .ClipInfoBody {
    font-size: 90%;
    margin-top: 5px;
    padding-top: 8px;
    border-top: 1px solid #bfbfbf;
}
body.Clip .ClipInfoBox .ClipInfoBody dt {
    padding: 20px 0 8px;
    color: #444;
    font-weight: bold;
}
body.Clip .ClipInfoBox .ClipInfoBody dt:first-child {
    padding-top: 0;
}
body.Clip .ClipInfoBox .ClipInfoBody dd {
    line-height: 1.7em;
}

/*--閲覧履歴 --*/

body.Clip .HistoryTarget {
    position: relative;
    padding: 6px;
    color: #444;
    background: #bcc4c7;
}
body.Clip .HistoryTarget:after {
    position: absolute;
    top: 14px;
    right: 20px;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    border-left: 2px solid #444;
    border-bottom: 2px solid #444;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
body.Clip .HistoryTarget.Close:after {
    top: 7px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/*-------------------------------------------------------------
クリップ設定
----------------------------------------------------------------*/

.ClipDelOpen {
    position: relative;
    top: 14px;
    right: -4px;
    float: right;
    height: 30px;
    width: 92px;
    line-height: 30px;
    padding: 0 10px 0 40px;
    color: #fff;
    font-size: 80%;
    background: #6a7477;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.ClipDelOpen.ON {
    padding: 0;
    text-align: center;
    color: #00b0f0;
    background: #fff;
}
.ClipDelOpen .Icon {
    position: absolute;
    left: 18px;
    top: 7px;
}
body.Clip ul.ClipList li {
    display: table;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e1e5e7;
}
body.Clip ul.ClipList li:last-child {
    border: none;
}
body.Clip ul.ClipList li .column {
    display: table-cell;
    height: 78px;
    vertical-align: middle;
}
body.Clip ul.ClipList li .column.column01, body.Clip ul.ClipList li .column.column03 {
    width: 78px;
    text-align: center;
}
body.Clip ul.ClipList li .column.column01 {
    background: #f1f4f6;
}
body.Clip ul.ClipList li .column.column02 {
    width: 300px;
    width: -webkit-calc(100% - 78px);
    width: calc(100% - 78px);
}
body.Clip ul.ClipList li .column.column02 a {
    position: relative;
    display: block;
    width: 100%;
}
body.Clip ul.ClipList li .column.column02 img {
    position: absolute;
    left: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
body.Clip ul.ClipList li .column.column02 h2 {
    display: block;
    width: 100%;
    max-width: 297px;
    height: 21px;
    padding-left: 74px;
    margin-top: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
body.Clip ul.ClipList li .column.column02 .CommentCount {
    padding-left: 74px;
    color: #ababab;
    font-size: 80%;
}
body.Clip ul.ClipList li .column label {
    margin: 0 auto;
}
body.Clip button.ClipDelBtn {
    display: block;
    margin: 0 auto;
    width: 80%;
    height: 60px;
    line-height: 60px;
    max-width: 319px;
    border: none;
}

/*=============================================
■コミュ二ティ
	検索結果
	ユーザー検索
	お知らせ・静的ページ
==============================================*/


/*-------------------------------------------------------------
検索結果
----------------------------------------------------------------*/

body.SearchResult ul.Search_Anchor {
    text-align: center;
}
body.SearchResult ul.Search_Anchor li {
    display: inline-block;
    width: 49%;
    height: 50px;
    max-width: 155px;
    border: 2px solid #bbc2c6;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}
body.SearchResult ul.Search_Anchor li a {
    position: relative;
    display: block;
    padding: 8px 0 9px;
    font-size: 95%;
    color: #a5abaf;
    font-weight: bold;
    text-align: center;
}
body.SearchResult ul.Search_Anchor li a:after {
    position: absolute;
    top: -10px;
    bottom: 0;
    right: 19px;
    margin: auto;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-left: 1px solid #a5abaf;
    border-bottom: 1px solid #a5abaf;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
body.SearchResult ul.Search_Anchor li a .Count {
    display: block;
    font-weight: normal;
    font-size: 90%;
}
body.SearchResult .U_Tab_Title {
    color: #444;
}
body.SearchResult .U_Tab_Title span.Icon_Search03 {
    position: relative;
    top: -2px;
    left: -7px;
}
body.SearchResult .U_Tab_Title .Count {
    margin-left: 12px;
    font-weight: normal;
}
body.SearchResult ul.CommonList li, .Diary_Ranking ul.CommonList li {
    min-height: 126px;
}
ul.CommonList li.NoPhoto a>* {
    padding-left: 0;
}
body.SearchResult ul.CommonList.Thread li .ListText {
    height: 4.8em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
ul.CommonList li .DiaryData {
    line-height: 1.7em;
    height: 21px;
    font-size: 81%;
    color: #ababab;
    display: block;
    width: 61%;
    width: -webkit-calc(100% - 129px);
    width: calc(100% - 129px);
    position: absolute;
    right: 13px;
    bottom: 13px;
    letter-spacing: 1px;
}
ul.CommonList li.NoPhoto .DiaryData {
    width: 92%;
    width: -webkit-calc(100% - 26px);
    width: calc(100% - 26px);
}
ul.CommonList li .DiaryData span {
    position: relative;
    display: inline-block;
    bottom: -3px;
    height: 14px;
}
ul.CommonList li .DiaryData span.Name {
    float: right;
    color: #444;
    font-weight: bold;
}
ul.CommonList li .DiaryData span.Time {
    float: left;
    margin-right: 3px;
}
@media only screen and (max-width: 325px) {
  .Diary_Ranking ul.CommonList li.Photo{
    min-height: 150px;
  }
  ul.CommonList li .DiaryData{
    width: -webkit-calc(100% - 26px);
    width: calc(100% / 26px);
  }
  body.SearchResult ul.Search_Anchor li{
    width: 49%;
  }
}
.Side_Column .Diary_Ranking ul.CommonList li.Photo{
  min-height: 150px;
}
.Side_Column ul.CommonList li .DiaryData{
  width: -webkit-calc(100% - 26px);
  width: calc(100% / 26px);
}

/*-------------------------------------------------------------
ユーザー検索
----------------------------------------------------------------*/

body.UserSearch .FriendSearchHead {
    padding-top: 37px;
    height: 115px;
    text-align: center;
    color: #fff;
    font-size: 80%;
    background: url("https://cdn.findfriends.jp/img.sp/common/image/base/bg/bg_search_head.png?20161110");
    background-repeat: no-repeat;
    background-size: 100%;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    -ms-background-size: 100%;
}
body.UserSearch .FriendSearchHead em {
    display: block;
    margin-bottom: 9px;
    text-align: center;
    font-size: 125%;
    font-weight: bold;
}
body.UserSearch .UserSearchMenu table {
    width: 100%;
}
body.UserSearch .UserSearchMenu table tr>* {
    position: relative;
    vertical-align: middle;
}
body.UserSearch .UserSearchMenu table tr th {
    position: relative;
    width: 66px;
    height: 40px;
    padding-left: 30px;
    font-size: 95%;
    text-align: left;
}
body.UserSearch .UserSearchMenu .CommonSelect {
    margin-left: 0;
    width: 95px;
}
body.UserSearch .UserSearchMenu .CommonSelect select {
    max-width: 70px;
}
body.UserSearch .UserSearchMenu .Range {
    position: relative;
    top: -10px;
}
body.UserSearch .CommonBtn_GR {
    display: block;
    margin: 0 auto;
    height: 45px;
    max-width: 380px;
    line-height: 45px;
    text-align: center;
    box-shadow: 0px 2px 0px #91999c;
}
body.UserSearch .U_Tab_Title {
    margin-top: 30px;
    color: #444;
}

/*--アイコン位置調整--*/

body.UserSearch .UserSearchMenu span.Icon {
    position: absolute;
    left: 0;
}
body.UserSearch .UserSearchMenu span.Icon_Search01 {
    top: 10px;
    left: -1px;
}
body.UserSearch .UserSearchMenu span.Icon_UserSilhouette12 {
    left: -1px;
}
body.UserSearch .UserSearchMenu span.Icon_Age01 {
    left: -1px;
    top: 6px;
}
body.UserSearch .UserSearchMenu span.Icon_Area01 {
    left: 2px;
    top: 6px;
}
body.UserSearch span.Icon_Search03 {
    position: relative;
    top: -2px;
    left: -7px;
}
@media only screen and (max-width: 325px) {
  body.UserSearch .UserSearchMenu table tr th{
    width: 57px;
    padding-left: 25px;
  }
  body.UserSearch .UserSearchMenu .Range{
    top: auto;
  }
}
/*-------------------------------------------------------------
お知らせ・静的ページ
----------------------------------------------------------------*/

body.Static .StaticHead {
    height: 115px;
    line-height: 115px;
    text-align: center;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    background: url("https://cdn.findfriends.jp/img.sp/common/image/base/bg/bg_search_head.png?20161110");
    background-repeat: no-repeat;
    background-size: 100%;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    -ms-background-size: 100%;
}
body.Static .StaticHead.Apology {
    background: url("https://cdn.findfriends.jp/img.sp/common/image/base/bg/bg_apology_head.png?20161110");
}
body.Static ul li .InfoDate {
    display: block;
    text-align: right;
    color: #ababab;
    font-size: 81%;
}
body.Static .CommonBox p {
    padding: 22px 0 18px;
    color: #444;
    font-size: 90%;
    border-bottom: 1px solid #e1e5e7;
}
body.Static .CommonBox p:first-child {
    padding-top: 0;
}
body.Static .CommonBox p:last-child {
    padding-bottom: 0;
    border: none;
}
body.Static .CommonBox p .SubHead {
    display: block;
    font-weight: bold;
    margin-bottom: 17px;
}
body.Static .CommonBox p .Image {
    display: block;
    width: 100%;
    max-width: 319px;
    margin: 16px auto;
    padding: 22px;
    background: #4a4e50;
}
body.Static .CommonBox p .Image img {
    display: block;
    width: 100%;
    margin: 0 auto 12px;
}
body.Static .CommonBox p .Image img:last-child {
    margin-bottom: 0;
}
body.Static .CommonBox p.Important {
    font-weight: bold;
}
body.Static .CommonBox p.Sign {
    font-weight: bold;
    text-align: right;
}

/*--お問い合わせ--*/

body.Static .CommonBox a.ContactBtn {
    display: block;
    margin: 15px auto;
    height: 40px;
    line-height: 42px;
    text-align: center;
    width: 100%;
    color: #fff !important;
    max-width: 300px;
}

/*--FAQ--*/

body.Static.Faq .CommonBox a {
    color: #00b0f0;
}

/*--用語集--*/

body.Glossary .Index {
    width: 100%;
    text-align: center;
}
body.Static.Glossary .Index a {
    display: inline-block;
    color: #89989e;
    font-size: 80%;
    height: 30px;
    line-height: 30px;
    width: 40px;
    text-align: center;
    margin: 0 3px 6px;
    border: 1px solid #89989e;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}


/*-------------------------------------------------------------
掲示板書き込みペナルティアラート
----------------------------------------------------------------*/
.AlertBox {
    background-color: #ffebed;
    color: #ef5350;
    padding: 20px;
}
.AlertBox02 {
    background-color: #f3f3f3;
    color: #333;
}
.AlertBox p{
    margin-top: 18px;
    font-size: 16px !important;
}
.AlertBox p:first-child{
    margin-top: 0;
}
.AlertBox p a{
    color: #03a;
}