@charset "utf-8";

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/


body{
  width: 100%;
  min-width: 960px;
}


.hidden-sp{
  display: none !important;
}
.hidden-pc{
  display: block !important;
}

h3, h2, h1{
  font-size: 2.2rem;
  text-align: center;
  margin: 20px 0;
  letter-spacing: 0.1rem;
}

h3.left-h3{
  font-size: 2rem;
  text-align: left;
  margin: 0 0 20px;
  letter-spacing: 0.1rem;
}

h4{
  font-size: 1.4rem;
  font-weight: 900;
  margin: 0 0 10px;
  display: block;
}


table{
  border-collapse: collapse;
  border: 1px solid #dadada;
  width: 100%;
  margin: 20px auto;
  text-align: left;
}

table th{
  border-collapse: collapse;
  border: 1px solid #dadada;
  padding: 8px;
  margin: 0;
  background-color: #f2f2f2;
  font-weight: 900;
  text-align: left;
}

table td{
  border-collapse: collapse;
  border: 1px solid #dadada;
  padding: 8px;
  margin: 0;
  text-align: left;
}

.strong{
  font-weight: 900;
}

.alert, .red12{
  color: #962137;
  font-weight: 900;
}

.center{
  text-align: center;
}

.select-wrap {
	overflow: hidden;
	text-align: center;
	position: relative;
	border: #ddd 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 1.2rem;
	background: #ffffff;
}
.select-wrap select {
	width: 100%;
	padding: 0.5rem;
	cursor: pointer;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
  -moz-appearance: none;
    color: #333;
}

.select-wrap select::-ms-expand {
    display: none;
}

