@charset "UTF-8";

@import url("single_pc.css");

/* ----------------------------
 lower Common
---------------------------- */
.lower {padding-bottom:80px; position: relative;}

/* fit rate */
.fit-rate{margin-top:36px;}

.fit-rate h2{
	font-size:18px;
	width:263px;
}

.fit-rate .fitPercent{width:110px;}
.fit-rate .fitPercent .fitNumber{font-size:36px;}
.fit-rate .fitPercent .fitNumber small{font-size:18px;}

.fit-rate .fitPercent .fitRank{font-size:10px;}

.fit-rate .moreBtnAr{
	margin:17px 20px;
}

/* fit Graph */

.fitGraphBarBase{width:181px;}
.fitGraph dt{width:127px;}
.fitGraph dd > div.fitGraphPt{width:61px;}

/* item list 
---------------------------- */

/* item list typeNormal */
.itemListNm .itemRankOne,
.itemListNm .itemListOne {
	width:150px;
	min-height:276px;
	padding:15px;
}

.itemListNm .itemRankRecommend {
	width:150px;
	min-height:276px;
	padding:0;
}

.itemListNm .recommendCategory {
	padding: 0 15px;
	background-color: #f5f5f5;
}

.itemListNm .tumImg.recommendImg,
.itemListNm .itemDataBox.recommendBox {
	padding: 15px;
}


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

.itemListNm .rankNo{line-height:1.0;}
.itemListNm .itemPrice{margin-top:7px;}
.itemListNm .rankNo,
.itemListNm .itemPrice .discount{display:block !important;}

.itemListNm .tumImg img.itemImg{width:120px;}
.itemListNm .itemPrice .discount{
	font-size:10px;
	line-height:1.0;}


.itemListNm .itemRankOne,
.itemListNm .itemListOne,
.itemListNm .itemRankRecommend {border-width:0 0 1px 1px;}
.itemListNm .itemRankOne:nth-child(4n),
.itemListNm .itemListOne:nth-child(4n),
.itemListNm .itemRankRecommend:nth-child(4n){border-width:0 1px 1px 1px;}
.itemListNm .itemRankOne:last-child,
.itemListNm .itemListOne:last-child,
.itemListNm .itemRankRecommend:last-child{border-width:0 1px 1px 1px;}

.itemListNm .itemRankOne:nth-child(n+1):nth-child(-n+4),
.itemListNm .itemListOne:nth-child(n+1):nth-child(-n+4),
.itemListNm .itemRankRecommend:nth-child(n+1):nth-child(-n+4){border-top:1px solid #ededed}

/* ★update section 3 ★　////////////////////////////////// */

/* item list Wide */

.itemListWide .itemRankOne,
.itemListWide .itemListOne {
	width:180px;
	min-height:276px;
	padding:15px;
}

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

.itemListWide .rankNo{line-height:1.0;}
.itemListWide .itemPrice{margin-top:7px;}
.itemListWide .rankNo,
.itemListWide .itemPrice .discount{display:block !important;}

.itemListWide .tumImg img.itemImg{width:120px;}
.itemListWide .itemPrice .discount{
	font-size:10px;
	line-height:1.0;}


.itemListWide .itemRankOne,
.itemListWide .itemListOne {border-width:0 0 1px 1px;}
.itemListWide .itemRankOne:nth-child(6n),
.itemListWide .itemListOne:nth-child(6n){border-width:0 1px 1px 1px;}
.itemListWide .itemRankOne:last-child,
.itemListWide .itemListOne:last-child{border-width:0 1px 1px 1px;}

.itemListWide .itemRankOne:nth-child(n+1):nth-child(-n+6),
.itemListWide .itemListOne:nth-child(n+1):nth-child(-n+6){border-top:1px solid #ededed}

/* item list Big */

.itemListBig .itemRankOne,
.itemListBig .itemListOne {
	width:204px;
	min-height:260px;
	padding:20px;
}

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

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


.itemListBig .tumImg img.itemImg{width:148px;}
.itemListBig .itemPrice .discount{
	font-size:10px;
	line-height:1.0;
	border: 1px solid #ff0000;
	padding: 2px;
	margin-left: 3px; }

.itemListBig .newIco,.itemListBig .saleIco{letter-spacing:normal;}


.itemListBig .itemRankOne,
.itemListBig .itemListOne {border-width:0 0 1px 1px;}
.itemListBig .itemRankOne:nth-child(4n),
.itemListBig .itemListOne:nth-child(4n){border-width:0 1px 1px 1px;}
.itemListBig .itemRankOne:last-child,
.itemListBig .itemListOne:last-child{border-width:0 1px 1px 1px;}

.itemListBig .itemRankOne:nth-child(n+1):nth-child(-n+4),
.itemListBig .itemListOne:nth-child(n+1):nth-child(-n+4){border-top:1px solid #ededed}


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

/* item list type2 */

li.itemRankOne-t2 {
	width:50%;
	letter-spacing:-.4em;
	border-top:1px solid #ededed;
}

li.itemRankOne-t2:nth-child(odd){border-right:1px solid #ededed;}
li.itemRankOne-t2:nth-child(1),
li.itemRankOne-t2:nth-child(2){border-top:none;}

li.itemRankOne-t2 a{
	width:100%;
	display:block;
	padding:15px;
}

li.itemRankOne-t2 figure,li.itemRankOne-t2 .itemDataBox,
li.itemRankOne-t2 .itemDataBox > div{
	display:inline-block;
}

li.itemRankOne-t2 figure,li.itemRankOne-t2 figure .itemDataBox{
	vertical-align:top;
	letter-spacing:normal;
}


li.itemRankOne-t2 figure {width:100px;}
li.itemRankOne-t2 .itemDataBox{
	width:70%;
	width:calc(100% - 100px);
}

li.itemRankOne-t2 .itemDataBox .rankNo{
	width:70px;
	text-align:center;
	padding-top:20px;
}
li.itemRankOne-t2 .itemDataBox .itemData{
	width:70%;
	width:calc(100% - 70px);
}

li.itemRankOne-t2 .itemDataBox .itemData .itemPrice{padding-top:7px;}
li.itemRankOne-t2 .itemDataBox .itemData .itemPrice small{
	font-size:10px;
	line-height:2;
}

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


.itemListHorizon .itemPrice .discount{
	font-size:10px;
	line-height:1.0;}


.itemListHorizon .itemListSub h4{
	font-size:10px;
	line-height:1.8;
	font-weight:400;
	padding:5px 0;
}

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

/* ----------------------------
 item page
---------------------------- */
#recommend h3,#sameSeries h3,#itemQuest h3,#recommendProduct h3{
	font-size:16px;
	line-height:1.5;
	padding-bottom:14px;
}

.itemSecondary {
	width:420px;
	padding-bottom:80px;
}

#itemContent #itemWrap {
	text-align:left;
	padding-top:40px;}
#itemContent #itemWrap > div{display:inline-block;vertical-align:top;}
#itemContent #itemWrap .itemPrimary {
	width:602px;
	margin-right:53px;
}

/* slide */

#itemContent #itemWrap .itemSlideShow{
	width:602px;
	padding-bottom:40px;
}

