@charset "utf-8";


@media screen and (min-width: 768px) {
	
	.spview{ display:none;}
	.pcview{ display:block;}

	/*----------------------------------------------------
		header#globalHeader
	----------------------------------------------------*/
	header#globalHeader {
		width:960px;
		margin:0 auto;
		position:relative;
	}
	header#globalHeader #menuarea{
		display:block;
	}

	/* ロゴ
	----------------------------------------------------*/
	header#globalHeader #logoarea{
		width:430px;
		height:76px;
		margin:0;
		float:left;
	}
	header#globalHeader #logoarea .headTxt{
		margin:0;
		display:block;
		height:30px;
		line-height:30px;
		overflow:hidden;
		font-size:72%;
		font-weight:normal;
	}
	

	/* ユーティリティナビゲーション
	----------------------------------------------------*/
	header#globalHeader #utlnav{
		display:block;
		width:520px;
		margin:0;
		padding:0;
		text-align:right;
		position:absolute;
		top:43px;
		right:0px;
		z-index:20;
	}
	header#globalHeader #utlnav li{
		display:block;
		margin:0 0 0 15px;
		padding:0 0 0 13px;
		float:left;
		background:url(../../share/images/icon01.gif) no-repeat 0 40%;
		font-size:86%;
		height:30px;
		line-height:30px;
	}
	
	/* 言語ナビゲーション
	----------------------------------------------------*/
	header#globalHeader #lngnav{ display:block; width:285px; position:absolute; right:0px; top:15px;}
	header#globalHeader #lngnav li{ display:block; float:left; font-size:93%; border-right:1px solid #5F5F5F; padding:0 8px 0 8px; line-height:1.1 !important;}
	header#globalHeader #lngnav li.lastchild{ padding:0 0 0 8px; border-right:0px;}
	
	/* グローバルナビゲーション
	----------------------------------------------------*/
	header#globalHeader nav {
		clear:both;
		height:43px;
	}
	header#globalHeader nav ul {
		/zoom: 1;
		height:43px;
	}
	header#globalHeader nav ul:after {
		content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
	}
	header#globalHeader nav ul li {
		float: left;
		width:120px;
		height:43px;
	}
	header#globalHeader nav ul li a{
		display:block;
		width:120px;
		height:43px;
		text-indent:-9999px;
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	header#globalHeader nav ul li#nav01 a{ background-image:url(../../share/images/gnav01.gif);}
	header#globalHeader nav ul li#nav01 a:hover{ background-image:url(../../share/images/gnav01_on.gif);}
	header#globalHeader nav ul li#nav02 a{ background-image:url(../../share/images/gnav02.gif);}
	header#globalHeader nav ul li#nav02 a:hover{ background-image:url(../../share/images/gnav02_on.gif);}
	header#globalHeader nav ul li#nav03 a{ background-image:url(../../share/images/gnav03.gif);}
	header#globalHeader nav ul li#nav03 a:hover{ background-image:url(../../share/images/gnav03_on.gif);}
	header#globalHeader nav ul li#nav04 a{ background-image:url(../../share/images/gnav04.gif);}
	header#globalHeader nav ul li#nav04 a:hover{ background-image:url(../../share/images/gnav04_on.gif);}
	header#globalHeader nav ul li#nav05 a{ background-image:url(../../share/images/gnav05.gif);}
	header#globalHeader nav ul li#nav05 a:hover{ background-image:url(../../share/images/gnav05_on.gif);}
	header#globalHeader nav ul li#nav06 a{ background-image:url(../../share/images/gnav06.gif);}
	header#globalHeader nav ul li#nav06 a:hover{ background-image:url(../../share/images/gnav06_on.gif);}
	header#globalHeader nav ul li#nav07 a{ background-image:url(../../share/images/gnav07.gif);}
	header#globalHeader nav ul li#nav07 a:hover{ background-image:url(../../share/images/gnav07_on.gif);}
	header#globalHeader nav ul li#nav08 a{ background-image:url(../../share/images/gnav08.gif);}
	header#globalHeader nav ul li#nav08 a:hover{ background-image:url(../../share/images/gnav08_on.gif);}
	
	/* index */
	#page.index #nav01 a{ background-image:url(../../share/images/gnav01_on.gif) !important;}
	/* service */
	#page.service #nav02 a{ background-image:url(../../share/images/gnav02_on.gif) !important;}
	/* buy */
	#page.buy #nav03 a{ background-image:url(../../share/images/gnav03_on.gif) !important;}
	/* service */
	#page.sell #nav04 a{ background-image:url(../../share/images/gnav04_on.gif) !important;}
	/* search */
	#page.search #nav05 a{ background-image:url(../../share/images/gnav05_on.gif) !important;}
	/* magazine */
	#page.magazine #nav06 a{ background-image:url(../../share/images/gnav06_on.gif) !important;}
	/* club */
	#page.club #nav07 a{ background-image:url(../../share/images/gnav07_on.gif) !important;}
	/* news */
	#page.news #nav08 a{ background-image:url(../../share/images/gnav08_on.gif) !important;}
		
	/*----------------------------------------------------
		footer#globalFooter
	----------------------------------------------------*/
	footer#globalFooter {
		clear: both;
		height:420px;
		background:url(../../share/images/bg_footer.gif) repeat-x 0 0;
	}
	footer#globalFooter #globalFooter_in {
		width:960px;
		margin:0 auto;
		padding:20px 0 0 0;
	}
	
	footer#globalFooter #groupnav {
		list-style: none;
		display:block;
		height:36px;
		margin:0 0 14px 0;
		background:url(../../share/images/footer_group_nav_bg.gif) no-repeat 0 0;
	}
	footer#globalFooter #groupnav .midashi {
		display:block;
		width:137px;
		height:36px;
		float:left;
		text-indent:-9999px;
	}
	footer#globalFooter #groupnav ul {
		display:block;
		height:36px;
		background:none;
	}
	footer#globalFooter #groupnav ul li {
		display:block;
		float:left;
		height:36px;
		line-height:36px;
		padding:0 18px 0 12px;
		background:url(../../share/images/icon01.gif) no-repeat 0 45%;
	}
	
	footer#globalFooter #foot_store_search {
		clear:both;
		margin:0 0 14px 0;
	}
	footer#globalFooter #foot_store_search .midashi{
		display:block;
		padding: 0 0 0 10px;
		margin:0 0 10px 0;
		line-height:1.2;
		font-weight:bold;
	}
	footer#globalFooter #foot_store_search .sbox01 {
		width:153px;
		float:left;
		margin:0 8px 0 0;
	}
	footer#globalFooter #foot_store_search .nomgn {
		margin:0 0 0 0;
	}
	footer#globalFooter #foot_store_search .sbox01 .areaname{
		display:block;
		background:url(../../share/images/bg_footer_navttl01.gif) no-repeat 0 0;
		width:153px;
		height:16px;
		line-height:16px;
		font-size:72%;
		color:#FFF;
		text-align:center;
		font-weight:normal;
		margin:0 0 10px 0;
	}
	footer#globalFooter #foot_store_search .sbox01 ul{
		display:block;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	footer#globalFooter #foot_store_search .sbox01 ul li{
		display:block;
		float:left;
		width:50px;
		text-align:center;
		font-size:72%;
		padding:0 0 0 0;
		margin:0 0 8px 0;
	}
	
	footer#globalFooter #foot_clubrank {
		clear:both;
	}
	footer#globalFooter #foot_clubrank .midashi{
		display:block;
		padding: 0 0 0 10px;
		margin:0 0 10px 0;
		line-height:1.2;
		font-weight:bold;
	}
	footer#globalFooter #foot_clubrank .sbox01 {
		width:314px;
		float:left;
		margin:0 8px 0 0;
	}
	footer#globalFooter #foot_clubrank .nomgn {
		margin:0 0 0 0;
	}
	footer#globalFooter #foot_clubrank .sbox01 .rankname{
		display:block;
		background:url(../../share/images/bg_footer_navttl02.gif) no-repeat 0 0;
		width:314px;
		height:16px;
		line-height:16px;
		font-size:72%;
		color:#FFF;
		text-align:center;
		font-weight:normal;
		margin:0 0 10px 0;
	}
	footer#globalFooter #foot_clubrank .sbox01 ul{
		display:block;
		padding:0 0 0 10px;
		margin:0 0 0 0;
	}
	footer#globalFooter #foot_clubrank .sbox01 ul li{
		display:block;
		float:left;
		font-size:72%;
		padding:0 0 0 0;
		margin:0 0 8px 0;
	}
	footer#globalFooter #foot_clubrank .sbox01 ul li a{
		padding:0 13px 0 0;
	}
	footer#globalFooter #foot_clubrank .sbox01 ul li.cfr01{
		width:95px;
	}
	footer#globalFooter #foot_clubrank .sbox01 ul li.cfr02{
		width:119px;
	}
	footer#globalFooter #foot_clubrank .sbox01 ul li.cfr03{
		width:90px;
	}
	
	footer#globalFooter #footnav{
		border-top:1px dotted #d5d4d4;
		clear:both;
		margin:10px 0 0 0;
		padding:30px 0 0 0;
	}
	footer#globalFooter #footnav li{
		float:left;
		background:url(../../share/images/line_nav.gif) no-repeat right center;
		padding:0 10px 0 10px;
		font-size:72%;
	}
	footer#globalFooter #footnav li.lastchild{
		background:none;
	}
	footer#globalFooter #footnav li a.blank{
		background:url(../../share/images/icon_blank.gif) no-repeat right 50%;
		padding:0 13px 0 0;
	}
	footer#globalFooter #copyarea{
		clear:both;
		padding:15px 0 0 10px;
	}
	footer#globalFooter #copyarea .copyright{
		float:left;
		font-size:72%;
	}
	footer#globalFooter #copyarea small{
		float:right;
		font-size:72%;
	}

}
@media screen and (max-width: 767px)  {
	
	.spview{ display:block;}
	.pcview{ display:none;}
	
	/*----------------------------------------------------
		header#globalHeader
	----------------------------------------------------*/
	header#globalHeader {
		width:100%;
		margin:0 auto;
		background: #ffffff;
		position:relative;
		background:url(../img/bg_logo.png) no-repeat left top;
	}
	header#globalHeader #logoarea {
		width:215px;
		height:56px;
		margin:0;
		float:left;
	}
	header#globalHeader #logoarea .headTxt{
		display:none;
	}
	header#globalHeader #logoarea .logo{
		display:block;
		width:215px;
		height:56px;
		margin:0;
		background:url(../img/logo.png) no-repeat 0 0;
		background-size:215px auto;
	}
	header#globalHeader #logoarea .logo img{
		display:none;
	}
	
	header#globalHeader #btnarea{
		display:block;
		width:103px;
		height:57px;
		float:right;
	}
	header#globalHeader #btnarea .btn_storesearch{
		display:block;
		width:52px;
		height:57px;
		float:left;
	}
	header#globalHeader #btnarea .btn_menu{
		display:block;
		width:51px;
		height:57px;
		float:left;
	}
	header#globalHeader .headTxtsp{
		display:block;
		clear:both;
		height:20px;
		line-height:20px !important;
		padding:0;
		background-color:#f1f1f1;
		text-align:center;
	}
	header#globalHeader .headTxtsp img{
		height:20px;
	}
	
	
	header#globalHeader #menuarea{
		clear:both;
		display:none;
	}
	ul#utlnav{
		width:100%;
		margin:0;
		border-top:1px solid #c2c0c0;
	}
	ul#utlnav li {
		list-style:none;
		line-height:38px;
		background:url(http://www.golfpartner.co.jp/sp/image/share/icon_arrow_r.png) 97% 50% no-repeat #fff;
		background-size: 9px 14px;
		-moz-background-size: 9px 14px;
		-webkit-background-size: 9px 14px;
		-o-background-size: 9px 14px;
		-ms-background-size: 9px 14px;
		border-bottom:1px solid #c2c0c0;
		margin:0 0 0 0;
	}
	ul#utlnav li a{
		padding:0 10px;
		display:block;
		font-size:14px;
		color:#222;
	}
	ul#utlnav li a.pc{
		background:url(http://www.golfpartner.co.jp/sp/image/share/icon_pc.png) 90% 50% no-repeat;
		background-size: 12px 14px;
		-moz-background-size: 12px 14px;
		-webkit-background-size: 12px 14px;
		-o-background-size: 12px 14px;
		-ms-background-size: 12px 14px;
	}

	/* 言語ナビゲーション
	----------------------------------------------------*/
	ul#lngnav{
		width:100%;
		margin:0;
	}
	ul#lngnav li {
		list-style:none;
		line-height:38px;
		background:url(http://www.golfpartner.co.jp/sp/image/share/icon_arrow_r.png) 97% 50% no-repeat #fff;
		background-size: 9px 14px;
		-moz-background-size: 9px 14px;
		-webkit-background-size: 9px 14px;
		-o-background-size: 9px 14px;
		-ms-background-size: 9px 14px;
		border-bottom:1px solid #c2c0c0;
		margin:0 0 0 0;
	}
	ul#lngnav li a{
		padding:0 10px;
		display:block;
		font-size:14px;
		color:#222;
	}
	ul#lngnav li a.pc{
		background:url(http://www.golfpartner.co.jp/sp/image/share/icon_pc.png) 90% 50% no-repeat;
		background-size: 12px 14px;
		-moz-background-size: 12px 14px;
		-webkit-background-size: 12px 14px;
		-o-background-size: 12px 14px;
		-ms-background-size: 12px 14px;
	}



	nav ul{
		width:100%;
		margin:0;
	}
	nav ul li {
		list-style:none;
		line-height:38px;
		background:url(http://www.golfpartner.co.jp/sp/image/share/icon_arrow_r.png) 97% 50% no-repeat #fff;
		background-size: 9px 14px;
		-moz-background-size: 9px 14px;
		-webkit-background-size: 9px 14px;
		-o-background-size: 9px 14px;
		-ms-background-size: 9px 14px;
		border-bottom:1px solid #c2c0c0;
		margin:0 0 0 0;
	}
	nav ul li a{
		padding:0 10px;
		display:block;
		font-size:14px;
		color:#222;
	}
	nav ul li a.pc{
		background:url(http://www.golfpartner.co.jp/sp/image/share/icon_pc.png) 90% 50% no-repeat;
		background-size: 12px 14px;
		-moz-background-size: 12px 14px;
		-webkit-background-size: 12px 14px;
		-o-background-size: 12px 14px;
		-ms-background-size: 12px 14px;
	}


	/*----------------------------------------------------
		footer#globalFooter
	----------------------------------------------------*/
	footer#globalFooter {
		margin:0 0 0 0;
		padding:10px 0 0 0;
		clear: both;
	}
	footer#globalFooter #globalFooter_in {
		width:100%;
	}
	footer#globalFooter #groupnav {
		display:none;
	}
	footer#globalFooter #foot_store_search {
		display:none;
	}
	footer#globalFooter #foot_clubrank {
		display:none;
	}
	footer#globalFooter #footnav{
		border-top:1px dotted #d5d4d4;
		clear:both;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	footer#globalFooter #footnav li{
		padding:0 0 0 0;
		border-bottom:1px dotted #999999;
	}
	footer#globalFooter #footnav li a{
		display:block;
		padding:10px;
	}
	footer#globalFooter #footnav li.lastchild{
		background:none;
	}
	footer#globalFooter #footnav li a.blank{
		background:url(../../share/images/icon_blank.gif) no-repeat right 50%;
		padding:0 13px 0 0;
	}
	footer#globalFooter #copyarea{
		clear:both;
		padding:15px 10px 15px 10px;
		background-color:#e6e6e6;
	}
	footer#globalFooter #copyarea .copyright{
		font-size:12px;
		margin:0 0 10px 0;
	}
	footer#globalFooter #copyarea small{
		font-size:12px;
	}

}
@media screen and (max-width: 319px)  {
	
	.spview{ display:block;}
	.pcview{ display:none;}
	
	/*----------------------------------------------------
		header#globalHeader
	----------------------------------------------------*/
	header#globalHeader {
		width:100%;
		margin:0 auto;
		background: #ffffff;
		position:relative;
		background:url(../img/bg_logo.png) no-repeat left top;
	}
	header#globalHeader #logoarea {
		width:190px;
		height:56px;
		margin:0;
		float:left;
	}
	header#globalHeader #logoarea .headTxt{
		display:none;
	}
	header#globalHeader #logoarea .logo{
		display:block;
		width:190px;
		height:56px;
		margin:0;
		background:url(../img/logo.png) no-repeat 0 0;
		background-size:215px auto;
		cursor:pointer;
	}
	header#globalHeader #logoarea .logo img{
		display:none;
	}
	
	header#globalHeader #btnarea{
		display:block;
		width:103px;
		height:57px;
		float:right;
	}
	header#globalHeader #btnarea .btn_storesearch{
		display:block;
		width:52px;
		height:57px;
		float:left;
		cursor:pointer;
	}
	header#globalHeader #btnarea .btn_menu{
		display:block;
		width:51px;
		height:57px;
		float:left;
		cursor:pointer;
	}

}