@charset "utf-8";
/*パンくずリストが無いため余白を作る*/
.content-page{
	margin-top: 20px;
}


/* トップページ広告欄
========================= */
.loginPickUp{
	border: 1px solid #ddd;
	padding: 20px;
	text-align: center;
	margin-bottom: 20px;
}

.loginPickUp h2{
	background-color: #2dbe60;
	color: #fff;
	padding: 10px;
	margin: -21px -21px 20px;
}
/*バナーイメージをコンテンツ幅に収める*/
.loginPickUp img{
	max-width: 100%;
}
a.loginPickUp-link{
  text-decoration: none;
  color: #434343;
}
a.loginPickUp-link:hover{
  color: #0b3190;
}
.loginPickUp-text{
  font-size: 85%;
}
.loginPickUp .loginPickUp-wrap{
  width: 680px;
  margin: 0 auto;
}
.loginPickUp .loginPickUp-box{
  float: left;
  width: 50%;
}
div.loginPickUp-box:nth-child(1),
div.loginPickUp-box:nth-child(2),
div.loginPickUp-box:nth-child(3),
div.loginPickUp-box:nth-child(4){
  margin-bottom: 10px;
}
/* 横長バナー用レイアウト */
.loginPickUp-box.loginPickUp-box-wideBanner{
  width: 100%;
}
/* 見出し
========================= */
.loginHeadline{
	background-color: #f58821;
	color: #fff;
	padding: 10px;
	margin: 30px 0 10px;
}
.loginHeadline.tcsSupport{
	background-color: #2dbe60;
}

.loginHeadline img,
.loginHeadline i{
	vertical-align: middle;
	font-size: 2.4rem;
	margin-right: 0.2em;
}

/* ログインページメニュー
========================= */
.loginMenu{
	margin-bottom: -10px;
}
.loginMenu li{
	float: left;
	margin: 0 10px 10px 0;
	width: calc((100% - 10px) / 2);
}
/*偶数のリストのマージンを削除*/
.loginMenu li:nth-child(2n){
	margin-right: 0;
}
.loginMenu a{
	position: relative;
	display: block;
	padding: 0 16px;
	text-decoration: none;
	color: #3e3e3e;
	border: 1px solid #ddd;
	height: 64px;
	line-height: 64px;
}
/*hover*/
.loginMenu a:hover,
.loginMenu a:focus{
	background-color: #fff5e1;
}
/*リストの矢印アイコン*/
.loginMenu a::after{
	font-family: "fontello";
	content: "\e805";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -32px;
	color: #ddd;
	font-size: 2rem;
}
/*リストの矢印アイコン　hover*/
.loginMenu a:hover::after,
.loginMenu a:focus::after{
	right: 7px;
}
/*サポートガイドリスト　hover*/
.loginMenu.tcsSupport a:hover,
.loginMenu.tcsSupport a:focus{
	background-color: #deffe9;
}
/*ログイン後メニュー　アイコン*/
.loginMenu i{
	color: #f6ac16;
	font-size: 1.9rem;
	margin-right: 0.2em;
	vertical-align: middle;
}

/*未読数バッジ*/
.loginMenu-number{
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -10px;
	display: inline-block;
	border-radius: 50%;
	color: #fff;
	min-width: 20px;
	height: 20px;
	line-height: 22px;
	text-align: center;
/*background-color: #ea5352;*/
	background-color: #dc3545;
	z-index: 3;
	font-size:1.0rem;
}



