/*==============================================
■ヘッダー
　ライン
  共通
  ヘッダーアイコン
  フルスクリーン用ボックス
  ヘッダーアラート
==============================================*/
/*==============================================
ライン
==============================================*/
body {
	padding: 0 !important;
    color: #333333 !important;
    font-size: 16px;
    text-shadow: none !important;
}
.ContentsTitle{
	width: 100%;
	background-color: #1F3333;
	border-top: 2px solid #F2597D;
	padding: 11px 12px;
	position: relative;
	height: auto;
	line-height: normal;
}
.ModalPopUpClose {
    top: 9px !important;
}
/*--スレッドサーチの友達にメールを送るを隠す--*/
.Mail_to_Friends{
	display: none;
}
/*==============================================
共通
==============================================*/
header{
  height:66px !important;
  padding: 12px 0 0;
  margin-bottom:10px;
  background-color: #FFFFFF !important;
  background-position: 0 0;
  background-image: url("https://cdn.findfriends.jp/img.sp/common/image/soccer/common/bg_header.png");
  background-repeat: repeat-x;
  background-size: 320px 12px;
}
header .outer{
  height:54px !important;
  background-image:  -moz-linear-gradient(
              center top,
              #ffffff 0%,
              #edeced 100%);
  background-image: -o-linear-gradient(top,
              #ffffff 0%,
              #edeced 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,
    color-stop(0.0  , #ffffff),
    color-stop(1.0 ,  #edeced)
    );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#edeced')";
  -moz-box-shadow: 0px 1px 0px #e3e2e2;
  -webkit-box-shadow: 0px 1px 0px #e3e2e2;
  -o-box-shadow: 0px 1px 0px #e3e2e2;
  -ms-box-shadow: 0px 1px 0px #e3e2e2;
  border-bottom:1px solid #928f90;
}
header .Header_Box{
  position: relative;
}
/*MQ デフォルト*/
@media only screen and (min-width: 992px) {
  header .Header_Box{
    width:920px;
    margin:0 auto;
  }
  header h1 img.Logo{
    position: absolute;
    top:10px;
    left:6px;
  }
}
/*MQ タブレット*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .Header_Box{
    width:768px;
    margin:0 auto;
  }
  header h1 img.Logo{
    position: absolute;
    top:10px;
    left:6px;
  }
}
/*MQ モバイル縦*/
@media only screen and (min-width: 300px) and (max-width: 479px) {
  header h1 img.Logo{
    position: absolute;
    top:10px;
    left:6px;
  }
}
/*MQ モバイル横*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  header .Header_Box{
    width:480px;
    margin:0 auto;
  }
  header h1 img.Logo{
    position: absolute;
    top:10px;
    left:6px;
  }
}
header ul{
  position:absolute;
  top: 0;
  right:0;
}
header li{
  display:block;
  float:left;
  margin:0;
  padding:0;
}
/*==============================================
ヘッダーアイコン
==============================================*/
.Icon_Header{
  display:block;
  width:50px;
  height:50px;
  background: url("https://cdn.findfriends.jp/img.sp/common/image/soccer/icon/icon_soccer.png");
  background-repeat:no-repeat;
  background-size:400px 400px;
  -moz-background-size:400px 400px;
  -webkit-background-size:400px 400px;
  -o-background-size:400px 400px;
  -ms-background-size:400px 400px;
}
@media only screen and
  (-webkit-min-device-pixel-ratio: 1.5) {
.Icon_Header {
  background: url("/common/image/soccer/icon/icon_soccer_x1.5.png");
  background-repeat:no-repeat;
  background-size:400px 400px;
  -moz-background-size:400px 400px;
  -webkit-background-size:400px 400px;
  -o-background-size:400px 400px;
  -ms-background-size:400px 400px;
  }
}
@media only screen and
  (-webkit-min-device-pixel-ratio: 2) {
.Icon_Header {
  background: url("/common/image/soccer/icon/icon_soccer_x2.png");
  background-repeat:no-repeat;
  background-size:400px 400px;
  -moz-background-size:400px 400px;
  -webkit-background-size:400px 400px;
  -o-background-size:400px 400px;
  -ms-background-size:400px 400px;
  }
}
.Icon_Login{
  background-position:-55px 0;
}
.Icon_Menu{
  background-position:-105px 0;
}
.Icon_Home{
  background-position:-155px 0;
}
.Icon_MyPage{
  background-position:-205px 0;
}
.Icon_MyClub{
  background-position:-255px 0;
}
.Icon_Close{
  background-position:-305px 0;
}
/*==============================================
フルスクリーン用ボックス
==============================================*/
/*MQ デフォルト*/
@media only screen and (min-width: 992px) {
  .Header_Menu_Box{
    width:920px;
    margin:10px auto 0 auto;
  }
}
/*MQ タブレット*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Header_Menu_Box{
    width:750px;
    margin:10px auto 0 auto;
  }
}
/*MQ モバイル縦*/
@media only screen and (min-width: 300px) and (max-width: 479px) {
  .Header_Menu_Box{
    margin:0 auto;
  }
}
/*MQ モバイル横*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .Header_Menu_Box{
    margin:0 auto;
  }
}
.Header_Menu_Box .Common_Btn ul li a{
  font-size:.9em !important;
}
/*--マイページアラート--*/
body.User #AlertMessage{
	margin-bottom: 10px;
	background: #fff;
}

body.User #AlertMessage ul li {
	font-size: 90%;
	padding: 10px 13px 8px;
}
/* =======================================================
ヘッダーアラート
======================================================= */
.Alert{
  position:relative;
}
.Alert_New{
  position: absolute;
  top: 8px;
  right: 4px;
  z-index: 98;
  width: 18px;
  height: 18px;
}
.Alert_New > div{
  z-index: 98;
  width: 18px;
  height: 18px;
  background-image: url("/common/image/soccer/icon/icon_mypage_alert.png");
  background-size:18px 18px;
  -moz-background-size:18px 18px;
  -webkit-background-size:18px 18px;
  -o-background-size:18px 18px;
  -ms-background-size:18px 18px;
  background-position:0 0;
  background-repeat:no-repeat;
  background-color: transparent !important;
}
/*==============================================
■アイコン
==============================================*/
/*--サイト質問1*/
.Icon_SNS_M .Icon_SNS_Q1,
.Icon_SNS_M .Icon_sns_Q1{
  width: 18px !important;
  height: 15px !important;
  background-position: -60px -364px;
}
/*--サイト質問2*/
.Icon_SNS_M .Icon_SNS_Q2,
.Icon_SNS_M .Icon_sns_Q2{
  width: 18px !important;
  height: 15px !important;
  background-position: -21px -385px;
}

/*==============================================
■フッター
	基本指定
	ページ上部へ
==============================================*/
/*footer{
	margin:8px 0 0 0;
	padding:8px 0;
	font-size:.8em;
}*/
/*MQ デフォルト*/
/*@media only screen and (min-width: 992px) {
	footer .Footer_Box{
		width:920px;
		margin:0 auto;
	}
}*/
/*MQ タブレット*/
/*@media only screen and (min-width: 768px) and (max-width: 991px) {
	footer .Footer_Box{
		width:750px;
		margin:0 auto;
	}
}*/
footer ul.List_Box{
	margin:10px 0 0 0;
}
footer ul.List_Box li{

	background:none !important;
}
footer ul.List_Box li:first-child{
	border-top: 1px solid #ddd !important;
}
footer ul.List_Box li a{
	color:#555 !important;
}
footer p.Copy_Right{
	text-align:center;
}
ul.RankTypeBalloon li.Active a {
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 6px 0;
    border-radius: 5px;
    background: #cecece;
}