@charset "UTF-8";
@import url("single.css");

/* for PC,ipad */
@import url("low_pc_20200605.css") screen and (min-width:813px);

/* for iphone,ipod,Andoroid */
@import url("low_mobi_20200630.css") screen and (min-width:0) and (max-width:812px);


/* ----------------------------
 lower Common
---------------------------- */

/* box border */
.tpbd{border-top:1px solid #ededed;}

/* fit rate */
.fit-rate{border:1px solid #ededed;}

.fit-rate > .inner{
	padding:20px;
	border-bottom:1px solid #ededed;
}

.fit-rate h2,.fitPercent{
	display:inline-block;
	vertical-align:top;
}

.fit-rate h2{line-height:1.33;}
.fit-rate .fitPercent{text-align:right;}

.fit-rate .fitPercent .fitNumber{
	font-weight:600;
	line-height:1.0;
}

/* fit Graph */

.fitGraph{margin-top:20px;}
.fitGraph li{padding-bottom:6px;}
.fitGraph dl{letter-spacing:-.4em;}
.fitGraph dt,.fitGraph dd,
.fitGraph dd > div{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}

.fitGraphBarBase,.fitGraphBar{
	border-radius:3px;
	height:20px;}

.fitGraphBarBase{
	background:#ededed;
	text-align:left;
	overflow:hidden;
}

#itemContent .fitGraphBar{
	display:inline-block;
	background:#c01920;
}

.fitGraph dd > div.fitGraphPt{color:#808080;}

/* radio + image */
.radioImg {
	display: none;
}

.radioImg + .radioImgWrap {
	cursor:pointer;
	border:1px #ededed solid;
	background-color: #fff;
	border-radius:3px;
}

.radioImg:checked + .radioImgWrap {
	border:2px #c01920 solid;
	background-color: #fff;
}

/* radio + text */
.radioText{display:none;}
.radioText + .radiotxWrap{
	cursor:pointer;
	padding:13px;
	border:1px solid #ededed;
	border-radius:3px;
}

.radioText:checked + .radiotxWrap{
	border:2px solid #c01920;
	padding:12px;
}

.radioText:disabled + .radiotxWrap{
	background:#f6f6f6;
	color:#808080;
	padding:12px;
	border:1px solid #f6f6f6;
	cursor:default;
}

/* ★update section 3 ★　////////////////////////////////// */
/* item list 
---------------------------- */
.itemListHorizon .itemRankOne,
.itemListHorizon .itemListOne {
	width:100%;
	padding:15px 0;
	text-align:left;
}

.itemListHorizon .tumImg,
.itemListHorizon .rankNo{
	text-align:center;
}

.itemListHorizon .rankNo{line-height:1.0;}
.itemListHorizon .itemPrice{margin-top:7px;}

.itemListHorizon .tumImg img.itemImg{width:100px;}


.itemListHorizon .itemRankOne,
.itemListHorizon .itemListOne {border-width:0 0 1px 0;}
.itemListHorizon .itemRankOne:first-child,
.itemListHorizon .itemListOne:first-child{border-width:1px 0 1px 0;}

.itemListHorizon .tumImg,.itemListHorizon .itemDataBox,
.itemListHorizon .tumImgSub,.itemListHorizon .itemDataBoxSub{
	display:inline-block;
	vertical-align:top;
}

.itemListHorizon .itemDataBox{
	width:calc(100% - 110px);
	margin-left:5px;
}

.itemListHorizon .tumImgSub img.itemImg{width:60px;}
.itemListHorizon .itemDataBoxSub{
	width:calc(100% - 70px);
	margin-left:5px;
}

.itemListHorizon .itemListSub .inner{
	border:1px solid #ededed;
	padding:15px 47px 15px 15px;
	background:url(/store/assets/v1/img/common/ar-1-r.png) no-repeat 97% center;
}

/* ▲update section 3 ▲　////////////////////////////////// */

/* ----------------------------
 item page
---------------------------- */
/* slide */
#itemContent #itemWrap .itemSlideShow{
	text-align:center;
}

#itemContent #itemWrap .flex-control-thumbs ol{
	letter-spacing:-.4em;
}
#itemContent #itemWrap .flex-control-thumbs li{
	display:inline-block;
	letter-spacing:normal;
	cursor:pointer;
}