.select-wrap::before {
  content: "";
	position: absolute;
	top: 8px;
	right: 8px;
	width: 12px;
	height: 12px;
	padding: 0;
	pointer-events: none;
  background-image: url("../common/icon-arrow-bottom-lb.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}

/*
.select-wrap::before {
	position: absolute;
	top: 0.6rem;
	right: 1.6rem;
	width: 0;
	height: 0;
	padding: 0;
	color: #838383;
	font-size: 1.6rem;
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	pointer-events: none;
}
*/

 /*
.select-wrap:after {
	position: absolute;
	top: 0;
	right: 3rem;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: #ddd 1px solid;
}
*/

.radio-wrap {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.radio-wrap:before,
.radio-wrap:after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}
.radio-wrap .box {
}
.radio-wrap input[type=radio] {
	display: none;
}
.radio-wrap label:focus,
.radio-wrap label:hover,
.radio-wrap label:active,
.radio-wrap input:checked + label {
	color: #000;
}
.radio-wrap label:focus:before,
.radio-wrap label:hover:before,
.radio-wrap label:active:before,
.radio-wrap input:checked + label:before {
	border-color: #838383;
	background: #ffffff;
}
.radio-wrap label {
	font-size: 1.2rem;
	line-height: 1;
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0.5rem 0.5rem 0.5rem 2rem;
	cursor: pointer;
	-webkit-transition: all 0.15s ease;
	        transition: all 0.15s ease;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.radio-wrap label:before {
	position: absolute;
	top: 0.4rem;
	left: 0;
	width: 16px;
	height: 16px;
	content: '';
	border: 0.2rem solid #ccc;
	border-radius: 50%;
}
.radio-wrap input:checked + label:before {
	border-color: #4caeda;
	background: #4caeda;
}
.radio-wrap input:disabled + label {
	cursor: not-allowed;
	color: rgba(0, 0, 0, 0.5);
	background: #efefef;
}
.radio-wrap input:disabled + label:hover {
	border-color: rgba(0, 0, 0, 0.1);
}
.radio-wrap input:disabled + label:before {
	border-color: #ffffff;
	background: #ffffff;
}



.checkbox-wrap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.checkbox-wrap .list_item {
	margin: 0 0 0.5rem 0;
	padding: 0;
}
.checkbox-wrap label {
  position: relative;
  cursor: pointer;
}
.checkbox-wrap .box {
	position: relative;
	margin: 0 10px 0 0;
	cursor: pointer;
}
.checkbox-wrap .box:before {
	position: absolute;
	z-index: 1;
	top: -2px;
	left: 3px;
	width: 16px;
	height: 8px;
	content: '';

	-webkit-transform: rotate(-45deg) scale(0, 0);
	        transform: rotate(-45deg) scale(0, 0);
	border: 3px solid #4caeda;
	border-top-style: none;
	border-right-style: none;
}
.checkbox-wrap .box:checked:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	        transform: rotate(-45deg) scale(1, 1);
}
.checkbox-wrap .box:after {
	position: absolute;
	top: -2px;
	left: 0;
	width: 15px;
	height: 15px;
	content: '';
	cursor: pointer;
	border: 0.2rem solid #ccc;
  border-radius: 3px;
	background-color: #ffffff;
}

.checkbox-wrap .box:disabled:after,
.checkbox-wrap .box:disabled:hover:after{
  border: 0.2rem solid #ccc;
  background-color: #ddd;
}

.checkbox-wrap .box:hover:after{
  border: 0.2rem solid #838383;
}


.btn{
  display: block;
  position: relative;
  border-radius: 3px;
  border: none;
  padding: 12px;
  width: 100%;
  margin: 10px auto;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.15rem;
  text-align: center;
  text-decoration: none;
}

/*
.btn i{
  position: absolute;
  top: 50%;
  left: 2rem;
  margin-top: -0.5rem;
  color: #fff;
}
*/

.btn img{
  position: absolute;
  left: 15px;
  top: 30%;
  width: 16px;
  height: 16px;
  display: inline-block;
}


.btn i.right,
.btn.link i.right{
  top: 48%;
  right: 2rem;
  left: auto;
}

.btn img.right,
.btn.link img.right{
  right: 15px;
  left: auto;
}

.btn.submit{
  color: #fff;
  background-color: #585858;
}

.btn.submit:hover{
  background-color: #838383;
}

.btn.submit:active{
  background-color: #333;
}

.btn.link{
  color: #000;
  background-color: #fff;
  border: 1px solid #585858;
}

.btn.link:hover{
  background-color: #f2f2f2;
}

.btn.link:active{
  background-color: #ddd;
}


.btn.link.liked{
  color: #000;
  background-color: #ddd;
  border: 1px solid #aaa;
}

.btn.link.liked:hover{
  background-color: #f2f2f2;
}

.btn.link.liked:active{
  background-color: #fff;
}


.btn.cart{
  color: #fff;
  background-color: #962137;
}

.btn.cart:hover{
  background-color: #A8203A;
}

.btn.cart:active{
  background-color: #77182A;
}

.btn.large{
  padding: 2rem;
  font-size: 1.6rem;
  margin: 0 auto 40px;
}

.btn.large img{
  top: 24px;
}

.btn.btn-search{
  color: #ffffff;
  background-color: #e00500;
}

.btn.btn-search:hover{
  opacity: 0.7;
}

.btn.btn-login{
  color: #ffffff;
  background-color: #353334;
}

.btn.btn-cart{
  margin: 20px 0 0;
  padding: 0;
}

.btn.btn-cart a{
  display: block;
  padding: 10px;
  border: 2px solid #e20400;
  border-radius: 3px;
  background-color: #ffffff;
  color: #e20400;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.btn.btn-cart a:hover{
  opacity: 0.7;
}

.wrap-clm{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0;
}

.wrap-clm-inr{
  max-width: 1200px;
  margin: 0 auto;
}

.wrap-clm::after{
  display: block;
  clear: both;
}

.section-tit{
  margin: 0 0 20px;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: left;
}

.news-item{
  display: flex;
  padding: 20px;
  background-color: #ffffff;
}

.news-item + .news-item{
  margin-top: 2px;
}

.news-item .news-date{
  margin-right: 20px;
  color: #808080;
  font-size: 1.6rem;
}

.news-item .news-tit a{
  color: #208ad4;
  font-size: 1.6rem;
  text-decoration: none;
}

.news-item .news-tit a:hover{
  opacity: 0.7;
}

.link-list{
  display: flex;
}

.link-list .link-item{
  width: 48%;
}

.link-list .link-item:not(:nth-child(2n)){
  margin-right: 4%;
}

.link-list .link-item a{
  position: relative;
  display: block;
  padding: 30px 30px 30px 90px;
  background-color: #ffffff;
  color: #208ad4;
  font-size: 1.4rem;
  text-decoration: none;
}

.link-list .link-item.link-kaunet a{
  background: #fff url(../common/icon-kaunet.png) no-repeat 20px center;
}

.link-list .link-item.link-askul a{
  background: #fff url(../common/icon-askul.png) no-repeat 20px center;
}

.link-list .link-item a:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  border-right: 2.5px solid #c3c3c3;
  border-bottom: 2.5px solid #c3c3c3;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.link-list .link-item a:hover{
  opacity: 0.7;
}

.bnr-item{
  text-align: center;
}

.bnr-item img{
  max-width: 100%;
}

.clm-nav .clm-nav-tit{
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  margin: 0 0 15px;
}

.clm-nav .clm-nav-tit-sub{
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  margin: 15px 0 5px;
}

.clm-nav-block{
  padding: 30px 0;
  border-bottom: 1px solid #d4d4d4;
}

.clm-nav-block input[type=text],
.clm-nav-block input[type=password]{
  width: 100%;
}

.login-remenber input[type=checkbox]{
  display: inline-block;
}

.cart-box{
  display: flex;
  justify-content: space-between;
  font-size: 1.6rem;
}

.cart-box .cart-right{
  color: #e20400;
  font-weight: bold;
}


/* ---------- Drawer Menu start ---------- */

.drawer-nav .inner{
  width: 100%;
  padding: 20px;
}

.drawer-nav h3{
  font-size: 1.4rem;
  text-align: left;
  font-weight: 900;
  margin: 0 0 10px;
}

.drawer-nav .inner > .login{
  margin: 0 0 20px;
}

.drawer-nav .inner > .login > p{
  display: block;
  text-align: right;
}

.drawer-nav .inner .sns-wrap{
  padding: 0;
  margin: 20px -20px 0;
}

.drawer-nav .inner > .list-link li.f1 > a{
  font-size: 1.2rem;
  padding: 0.8rem 0 0.8rem 20px;
}

.drawer-nav .inner .sns-wrap a{
}

/* ---------- Drawer Menu end ---------- */

.wrap-block,
.wrap-detail-info{
  margin: 20px 0 20px;
  padding: 0 20px;
}

.wrap-block input{
  margin: 0 0 5px;
}

.wrap-block input[type="checkbox"]{
  display: inline-block;
  width: auto;
}

.wrap-block .h4{
  font-size: 1.4rem;
}

.wrap-block p.right{
  float: none;
  text-align: right;
}

.wrap-block p{
  margin: 0 0 5px;
}

#wrap-whole{
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  min-height: calc(100vh - 188px);
  background-color: #f7f7f7;
}

.inner{
  width: 100%;
  max-width: 960px;
}

.ad-wrap-header{
  /* background-color: #628E76; */
  background-color: #e20e00;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  font-size: 1.4rem;
}

#wrap-header{
  width: 100%;
  padding: 15px 0;
  background-color: #ffffff;
  border-top: 5px solid #e20e00;
}

#wrap-header > .inner{
  position: relative;
  max-width: 1400px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 6rem;
}

.drawer--left.drawer-open #wrap-header > .inner{
  position: static;
}

#wrap-header .logo{
  margin: 0;
  text-align: left;
}

#wrap-header .logo img{
  max-width: 250px;
}

#wrap-header .hd-content{
  display: flex;
  align-items: center;
}

#wrap-header .info-top{
  display: inline-flex;
}

#wrap-header .info-btm{
  margin: 5px 0 0;
  font-size: 1.0rem;
}

#wrap-header .hd-mail{
  margin: 0;
  padding-left: 30px;
  background: url(../common/icon-mail.png) no-repeat left center;
}