/* ==========================================================================
   ログイン後下層ページ　共通
============================================================================= */
/* メニューボタン・戻るボタン　固定
========================= */
/* 固定 */
.fixedAdMenu{
  position: absolute;
  text-align: center;
  height: 60px;
  width: 100px;
  right: -1px;
  top: 167px;
  z-index: 100;
}
.is-fixed{
  position: fixed;
  top: 6px;
  right: -1px;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
/* リンク設定 */
.fixedAdMenu a{
  display: block;
  font-size: 1.2rem;
  padding: 8px 5px;
  color: #fff;
  text-decoration: none;
  background-color: #186fc8;
  border: 1px solid #13569b;
  overflow: hidden;
}
.fixedAdMenu a:hover,
.fixedAdMenu a:focus{
  background-color: #2d89e6;
}
/* メニューに戻るボタン */
.fixedAdMenu .fixedAdMenu-home a{
  border-radius: 5px 0 0 0;
}
.fixedAdMenu .fixedAdMenu-home:last-child a{
  border-radius: 5px 0 0 5px;/* 戻るボタンがない場合は左端を両方角丸に */
}
/* 戻るボタン */
.fixedAdMenu .fixedAdMenu-back a{
	border-radius: 0 0 0 5px;
  border-top: none;
  box-shadow: 0 1px 0 #3a91ea inset;
}




/* ==========================================================================
   可変レイアウト
============================================================================= */
/*スマホで見た時背景が見切れない処理*/
body{
	min-width: 1000px;
}
/*各要素の横幅を可変　最小1000px・最大1400px*/
.header,
.content-inner.page,
.clm-inner,
.footerConNav,
.signUp-inner,
.content-inner,
.content-page .content-inner,
.eyecatch h1,
.content-page .main-clm.mainLogin-oneClm,
.headerBlock-01-inner,
.headerBlock-02-inner,
.gnav > ul,
#page-top span,
.footerNav > ul{
	width: 100%;
	min-width: 1000px;/*最小幅*/
	max-width: 1400px;/*最大幅*/
}
/*最小幅時の余白*/
.headerBlock-01,
.headerBlock-02,
.footerConNav-wrapper,
.gnav,
.content,
#page-top,
.footerNav{
	padding-left: 10px;
	padding-right: 10px;
}

/*スマホで見た時背景が見切れない処理*/
.gnav,
.content-inner,
.content-page,
.footerNav{
	min-width: 1000px;
}

/*名前の位置を修正*/
.welcome{
	right:10px;
}
#page-top a{
	right: 20px;
}
/*メイン　サイド*/
.content-page .main-clm{
	width: 100%;
	padding-right: 300px;
}
/*ワンカラムの時のパディングをとる*/
.content-page .main-clm.mainLogin-oneClm{
	padding: 0;
}
.content-page .side-clm{
    float: right;
    margin: 0 0 40px -300px;
    width: 270px;
}

/*ページトップに戻るボタン*/
#page-top{
	width: 100%;
	padding: 0 10px;
	text-align: right;
}
#page-top span{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1400px;
}
#page-top a{
	position: inherit;
	right: inherit;
	display: inline-block;
	width: 270px;
}
.footerNav .footerNav-logout{
  	margin-right: 10px;
  }

/* ウィンドウ幅が1160px以上　*/
@media screen and (min-width: 1160px){
	/*1160px以上の時左右に80pxの余白を作る*/
	.headerBlock-01,
	.headerBlock-02,
	.footerConNav-wrapper,
	.gnav,
	#page-top,
	.content-page,
	.footerNav{
		padding-left:80px;
		padding-right:80px;
	}
	.footerConNav{
		padding: 20px 0;
	}
}

/* ==========================================================================
   広告主
   ========================================================================== */
/* 見出し
========================= */
.loginHeadline-advertiser{
	background-color: #3383ea;
	color: #fff;
	padding: 10px;
	margin: 30px 0 10px;
}

.loginHeadline-advertiser img,
.loginHeadline-advertiser i{
	vertical-align: middle;
	font-size: 2.4rem;
	margin-right: 0.2em;
}

/* ログインページメニュー
========================= */
.loginMenu-advertiser{
	margin-bottom: -10px;
}
.loginMenu-advertiser li{
	float: left;
	border: 1px solid #ddd;
	margin: 0 10px 10px 0;
	width: calc((100% - 21px) / 3);
}
.loginMenu-advertiser li:nth-child(3n){
	margin-right: 0;
}

.loginMenu-advertiser a{
	position: relative;
	display: block;
	padding: 0 16px;
	text-decoration: none;
	color: #3e3e3e;
	height: 64px;
	line-height: 64px;
}
.loginMenu-advertiser a:hover,
.loginMenu-advertiser a:focus{
	background-color: #e4f9ff;
}
.loginMenu-advertiser a::after{
	font-family: "fontello";
	content: "\e805";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -32px;
	color: #ddd;
	font-size: 2rem;
}
.loginMenu-advertiser a:hover::after,
.loginMenu-advertiser a:focus::after{
	right: 7px;
}
.loginMenu-advertiser i{
	color: #3383ea;
	font-size: 1.9rem;
	margin-right: 0.2em;
	vertical-align: middle;
}
.loginMenu-advertiser i[class="icon-file-pdf"]{
	vertical-align: inherit;
}


.newsList-advertiser{
	border-bottom: 1px dotted #b2b2b2;
	overflow: hidden;
}
.newsList-advertiser dt,
.newsList-advertiser dd{
	float: left;
	padding: 20px 0;
	border-top: 1px dotted #b2b2b2;
	height: 100%;
}
.newsList-advertiser dt{
	width: 12%;
}
.newsList-advertiser dd{
	width: 88%;
}
.newsList-advertiser dd strong{
	font-weight: bold;
}

/* メニューに戻るボタン */
.advertiser .fixedAdMenu-home a::before,
.advertiser .fixedAdMenu-back a::before{
	color: #3383ea;
}

/*外部リンク用*/
.loginMenu-advertiser-support *[class*="icon-"]:before{
  color: #de4830;
  font-size: 1.4rem;
  margin-left: 5px
}