@charset "utf-8";
/* CSS Document */

/* ==========================================================================
 初期化
=========================================================================== */
html {-webkit-text-size-adjust: 100%}

body{
color:#333333 !important;
clear:both;
}

header,
#headerArea,
#contents,
#localNavi,
footer{
  display: inline-block !important;
  width: 100% !important;
  vertical-align: bottom;
}

header{
background:#ffffff !important;
}

.clearfix {
	overflow: visible;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .clearfix {
	height: 1em;
	overflow: visible;
}
/**/

hr{
	margin:20px 0 !important;
    border: 0;
    height: 2px;
    background: #dddddd;
    background-image: -webkit-linear-gradient(left, #dddddd); 
    background-image:    -moz-linear-gradient(left, #dddddd); 
    background-image:     -ms-linear-gradient(left, #dddddd); 
    background-image:      -o-linear-gradient(left, #dddddd); 
}

#smartphone strong,
#iphone strong{
	font-weight:900 !important;
}

strong{
	font-style:bold !important;
}

/* ==========================================================================
 汎用クラス
=========================================================================== */

/* 上マージン */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

/* 左マージン */
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }

/* 下マージン */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

/* 右マージン */
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

/* 下パディング */
.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }

/* align,valign */
.alignR { text-align: right !important; }
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.valignT { vertical-align: top !important; }
.valignM { vertical-align: middle !important; }
.valignB { vertical-align: bottom !important; }

/*
 回り込み解除（解除する親オブジェクトに設定）
--------------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}

/* \*/
html .clearfix{
	* height:1%;
}
.clearfix{
	display:block;
}
/* */

/*------------------------------------------------
  コンテンツ上部メニューアイコン
------------------------------------------------*/

#contents{
	padding:0;
}

#contents .content h3{
	background:none !important;
}

.content .accordion_top bottom-rounded-corners-list li{
	border-top:2px solid #DADADA;
}

.content .accordion_top bottom-rounded-corners-list > li:first-child {
    border-top: 0 none !important;
}

.article{
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	border-radius:0 !important;
}

.article>*:first-child {
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	border-radius:0 !important;
}
.article>*:last-child {
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	border-radius:0 !important;
}

/* ==========================================================================
 SPホーム内アプリ紹介枠改修 (2015/4/30追加)
=========================================================================== */

/* スマートフォンアプリ枠 */
#spAppBlock{
	margin-top:-20px !important;
	background:#ffffff !important;
}
#spAppBlock li{
	padding:30px 0;
	border-bottom:1px solid #ccc;
}
#spAppBlock li:last-child{
	border:none !important;
}
dl.spAppBlockInner dt{
	position:relative;
}
dl.spAppBlockInner dt a:before{
	content:"\0020";
	background:url("//www.golfdigest.co.jp/sp/resource/sp/img/top/icon_sp_app.png");
	width:100px;
	height:100px;
	display:block;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}
dl.spAppBlockInner dt#spAppNews a:before{
	background-position:0 0;
}
dl.spAppBlockInner dt#spAppScore a:before{
	background-position:-101px 0;
}
dl.spAppBlockInner dt#spAppRound a:before{
	background-position:-202px 0;
}
dl.spAppBlockInner dt#spAppReserve a:before{
	background-position:-303px 0;
}
dl.spAppBlockInner dt#spAppHotPrice a:before{
	background-position:-404px 0;
}
dl.spAppBlockInner dt#spAppCall a:before{
	background-position:-505px 0;
}
dl.spAppBlockInner dt#spAppShop a:before{
	background-position:-606px 0;
}
dl.spAppBlockInner dt a p strong{
	font-size:28px;
	color:#308ad2 !important;
}
dl.spAppBlockInner dt a p{
	padding-left:122px !important;
	display:block;
	font-size:22px;
	color:#333333;
}
dl.spAppBlockInner dd{
	margin-top:20px;
}
dl.spAppBlockInner dd.bannerArea{
	padding-bottom:0;
	margin-left: -40px;
}
dl.spAppBlockInner dd.bannerArea img{
	vertical-align: bottom;
	padding-left: 40px;
}