#itemContent #itemWrap .flex-control-nav {
	margin-top:20px;
	text-align:left;}

#itemContent #itemWrap .flex-direction-nav {display:none;}

#itemContent #itemWrap .flex-control-thumbs li img{
	border-radius: 3px;
	border:2px solid #fff;
}

#itemContent #itemWrap .flex-control-thumbs li img.flex-active{
	border:2px solid #c01920;
}

/* head */
#itemContent .InCartHead .newIco{margin-left:0 !important;}
#itemContent .InCartHead h1{line-height:1.25;}
#itemContent .InCartHead .itemPrice{
	padding-top:12px;
	line-height:1.56;
	font-weight:500;
}
#itemContent .InCartHead .itemPrice small{
	line-height:2.8;
	font-weight:normal;
}

/* In Cart */
#itemInCart h2{line-height:1.33;}

#itemInCart .radioImgWrap{
	border-radius:3px;
	text-align:center;}
#itemInCart .radioImgWrap img{width:100px;}
#itemInCart .radioImgWrap .price{font-weight:500;}
#itemInCart .radiotxWrap{text-align:center;}

#itemInCart .cartInButton,
#itemInCart .presentButton{
	font-weight:500;
}

#itemInCart .btmQs{text-align:right;}
#itemInCart .bannerBlock{text-align:center;}

/* review tab */

#itemReview {
	padding-bottom: 40px;
	border-bottom:1px solid #ededed;
}

.tabs input[name="tab_item"] {display: none;}
.tab_item {
	width: 48%;
	width:calc(50% - 10px);
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #ededed;
	border-radius:3px 3px 0 0;
	cursor:pointer;
 	color: #c01920;
	text-align: center;
	display: block;
	float: left;
	font-weight:bold;
	transition: all 0.2s ease;
	background:#fff;
}

.tab_item:hover {
	opacity: 0.7;
}

.tabBd {
	width:100%;
	border-bottom:1px solid #ededed;
	z-index:-1;
	top:0;
	left:0;
}


.tab_review {margin-left:10px;}
.tab_itemNote {margin-right:10px;}

#review:checked ~ #review_content,
#itemNote:checked ~ #itemNote_content {
		display: block;
}

.tabs input:checked + .tab_item {
	border-top:1px solid #ededed;
	border-left:1px solid #ededed;
	border-right:1px solid #ededed;
	border-bottom:1px solid #fff;
	color:#000;
	cursor: default;
}

.tabs input:checked + .tab_item:hover{opacity:1;}

input[name="tab_item"] {
	display: none;
}

.tab_content {
	display: none;
	padding: 20px 20px 0;
	clear: both;
	overflow: hidden;
}

/* raderChart */
.raderChart {
	width:300px;
	height:300px;
	padding:20px 0px;
	margin:0 auto 40px auto;
	left: -10px;
}

.raderChart .rcLabel{
	font-size:12px;
	font-weight:600;
	color:#c01920;
}

.raderChart .label1{top:28px;left:156px;}
.raderChart .label2{top:81px;right:8px;}
.raderChart .label3{top:238px;right:6px;}
.raderChart .label4{bottom:-13px;left:132px;}
.raderChart .label5{top:238px;left:23px;}
.raderChart .label6{top:81px;left:0px;}

/* review comment */
.reviewComent dl{letter-spacing:-.4em;}
.reviewComent dt,.reviewComent dd{
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
}


.reviewComent figure{text-align:center;}

.reviewComent dt{
	width:72px;
	font-weight:600;
	padding-right:20px;
	padding-top:16px;
	letter-spacing:0.5px;
}
.reviewComent dd{
	line-height:1.33;
	background:#f7f7f7;
	border-radius:18px;
}

.reviewComent dd .fukidashi{
	top:70px;
	left:-20px;
}

/* itemNote */