#wrap-header .hd-mail a{
  color: #208ad4;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
}

#wrap-header .hd-tel{
  margin: 0 0 0 15px;
  padding-left: 25px;
  background: url(../common/icon-tel.png) no-repeat left center;
  font-size: 1.6rem;
  font-weight: bold;
}

#wrap-header .menu{
  margin-left: 20px;
}

#wrap-header .menu .menu-list{
  display: inline-flex;
  align-items: flex-end;
  margin-bottom: 0;
}

#wrap-header .menu .menu-item{
  margin: 0 15px;
  text-align: center;
}

#wrap-header .menu a{
  display: block;
  text-decoration: none;
}

#wrap-header .menu .menu-icon{
  position: relative;
}

#wrap-header .menu .menu-icon img{
  max-width: 37px;
}

#wrap-header .menu .menu-text{
  margin: 5px 0 0;
  font-size: 10px;
}

#wrap-header .menu .badge{
  position: absolute;
  top: -4px;
  left: 50%;
  font-size: 1rem;
  line-height: 1rem;
  padding: 4px 8px;
  border-radius: 2rem;
  background-color: #f24944;
  color: #fff;
  text-align: center;
}

.wrap-breadcrumb {
	margin: 0;
	background-color: #fff;
	color: #000;
  border-bottom: 1px solid #efefef;
}

.wrap-breadcrumb .inner {
  max-width: 1200px;
}

