@charset "utf-8";
/*

■よく使うもの

・Webフォントフォントファミリー指定
font-family: "fontello";　

・ieでの列幅を固定レイアウト化
table-layout: fixed;

・横幅や高さを計算できる
calc();

・文字がはみ出さないような処理
word-break: break-all;

*/

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::
:::
:::
:::
:::  base
:::
:::
:::
:::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ==========================================================================
   基本設定
   ========================================================================== */
/*全体にbox-sizingプロパティを指定*/
*{
      -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html{
  font-family: "メイリオ",Meiryo,verdana,Hiragino Sans,Hiragino Sans,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
  font-size: 62.5%; /* 文字サイズ指定 */
  color: #434343;
  -webkit-text-size-adjust: 100%;/*スマホでフォントサイズが大きくなったり小さくなったりしないような処理*/
  min-width: 1040px;
}

body {
  font-size: 1.4rem;
  /*
  1.6rem　16px
  1.5rem　15px
  1.4rem　14px
  1.3rem　13px */
  /*文字のURLの折り返し*/
  word-wrap : break-word;
  overflow-wrap : break-word;
}

/*link*/
a{
  color: #0b3190;
	/*アニメーション用表記*/
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  /*::afterなどの擬似要素も変化する場合
  カラーやバックグラウンド等も指定してあげないとchromeで動作が遅れる*/
}
*::after,
*::before{
	-webkit-transition: .3s;
  transition: .3s;
}
a:focus, *:focus { outline:none; }/*リンクの点線削除*/
a:visited{}
a img{
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;/*chromeで画像がずれないようにする*/
	vertical-align: bottom;/*画像下の余白消す*/
	/*アニメーション用表記*/
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
a img:hover{ opacity: 0.7;}

/*html5要素をブロック要素に*/
header, footer, nav, section, article, figure, aside {
display:block;
}
/*fieldsetのスタイル削除*/
fieldset{
  margin: 0;
  padding: 0;
  border: none;
}

select,option,input, button, textarea{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
}
/*button初期化・フォントファミリー指定*/
input[type="submit"], input[type="button"] {
	font-family: "メイリオ",Meiryo,verdana,Hiragino Sans,Hiragino Sans,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
	appearance: none;
	-webkit-appearance: none;
}


/*英数字がはみ出さない表記*/
table,
*[class*="table"],
*[class*="Table"],
*[class*="list"],
*[class*="List"],
dl,
ol,
li,
div{
	word-break: break-all;
}

/*メールフォームなどのinputスタイルを統一*/
input[type="text"], input[type="email"], input[type="password"], input[type="date"] {
  border: 1px solid #dbdbdb;
  font-size: 1.3rem;
  color: #3e3e3e;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
}
/*フォーカス*/
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus,
select:focus, option:focus, input[type="date"]:focus
.loginForm-form .input.is-error:focus{
	background-color: #fdfabf;
	border-color: #f0caa4;
}
textarea:focus{
	background-color: #fdfabf !important;
	border-color: #f0caa4 !important;
}

/* ラベルをホバーした時にマウスポインターを追加 */
label{
  padding: 4px;
  vertical-align: middle;
}
label:hover,
input[type="radio"]:hover,
input[type="checkbox"]:hover{
  cursor: pointer;
  color: #f58821;
}

label:hover input[type="radio"]{
  color: #f58821;
}
input[type="radio"]{
  margin-right: 0.5em;
  vertical-align: middle;
}


/* ==========================================================================
   clearfix　フロートしている要素の親要素につけるとレイアウトが崩れない
   ========================================================================== */
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::
:::
:::
:::
:::  layout
:::
:::
:::
:::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */





/* ==========================================================================
   共通　全体幅1000px
   ========================================================================== */
.headerBlock-01-inner,
.headerBlock-02-inner,
.gnav ul,
.content-page .content-inner,/*下層ページ*/
.clm-inner,/*ワンカラムデザインの横幅*/
.footerNav ul,
.footerConNav,
#page-top,
.signUp-inner{
	width: 1000px;
	margin: 0 auto;
}



/* ==========================================================================
   header
   ========================================================================== */
/* ディスクリプション・ヘッダーナビbox
========================= */
.headerBlock-01{
	background-color: #f8f8f8;
	padding: 5px 0;
}
.headerBlock-01-inner{
	display: table;
	font-size: 1.1rem;
}
/* ディスクリプション　説明文
========================= */
.description{
	display: table-cell;
	width: 35%;
}
/* ヘッダーナビ
========================= */
.headerNav{
	display: table-cell;
	width: 60%;
	text-align: right;
	/*border-right: 1px dotted #b2b2b2;*/
}
/*インライン要素にして横並び*/
.headerNav-default,
.headerNav-login,
.headerNav-default li,
.headerNav-login li{
	display: inline-block;
}
.headerNav-default li,
.headerNav-login li{
	border-left: 1px dotted #b2b2b2;
}
.headerNav-default li:first-child,
.headerNav-login li:first-child{
	border-left: none;
}
.headerNav a{
	display: block;
	color: #666;
	text-decoration: none;
	padding: 2px 8px;
}
/*hover*/
.headerNav a:hover,
.headerNav a:hover::before{
	color: #f58821;
}
.headerNav a::before{
	color: #666;
	margin-right: 0.2em;
}
.headerNav-home a::before{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: '\e802';/*Webフォント指定*/
}
.headerNav-affiliate a::before{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: '\e807';/*Webフォント指定*/
}
.headerNav-logout a::before{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: '\e808';/*Webフォント指定*/
}
/* ロゴ・ログインフォーム
========================= */
.headerBlock-02{
	padding: 20px 0;
}
.headerBlock-02-inner{
	position: relative;
}

/* ロゴ
========================= */
.logo{
	float: left;
}
.logo a{
	display: block;
	background: url(../imgFD/logo.jpg) no-repeat center center;
	width: 190px;
	height: 46px;
	text-indent: -9999px;
}
.logo a:hover{
	opacity: 0.7;
}

/* ログインフォーム
========================= */
/*レイアウト*/
.headerLoginForm{
	float: right;
	width: 750px;
}
/*フォームタグ*/
.headerLoginForm form{
	overflow: hidden;
}
/*ログインフォームレイアウト*/
.headerLoginForm-affiliate{
	float: left;
}
.headerLoginForm-advertiser{
	float: right;
}
/*見出し*/
.headerLoginForm-title{
	display: inline-block;
	margin-bottom: 10px;
	font-size: 1.4rem;
	color: #e0450f;
	font-weight: bold;
}
/*パスワードを忘れた方*/
.headerLoginForm-lost{
	display: inline-block;
	padding-left: 1em;
	font-size: 1rem;
}
.headerLoginForm-lost a{
	color: #666;
	text-decoration: none;
}
.headerLoginForm-lost a::before{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: '\e806';/*Webフォント指定*/
	font-size: 1.2rem;
}
.headerLoginForm-lost a:hover{
	color: #f58821;
}
/*ID　パスワード　フォームレイアウト*/
.headerLoginForm-id,
.headerLoginForm-pass{
	float: left;
}
.headerLoginForm-pass{
	padding-left: 5px;
}
.headerLoginForm-id input,
.headerLoginForm-pass input{
	width: 110px;
	padding: 3px;
	margin: 0 5px;
}
/*ログインフォームボタン*/
.headerLoginForm-button{
	float: left;
	margin-left: 5px;
}
/*submitボタンのみにスタイルを適応*/
.headerLoginForm-button input[type="submit"]{
	background-color: #e0450f;
	color: #fff;
	border-radius: 4px;
	padding: 2px 6px;
}
.headerLoginForm-button input[type="submit"]:hover,
.headerLoginForm-button input[type="submit"]:focus{
	cursor: pointer;
	background-color: #f35822;
}

/* ログインフォーム 広告主　色味変更
========================= */
/*タイトル*/
.headerLoginForm-advertiser .headerLoginForm-title{
	color: #0858aa;
}
/*ボタン*/
.headerLoginForm-advertiser .headerLoginForm-button input[type="submit"]{
	background-color: #0858aa;
}
.headerLoginForm-advertiser .headerLoginForm-button input[type="submit"]:hover,
.headerLoginForm-advertiser .headerLoginForm-button input[type="submit"]:focus{
	background-color: #1d6dbf;
}
/* ログイン後　ユーザー名
========================= */
.welcome{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.5em;
	text-align: right;
	vertical-align: middle;
}

/* ==========================================================================
   gnav
   ========================================================================== */
/* グローバルナビゲーション
========================= */
.gnav{
	background-color: #f58821;
	min-width: 1000px;
}
.gnav > ul{
	height: 50px;
	line-height: 50px;
}
/* gnav内1番目のliタグに*/
.gnav > ul > li{
	height: 50px;
	text-align: center;
	width: calc(100% / 5);/*5分割*/
	float: left;
	position: relative;
}


/* a リンク
========================= */
.gnav a,
.gnav span{
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
}

/*線*/
.gnav > ul > li > a::before,
.gnav > ul > li > span::before{
	content: "";
	display: inline-block;
	position: absolute;
	right: -1px;
	top: 10px;
	/*border-left: 1px solid #e1740d;*/
	border-left: 1px solid #ec6300;
	height: 30px;
}
/*.gnav li:last-child a,
.gnav li:last-child span{
	border-right: 1px dotted #fff;
}*/
/*最後のメニューは線を消す*/
.gnav > ul > li:last-child > a:before,
.gnav > ul > li:last-child > span:before{
	display: none;
}
.gnav a:hover,
.gnav span:hover{
	cursor: pointer;
	background-color: #fb9d36;
}

.gnav a.current{
	background-color: #ec6300;
}
/*ホバー時、カレント時線を非表示*/
.gnav > ul > li:hover > a::before,
.gnav > ul > li:hover > span::before,
.gnav > ul > li > a.current::before{
	display: none;
}
/* a アフィリエイター・広告主用
========================= */
.gnav-affiliate a,
.gnav-advertiser a{
	background-color: #e0450f;
}
.gnav-advertiser a{
	background-color: #0858aa;
}

.gnav .gnav-affiliate a::before,
.gnav .gnav-affiliate span::before,
.gnav .gnav-advertiser a::before,
.gnav .gnav-advertiser span::before{
	display: none;
}

.gnav-affiliate a:hover{
	background-color: #f35822;
}
.gnav-advertiser a:hover{
	background-color: #1d6dbf;
}



/* ドロップダウンメニュー
========================= */
/*非表示の部分*/
.dropDownMenu li ul{
	display: none;
	width: 100%;
	position: relative;
	z-index: 100;
	line-height: normal;
}
.dropDownMenu li ul li{
	background-color: #fb9d36;
	width: 140%;
	float: none;
	text-align: left;
	height: auto;
}
.dropDownMenu li:hover ul{
	display: block;
}
.dropDownMenu li ul li a{
	position: relative;
	padding: 10px 30px 10px 10px;
	border-bottom: 1px solid #f58821;
	border-left: none;
	background-color: #f27317;
}
.dropDownMenu li a:hover{
	background-color: #ec6300;
}
.dropDownMenu li ul li:last-child a{
	border-right: none;
}
.dropDownMenu li ul li a::after{
	color: #f58821;
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: "\e805";/*Webフォント指定*/
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
	font-size: 1.5rem;
	vertical-align: middle;
}
.dropDownMenu li ul li a:hover{
	background-color: #ec6300;
}

/*リンクがない部分*/
.dropDownMenu span{
	position: relative;
}
.dropDownMenu li:hover > span:hover{
	background-color: #ec6300;
}
.dropDownMenu span::after{
	display: inline-block;
	content: "▼";
	margin-left: 1em;
	font-size: 1.4rem;
	/*アニメーション用表記*/
  -webkit-transform: transform 0.2s ease 0s;
  -ms-transform: transform 0.2s ease 0s;
  -o-transform: transform 0.2s ease 0s;
  transform: transform 0.2s ease 0s;
}
.dropDownMenu li:hover > span{
	background-color: #f27317;
}
.dropDownMenu li:hover > span::after{
	-moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* ==========================================================================
   contents
   ========================================================================== */
.content{
	line-height: 1.6;
	margin-bottom: 40px;
}
/* ==========================================================================
   top-contents
   ========================================================================== */
.content-oneClm{
	padding: 60px 0;
}
/*灰色背景*/
.content-oneClm.contentBkGray{
	background-color: #eeeeee;
}

/* トップページ　見出し
========================= */
.sectionHeader{
	padding-bottom: 20px;
	font-size: 2.4rem;
	text-align: center;
}
/*キャンペーン＆サービス内容のように　セクションが並んでいる時は見出しの上に余白をつける*/
section+section>.sectionHeader{
	margin-top: 60px;
}
/* 大きい見出し */
.sectionHeader strong{
	display: block;
}
/* 英字見出し */
.sectionHeader span{
	display: inline-block;
	border-top: 3px solid #f58821;
	margin-top: 6px;
	padding: 6px 10px 0;
	font-size: 1.4rem;
	color: #9a9a9a;
}

/* メリット
========================= */
.topMeritArea h3{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.topMeritArea-img{
	text-align: center;
	padding: 15px;
}
/* 米印コメント */
.topMeritArea-textBox small{
	font-size: 80%;
}

/* キャンペーン　ワンカラム
========================= */
.campaign-oneClm{
	background-color: #fff;
	margin-bottom: 30px;
	padding: 30px;
	text-align: center;
}

/* キャンペーン　post
========================= */
.campaignBox{
	margin: 0 0 30px;
	padding: 30px 60px 20px;
	background-color: #fff;
}
.campaignBox-img{
	padding: 20px;
	text-align: center;
	background-color: #f6f6f6;
}
.campaignBox-title{
	margin: 20px 0 10px;
	padding: 2px 10px;
	font-size: 1.9rem;
	border-left: 4px solid #f58821;
}
.campaignBox-text{
	margin-bottom: 20px;
}

/* サービス　
========================= */
.serviceList a{
	display: block;
	border: 1px solid #ddd;
	position: relative;
	min-height: 124px;
	background-color: #fff;
	text-decoration: none;
	color: #3e3e3e;
}
.serviceList a::after{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: '\e805';/*Webフォント指定*/
	position: absolute;
	right: 10px;
	bottom: 25px;
	font-size: 1.6rem;
	color: #ddd;
}
.serviceList a:hover{
	color: #f58821;
	background-color: #fff5e1;
	border-color: #f58821;
}
.serviceList a:hover img{
	opacity: 0.7;
}
.serviceList a:hover h3{
	border-color: #f58821;
}
.serviceList a:hover::after{
	color: #f58821;
}
.serviceList-img{
	position: absolute;
	overflow: hidden;
	width: 193px;
	height: 120px;
	left: 1px;
	top: 1px;
}
.serviceList-img img{
	opacity: 0.999999;
	-webkit-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
	height: 100%;
	width: auto;
	vertical-align: bottom;
	box-shadow: #000 0 0 0;
}
.serviceList a:hover img{
	opacity: 0.7;
}
.serviceList h3{
	margin:0 10px 0 210px;
	padding:15px 0 10px 0;
	font-size: 1.6rem;
	border-bottom: 1px solid #ddd;
}
.serviceList p{
	font-size: 1.3rem;
	margin:0 30px 0 210px;
	padding:10px 0;
}




/* 新着情報
========================= */
:not(.sideContentBox) > .newsList{
	border-top: 1px dotted #b2b2b2;
}
.newsList{
	margin-bottom: 20px;
}
.newsList li{
	border-bottom: 1px dotted #b2b2b2;
}
.newsList a{
	display: block;
	padding: 10px 0;
	text-decoration: none;
	position: relative;
}
.newsList a::after{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: "\e805";/*Webフォント指定*/
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -16px;
	color: #ddd;
	font-size: 2rem;
	vertical-align: middle;
}
.newsList a:hover{
	background-color: #fff5e1;
}
.newsList a:hover::after{
	background-position: 0 0;
}
.newsList a:hover::after{
	right: 7px;
	color: #f58821;
}


.newsList a:hover .newsList-day,
.newsList a:hover .newsList-cate,
.newsList a:hover .newsList-link,
.newsList a:hover .newsList-link-blank::after{
	color: #f58821;
	border-color: #f58821;
}
.newsList .newsList-day{
	display: inline-block;
	padding:2px 10px 2px 0;
	color: #999;
}
/*カテゴリーカラー*/
.newsList .newsList-cate{
	display: inline-block;
	width: 90px;
	text-align: center;
	padding:2px 0;
	font-size: 1.2rem;
	border: 1px solid;
}
.newsList .newsList-cate-feature{
	color: #009d37;
	border-color: #009d37;
}
.newsList .newsList-cate-newAd{
	color: #144BAB;
	border-color: #144BAB;
}
.newsList .newsList-cate-pickUp{
	color: #38a1c7;
	border-color: #38a1c7;
}
.newsList .newsList-cate-campaign{
	color: #de4830;
	border-color: #de4830;
}
.newsList .newsList-cate-news{
	color: #e37600;
	border-color: #e37600;
}
/*外部リンク*/
.newsList-link{
	padding: 4px 30px 0 0;
	color: #3e3e3e;
}
.newsList-link-blank::after{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: '\f08e';/*Webフォント指定*/
	color: #de4830;
	margin-left: 0.5em;
}

/* おすすめ広告主
========================= */
/*枠*/
.prPost{
	padding: 20px;
	background-color: #fff;
	margin-bottom: 20px;
}
/*内側*/
.prPost-inner{
	display: table;/*中のコンテンツの高さを均一に*/
	table-layout: fixed;/*ieでの列幅を固定レイアウト化*/
	width: 100%;
}
/*バナー画像*/
.prPost-img{
	position: relative;/*白いマスクのための表記*/
	display: table-cell;/*「prPost-textbox」と高さを均一に*/
	width: 35%;
	padding: 20px 40px 20px 20px;/*マスク用（20px）のpaddingをプラス*/
	background-color: #f2f2f2;
	text-align: center;
	vertical-align: middle;/*中の要素を上下中央に*/
}
/*バナー画像とテキストの間に白いマスク
.prPost-img::after{
	position: absolute;
	right:0;
	bottom:0;
	content: " ";
	background-color: #fff;
	width: 20px;
	height: 100%;
}*/
/*画像が外にはみ出ないように*/
.prPost-img img{
	max-width: 100%;
}
/*テキストエリア*/
.prPost-textbox{
	display: table-cell;/*「prPost-img」と高さを均一に*/
	position: relative;/*アフター要素のため*/
	width: 65%;
	vertical-align: top;
	border: 1px solid #dddddd;
}
/*画像とテキストの間に白いマスク*/
.prPost-textbox::after{
	position: absolute;
	left:-21px;/*線を隠さないために*/
	top:-1px;/*背景を隠すため*/
	content: " ";
	background-color: #fff;
	width: 20px;
	height: calc(100% + 2px);/*100%だと「prPost-img」の上下にグレーの余白ができてしまうため2pxプラス*/
}
/*大見出し*/
.prPost-textbox h3{
	font-size: 1.8rem;
	margin:-1px -1px 0;/*「prPost-textbox」の線を消すため*/
	padding:1px 1px 10px;
	background-color: #fff;
	border-bottom: 1px dotted #b2b2b2;
}
/*小見出し　グレー*/
.prPost-textbox h4{
	position: relative;
	margin: 0 -1px;/*「prPost-textbox」の線を消すため*/
	padding: 10px 60px 10px 10px;
	background-color: #f8f8f8;
	border: 1px solid #dddddd;
}
/*女性アイコン*/
.prPost-textbox h4::after{
	content: "";
	position: absolute;
	right: 10px;
	bottom: 0;
	width: 39px;
	height: 39px;
	background: url(../imgFD/pr-girl.png);
}
/*定額報酬＋TCSサービスポイント*/
.prPost-table{
	margin:0 -1px;/*「prPost-textbox」の線を消すため*/
	padding:10px 1px;
	background-color: #fff;
}
.prPost-table dt,
.prPost-table dd{
	display: inline-block;
	padding: 0 10px 0 0;
}
/*金額・ポイント数*/
.prPost-table-price,
.prPost-table-point{
	margin-right: 30px;
	font-size: 1.8rem;
	color: #de4830;
	font-weight: bold;
}
/*ポイント数色*/
.prPost-table-point{
	color: #2dbe60
}
/*テキスト部分余白*/
.prPost-textbox-text{
	padding: 10px;
}
/*提携申請・公式サイトボタン*/
.prPost-button{
	width: 100%;
	padding:20px 0 0 35%;/*コンテンツ幅に合わせる*/
}

/* ピックアップ広告主
========================= */
.top-pickUp .prPickUp-block{
	background-color: #fff;
}
.top-pickUp h3{
	font-size: 1.2rem;
}
.top-pickUp a{
	display: block;
	position: relative;
	padding: 20px 20px 15px;
	height: 100%;
	border: 1px solid #ddd;
	text-decoration: none;
	-webkit-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
}
.top-pickUp a::after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	border: 10px solid #000;
	height: 0;
	width: 0;
	border-width: 10px;
	border-color: transparent;
	border-right-color: #f58821;
	border-bottom-color: #f58821;
}
.top-pickUp a:hover{
	background-color: #fff5e1;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
}
.top-pickUp a:hover::after{
	border-right-color: #f6ac16;
	border-bottom-color: #f6ac16;
}
.top-pickUp .prPickUp-img{
	width: 100%;
	max-height: 80px;/*高さ指定*/
	display: table;
	margin-bottom: 10px;
	table-layout: fixed;/*ieでの列幅を固定レイアウト化*/
}
.top-pickUp .prPickUp-img span{
	width: 100%;
	max-height: 80px;/*高さ指定*/
	display: table-cell;
	padding: 10px 20px;
	background-color: #f2f2f2;
	vertical-align: middle;
	text-align: center;
	/*アニメーション用表記*/
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
.top-pickUp .prPickUp-img img{
	height: auto;
	max-width: 100%;
	max-height: 60px;/*最大高さ*/
}
.top-pickUp a:hover .prPickUp-img span{
	background-color: #f6e5ca;
}
.top-pickUp a:hover .prPickUp-img img{
	opacity: 0.7;
}
.top-pickUp h3{
	color: #3e3e3e;
}
/*ピックアップ広告　カテゴリー*/
.top-pickUp a .prPickUp-cate{
	display: table-cell;
	vertical-align: bottom;
}
/*FX*/
.top-pickUp a .prPickUp-cate.cate01,
.page-pickUp .slick-list a .prPickUp-cate.cate01{
	color: #3fcb70;
}
/*メールマガジン*/
.top-pickUp a .prPickUp-cate.cate02,
.page-pickUp .slick-list a .prPickUp-cate.cate02{
	color: #885192;
}
/*キャッシング*/
.top-pickUp a .prPickUp-cate.cate03,
.page-pickUp .slick-list a .prPickUp-cate.cate03{
	color: #E6864B;
}
/*求人*/
.top-pickUp a .prPickUp-cate.cate04,
.page-pickUp .slick-list a .prPickUp-cate.cate04{
	color: #de4830;
}
/*ロボアドバイザー*/
.top-pickUp a .prPickUp-cate.cate05,
.page-pickUp .slick-list a .prPickUp-cate.cate05{
	color: #705b5b;
}
/*ETF取引*/
.top-pickUp a .prPickUp-cate.cate06,
.page-pickUp .slick-list a .prPickUp-cate.cate06{
	color: #3467a9;
}
/*不動産*/
.top-pickUp a .prPickUp-cate.cate07,
.page-pickUp .slick-list a .prPickUp-cate.cate07{
	color: #2D87B5;
}
.top-pickUp a .prPickUp-cate.cate08,
.page-pickUp .slick-list a .prPickUp-cate.cate08{
	color: #F1B709;
}
.top-pickUp a .prPickUp-cate.cate09,
.page-pickUp .slick-list a .prPickUp-cate.cate09{
	color: #008C72;
}
.top-pickUp .prPickUp-cate img{
	width: 20px;
	color:#3fcb70;
}

/* よくある質問
========================= */
.faq-title{
	padding: 20px 0 10px;
	font-size: 1.8rem;
	text-align: center;
}
/*お問い合わせページ　タイトル*/
.content-page .faq-title{
	padding: 10px 0;
	margin: 20px 0 0;
	font-size: 1.7rem;
	text-align: left;
	color: #f58821;
}
.content-page .faq-title::before{
	font-family: "fontello";
  content: "\e81c";
  display: inline-block;
  margin-right: 10px;
}
.content-page h3+.faq-title{
	margin-top: 10px;
}
/*よくある質問ページ内リンク*/
.faq-titleLink+.faq-list{
	margin-top: -10px;
	border-top: none;
}
/*よくある質問　list*/
:not(.sideContentBox) > .faq-list{
	border-top: 1px dotted #b2b2b2;
}
.faq-list{
	margin-bottom: 20px;
}
.faq-list li{
	border-bottom: 1px dotted #b2b2b2;
}
.faq-list a{
	display: block;
	padding: 10px 25px 10px 30px;
	text-decoration: none;
	position: relative;
	color: #3e3e3e;
}
.faq-list.faq-list-top a{
	/*3点リーダー*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.faq-list a::before{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: '\e806';
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -17px;
	width: 18px;
	height: 18px;
	font-size: 2rem;
	color: #2dbe60;
}
.faq-list a::after{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: "\e805";/*Webフォント指定*/
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	color: #ddd;
}
.faq-list a:hover{
	background-color: #fff5e1;
}
.faq-list a:hover::after{
	background-position: 0 0;
}
.faq-list a:hover::after{
	right: 0;
	color: #f58821;
}

/* ==========================================================================
   footer
   ========================================================================== */
/* ページトップ
========================= */
#page-top{
	position: relative;
	height: 50px;
	line-height: 50px;
}

#page-top a{
	position: absolute;
	right: 0;
	height: 50px;
	background-color: #f58821;
	color: #fff;
	width: 280px;
	text-decoration: none;
	text-align: center;
	opacity: 1;
}
#page-top a::before{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: '\e809';/*Webフォント指定*/
}
#page-top a:hover{
	background-color: #fb9d36;
}

