@charset "UTF-8";
/*////////////////////////////////////////////////////////////

- shop.css


[Base]
	content
[Size Large]
	content
[Size Mobile]
	content
[Size Smart Phone]
	content


--------------------------------------------------------------


[font-size]

10px : 77%
11px : 85%
12px : 93%
13px : 100%
14px : 108%
15px : 116%
16px : 123.1%
17px : 131%
18px : 138.5%
19px : 146.5%
20px : 153.9%
21px : 161.6%
22px : 167%
23px : 174%
24px : 182%
25px : 189%
26px : 197%

////////////////////////////////////////////////////////////*/

/*############################################################

[Base]

############################################################*/

/*==================================================

content
==================================================*/


/* .shop_light
--------------------------------------------------*/
#shopsearchIndex #content .shop_right .replace{
  margin-bottom: 20px;
}


/* .shop_list
--------------------------------------------------*/
#shopsearchIndex #content .shop_list{
  margin: 0 -26px 22px -6px;
}

#shopsearchIndex #content .shop_list li{
  width: 14.2%;
  height: 14.2%;
  padding: 0 12px 12px 0;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#shopsearchIndex #content .shop_list li label{
  display: block;
  padding: 4px;
}

#shopsearchIndex #content .shop_list li span{
  display: block;
  text-align: center;
  font-size: 12px;
  color: #b7b7b7;
  height: 2em;
  padding: 3px 0;
}
#shopsearchIndex #content .shop_list li .splink{
  display: none;
}

#shopsearchIndex #content .shop_list li label:hover{
  outline: 1px solid #ccc;
}

#shopsearchIndex #content .shop_list li img{
  width: 100%;
  height: auto;
  border: solid 1px #ededed;
  margin: -1px;
}

/*#shopsearchIndex #content .shop_list li img.actv{
  border: solid 2px #b7b7b7;
  margin: -2px;
}
*/

#shopsearchIndex #content .shop_list li input{
  position: absolute;
  top: 0;
  left: -9999px;
}

#shopsearchIndex #content .size_select {
  margin: 30px 0 50px;
}

#shopsearchIndex #content .size_select li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}
#shopsearchIndex #content .size_select li input {
  position: absolute;
  top: 0;
  left: -9999px;
}
#shopsearchIndex #content .size_select li:hover {
  outline: solid 1px #ccc;
}

#shopsearchIndex #content .size_select li label {
  display: block;
  background: #eee;
  padding: 12px;
  margin: 5px;
  border: solid 1px #ddd;
  cursor: pointer;
  color: #000;
  font-size: 12px;
}
#shopsearchIndex #content .size_select li label.actv{
  border: solid 1px #b7b7b7;
  outline: solid 2px #b7b7b7;
}
#shopsearchIndex #content #sp_tab{
  display: none;
}

#shopsearchIndex #content .navi_shop dl{
  margin-bottom: 10px;
  background: none;
  text-align: center;
  margin-top: -25px;
}

#shopsearchIndex #content .navi_shop dt{
  color: #000;
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: bold;
  text-align: center;
}
#shopsearchIndex #content .navi_shop dd{
  color: #000;
}

#shopsearchIndex #content .navi_shop .navi_shop_step1_title{
  font-size: 20px;
}


/*############################################################

[Size Large]

############################################################*/

/*==================================================

content
==================================================*/
#shopsearchIndex.size_large #content{}

#shopsearchIndex.size_large #content h2{
  width: 75%;
  margin: 0;
  float: right;
}

#shopsearchIndex.size_large #content .navi_shop{
  width: 25%;
  padding: 55px 40px 0 0;
  margin: 0;
}

#shopsearchIndex.size_large #content .navi_shop dl{
  background: #00267f;
  padding: 15px 10px 25px;
  color: #fff;
}
#shopsearchIndex.size_large #content .navi_shop dl dt,
#shopsearchIndex.size_large #content .navi_shop dl dd{
  background: #00267f;
  color: #fff;
  text-align: left;
}

/* .shop_light
--------------------------------------------------*/
#shopsearchIndex.size_large #content #brandSelect.shop_right{
  margin-top: 53px;
  margin-bottom: 60px;
}

#shopsearchIndex.size_large #content .shop_right{
  width: 75%;
  float: right;
}

/* .shop_list
--------------------------------------------------*/
#shopsearchIndex.size_large #content .shop_list li{
  width: 13.22%;
  height: 13.22%;
  margin: 0 4px 4px 0;
  padding: 4px;
  float: left;
  overflow: hidden;
  position: relative;
}

/*############################################################

[Size Mobile]

############################################################*/

/*==================================================

content
==================================================*/



/*############################################################

[Size Mobile]

############################################################*/

/*==================================================

content
==================================================*/
#shopsearchIndex.size_mobile #content {}

#shopsearchIndex.size_mobile #container #wrapper{
  margin: 0;
}

#shopsearchIndex.size_mobile #content,
#shopsearchIndex.size_mobile #content .shop_right,
#shopsearchIndex.size_mobile #content .navi_shop{
  width: 100%;
  margin: 0;
}
#shopsearchIndex.size_mobile #content .navi_shop dl{
  margin-top: 0px !important;
  background: none !important;
}