.wrap-breadcrumb .list-breadcrumb {
	padding: 1rem 0;
  margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.wrap-breadcrumb li {
	display: inline-block;
	position: relative;
	padding-right: calc(16px + 8px);
	margin-right: 8px;
  color: #838383;
}
.wrap-breadcrumb li::before {
	content: '›';
	width: 1em;
	height: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1em;
	color: inherit;
	position: absolute;
	top: 48%;
	right: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.wrap-breadcrumb li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #000;
}
.wrap-breadcrumb li:last-child::before {
	content: normal;
}



.wrap-mv{
  margin: 0 auto 40px;
}

.inner-mv{
  width: 100%;
}

.inner-mv img{
  width: 100%;
}

ul.menu-2clm{
  display: inline-flex;
  width: 100%;
}

ul.menu-2clm li{
  width: 50%;
  text-align: center;
  border-right: 2px solid #fff;
}

ul.menu-2clm li:last-child{
  border: none;
}

ul.menu-2clm li a{
  display: block;
  padding: 1rem 1.5rem;
  background-color: #f2f2f2;
  font-size: 1.4rem;
  font-weight: 900;
}

ul.menu-2clm li a:hover{
  background-color: #e4e8ec;
  color: #000;
}

.wrap-search .price{
  font-size: 1.4rem;
}

.wrap-search .price .price-box + .price-box{
  margin-top: 10px;
}

.wrap-search .price input{
  width: 180px;
  margin: 0 5px;
}

.wrap-search label{
  margin: 10px 0 0;
}

.wrap-search label:first-child{
  margin: 0;
}

ul.list-item{
  padding: 0;
  overflow: hidden;
  margin: 0 -10px 0 0;
}

ul.list-item li{
  float: left;
  width: 50%;
  padding: 0 10px 20px 0;
  margin: 0;
}

ul.list-item li .thumb{
  margin: 0 0 5px;
  overflow: hidden;
  max-height: 50vw;
  position: relative;
}

ul.list-item li .thumb:before{
  content: "";
  display: block;
  padding-top: 100%;
}

ul.list-item li .thumb img{
  /* width: 100%; */
  display: block;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  transform: translate(-50%,-50%);
}

ul.list-item li .thumb img:hover{
  transform: translate(-50%,-50%) scale(1.1,1.1);
}

ul.list-item li .info{
  margin: 0;
  overflow: hidden;
  width: 100%
}

ul.list-item li .info .item{
  font-size: 1.4rem;
  margin: 10px 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ul.list-item li .info .store{
  display: inline-block;
  padding: 3px 5px;
  color: #ffffff;
}

ul.list-item li .info .askul{
  background-color: #98c354;
}

ul.list-item li .info .kaunet{
  background-color: #4caad8;
}

ul.list-item li .info .price{
  font-size: 1.1rem;
  margin: 0;
}

ul.list-item li .info .code{
  font-size: 1.1rem;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ul.list-item li .info .description{
  color: #838383;
  font-weight: normal;
  font-size: 1.2rem;
  margin: 10px 0 4px;
  width: 100%;
  height: 4.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.4rem;
  display: inline-block;
  position: relative;
}

ul.list-item li .info .description:before,
ul.list-item li .info .description:after {
	position: absolute;
	background: #f7f7f7;
}

ul.list-item li .info .description:before {
	content: "…";
	bottom: 0;
	right: 0;
  font-size: 1.2rem;
  padding: 0 0 0 0.4rem;
}

ul.list-item li .info .description:after {
	content: "";
	width: 100%;
	height: 100%;
}


.wrap-category-img{
  margin: -40px -20px;
}

.wrap-category-img img{
  display: block;
  width: 100%;
}


.list-link {
	list-style: none;
	margin: 0 -20px;
	padding: 0;
}

.list-link li.f1{
  font-size: 1.2rem;
  color: #000;
	cursor: pointer;
	position: relative;
	border:none;
  border-bottom: 1px solid #ddd;
  display: block;
  background-color: #fff;
}

.list-link li.f1:first-child{
  border-top: 1px solid #ddd;
}

.list-link li.f1 ul{
}

.list-link a:hover,
.list-link button:hover{
  background-color: #E7E9EB;
}

.list-link li a,
.list-link li button{
  display: block;
  width: 100%;
  border: none;
  text-align: left;
  text-decoration: none;
  position: relative;
}

.list-link li.f1 > a,
.list-link li.f1 > button{
  padding: 0.8rem 0 0.8rem 2rem;
}

.list-link li.f2 > a,
.list-link li.f2 > button{
  padding: 0.8rem 0 0.8rem 3rem;
}

.list-link li.f3 > a,
.list-link li.f3 > button{
  padding: 0.8rem 0 0.8rem 4em;
}
.list-link li.f4 > a,
.list-link li.f4 > button{
  padding: 0.8rem 0 0.8rem 5rem;
}

.list-link .button:after{
  content: "";
	position: absolute;
	top: auto;
	right: 8px;
	width: 12px;
	height: 12px;
	padding: 0;
	pointer-events: none;
  background-image: url("../common/icon-arrow-bottom-lb.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}

.list-link li.f1 .button.active{
  background-color: #838383;
  color: #fff;
}

.list-link li.f2 .button.active{
  background-color: #aaaaaa;
  color: #fff;
}

.list-link li.f3 .button.active{
  background-color: #dddddd;
  color: #333;
}

.list-link li > a:after{
  content: "";
	position: absolute;
	top: auto;
	right: 8px;
	width: 12px;
	height: 12px;
	padding: 0;
	pointer-events: none;
  background-image: url("../common/icon-arrow-right-lb.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}

dl.list-link{
  margin: 0;
  padding: 0;
}

dl.list-link dt{
  float: left;
  width: 70px;
  clear: left;
  margin: 0 20px 0 0;
  padding: 0.8rem 0;
}

dl.list-link dd{
  padding: 0.8rem 0 0.8rem 100px;
  margin: 0;
}

dl.list-link dd a{
  text-decoration: underline;
}

dl.list-link dd a:hover{
  color: #838383;
  text-decoration: none;
}


ul.list-category{
  margin: 0;
  padding: 0;
}

.list-category li{
  margin: 0;
  padding: 0;
  display: block;
  line-height: 1rem;
  position: relative;
}

.list-category li a{
  width: 100%;
  padding: 0;
  display: block;
  text-decoration: none;
}

.list-category li a:hover{
  background-color: #f2f2f2;
}


.list-category li.f1{
  margin-left: 0;
  border-top: 1px solid #e5e5e5;
}

.list-category li.f1 a{
  padding: 10px 10px 10px 20px;
  font-weight: 900;
}

.list-category li.f2 a{
  padding: 6px 10px 6px 30px;
}

.list-category li.f3 a{
  padding: 6px 10px 6px 40px;
}

.list-category li.f4 a{
  padding: 6px 10px 6px 50px;
}

.list-category li.f1::before{
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  border: 2px solid #838383;
  border-radius:30px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  height:8px;
  width:8px;
  display:block;
  background-color: #fff;
}

.list-category li.f2::before{
  content: "";
  position: absolute;
  top: 10px;
  left: 21px;
  border: 1px solid #838383;
  border-radius:30px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  height:4px;
  width:4px;
  display:block;
  background-color: #838383;
}

.list-category li.f3::before{
  content: "";
  position: absolute;
  top: 8px;
  left: 30px;
  border-bottom: 1px solid #838383;
  border-left: 1px solid #838383;
  height: 6px;
  width: 6px;
  display:block;
}

.list-category li.f4::before{
  content: "";
  position: absolute;
  top: 12px;
  left: 40px;
  border-bottom: 1px solid #838383;
  height: 0;
  width: 6px;
  display:block;
}


.wrap-search-condition{
  margin: 0 -20px 0px;
  padding: 20px;
  background-color: #838383;
  color: #fff;
}

.wrap-search-condition .number{
  font-size:1.8rem;
  font-weight: 200;
}

.wrap-search-condition ul{
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.wrap-search-condition ul li{
  padding: 0 10px;
  border-left: 1px solid #fff;
  display: inline-block;
  float: left;
}

.wrap-search-condition ul li:first-child{
  padding-left: 0;
  border-left: none;
}

.wrap-sort{
  margin: 0 -20px 20px;
  padding: 10px 20px;
  background-color: #f2f2f2;
  color: #000;
  overflow: hidden;
}

.wrap-sort .sort{
  float: left;
  display: inline-block;
}
.wrap-sort .sort select{
  color: #000;
  width: 160px;
}

.wrap-sort .dnumber{
  float: right;
  display: inline-block;
}

.wrap-sort .dnumber select{
  color: #000;
  width: 80px;
  display: inline-block;
}

.wrap-pagination ul{
  position: relative;
  display: flex;
}

.wrap-pagination ul li{
  width: 33%;
  text-align: center;
}

.wrap-pagination ul li span{
  display: block;
  padding: 1.5rem;
  font-size: 1rem;
}

.wrap-pagination ul li a{
  background-color: #f2f2f2;
  display: block;
  padding: 1rem;
  border-radius: 3px;
}

.wrap-pagination ul li a:hover{
  background-color: #e4e8ec;
}

.wrap-pagination img{
  width: 20px;
}

/*   detail   */

.wrap-detail-thumbnail{
  overflow: hidden;
}

.inner-detail-thumbnail{
  width: 100%;
}

.inner-detail-thumbnail .inner-detail-thumbnail-in{
  position: relative;
}

.inner-detail-thumbnail .inner-detail-thumbnail-in:before{
  content: "";
  display: block;
  padding-top: 100%;
}

.inner-detail-thumbnail img{
  /* width: 100%; */
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  transform: translate(-50%,-50%)
}

.wrap-detail-info .item-category{
  margin: 0 auto 20px;
}

.wrap-detail-info .item-category a{
  font-size: 1.1rem;
  color: #838383;
  text-decoration: underline;
  margin: 0;
  text-align: left;
}

.wrap-detail-info .item-category a:hover{
  color: #585858;
  text-decoration: none;
}


.wrap-detail-info .item-category ul {
	padding: 0;
  margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.wrap-detail-info .item-category li {
	display: inline-block;
	position: relative;
	padding-right: 16px;
	margin-right: 4px;
	color: #838383;
}
.wrap-detail-info .item-category li::before {
	content: '›';
	width: 1em;
	height: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1em;
	color: inherit;
	position: absolute;
	top: 48%;
	right: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.wrap-detail-info .item-category li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #000;
}
.wrap-detail-info .item-category li:last-child::before {
	content: normal;
}


.wrap-detail-info .item-name{
  font-size: 2.4rem;
  margin: 0 0 20px;
  text-align: left;
  line-height: 3rem;
  word-wrap: break-word;
}

.wrap-detail-info .item-listprice{
  font-size: 1.1rem;
  margin: 0;
  text-align: left;
}

.wrap-detail-info .item-listprice span{
  text-decoration: line-through;
}

.wrap-detail-info .item-price{
  font-size: 1.6rem;
  font-weight: 900;
  margin: 0 0 10px;
  text-align: left;
}

.wrap-detail-info .item-cord{
  font-size: 1.1rem;
  margin: 0 0 10px;
  text-align: left;
}

.wrap-detail-info .item-info{
  margin: 0 0 10px;
}

.wrap-detail-info .item-info span{
  display: inline-block;
}

.wrap-detail-info .wrap-item-tag{
  margin: 0 auto 20px;
}

.wrap-detail-info .wrap-item-tag ul{
  display: inline;
}

.wrap-detail-info .wrap-item-tag ul li{
  color: #fff;
  display: inline-block;
  padding: 0.4rem 1.6rem;
  font-size: 1rem;
  margin: 0 5px 0 0;
  background-color: #628E76;
  border-radius: 5rem;
}

.wrap-detail-info .wrap-item-tag ul li a{
  color: #fff;
}

.wrap-detail-info .wrap-item-tag ul li a:hover{
  color: #c8d8cf;
}

.wrap-detail-info .wrap-order dl{
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.wrap-detail-info .wrap-order dl dt{
  font-weight: 400;
  float: left;
  width: 5rem;
  clear: left;
  margin: 0 10px 0 0;
  padding: 0.5rem 0 0;
}

.wrap-detail-info .wrap-order dl dd{
  float: left;
  padding: 0;
  margin: 0 0 10px;
}

.wrap-detail-info .wrap-order .select-wrap.size{
  width: 8rem;
}

.wrap-detail-info .wrap-order .select-wrap.color{
  width: 22rem;
}

.wrap-detail-info .wrap-order .select-wrap.quantity{
  width: 8rem;
}

.wrap-detail-info .wrap-order .select-wrap.gift{
  width: 30rem;
}

.wrap-detail-info .wrap-like{
  text-align: right;
}

.wrap-detail-info h3{
  margin-top: 60px;
}

.wrap-detail-info .item-table th{
  /* background-color: #e20e00;
  color: #ffffff; */
}


.wrap-detail-info .item-table .askul,
.wrap-detail-info .item-table .askul a,
.wrap-detail-info .item-table .kaunet,
.wrap-detail-info .item-table .kaunet a{
  color: #000;
}

.wrap-detail-info .item-table .price-top{
  font-size: 1.4rem;
  font-weight: bold;
}

.img_item_box{
  position: relative;
  width: 100px;
}

.img_item_box:before{
  content: "";
  display: block;
  padding-top: 100%;
}

.img_item_box img{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  transform: translate(-50%,-50%)
}

.item-table td:nth-child(1) {
  width: 126px;
}

.item-table td:nth-child(2) {
  width: 154px;
  word-break: break-all;
}

.item-table td:nth-child(3) {
  width: 90px;
}

.item-table td:nth-child(4) {
  width: 90px;
}

.item-table td:nth-child(5) {
  width: 150px;
}

.item-table td:nth-child(6) {
  width: 150px;
}

.item-table td:nth-child(7) {
  width: 200px;
}

.list-item.js-productList{
  overflow: visible;
}

.list-item.js-productList .slick-prev:before,
.list-item.js-productList .slick-next:before{
  color: #e20e00;
}

dl.info{
  margin: 0;
  padding: 0 0 0 100px;
  display: block;
  overflow: hidden;
}

dl.info dt{
  font-size: 1.2rem;
  font-weight: 400;
  text-align: right;
  float: left;
  clear: left;
  margin: 0 20px 10px -100px;
  padding: 0;
  line-height: 1.2rem;
}

dl.info dd{
  float: left;
  padding: 0;
  margin: 0;
}

.wrap-item-info{
  display: block;
}

.wrap-item-info .box{
  display: block;
  width: 100%;
  margin-bottom: 40px;
}

.wrap-review{
  border-bottom: 1px solid #f2f2f2;
  padding: 0;
  margin: 20px 0;
}

.wrap-review .username{
  font-size: 1.4rem;
  margin: 0 0 5px;
}

.wrap-review .date{
  display: block;
  text-align: right;
  margin: 0 0 20px;
}


.star-rating {
  position: relative;
  width: 5em;
  height: 1.4rem;
  font-size: 1.4rem;
  margin: 0 0 10px;
}
.star-rating-front {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #D1BF5A;
}
.star-rating-back {
  color: #F2F2F2;
}

span.bold{
  font-weight: 900;
  display: inline-block;
}

.wrap-note{
  margin: 0 -20px;
  padding: 15px;
  text-align: center;
  font-size: 1.2rem;
  background-color: #585858;
  color: #fff;
}

.wrap-note p{
  padding: 0;
  margin: 0;
}

.wrap-cart{
}

.wrap-cart .row{
  border-bottom: 1px solid #F2F2F2;
  overflow: hidden;
  padding: 20px 0;
}

.wrap-cart .row .item-thumbnail{
  width: 18%;
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.wrap-cart .row .item-thumbnail:before{
  content: "";
  display: block;
  padding-top: 100%;
}

.wrap-cart .row .item-thumbnail img{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  transform: translate(-50%,-50%);
}

.wrap-cart .row .item-info{
  margin: 0 10px 0 0;
  display: inline-block;
  width: 45%;
}

.wrap-cart .row .item-info .name{
  font-size: 1.8rem;
  margin: 0 0 10px;
  word-wrap: break-word;
}

.wrap-cart .row .item-info .price,
.wrap-cart .row .item-info .size,
.wrap-cart .row .item-info .color{
  font-size: 1.2rem;
  margin: 0;

}

.wrap-cart .row .item-quantity{
  min-width: 86px;
  display: inline-block;
  vertical-align: top;
  width: 15%;
  text-align: center;
  padding: 20px 0 0;
}

.wrap-cart .row .item-quantity img{
  width: 20px;
  display: inline-block;
}

.wrap-cart .row .item-quantity ul{
  overflow: hidden;
  display: inline-flex;
  font-size: 1.8rem;
  margin: 0 auto;
}

.wrap-cart .row .item-quantity ul li{
  padding: 0 4px;
}

.wrap-cart .row .item-quantity div{
  margin: 0 auto 15px;
}

.wrap-cart .row .item-quantity div p{
  margin: 0;
  padding: 0;
  display: block;
}

.wrap-cart .row .item-subtotal{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: right;
  padding: 20px 0 0;
}

.wrap-cart .row .item-cancel{
  display: block;
  text-align: right;
}

.wrap-cart .row .item-cancel a{
  text-decoration: underline;
}

.warp-cart .wrap-price{
  margin: 40px 0 20px;
}

.wrap-cart-empty{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 120px 30px 80px;
  font-size: 1.6rem;
  color: #838383;
  text-align: center;
}

.wrap-cart-empty a:last-child{
  margin-top: 80px;
}

.wrap-price{
  margin: 20px 0 40px;
}

.wrap-price .subtotal{
  font-size: 1.2rem;
  text-align: right;
  margin: 0;
}

.wrap-price .tax{
  font-size: 1.2rem;
  color: #838383;
  text-align: right;
  margin: 0 0 15px;
}

.wrap-price .total{
  font-size: 1.5rem;
  text-align: right;
  margin: 0;
}

.wrap-subscribe{
  margin: 0 0 40px;
}

.wrap-subscribe p{
  margin: 10px 0 5px;
  display: block;
}

.wrap-subscribe .select-wrap.interval,
.wrap-subscribe .select-wrap.interval_type{
  width: 60px;
  display: inline-block;
}

.wrap-subscribe .select-wrap.time{
  width: 100%;
  max-width: 200px;
  display: inline-block;
}

.wrap-login,
.wrap-login-new,
.wrap-login-goon{
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.wrap-login h3{
  text-align: left;
  font-size: 1.8rem;
}

.wrap-login-new h3,
.wrap-login-goon h3{
  text-align: left;
  font-size: 1.6rem;
}

.wrap-login a,
.wrap-login-new a,
.wrap-login-goon a{
  text-decoration: underline;
}

.wrap-login-goon a{
  display: block;
  text-align: center;
}

.wrap-login a.btn,
.wrap-login-new a.btn,
.wrap-login-goon a.brn{
  text-decoration:none;
}

.wrap-login p,
.wrap-login-new p,
.wrap-login-goon p{
  margin: 10px 0 15px;
}


.wrap-login{
  background-color: #f2f2f2;
  margin: -20px -20px 0;
  padding: 20px;
}

.wrap-login-goon{
  margin: 60px 0 auto;
}

.wrap-login input[type="text"]{
  width: 100%;
}

span.required{
  color: #962137;
  display: inline-block;
  padding: 0.1rem 1rem;
  font-size: 1rem;
  margin: 0 0 0 5px;
  background-color: #fff;
  border-radius: 5rem;
  border: 1px solid #962137;
}

.wrap-form{
  width: 100%;
  max-width: 600px;
  margin: 0 auto 40px;
}


.wrap-form .item-block .header{
  display: block;
  margin: 0 -20px 10px;
  background-color: #f2f2f2;
  padding: 0.5rem 2rem;
}

.wrap-form .item-block .header p{
  font-size: 1.4rem;
  text-align: left;
  margin: 0px;
  letter-spacing: 0.1rem;
  display: inline-block;
  vertical-align: text-top;
}

.wrap-form .item-block .header p.notes{
  margin: 0 0 0 5px;
  font-size: 1.0rem;
  vertical-align: text-bottom;
}

.wrap-form .item-block .body{
  display: block;
}

.wrap-form .item-block .body input[type="text"]{
  width: 100%;
}

.wrap-form .item-block .body .list-input li{
  display: inline-block;
  margin-right: 10px;
}

.wrap-form .item-block{
  display: block;
  margin: 0 auto 20px;
}

.flex{
  display: flex;
}

.flex div{
  margin-right: 20px;
}

.wrap-form .item-block .body input.w50per{
  margin: 0 0 10px 10px;
}

.wrap-form .item-block .body input.w50per:first-child{
  margin: 0 0 10px 0;
}

.wrap-form .item-block .body input.w50px{
  width: 50px;
  display: inline-block;
}

.wrap-form .item-block .body input.w80px{
  width: 80px;
  display: inline-block;
}

.wrap-form .item-block .body textarea{
  max-width: 100%;
}

.wrap-form .item-block .body textarea.w100p{
  width: 100%;
}

.wrap-form .item-block .body .btn.link{
  padding: 0.4rem 1rem;
  font-size: 1.2rem;
  margin: 0 0 0 10px;
  width: auto;
  display: inline-block;
}

.wrap-form .item-block .body p.sub{
  margin: 10px 0;
}

.wrap-form .item-block .body .select-wrap.address{
  margin: 0 0 5px;
  width: 120px;
}

.wrap-form .item-block .body .select-wrap.date{
  width: 65px;
  display: inline-flex;
}

.wrap-form .item-block .body span{
  margin: 0 8px 0 2px;
  display: inline-block;
}

.wrap-form .item-block .body span.alert{
  display: block;
}

tr.title th,
tr.center td{
  text-align: center;
}

.wrap-form .item-block table.cart-content .cart-img-area{
  width: 50px;
}

.wrap-form .item-block table.cart-content .cart-img-area img{
  max-width: 30px;
  margin: 0;
  padding: 0;
  border: none;
}

.wrap-form .item-block table.cart-content .cart-img-area,
.wrap-form .item-block table.cart-content .cart-item-area,
.wrap-form .item-block table.cart-content .normal_price,
.wrap-form .item-block table.cart-content .cart-count-area,
.wrap-form .item-block table.cart-content .cart-subtotal-area{
  text-align: center;
}

.wrap-form .item-block table.cart-content .cart-title-area{
  text-align: right;
}

table.cart-content .cart-deli_select-area,
table.cart-content .cart-deli_sdtype-area,
table.cart-content .cart-deli_refine-area{
  text-align: center;
}

table.cart-content .cart-deli_select-area input{
  width: auto;
}


.wrap-form .submit{
  margin: 40px 0 0;
}

/* ---------- リッチデザイン ----------*/

.wrap-order-history{
  margin: 0 -20px 0;
}

.wrap-order-history .link{
  margin: 0;
  display: block;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
}

.wrap-order-history .link:first-child{
  border-top: 1px solid #f2f2f2;
}

.wrap-order-history .link a{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}

.wrap-order-history .link a:hover{
  background-color: rgba(0, 0, 0, 0.05);
}

.wrap-order-history .link a:active{
  background-color: rgba(0, 0, 0, 0.1);
}

.wrap-order-history .link a::after{
  content: "";
	position: absolute;
	top: 45%;
	right: 15px;
	width: 12px;
	height: 12px;
	padding: 0;
	pointer-events: none;
  background-image: url("../common/icon-arrow-right-lb.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}

.wrap-order-history .link .inner-link{
  padding: 20px 40px 20px 20px;
}

.wrap-order-history .info{
  margin: 0 auto 20px;
}

.wrap-order-history .info dl,
dl.order{
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.wrap-order-history .info dl dt,
dl.order dt{
  font-weight: 400;
  margin: 0;
  padding: 0;
  width: 80px;
  text-align: right;
}

.wrap-order-history .info dl dd::before,
dl.order dd::before{
  content: "："
}

.wrap-order-history .info dl dd,
dl.order dd{
  padding: 0;
  margin: 0;
  width: calc(100% - 80px);
}

.wrap-order-history .item{
  margin: 0;
}

.wrap-order-history .item dl dt{
  float: left;
  width: 40px;
  clear: left;
  margin: 0 20px 10px 0;
  padding: 0;
}

.wrap-order-history .item dl dt img{
  width: 100%;
}

.wrap-order-history .item dl dd{
  float: left;
  padding: 0;
  margin: 0 0 10px;
  width: 70%;
}

.wrap-order-history .item dl dd span{
  display: block;
  font-size: 1.6rem;
  margin: 0 0 10px;
}

.order-detail .wrap-cart{
  margin: 20px auto 0;
}

.order-detail .wrap-totalprice{
  margin: 20px 0 40px;
  text-align: right;
}

.order-detail .wrap-totalprice table{
  width: 200px;
  margin-right: 0;
  border: none;
}

.order-detail .wrap-totalprice table th{
  text-align: right;
  background-color: #fff;
  border: none;
  padding: 2px 4px;
}

.order-detail .wrap-totalprice table td{
  border: none;
  padding: 2px 4px;
}

.order-detail .wrap-totalprice table td:before{
  content: "："
}

.order-detail .wrap-totalprice .total{
  font-size: 1.8rem;
  margin: 15px 0 0;
}

.order-detail .wrap-totalprice .point{
  font-size: 1.2rem;
  margin: 15px 0;
  padding: 10px 20px;
  background-color: #f2f2f2;
  border-radius: 50px;
  display: inline-block;
}

.order-detail .wrap-address,
.order-detail .wrap-delivery,
.order-detail .wrap-payment,
.order-detail .wrap-message{
  margin: 0 0 40px;
  font-size: 1.2rem;
}

.wrap-gray{
  padding: 15px;
  margin: 20px auto;
  background-color: #f2f2f2;
  text-align: left;
  display: block;
}

.wrap-gray p:last-child{
  margin-bottom: 0;
}

.w400px{
  width: 100%;
  max-width: 400px;
}

.w200px{
  width: 200px;
}


#point_area,
#coupon_area{
  margin: 20px auto;
}

#point_area input{
  width: 5rem;
  display: inline-block;
  margin: 0 10px;
}


footer{
}

.sns-wrap{
  background-color: #f2f2f2;
  padding: 20px;
}

.sns-wrap .content{
  margin: 0 auto;
  text-align: center;
}

.sns-wrap a{
  display: block;
  background: none;
  color: #333;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  border-radius: 3px;
  width: 24px;
}

.sns-wrap a img{
  width: 24px;
  display: block;
}

.sns-wrap a:hover{
  color: #fff
}

/*
.sns-wrap a.twitter:hover{
  background-color: #55acee;
}

.sns-wrap a.facebook:hover{
  background-color: #3B5998;
}

.sns-wrap a.instagram:hover{
  background-color: #D93177;
  background-image: linear-gradient(-135deg,#1400c8,#b900b4,#f50000)
}

.sns-wrap a.line:hover{
  background-color: #1dcd00;
}
*/

.sns-wrap ul{
  display: inline-flex;
  margin: 0;
}

.sns-wrap ul li{
  margin: 0 20px 0 0;
}

.sns-wrap ul li:last-child{
  margin: 0;
}

.footer-wrap{
  position: relative;
  padding: 30px 0;
}

.footer-wrap .inner{
  max-width: 1200px;
}

.footer-wrap .ft-top{
  display: flex;
}

.footer-wrap .ft-logo img{
  max-width: 250px;
}

.footer-wrap .ft-content{
  margin-left: 40px;
}

.footer-wrap .menu-item{
  display: inline-block;
}

.footer-wrap .menu-item + .menu-item{
  margin-left: 5px;
  padding-left: 5px;
  border-left: 2px solid #c9c9c9;
}

.footer-wrap .menu-item a{
  color: #1f8bd4;
  line-height: 1.0;
  text-decoration: none;
}

.footer-wrap .ft-adress{
  margin-top: 10px;
}

.footer-wrap .ft-copy{
  margin-top: 40px;
  color: #8e8e8e;
  text-align: center;
}

.footer-wrap .ft-privacy{
  position: absolute;
  top: 20px;
  right: 10px;
}
.askul td:nth-of-type(3) {
    width: 14%;
    text-align: center;
}
.kaunet td:nth-of-type(3) {
    width: 14%;
    text-align: center;
}
.supplier td:nth-of-type(3) {
    width: 14%;
    text-align: center;
}
.psw_main, .psw_con {
 width:100%;
}
td span.bld {
font-weight: 900;
font-family: “Yu Gothic Medium”, “游ゴシック Medium”, YuGothic, “游ゴシック体“, “ヒラギノ角ゴ Pro W3”, “メイリオ“, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, Noto Sans, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”, “Noto Color Emoji”;
}
span.askul {
  padding: 4px;
  background-color: #98c354;
  color: #ffffff !important;
  white-space: nowrap;
}
span.kaunet {
  padding: 4px;
  background-color: #4caad8;
  color: #ffffff !important;
  white-space: nowrap;
}
span.supplier {
  padding: 4px;
  color: #ffffff !important;
  white-space: nowrap;
}
.wrap-block p.cart_buy {
  margin-top:8px;
}
.inner .item_detail .box {
  width: 100%;
  padding: 20px 0;
}

.favorite_box .wrap-form {
  max-width: 800px;
}

.favorite_box td:nth-child(1) {
  width: 120px;
}

.favorite_box td:nth-child(4) {
  width: 200px;
  word-break: break-all;
}

.number + table td:nth-child(4) {
  width: 150px;
  word-break: break-all;
}
.error_txt {
  color: #962137;
  font-size: 1.3rem;
}


@media screen and (max-width:1200px) {
  .wrap-clm{
    padding: 30px 20px;
  }
  
  .footer-wrap .inner{
    padding: 0 20px;
  }
  
  .wrap-breadcrumb .inner{
    padding: 0 20px;
  }
}


/* PC表示固定のため、幅指定なし */
/* @media screen and (min-width:961px) { */
  .hidden-sp{
    display: block !important;
  }
  .hidden-pc{
    display: none !important;
  }

  .btn{
    font-size: 1.2rem;
    padding: 10px;
  }

  .btn img{
    position: absolute;
    left: 15px;
    top: 10px;
    width: 16px;
    height: 16px;
    display: inline-block;
  }

  .wrap-breadcrumb {
    border-bottom: none;
  }

  .clm-main{
    float: right;
    /* width: 740px; */
    width: calc(100% - 290px);
  }

  .clm-nav{
    float: left;
    width: 240px;
    margin-right: 50px;
  }

  .clm-detail-thumbnail{
    float: left;
    width: 520px;
    margin: 0 40px 0 0;
  }

  .clm-detail-info{
    float: left;
    /* width: 400px; */
    width: calc(100% - 560px);
  }

/*
  .wrap-item-info{
    display: table;
  }
*/

  .wrap-item-info .box{
    /*display: inline-table;*/
    display: inline-block;
    width: 49.5%;
    padding: 20px;
  }

  .clm-login-input{
    float: left;
    width: 600px;
    margin: 0 40px 0 0;
  }

  .clm-login-other{
    float: left;
    width: 320px;
  }

  .clm-cart{
    float: left;
    width: 740px
  }

  .clm-cart h3{
    text-align: left;
  }

  .clm-price{
    float: left;
    width: 200px;
    margin: 0 0 0 20px;
  }

  .clm-price .wrap-block{
    padding: 0;
    margin: 0;
  }

  .inner{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
  }

  .wrap-block .inner{
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  ul.list-item{
    padding: 0;
    overflow: hidden;
    margin: 0 -10px 0 0;
  }

  ul.list-item li{
    float: left;
    width: 25%;
    padding: 0 10px 20px 0;
    margin: 0;
  }

  .list-link{
    margin: 0;
  }

  .list-link li.f1 > a,
  .list-link li.f1 > button{
    padding: 0.8rem 2rem 0.8rem 1rem;
  }

  .list-link li.f2 > a,
  .list-link li.f2 > button{
    padding: 0.6rem 2rem 0.6rem 2rem;
  }

  .list-link li.f3 > a,
  .list-link li.f3 > button{
    padding: 0.6rem 2rem 0.6rem 3em;
  }
  .list-link li.f4 > a,
  .list-link li.f4 > button{
    padding: 0.6rem 2rem 0.6rem 4rem;
  }

  .wrap-price{
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 20px;
    margin: 90px 0 40px;
  }

  .wrap-login,
  .wrap-login-new,
  .wrap-login-goon{

  }

  .wrap-login{
    margin: 20px auto auto;
    padding: 30px 40px;
  }

  .wrap-form .item-block .header{
    background: none;
    padding: 0;
    margin: 0 auto 20px;
  }

  .wrap-form .item-block .header p{
    font-size: 1.8rem;
  }

  .wrap-form .item-block{
    margin: 0 auto 40px;
  }

  .order-detail{
    overflow: hidden;
  }

  .order-detail .wrap-address,
  .order-detail .wrap-delivery,
  .order-detail .wrap-payment,
  .order-detail .wrap-message{
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }

  .wrap-cart .row .item-subtotal{
    width: 15%;
  }

  .wrap-form .item-block table.cart-content .cart-img-area{
    width: 80px;
  }

  .wrap-form .item-block table.cart-content .cart-img-area img{
    max-width: 60px;
  }
/* } */

.index_bottom_link_parent {
  position: relative;
}
.index_bottom_link {
  position: absolute;
  bottom: 0;
  right:0;
}

.item-detail-comment {
  word-break: break-all;
}

.cart-content.purchase_comfirm td.cart-img-area {
  width: 80px;
}

.cart-content.purchase_comfirm td.cart-item-area {
  width: auto;
  word-break: break-all;
}

.cart-content.purchase_comfirm td:nth-child(3) {
  text-align: center;
  width: 95px;
}

.cart-content.purchase_comfirm td:nth-child(4) {
  text-align: center;
  width: 85px;
}

.cart-content.purchase_comfirm td:nth-child(5) {
  text-align: center;
  width: 45px;
}

.cart-content.purchase_comfirm td.cart-subtotal-area {
  width: 85px;
}