/* footer nav
========================= */
.footerNav{
	background-color: #f58821;
}

.footerNav > ul > li{
	float: left;
	margin-right: 20px;
}
/*home*/
.footerNav-home{
	width: 90px;
}
/*twitter*/
.footerNav-twitter{
	width: 90px;
}
/*新規会員登録*/
.footerNav-signUp{
	width: 130px;
}
/*広告出稿について*/
.footerNav-advertiser{
	width: 160px;
}
.footerNav > ul > li.footerNav-user{
	float: right;
	width: 440px;
	margin-right: 0;
}
.footerNav > ul > li > ul{
	width: auto;
	min-width: 0;
}
/*アフィリエイター様ログインボタン*/
.footerNav-affiliate-login{
	float: left;
	width: 240px;
}
/*広告主様ログインボタン*/
.footerNav-advertiser-login{
	float: right;
	width: 190px;
}
.footerNav a{
	display: table-cell;
	height: 80px;
	font-size: 1.4rem;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}
.footerNav a:hover{
	color: #fff992;
}
/*webアイコン用スタイル*/
.footerNav a i{
	font-size: 180%;
	margin-right: 5px;
	vertical-align: middle;
	color: #fff;
	/*アニメーション用表記*/
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
.footerNav a:hover i{
	color: #fff992;
}
.footerNav .footerNav-advertiser-login{
	margin-right: 0;
}
/*ログインボタン・ログアウトボタンの設定*/
.footerNav .footerNav-affiliate-login a,
.footerNav .footerNav-advertiser-login a,
.footerNav .footerNav-logout a{
	display: block;
	margin-top: 18px;
	padding: 0 20px;
	height: auto;
	line-height: 45px;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.3) inset;
}
/*ログインボタン　アフィリエイター*/
.footerNav .footerNav-affiliate-login a{
	background-color: #e0450f;
}
.footerNav .footerNav-affiliate-login a:hover{
	color: #fff;
	background-color: #f35822;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
}
/*ログインボタン　広告主*/
.footerNav .footerNav-advertiser-login a{
	background-color: #0858aa;
}
.footerNav .footerNav-advertiser-login a:hover{
	color: #fff;
	background-color: #1d6dbf;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
}
/*ログアウトボタン*/
.footerNav .footerNav-logout{
	float: right;
	margin-right: 0;
}
.footerNav .footerNav-logout a{
	background-color: #666;
}
.footerNav .footerNav-logout a:hover{
	color: #fff;
	background-color: #999;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
}