#itemNote_content > div > table,
#itemNote_content > div > table > tbody > tr > th,
#itemNote_content > div > table > tbody > tr > td{
	text-align:left;
	padding-bottom:9px;
	border-collapse:collapse;}

#itemNote_content > div > table{width:100%;}
#itemNote_content > div > table > tbody > tr > th{
	width:80px;
	line-height:1.83;
}
#itemNote_content > div > table > tbody > tr > td{line-height:1.83;}
#itemNote_content > div > table > tbody > tr > td.details table th{
	font-weight:lighter;
}

#itemNote_content ul.panel li{
	background:#f5f5f5;
	color:#808080;
	text-align:center;
}

#itemNote_content ul.panel li.on{
	color:#fff;;
	background:#000;
}

.itemNote_content > div > table,
.itemNote_content > div > table > tbody > tr > th,
.itemNote_content > div > table > tbody > tr > td{
	text-align:left;
	padding-bottom:9px;
	border-collapse:collapse;}

.itemNote_content > div > table{width:100%;}
.itemNote_content > div > table > tbody > tr > th{
	width:80px;
	line-height:1.83;
}
.itemNote_content > div > table > tbody > tr > td{line-height:1.83;}
.itemNote_content > div > table > tbody > tr > td.details table th{
	font-weight:lighter;
}

.itemNote_content ul.panel li{
	background:#f5f5f5;
	color:#808080;
	text-align:center;
}

.itemNote_content ul.panel li.on{
	color:#fff;;
	background:#000;
}

/* player List */


.itemSecondary .playerList h3{line-height:1.5;}
.itemSecondary .playerList ul{padding-top:15px;}

.itemSecondary .playerList ul li > a{display:block;}
.itemSecondary .playerList img.playerImg{
	width:80px;
	border-radius:40px;
}
.itemSecondary .playerList figure,
.itemSecondary .playerList figcaption{
	width:80px;
	display:block;}
.itemSecondary .playerList figcaption{
	line-height:1.5;
	padding-top:3px;
}

/* Quest */


#itemQuest ul > li a{display:block;}
#itemQuest ul > li figure{
	display:block;
	overflow:hidden;
}

#itemQuest ul > li figure img{
	width:auto;
	max-width:none !important;
}

#itemQuest ul > li h4{
	line-height:1.5;
	font-weight:normal;
	overflow:hidden;
}

#itemQuest ul > li time{
	font-size:10px;
	color:#808080;
	line-height:1.4;
}

/* swiper */

.swiper-container {
	width: 100%;
	text-align:center;
}

.slider-thumbnail {margin-top:20px;}
.slider-thumbnail .swiper-slide {
	border:2px solid #fff;

}

.slider-thumbnail .swiper-slide-thumb-active{
	border:2px solid #c01920;
}


.slider-thumbnail .swiper-slide{cursor:pointer;}

/* ----------------------------
 serchPage page
---------------------------- */



/* brand select */

.brandSelect .radioImg + .radioImgWrap {
	cursor:pointer;
	border:none;
	box-shadow:0 0 0 1px #ededed;
	background-color: #fff;
	border-radius:0;
}


.brandSelect li{position:relative;}
.brandSelect .radioImg:checked + .radioImgWrap::after{
	content:url("/store/assets/v1/img/common/check-on.png");
	position:absolute;
	border:2px solid #c01920;
	padding:6px;
	text-align:left;
	top:-1px;
	left:-1px;
	z-index:3100;
}

.brandSelect .radioImg + .radioImgWrap::before{
	content:url("/store/assets/v1/img/common/check-off.png");
	position:absolute;
	top:6px;
	left:6px;
	z-index:3000;
}


.brandSelect li label {
	display:table;
}