#shopsearchIndex.size_mobile #content h2 {
  display: none;
}
#shopsearchIndex.size_mobile #content #sp_tab{
  display: block;
  text-align: center;
}
#shopsearchIndex.size_mobile #content #sp_tab ul {
  margin: 0 auto;
  display:table;
  width:100%;
}
#shopsearchIndex.size_mobile #content #sp_tab ul li{
  padding: 12px 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: #bbb;
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  cursor: pointer;
  width:25%;
}
#shopsearchIndex.size_mobile #content #sp_tab ul li.active{
  background: #222;
}


/* .navi_shop
--------------------------------------------------*/
#shopsearchIndex.size_mobile #content .navi_shop{
  float: none;
  text-align: center;
}


#shopsearchIndex.size_mobile #content .step1BrandList{
  padding: 17px 10px 0 10px;
  background-color: #222;
  color: #fff;
  text-align: center;
}
#shopsearchIndex.size_mobile #content #women.step1BrandList{
  padding: 25px 10px 0 10px;
  background-color: #222;
  color: #fff;
  text-align: center;
}

#shopsearchIndex.size_mobile #content #kids.step1BrandList{
  padding: 15px 10px 20px 10px;
}

#shopsearchIndex.size_mobile #content .navi_shop_description{
  width: 84%;
  margin: 0 auto 16px;
  font-size: 10px;
  color: #000;
  text-align: left;
  background: #f6f6f6;
  padding: 2% 8% 2% 4%;
  position: relative;
}
#shopsearchIndex.size_mobile #content .navi_shop_description .close{
  position: absolute;
  top: 10%;
  right: 1.4%;
  display: block;
  width: 14px;
  height: 14px;
  background: url(../shop/img/close_l.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  cursor: pointer;
}
.lt-ie9 #shopsearchIndex.size_mobile #content .navi_shop_description .close{
  background: url(../shop/img/close_s.png) no-repeat center;
}


#shopsearchIndex.size_mobile #content .step1BrandList#licence{
  background-color: #fff;
}

#shopsearchIndex.size_mobile #content .step1BrandList#licence dt{
  color: #222;
}

/* .shop_list
--------------------------------------------------*/
#shopsearchIndex.size_mobile #content .shop_list,
#shopsearchIndex.size_mobile #content .shop_list li,
#shopsearchIndex.size_mobile #content.area_select .step2BrandList li{
  margin: 0;
  padding: 0;
}

#shopsearchIndex.size_mobile #content .shop_list li,
#shopsearchIndex.size_mobile #content.area_select .step2BrandList li{
  width: 100%;
  height: auto;
  margin-bottom: 3px;
  background: #fff;
  display: table;
}
#shopsearchIndex.size_mobile #content .shop_list li:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  background: #bbb;
}
.lt-ie9 #shopsearchIndex.size_mobile #content .shop_list li:before{
  background: url(../shop/img/arrow.png) no-repeat right center;
}

#shopsearchIndex.size_mobile #content .shop_list li:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 17px;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  background: #fff;
}
.lt-ie9 #shopsearchIndex.size_mobile #content .shop_list li:after{
  background: url(../shop/img/arrow.png) no-repeat right center;
}

#shopsearchIndex.size_mobile #content.area_select .step2BrandList li img{
  width: 100%;
  height: auto;
}
#shopsearchIndex.size_mobile #content .shop_list li img{
  width: 100%;
  height: auto;
  border: none;
  border-right: solid 1px #ededed;
  margin: 0;
}

#shopsearchIndex.size_mobile #content .shop_list li:hover,
#shopsearchIndex.size_mobile #content.area_select .step2BrandList li,
#shopsearchIndex.size_mobile #content .shop_list li label:hover{
  outline: 0;
}

#shopsearchIndex.size_mobile #content .shop_list li label{
  width: 50px;
  padding: 0;
}

#shopsearchIndex.size_mobile #content .shop_buttons{
  position: relative;
  display: none;
}

#shopsearchIndex.size_mobile #content .shop_list li img.actv{
  border: none;
  margin: 0;
}
#shopsearchIndex.size_mobile #content .shop_list li span {
  text-align: left;
  font-size: 15px;
  color: #000;
  height: 100%;
  width: 100%;
  padding: 3px 8% 0 2%;
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
#shopsearchIndex.size_mobile #content .size_select {
  margin: -5px 0;
  padding:1px 5px 20px;
  display: inherit;
  background: #222;
}
#shopsearchIndex.size_mobile #content .size_select li {
  display: inherit;
  margin: 0 0 3px;
  overflow: visible;
}

#shopsearchIndex.size_mobile #content .size_select li:hover {
  outline:none;
}

#shopsearchIndex.size_mobile #content .size_select li:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 20px;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  background: #bbb;
}
.lt-ie9 #shopsearchIndex.size_mobile #content .size_select li:before {
  background: url(../shop/img/arrow.png) no-repeat right center;
}

#shopsearchIndex.size_mobile #content .size_select li:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 22px;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  background: #fff;
}
.lt-ie9 #shopsearchIndex.size_mobile #content .size_select li:after {
  background: url(../shop/img/arrow.png) no-repeat right center;
}

#shopsearchIndex.size_mobile #content .size_select li label.actv {
  border:none;
  outline: none;
}
#shopsearchIndex.size_mobile #content .size_select li label {
  background: #fff;
  border:none;
  padding: 18px 15px;
  margin: 4px 5px -1px;
}