/* footer contents nav
========================= */
.footerConNav{
	padding: 30px 0;
}
/*ナビゲーション見出し*/
.footerConNav h4{
	border-top: 2px solid #f58821;
	border-bottom: 1px solid #ddd;
	padding: 12px 0;
}
.footerConNav h4::before{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: '\e801';/*Webフォント指定*/
	margin-right: 6px;
	color: #f58821;
	font-size: 2rem;
	vertical-align: middle;
}
/*footerConNav1階層下のコンテンツ*/
.footerConNav > *{
    float: left;
    margin: 0 20px 0 0;
    width: calc((100% - 20px * 3) / 4);/* 4つのカラムと３つの20pxマージン*/
}
.footerConNav > *:last-child{
	margin-right: 0;
}
.footerConNav > *.affiliate-color{
	width: calc(((100% - 20px * 3) / 4) * 2 + 20px);/*真ん中のコンテンツは2つのカラムと20pxのマージンを足した数*/
}
.footerConNav > *.affiliate-color ul{
	float: left;
	width: calc((100% - 10px * 2) / 2);
	margin: 0 10px 0 0;
}
.footerConNav > *.affiliate-color ul:nth-child(3){
	margin-right: 0;/*2つ目のリストの右マージンを削除*/
}
.footerConNav li{
	border-bottom: 1px dotted #b2b2b2;
}
.footerConNav a{
	display: block;
	position: relative;
	padding: 8px 0 8px 1.1em;
	text-decoration: none;
	color: #3e3e3e;
}
.footerConNav a::after{
	position: absolute;
	left: 5px;
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: "\e804";/*Webフォント指定*/
	color: #f58821;
}