.brandSelect li label figure{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.inputBox{text-align:center;}
.brandSelect li label figure figcaption{color:#808080;}

/* series add */


.addseries{
	position:relative;
	width:40px;
	height:40px;
	background:#ededed;
	border-style: none;
	border-radius:40px;
	cursor:pointer;
	background:#ededed url("/store/assets/v1/img/common/plus.png") no-repeat center center;
}

.addseries .tx{
	position:absolute;
	display:block;
	width:100px;
	text-align:left;
	left:-10px;
	bottom:-20px;
	color:#808080;
	font-size:10px;
}

/* ----------------------------
 my page
---------------------------- */

/* ground map base size */
#groundMap,
.groundMapUp{
	height:325px;
}

/* ground map */
#groundMap {
	border-radius: 3px;
	background-color: #2e9e53;
	overflow:hidden;

}

/* line */
#groundMap .line{
	border-style:solid;
	border-color:rgba(255,255,255,0.3);
}
.groundMapBtm {
	width:calc(100% - 18px);
	height:300px;
	margin:0 9px;
	border-width:0px 1px 1px 1px;
	padding-top:8px;
}

.groundMapBtm .inner{
	width:100%;
	height:291px;
	border-width:1px 0 0;
}

.groundMapBtm .inner2{
	width:100%;
	bottom:0;
	z-index:3000;
}

.groundMapBtm .inner3{
	width:148px;
	height:58px;
	border-width:1px 1px 0;
	margin:0 auto;
}

.groundMapBtm .inner4{
	width:92px;
	height:25px;
	border-width:1px 1px 0;
	margin:32px auto 0;
}

.groundMapBtmFt{
	width:42px;
	height:13px;
	margin:0 auto;
	border-width:0 1px 1px;
}

.groundMapBtm .dot{
	top:-12px;
	width:100%;
	text-align:center;
	z-index:3010;
}
.groundMapBtm .dot span {
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:3px;
	background:rgba(255,255,255,0.3);
}

.groundMapBtm .circle1{
	top:-30px;
	width:100%;
	text-align:center;
	z-index:3010;
}

.groundMapBtm .circle1 span {
	display:inline-block;
	width:62px;
	height:62px;
	border-radius:31px;
	border:1px solid rgba(255,255,255,0.3);
}

.groundMapBtm .circle2,.groundMapBtm .circle3{
	width:16px;
	height:16px;
	z-index:3020;
	overflow:hidden;
}

.groundMapBtm .circle2{
	bottom:0;
	right:0;
}

.groundMapBtm .circle3{
	bottom:0;
	left:0;
}

.groundMapBtm .circle3{transform:rotate(90deg)}

.groundMapBtm .circle2 span,
.groundMapBtm .circle3 span{
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:15px;
	border:1px solid rgba(255,255,255,0.3);
}


/* ground map up */

.groundMapUp {
	width:100%;
	z-index:3050;
	top:0;
	left:0;
	padding:17px 19px 0;
}



.groundMapUp .leftBox,
.groundMapUp .rightBox{
	width:90px;
	height:274px;
}

.groundMapUp .centerBox{
	width:calc(100% - 190px);
	height:300px;
	margin:0 5px;
}

.groundMapUp .side-position{
	width:89px;
	height:88px;
}

.groundMapUp .center-position{width:100%;}
#posi-c-stcf {height:62px;}
#posi-c-omf {height:128px;}
#posi-c-cs {height:45px;}
#posi-c-gk {height:48px;}



.groundMapUp .side-position,
.groundMapUp .center-position {
	margin-bottom:5px;
	border-radius: 2.7px;
	background-color:rgba(0,0,0,0.1);
}

.groundMapUp .side-position .outer,
.groundMapUp .center-position .outer{display:table;}
.groundMapUp .side-position .inner,
.groundMapUp .center-position .inner{display:table-cell;}

.groundMapUp .center-position .outer,
.groundMapUp .center-position .inner,
.groundMapUp .side-position .outer,
.groundMapUp .side-position .inner{
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}

/* mark */

.groundMapUp .posi-mk {
	display:inline-block;
	width:28.6px;
	height:28.6px;
	background:#fff;
	border-radius:15px;
	text-align:center;
	line-height:28.6px;
	font-weight:600;
	font-size:10px;
	color:rgba(0,0,0,0.3);
}


.groundMapUp .onPosition{
	background-color:rgba(192,25,32,0.55);
}

.groundMapUp .onPosition .posi-mk{
	color:rgba(192,25,32,1);
}