#itemContent #itemWrap .flex-control-thumbs li{
	width:91px;
	height:91px;
	margin-right:9px;
}


#itemContent #itemWrap .flex-control-thumbs li:nth-child(6n){margin-right:0;}


/* head */

#itemContent .InCartHead h1{font-size:24px;}
#itemContent .InCartHead .itemPrice{font-size:18px;}
#itemContent .InCartHead .itemPrice small{font-size:10px;}

/* In Cart */

#itemInCart{padding-bottom:40px;}
#itemInCart h2{font-size:18px;}

#itemInCart .colorVariation,#itemInCart .sizeVariation{margin-top:40px;}
#itemInCart .colorVariation > div.inner,
#itemInCart .sizeVariation > div{
	width:420px;
	margin-top:20px;
}

#itemInCart .colorVariation > div.inner > ul > li{margin-right:12px;}
#itemInCart .colorVariation > div.inner > ul > li:nth-child(3n){margin-right:0;}
#itemInCart .radioImgWrap{padding:15px 14px;}
#itemInCart .radioImgWrap .price{font-size:12px;}

#itemInCart .radiotxWrap{
	width:135px;
	margin-right:5px;
	margin-bottom:5px;
	font-size:14px;
}

#itemInCart .radioText + .radiotxWrap{
	height:100%;
}

.sizeVariation label{margin-bottom:5px;}

#itemInCart .sizeVariation .question{
	top:-20px;
	right:10px;
	font-size:12px;
	line-height:1.5;
}

#itemInCart .cartInButton,
#itemInCart .presentButton{
	width:420px;
	height:60px;
	font-size:16px;
}

#itemInCart .cartInButton{margin-top:40px;}
#itemInCart .presentButton{margin-top:10px;}

#itemInCart .btmQs{
	padding-right:10px;
	margin-top:10px;
}

#itemInCart .bannerBlock{
	padding-top:40px;
}

/* review tab */
#itemReview {width: 420px;}
.tab_item {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}

.tabBd {	height:50px;}
.tab_content {padding: 20px 20px 0;}

/* review comment */
.reviewComent dl{width:382px;}
.reviewComent dd{
	width:310px;
	padding:25px 20px;
	font-size:12px;
}


/* itemNote */
#itemNote_content > div > table > tbody > tr > td{
	width:300px;
}