.footerConNav a:hover{
	background-color: #fff5e1;
}
/*フッターサイトマップ　アフィリエイター*/
.footerConNav .affiliate-color h4{
	border-top-color: #e0450f;
}
.footerConNav .affiliate-color h4::before{
	color: #e0450f;
}
.footerConNav .affiliate-color a::after{
	color: #e0450f;
}
/*フッターサイトマップ　広告主*/
.footerConNav .advertiser-color h4{
	border-top-color: #0858aa;
}
.footerConNav .advertiser-color h4::before{
	color: #0858aa;
}
.footerConNav .advertiser-color a::after{
	color: #0858aa;
}
/*コピーライト*/
.copy{
	background-color: #eee;
	text-align: center;
	padding: 10px 0;
}

/* ==========================================================================
   フォーム
   ========================================================================== */
/* ログインフォーム　全体
========================= */
.loginForm-wrapper{
	display: table;
	table-layout: fixed;/*ieでの列幅を固定レイアウト化*/
	overflow: hidden;
	margin-bottom: 24px;
	width: 100%;
}

/* アフィリエイター　ログインフォーム
========================= */
.loginForm-form{
	position: relative;
	display: table-cell;
	padding: 40px 80px 40px 40px;
	background-color: #f1f1f1;
	vertical-align: top;/*上寄せ*/
}
.loginForm-form .input{
	width: 100%;
	margin-bottom: 10px;
}
/*エラーの時*/
.loginForm-form .input.is-error{
	background-color: #ffe2e2;
}
/*エラーメッセージ*/
.is-loginForm-messages,
.is-form-messages,
.is-passForm-messages,
.is-error-messages{
  color: #e0450f;
  display: block;
}