.groundMapUp .center-position .mkLeft,
.groundMapUp .center-position .mkRight{
	width:29px;
	vertical-align:top;
	display:inline-block;}

.groundMapUp .center-position .mkLeft{padding-top:18px;margin-right:6px;}
.groundMapUp .center-position .mkRight{padding-bottom:18px;margin-left:6px;}

#posi-c-omf .posi-mk:first-child{margin-bottom:9px;}
#posi-c-omf .posi-mk:last-child{margin-top:9px;}

/* ----------------------------
 my page
---------------------------- */
.myWrap h2{
	line-height:1.5;
	color:rgba(0,0,0,0.5);
	font-weight:600;
}

.myWrap h3{
	line-height:1.64;
	font-weight:500;
}

/*header */

#mypageHead .headNickName{text-align:center;}
#mypageHead .headNickName .greeting{
	line-height:1;
	padding-bottom:10px;
}
#mypageHead .headNickName .nickName{
	font-weight:600;
	line-height:1;
	padding-bottom:23px;
}

/* point */
.posspointWrap{
	width:209px;
	margin:0 auto;
}

#mypageHead .posspoint{
	letter-spacing:-.4em;
	display:inline-block;
	width:209p;
	height:32px;
	background:rgba(0,0,0,0.05);
	overflow:hidden;
	border-radius:16px;
}

#mypageHead .posspoint dt,#mypageHead .posspoint dd{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
}

#mypageHead .posspoint dt{
	width:120px;
	font-size:10px;
	line-height:16px;
	padding-top:8px;
	padding-left:8px;
}

#mypageHead .posspoint dt img{margin-right:5px;}

#mypageHead .posspoint dd{
	width:89px;
	font-size:14px;
	font-weight:600;
	padding-top:3px;
	padding-right:10px;
}

/* link */

ul.mypageLink{margin:20px 0;}

ul.mypageLink li a{
	display:block;
	border:1px solid #ededed;
	background:#fff;
	border-radius:3px;
}

ul.mypageLink li:last-child{
	margin-right:0;
}

/* head + sho fit */
ul.mypageLink li span > i,
#shoefit-add .shofitPoint span i{
	font-style:normal;
	font-weight:500;
}

#shoefit-add .shofitPoint {
	border-radius:30px;
	background:#f7f7f7;
}

/* ★update section 3 ★　////////////////////////////////// */
/* ----------------------------
 item list
---------------------------- */

.itemListHead{
	background:#f7f7f7;
}
.itemListHead dl.shResult{line-height:1.4;}
.itemListHead dl.shResult,.itemListHead dl.shResult > dt,.itemListHead dl.shResult > dd,
.itemListHead dl.shResult > dd li{display:inline-block;}

.itemListHead dl.shResult > dd li:after{content:",";}
.itemListHead dl.shResult > dd li:last-child:after{content:"";}

.itemListHead .headTab{
	width:100%;
	bottom:-3px;}

.itemListHead .headTab li button{
	width:100%;
	background:#f7f7f7;
	border-top:1px solid #f7f7f7;
	border-bottom:1px solid transparent;
	border-left:1px solid #f7f7f7;
	border-right:1px solid #f7f7f7;
	cursor:pointer;
}

.itemListHead .headTab li button span{
	font-weight:600;
	line-height:1.57;
	color:#c01920;
}

.itemListHead .headTab li.onTab button{
	background:#fff;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #fff;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	cursor:default;
}

.itemListHead .headTab li.onTab button span{color:#000;}

.otherBrand , .gkGloveOnlyBrand {
	display: none;
}

.searchSpikeGlove {
	padding-top: 10px;
}

.listSearchSpikeGlove {
	padding-top: 20px;
}

.serchKeyWrapSpikeGlove {
	padding: 10px 0 25px;
}

@media screen and (max-width: 768px) {
	.searchSpikeGlove {
		padding: 0 20px 12px;
	}

	.serchKeyWrapSpikeGlove {
		padding: 0 20px 20px;
	}

	.searchTitle {
		padding: 0 20px 13px !important;
	}
}