/*==============================================
■ヘッダー
	ライン
	共通
	ヘッダーアイコン
	フルスクリーン用ボックス
	ヘッダーアラート
==============================================*/

/*==============================================
全体レイアウトのメディアクエリ
==============================================*/
.Contents:after{
	clear:both;
	content:" ";
	display:block;
}

@media only screen and (max-width: 811px){
	.under_Breakpoint{
		display:normal;
	}
	.over_Breakpoint{
		display:none;
	}
	.over_Breakpoint .Contents{
		margin-top:0;
	}

}

@media only screen and (min-width: 812px){
	.under_Breakpoint{
		display:none;
	}
	.over_Breakpoint{
		display:normal;
	}
	.over_Breakpoint .Contents{
		margin-top:0;
	}
}


/*==============================================
ライン・見出し デザイン
==============================================*/
body {
  /*background-image: url("/common/image/golf/common/bg_body.png") !important;*/
  background-position:0 0;
  background-repeat:repeat-x !important;
  background-size:1px 4px;
  /*padding:4px 0 0;*/
  text-shadow:none !important;
}

.ContentsTitle{
	background: #5fa825;
}
.ModalPopUpClose {
    top: 8px !important;
}
/*--スレッドサーチの友達にメールを送るを隠す--*/
.Mail_to_Friends{
	display: none;
}
/*==============================================
共通
==============================================*/
header{
  height:54px !important;
  border-bottom: 1px solid #aaa;
  background-image:moz-linear-gradient(top,
                              #dfe9d7 0%,
                              #ffffff 20%);
  background-image:-o-linear-gradient(top,
                              #dfe9d7 0%,
                              #ffffff 20%);
  background-image:-webkit-gradient(linear,left top,left bottom,
                              color-stop(0 ,#dfe9d7),
                              color-stop(0.2 ,#ffffff));
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dfe9d7', EndColorStr='#ffffff')";
  -webkit-box-shadow: 0px 1px 0px #e3e2e2;
  -o-box-shadow: 0px 1px 0px #e3e2e2;
  -ms-box-shadow: 0px 1px 0px #e3e2e2;
}
header.simple{
  height:50px !important;
}
header.simple h1 img.Logo{
  position:absolute;
  top:2px;
  left:8px;
  height:40px !important;
}
header .Header_Box{
  position: relative;
}
/*MQ デフォルト*/
@media only screen and (min-width: 992px) {
  header .Header_Box{
    width:920px;
    margin:0 auto;
  }
  .PCLogoBox h1 img.Logo{
    position: absolute;
    height:78px;
    top:0;
    left:0;
  }
}
/*MQ タブレット*/
@media only screen and (min-width: 812px) and (max-width: 991px) {
  header .Header_Box{
    width:768px;
    margin:0 auto;
  }
  .PCLogoBox h1 img.Logo{
    position: absolute;
    height:60px;
    top:0
    left:0;
  }
}
/*MQ モバイル縦*/
@media only screen and (max-width: 811px) {
	header{
		border-top: 4px solid #3a8c00;
	}
  header .Header_Box{
    width:100%;
    margin:0 auto;
  }
  header h1 img.Logo{
    position: absolute;
    height:42px;
    top:3px;
    left:8px;
  }
}
header ul{
  position:absolute;
  top: 0;
  right:0;
}
header li{
  display:block;
  float:left;
  margin:0;
  padding:0;
}

/*PC用設定*/
@media only screen and (min-width: 812px){
  body{
    background-image:none !important;
    margin-top:0!important;
    padding-top:0 !important;
  }
  div.GolfPcHeaderWrap {
    width:100%;
    margin:0;
    padding:0;
  }
  div.GolfPcHeaderWrap .GolfPcHeaderBox {
    background:#333;
    color:#FFF;
    height:31px;
    margin-bottom:2px;
    border-bottom:1px solid #FFF;
  }
  div.GolfPcHeaderWrap .GolfPcHeaderBox ul.HeaderTextWrap {
    position:relative;
    font-size:.8em;
  }
  div.GolfPcHeaderWrap .GolfPcHeaderBox ul li.HeaderText1 {
    position:absolute;
    top:8px;
    left:5px;
  }
  div.GolfPcHeaderWrap .GolfPcHeaderBox ul li.HeaderMypage {
    position:absolute;
    top:8px;
    right:5px;
  }
  div.GolfPcHeaderWrap .GolfPcHeaderBox ul li.HeaderMypage dl dd {
    display:inline-block;
    margin:0 4px;
  }
  div.GolfPcHeaderWrap .GolfPcHeaderBox ul li.HeaderMypage a {
    color:#FFF;
  }
  div.GolfPcHeaderWrap .GolfPcHeaderBox ul li.HeaderMypage a:hover {
    text-decoration: underline!important;
  }

  div.PCLogoWrap {
    height:80px;
    margin:0 auto;
    padding:0;
    overflow:hidden;
  }
  div.PCLogoBox {
    position:relative;
  }
  div.PCLogoWrap h1 {
    position:absolute;
    top:8px;
    left:5px;
  }
  div.PCLogoWrap .logoboxlink {
    position:absolute;
    top:4px;
    right:0;
  }
  div.PCLogoWrap .logoboxlink img{
    width:540px;
  }
  div.GolfGMenuWrap .GolfGMenuBox {
    color:#FFF;
    height:45px;
    margin:0 auto;
    border-bottom:4px solid #003900;
  }
  body:not([class="TOP"]) div.GolfGMenuWrap .GolfGMenuBox{
    margin-bottom:10px;
  }
  div.GolfGMenuWrap {
    margin:0 auto;
    padding:0;
    background-color:#25a125;
  }
  div.GolfGMenuWrap .GolfGMenuBox ul {
    text-align:center;
    display:table;
    width:800px;
    margin:0 auto;
    background-color:#0e9e0e;
    background-image:-moz-linear-gradient(
            center top,
            #0e9e0e 0%,
            #058e05 50%,
            #008800 100%
          );
    background-image:-o-linear-gradient(top,
            #0e9e0e 0%,
            #058e05 50%,
            #008800 100%
          );
    background-image:-webkit-gradient(linear,left top,left bottom,
            color-stop(0 , #0e9e0e),
            color-stop(0.5 , #058e05),
            color-stop(1.0 , #008800)
          );
    background-image:linear-gradient(to bottom,
            #0e9e0e 0%,
            #058e05 50%,
            #008800 100%
          );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0e9e0e', EndColorStr='#008800')";
  }
  div.GolfGMenuWrap .GolfGMenuBox ul li {
    height:40px;
    width:16.67%;
    display:table-cell;
    border-top:1px solid #99CC66;
    border-right:1px solid  #006600;
    border-left:1px solid  #99CC66;
  }
  div.GolfGMenuWrap .GolfGMenuBox ul li a {
    font-size:.8em;
    line-height:40px;
    width:100%;
    height:100%;
    display:block;
    color:#FFF;
    padding:0 4px;
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
  }
  div.GolfGMenuWrap .GolfGMenuBox ul li a:hover {
    /* text-decoration:underline!important; */
    background:#00C000;
  }

}

@media only screen and (min-width: 980px){
  div.PCLogoWrap {
    height:100px;
  }
  div.PCLogoWrap .logoboxlink img{
    width:728px;
  }
  div.GolfGMenuWrap .GolfGMenuBox ul{
    width:960px;
  }
  div.GolfGMenuWrap .GolfGMenuBox ul li a {
    font-size:.9em;
  }
}

/*==============================================
ヘッダーアイコン
==============================================*/
.Icon_Header{
  display:block;
  width:45px;
  height:45px;
  background: url("../image/golf/common/img_golf-2.0.png");
  background-repeat:no-repeat;
  background-size:450px 600px;
  -moz-background-size:450px 600px;
  -webkit-background-size:450px 600px;
  -o-background-size:450px 600px;
  -ms-background-size:450px 600px;
}
@media only screen and
  (-webkit-min-device-pixel-ratio: 1.5) {
.Icon_Header {
  background: url("../image/golf/common/img_golf-2.0_x2.png");
  background-repeat:no-repeat;
  background-size:450px 600px;
  -moz-background-size:450px 600px;
  -webkit-background-size:450px 600px;
  -o-background-size:450px 600px;
  -ms-background-size:450px 600px;
  }
}
@media only screen and
  (-webkit-min-device-pixel-ratio: 2) {
.Icon_Header {
  background: url("../image/golf/common/img_golf-2.0_x2.png");
  background-repeat:no-repeat;
  background-size:450px 600px;
  -moz-background-size:450px 600px;
  -webkit-background-size:450px 600px;
  -o-background-size:450px 600px;
  -ms-background-size:450px 600px;
  }
}
header.Base_Header .Icon_Home{
  background-position:0 0;
}
header.Base_Header .Icon_Login{
  background-position:-45px 0;
}
header.Base_Header .Icon_Mypage{
  background-position:-90px 0;
}
header.Base_Header .Icon_Menu{
  background-position:-135px 0;
}
header.Base_Header .Icon_Close{
  background-position:-405px 0;
}
/* =======================================================
ヘッダーアラート
======================================================= */
.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("../image/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;
}

/*--マイページアラート--*/
body.User #AlertMessage{
	margin-bottom: 10px;
	background: #fff;
}

body.User #AlertMessage ul li {
	font-size: 90%;
	padding: 10px 13px 8px;
}

/*==============================================
■アイコン
==============================================*/
/*--ゴルフサイト質問1*/
.Icon_SNS_M .Icon_SNS_Q1,
.Icon_SNS_M .Icon_sns_Q1{
  width: 18px !important;
  height: 15px !important;
  background-position: -41px -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 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;
}