/* アフィリエイター　ログインフォーム　ボタン
========================= */
.loginForm-form input.button,
.loginForm-newMember-button .button{
	padding: 8px 0 12px;
	width: 100%;
}

/* botann margin*/
.loginForm-form .button{
	margin: 10px 0;
}

/* アフィリエイター　ログインフォーム　新規登録
========================= */
.loginForm-newMember{
	position: relative;
	display: table-cell;
	width: 478px;
	border: 1px solid #ddd;
}
/* マスク用 */
.loginForm-newMember::after {
    background-color: #fff;
    bottom: -1px;
    content: " ";
    height: calc(100% + 2px);
    position: absolute;
    left: -41px;
    width: 40px;
}
.loginForm-newMember-img{
	display: block;
	margin: -1px -1px 0;
	width: calc(100% + 2px);
}

.loginForm-newMember-button{
	position: relative;
	margin-top: 40px;
	padding: 20px;
	font-size: 1.8rem;
	text-align: center;
	border-top: 1px solid #ddd;
}
.loginForm-newMember-button::after{
	background-color: #fff;
	position: absolute;
	top: -41px;
	left: -1px;
	content: " ";
	width: calc(100% + 2px);
	height: 40px;
}

/* 広告主　ログインフォーム
========================= */
.advertiser-form{
	display: block;
	width: 600px;
	margin: 0 auto;
}