#itemNote_content ul.panel li{
	width:83px;
	height:24px;
	line-height:24px;
	font-size:10px;
	margin-left:3px;
	margin-bottom:3px;
}

/* player List */
.itemSecondary .playerList h3{font-size:16px;}
.itemSecondary .playerList{
	max-width:430px;
	padding-top:30px;}
.itemSecondary .playerList ul li{margin-bottom:15px;}
.itemSecondary .playerList ul li{margin-right:15px;}
.itemSecondary .playerList ul li:nth-child(4n){margin-right:0;}
.itemSecondary .playerList ul li > a:hover{opacity:0.7;}


/* recommend */

#recommend .moreBtn,
#recommendProduct .moreBtn{
	top:0;
	right:2px;
}

#recommendProduct .moreBtn{
	top:0;
	right:2px;
}

#sameSeries{padding-bottom:35px;}



/* Quest */
#itemQuest{
	padding:30px 0;
	border-top:1px solid #ededed;
}

#itemQuest ul > li{
	overflow:hidden;
	width:142px;
	height:179px;
	margin-right:10px;
	background:#fff;
	border-radius: 20px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}

#itemQuest ul > li:nth-child(4n){margin-right:0;}

#itemQuest ul > li a:hover{opacity:0.7;}
#itemQuest ul > li figure{
	width:142px;
	height:100px;
}

#itemQuest ul > li figure img{height:100px;}

#itemQuest ul > li div.txt{
	padding:7px 15px 15px;
}

#itemQuest ul > li h4{
	font-size:12px;
	height:3em;
}

/* swiper */

#itemSlide {padding-bottom:40px;}

.swiper-container {
	&.slider {
		height: 480px;
	}
}

/* @FIX swiperの機能を破壊しているので修正 */
/* .slider-thumbnail .swiper-slide {
	width: 91px !important;
	height: 91px !important;
	overflow: hidden;
	margin-right:9px;
	border-radius:2px;
} */




/* ----------------------------
 serchPage page
---------------------------- */
.serchWrap {
	width:824px;
	padding:38px 0 60px;
	margin:0 auto;
}

.serchWrap h1{
	font-size:28px;
	line-height:1.43;
}

.serchKeyWrap {padding:25px 0;}
.serchOne {padding:22px 0;}
.serchOne h2{
	font-size:18px;
	line-height:1.33;

}

/* brand select */
.brandSelect h2{margin-bottom:18px;}
.brandSelect .radioImg:checked + .radioImgWrap::after{
	width:124px;
	height:124px;
}

.brandSelect li label,
.brandSelect li label figure{
	width:137px;
	height:137px;
}

.brandSelect .brandImg{
	width:94px !important;
}

.serchOne .titleBox,.serchOne .inputBox{display:inline-block;}
.serchOne .titleBox{
	vertical-align:middle;
	width:270px;}

.serchOne .inputBox{
	vertical-align:top;
	width:549px;
}

.seriesSelect{margin-bottom:10px;}
.priceSelectWrap{margin-top:20px;}

/* ----------------------------
 my page
---------------------------- */
.myWrap {
	width:780px;
	margin:0 auto;
}

#mypageHead{padding-top:30px;}

.myWrap h2{font-size:16px;}
.myWrap h3{font-size:11px;}

/*header */
#mypageHead .headNickName .greeting{font-size:14px;}
#mypageHead .headNickName .nickName{font-size:22px;}


/* link */

ul.mypageLink li{
	width:253px;
	height:72px;
	margin-right:10px;
}

ul.mypageLink li a{padding:17px 20px 19px;}
ul.mypageLink li a:hover{opacity:0.7;}



/* head + sho fit */

ul.mypageLink li span > img,
ul.mypageLink li span > i,
#shoefit-add .shofitPoint span img,
#shoefit-add .shofitPoint span i{
	display:inline-block;
	vertical-align:middle;
}
ul.mypageLink li span > img{margin-right:15px;}
#shoefit-add .shofitPoint span img{margin-right:20px;}

ul.mypageLink li span > i,
#shoefit-add .shofitPoint span i{
	font-size:14px;
	line-height:1.0;
}

/* sho fit */
#shoefit-add .shofitWrap {
	border:1px solid #ededed;
	border-radius:3px;
	padding:30px 40px 40px 40px;
	letter-spacing:-.4em;
	margin-top:10px;
}

#shoefit-add .shofitWrap > div{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
}

#shoefit-add .shofitWrap > div.primary{
	margin-right:18px;
	width:325px;}

#shoefit-add .shofitPoint {
	width:325px;
	height:72px;
	padding:18px 10px 18px 30px;
	margin:10px 0;
}