.advertiser-form .loginForm-form{
	display: block;
}

/* ==========================================================================
   エラーページ
============================================================================= */
.loginError-wrapper{
	padding: 40px 0;
}

/* ==========================================================================
   下層ページ共通項目
   ========================================================================== */
/*Pタグは1文字分余白をあける
content-page(下層ページ)のsection内のPタグのみに適応*/
.content-page section p{
	margin-bottom: 1em;
}

/*動的なテキストが入る部分にはPタグが入っても余白は生まれない
テキスト下の余白解除方法は[.longComment]クラスをつけるか、sectionで囲まなければ良い*/
.content-page section .longComment p{
	margin-bottom: 0;
}

/* メインカラム
========================= */
.content-page .main-clm{
  width: 700px;
  float: left;
}

/*画像をメインカラムからはみ出させないための宣言*/
.content-page .main-clm img{
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}

/*ログインフォーム・アフィリエイト登録申込み*/
.content-page .main-clm.main-oneClm{
	width: 1000px;
	padding: 0 0 40px;
	float: none;
}
/*ログイン後ワンカラム*/
.content-page .main-clm.mainLogin-oneClm{
	width: 1000px;
	float: none;
}

/* サイドカラム
========================= */
.side-clm{
  width: 270px;
  float: right;
}

/* アイキャッチ
========================= */
.eyecatch{
  background-color: #f8f8f8;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #e0e0e0;
}
.eyecatch h1{
  padding: 24px;
  font-size: 24px;
  width: 1000px;
  text-align: center;
  margin: 0 auto;
}
.eyecatch span{
  font-size: 60%;
  display: block;
  color: #666;
  padding-top: 10px;
}
/* パンくず
========================= */
.bread{
  background: #fff;
  overflow: hidden;
  padding: 15px 0;
  font-size: 11px;
  position: relative;
  z-index: 2;
}
.bread ol{
  width: 1000px;
  margin: 0 auto;
  color: #666;
}
.bread li{
  display: inline;
  line-height: 1.8;
}
/*矢印*/
.bread li::after{
  content: ">";
  text-decoration: none;
  margin: 0 10px;
}
/*最後のリストの矢印を消す*/
.bread li:last-child::after{
	display: none;
}
.bread a{
  color: #0b3190;
  text-decoration: underline;
}

/* 新規会員登録ボタン
========================= */
.newMemberButton{
	text-align: center;
}

/* コンテンツフッターナビ
========================= */
.tcsFooter-title{
	padding: 20px 10px 20px 30px;
	font-size: 2rem;
	background: url(../imgFD/content_footer_title.jpg) no-repeat left center;

}
.tcsFooter-link{
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	overflow: hidden;
}
.tcsFooter-link li{
	float: left;
	width: 50%;
	height: 70px;
	line-height: 70px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.tcsFooter-link a{
	display: block;
	text-decoration: none;
	color: #3e3e3e;
	height: 69px;
}
.tcsFooter-link a:hover{
	background-color: #fff5e1;
}
.tcsFooter-link a::before{
	content: "";
	display: inline-block;
	width: 58px;
	height: 58px;
	margin-right: 10px;
	background: url(../imgFD/content_footer_icon.png);
	vertical-align: middle;
}
/*アイコン*/
.tcsFooter-link .tcsFL01 a::before{
	background-position: -58px -3px;
}

.tcsFooter-link .tcsFL02 a::before{
	background-position: 0 -58px;
}

.tcsFooter-link .tcsFL03 a::before{
	background-position: 0 -174px;
}

.tcsFooter-link .tcsFL04 a::before{
	background-position: 0 -116px;
}

.tcsFooter-link .tcsFL05 a::before{
	background-position: -58px -116px;
}

.tcsFooter-link .tcsFL06 a::before,
.tcsFooter-link .tcsFL07 a::before{
	font-family: "fontello";/*Webフォントフォントファミリー指定*/
	content: '\e803';/*Webフォント指定*/
	line-height: 58px;
	color: #eb6b3e;
	font-size: 3rem;
	text-align: center;
	background:none;
}
.tcsFooter-link .tcsFL07 a::before{
	content: '\f1ea';
	color: #438fbf;
}

.tcsFooter-link .tcsFL08 a::before{
	background-position: -58px -58px;
}

/*確認画面で登録に失敗した時のエラーメッセージ*/
.tourokuCheck-errorMessage{
    padding-bottom: 10px;
    text-align: center;
}

/*SMS認証フォーム*/
.smsSendForm{
	padding:20px 0px 20px 0px;
	margin:40px 0px 20px 0px;
    text-align: center;
    border: 1px solid #dddddd;
    background-color:#fff2e4;
}
.smsSendButton{
	margin:10px 0px 0px 0px;
}
.smsSendMessage{
	padding:20px 0px 0px 0px;
}
.smsSendPointer{
	cursor:pointer;
}
.smsSendBackButton{
	    margin-top: 10px;
}
.smsSendNgMessage{
	background-color:#ddd;
	border:1px;
}