#shoefit-add .shofitPoint span img{max-width:36px;}
#shoefit-add .shofitPoint span i{width:229px;}
#shoefit-add .shofitPoint span i small{
	font-size:10px;
	line-height:12px;
	padding-right:5px;
}

/* map */
#shoefit-add .secondary{padding-top:10px;}

#groundMap{width:355px;}

/* link */

#shoefit-add #linkBtn{
	border-top:1px solid #efefef;
	padding-top:20px;
	margin-top:15px;
}


#shoefit-add #linkBtn a{
	width:325px;
	height:40px;
	font-size:12px;
	font-weight:500;
}

#shoefit-add #linkBtn li{margin-bottom:10px;}
#shoefit-add #linkBtn li:last-child{margin-bottom:0;}

/* recommend */
#myRecommend {
	padding:25px 0 40px;
}

#myRecommend h2{padding-bottom:10px;}
#myRecommend .recommendList{border:1px solid #ededed;}

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

.listWidth{
	width:820px;
	margin:0 auto;
}

#itemListContent{padding:20px 0 50px;}
#itemListContent .paginationWrap{padding:40px 0 0;}

/* #itemListContent .filter { position: fixed; float: right; bottom: 100px; margin-left: 840px;  text-align: center; width: 80px; height: 80px; background: #c01920 url(/store/assets/v1/img/common/search-add@3x.png) 50% 15px no-repeat; background-size: 32px 32px; color: #fff; border-radius: 50%; box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.2); font-size: 11px; padding-top: 48px; cursor: pointer; } */
#itemListContent .filter { position: fixed; float: right; bottom: 100px; margin-left: 840px;  text-align: center; width: 80px; height: 80px; background: #c01920 url(/store/assets/v1/img/common/search-add@3x.png) 50% 15px no-repeat; background-size: 32px 32px; color: #fff; border-radius: 50%; box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.2); font-size: 11px; padding-top: 48px; cursor: pointer; z-index: 6100; }
#itemListContent .filter.is-open { background: #fff; color: #c01920; }
#itemListContent .filter.is-open::before,
#itemListContent .filter.is-open::after { content: ''; display: block; margin: 0 auto; width: 30px; height: 1px; background: #c01920; }
#itemListContent .filter.is-open::before { transform: rotate(45deg); position: relative; top: -20px;}
#itemListContent .filter.is-open::after { transform: rotate(-45deg); position: relative; top: -40px; }

.itemListHead dl.shResult{
	margin:16px 0 16px 10%;
	font-size:10px;}

.itemListHead .tabSpace{height:50px;}
.itemListHead .headTab li{width:50%;}
.itemListHead .headTab li button{line-height:50px;}
.itemListHead .headTab li button span{font-size:14px;}
.itemListHead .title { font-size: 16px; font-weight: bold; padding: 12px 0; }

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

#itemListContent .itemRankOne { position: relative; }

#itemListContent .itemRankOne .rankNo{
	width:32px;
	height: 32px;
	text-align:center;
	font-size: 11px;
	border: 1px solid #dedede;
	border-radius: 50%;
	padding-top: 10px;
	position: absolute;
	top: 8px;
	left: 8px;
}
#itemListContent .itemRankOne .rankNo1 { 
	border: 0;
	background: url(/store/assets/v1/img/common/label-ranking-1-st@3x.png) 0 0 no-repeat;
	background-size: 32px 32px;
	color: #fff;
	border-radius: 0;
}
#itemListContent .itemRankOne .rankNo2 { 
	border: 0;
	background: url(/store/assets/v1/img/common/label-ranking-2-nd@3x.png) 0 0 no-repeat;
	background-size: 32px 32px;
	color: #fff;
	border-radius: 0;
}
#itemListContent .itemRankOne .rankNo3 { 
	border: 0;
	background: url(/store/assets/v1/img/common/label-ranking-3-rd@3x.png) 0 0 no-repeat;
	background-size: 32px 32px;
	color: #fff;
	border-radius: 0;
}
#itemListContent .itemRankOne .rankNo1 span,
#itemListContent .itemRankOne .rankNo2 span,
#itemListContent .itemRankOne .rankNo3 span { margin-top: 6px; display: block; }

.select_itemgroup { appearance: none; -moz-appearance: none;-webkit-appearance: none; border: 1px solid #ededed; background: #fff  url(/store/assets/v1/img/common/ar-2-b@3x.png) calc(100% - 10px) 50% no-repeat; background-size: 12px 12px; border-radius: 0;outline: none;text-overflow: ''; padding: 10px 45px 10px 15px; font-size: 12px; margin-left: 5px; }
.select_itemgroup::-ms-expand {
	display: none;
}

.modal-filter { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 6000; background: rgba(255,255,255,1); overflow: scroll; display: none; }
.modal-filter-inner { max-width: 824px; margin: 0 auto; padding-bottom: 100px; }