@charset "utf-8";
/* CSS Document */

#maincolumn760 .listItems .num div:first-child{
	margin-top: auto;
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
}

@media screen and (min-width: 768px) {

	body{
		min-width: 1006px;
	}
	.sp{
		display: none;
	}
}

@media screen and (max-width: 767px) {
	
	.flex{
		display: flex;
	}
	
	
	

	/*------------- drawer ------------------*/
	
	.drawer {
		width: 100%;
		height: 100%;
		  background: #fff;
		  padding: 0 0 50px;
		  -webkit-transform: translateX(100%);
		  transform: translateX(100%);
		  -webkit-transition: ease 0.5s;
		  transition: ease 0.5s;
		  position: absolute;
		  position: fixed;
		  top: 0;
		  left: 0;
		  z-index: 9999;
		box-sizing: border-box;
	}

	.drawer li{
/*		display: flex;*/
		
	}
	.drawer li > a{
		font-size: 14px;
		text-decoration: none;
		position: relative;
		display: inline-flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 0 0 28px;
	}


.drawer li ul {
  margin: 0
}

.drawer.action {
	width: calc( 100% - 20px);
	height: calc( 100% - 20px);

	max-width: 100%;
	-webkit-transform: translate(0);
	transform: translateX(0);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	margin: 10px;
	box-shadow:0px 0px 6px 0px rgba(0,0,0,.3);
}

.drbtn {
  position: absolute;
  top: 50px;
  right: 12px;

  width: 50px;
  height: 32px;
  color: #5c6b80;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  cursor: pointer;
  align-items: flex-end;
  display: flex;
  justify-content: center;
  font-size: 10px;
  padding-bottom: 2px;
  z-index: 10000
}

	.drbtn.action {
	/*  right: 0;*/
		top: 15px ;
		right: 19px;
		width: 35px;
		background-color: #333;
	}

#content {
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s
}

#content.action {
  opacity: 0.25
}

.hambarg {
  position: absolute;
/*  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/
  height: 5px;
  width: 50px;
  background: #333333;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s
}

.hambarg:nth-child(1) {
  top: 0;
  left: 0;
}

.hambarg:nth-child(2) {
  top: 50%;
  left: 0;
}

.hambarg:nth-child(3) {
  top: 100%;
  left: 0;
}
	.drbtn.action .hambarg{
		background: #fff;
		height: 6px;
		width: 35px;
	}
.drbtn.action .hambarg:nth-child(1) {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

.drbtn.action .hambarg:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0
}

.drbtn.action .hambarg:nth-child(3) {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg)
}

.modal-search {
  position: fixed;
  top: 10%;
  left: 10%;
  width: 80%;
  padding: 10px;
  background: #f4f4f4;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  cursor: pointer;
  align-items: flex-end;
  display: flex;
  justify-content: center;
  display: none
}

.modal-search.action {
  display: block;
  z-index: 1000
}

.mobtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  color: #5c6b80;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  cursor: pointer;
  align-items: flex-end;
  display: flex;
  justify-content: center;
  font-size: 10px;
  padding-bottom: 2px;
  z-index: 1000
}

.mobtn .fa {
  font-size: 25px;
  position: absolute;
  top: 15%
}

	body{
		position: relative;
	}
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  cursor: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 2;
}

#overlay.active {
  visibility: visible;
  background: rgba(0, 0, 0, .3);
  opacity: 1
}

.md-btn:hover {
  background-color: #6e6e6e
}
	
	#sp_search{
		padding: 26px 12px 12px;
		box-sizing: border-box;
	}
	
	#sp_search .page_list{
		width: 100%;
		border: none;
		border-radius: 0;
		padding: 0;
		float: none;
	}
	#sp_search .item_search {
		width: 100%;
		border: none;
		border-radius: 0;
		background-color: #fff;
		padding: 0;
		margin: 0;
		float: none;
		height: auto;
}
	.btitle{
		text-align: left;
		font-weight: bold;
		font-size: 16px;
		display: block;
		border-bottom: 1px solid #333;
		padding: 0 0 6px 28px;
	}

	.btitle::before{
		left: 6px;
	}
	.btitle::after{
		left: 9px;
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	
	#sp_search .flex{
		justify-content: center;
	}
	#sp_search .flex .fl{
		display: flex;
		align-items: center;
	}
	#sp_search select{
		border-radius: 3px;
		padding: 5px 12px 5px 5px;
	  -moz-appearance: none;
	  -webkit-appearance: none;
	  appearance: none;
		width: 100%;
		border: none;
		outline: none;
		/*background: transparent;*/
		background-color: transparent;
		border: solid 1px #ccc;
		background: transparent url("../img/common/select_arrow.png") no-repeat center right 4px;
		background-size: 8px 6px;
	}
	#sp_search input{
		border-radius: 3px;
	  -moz-appearance: none;
	  -webkit-appearance: none;
	  appearance: none;
		
		width: 100%;
		border: none;
		outline: none;
		background: transparent;
		box-shadow: none;
		border: solid 1px #ccc;
	}
	#sp_search .flex .fl select{
		width: 80px;
	}
	#sp_search .page_search{
		margin-top: 25px;
		margin-bottom: 70px;
	}
	#sp_search .item_search .page_search{
		margin-bottom: 45px;
	}
	#sp_search .page_search .fl + .fl{
		margin-left: 18px;
	}
	#sp_search .note{
		font-size: 10px;
		display: inline-block;
	}
	#sp_search .page_search .note{
		margin-top: 15px;
	}
	#sp_search .page_search .btn button {
		width: 160px !important;
		line-height: 40px;
		font-size: 12px;
		padding: 0px;
		border: none;
		border-radius: 3px;
		font-weight: bold;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto;
		letter-spacing: 0;
	}
	#sp_search .page_search .btn button span{
		position: static;
		background-position: center center;
		background-size: contain;
		background-image: url( "../img/icon/search.png");
		background-repeat: no-repeat;
		margin-right: 8px;
	}
	
	#sp_search .item_search_input{
		width: 100%;
		padding: 0 28px 0 28px;
		box-sizing: border-box;
	}
	#sp_search .item_search_input label{
		display: flex;
		align-items: center;
	}
	#sp_search .item_search_input .item_search_keyword{
		margin-top: 15px;
		margin-bottom: 22px;
	}
	#sp_search .item_search_input label span{
		display: block;
		font-size: 12px;
		border-radius: 3px;
		width: 105px;
		background-color: #e4e4e4;
		height: 21px;
		box-sizing: border-box;
		padding: 2px 0 0;
	}
	#sp_search .item_search_input select,
	#sp_search .item_search_input input[type=text]{
		width: calc( 100% - 105px - 12px);
		box-sizing: border-box;
		margin-left: 12px;
	}
	#sp_search .item_search_input input[type=text]{
		border-radius: 3px;
		padding: 6px 6px 6px 8px;
	}
	#sp_search .favorite_item_banner{
		width: 100%;
		margin: auto;
		display: block;
		margin-bottom: 55px;
	}
	#sp_search .favorite_item_banner a{
		display: block;
	}
	#sp_search .favorite_item_banner a img{
		width: 100%;
	}
	
	.cateList{
		padding: 0 12px;
	}
	
	
	
	
	
	
	
	
	.spmenu_ttl{
		background-color: #333333;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		padding: 13px 0 14px;
	}

	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	#header .header_inner,
	#header .header_inner #hnavi,
	#container,
	#footer .fnavi,
	#maincolumn760{
		width: 100%;
	}
	
	#header_sp .h_logo{
		text-align: center;
		font-size: 10px;
		font-weight: normal;
		margin-top: 15px;
	}
	#header_sp .h_logo a{
		display: block;
		width: 140px;
		margin: 15px auto 25px;
	}
	#header_sp .h_logo a img{
		width: 100%;
	}
	#hnavi_sp .h_link{
		display: flex;
		justify-content: flex-end;
		background-color: #f0f0f0;
		padding: 6px 10px;
	}
	#hnavi_sp .h_link li + li{
		margin-left: 15px;
	}
	#hnavi_sp .h_link li a{
		text-decoration: none;
		font-weight: bold;
		font-size: 10px;
		position: relative;
		padding: 0 0 0 13px;
	}
	#hnavi_sp .h_link li a::before{
		content: "";
		width: 4px;
		height: 4px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		vertical-align: middle;
		border-top: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	
	}
	#hnavi_btm_sp{
		display: flex;
		justify-content: space-between;
		padding: 0 10px;
	}
	#hnavi_btm_sp li{
		height: 25px;
		width: calc( (100% - 18px)/4);
		margin-right: calc( 18px / 3);
		
	}
	#hnavi_btm_sp li:last-of-type{
		margin-right: 0;
	}
	#hnavi_btm_sp li a{
		display: block;
		width: 100%;
		height: 100%;
		background-color: #9a9a9a;
		border-radius: 3px;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		padding: 4px 0 0;
		box-sizing: border-box;
	}
	#hnavi_btm_sp li:last-of-type a{
		background-color: #f2392f;
	}
	
	.spmenu_list{
/*		padding: 0 12px;*/
		padding-top: 15px;
	}
	
	.parent{
		position: relative;
	}

	.parent .toggle{
		content: "";
		width: 23px;
		height: 23px;
		background-image: url("../img/icon/sp_open.png");
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		right: 10px;
		top: 7px;
		display: block;
	}
	.parent .toggle.active{
		background-image: url("../img/icon/sp_close.png");
	}
	.spmenu_list li{
		border-bottom: 1px solid #e4e4e4;
		padding: 11px 0 10px;
		text-align: left;
	}
	.spmenu_list li > a{
		display:inline-block;
	}
	.spmenu_list li > a::before {	
		content: "";
		width: 5px;
		height: 5px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 8px;
		margin: auto;
		vertical-align: middle;
		border-top: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.parent .child{
		border-top: 1px solid #e4e4e4;
		margin-top: 11px;
		padding: 0 0 0 10px;
	}
	.spmenu_list li:last-of-type{
		border-bottom: none;
	}
	#header_sp{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		padding-bottom: 15px;
		z-index: 1;
	}
	
	/*-------------------------- main ----------------------*/
	
	#container{
		padding-top: 196px;
	}
	
	#mv img{
		width: 100%;
		display: block;
	}
	#maincolumn #newsarea, #maincolumn760 #newsarea{
		width: 100%;
		height: 350px;
		padding: 0 12px;
		border: none;
		border-radius: 0;
		box-sizing: border-box;
		margin-top: 35px;
	}
	#maincolumn #newsarea dl, #maincolumn760 #newsarea dl{
		width: 100%;
		padding: 0 5px;
		box-sizing: border-box;
	}
	#maincolumn #newsarea dt, 
	#maincolumn760 #newsarea dt,
	#maincolumn #newsarea dd, 
	#maincolumn760 #newsarea dd{
		position: static;
		width: 100%;
		padding: 0;
		float: none;
		display: block;
		background-image: none;
	}
	#maincolumn #newsarea dt, 
	#maincolumn760 #newsarea dt{
		display: flex;
		flex-direction: row-reverse;
		justify-content: flex-end;
		margin-bottom: 7px;
		padding-top: 15px;
	}
	#maincolumn #newsarea dd, 
	#maincolumn760 #newsarea dd{
		padding: 0 0 12px;
	}
	#maincolumn760{
		float: none;
		margin-bottom: 0;
	}
	#container .btitle{
		z-index: -1;
		border: none;
		padding: 0 0 0 20px;
	}
	#container .btitle::before{
		left: 0;

	}
	#container .btitle::after{
		left: 3px;

	}
	#newsarea .newsarea_news {
		background-color: #ff0000;
		display: block;
		color: #ffffff;
		color: #ffff00;
		font-size: 10px;
		padding: 2px 2px 0px;
		margin-top: 0;
		float: none;
		border-radius: 2px;
		width: 35px;
		height: 16px;
		text-align: center;
		box-sizing: border-box;
		line-height: 1;
		margin-right: 7px;
	}

	#banner_area_sp{
		padding: 35px 12px 0;
	}
	

	#banner_area_sp li + li{
		margin-top: 10px;
	}
	#banner_area_sp img{
		width: 100%;
	}
	
	#recomendNow{
		padding: 80px 12px 0;
		border: none;
		border-radius: 0;
	}
	.item_category{
		margin: 0;
	}
	#container #recomendNow .btitle{
		margin-bottom: 30px;
	}
	#maincolumn .recoItem, #maincolumn760 .recoItem{
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
	#maincolumn .recoItem dl, 
	#maincolumn760 .recoItem dl{
		width: calc( (100% - 10px)/2);
		margin: 0;
		padding: 0;
		float: none;
		padding-bottom: 105px;
/*		margin-bottom: 65px;*/
		position: relative;
		height: auto !important;
	}
	#maincolumn .recoItem dl:nth-of-type(2n), 
	#maincolumn760 .recoItem dl:nth-of-type(2n){
		margin-left: 10px;
	}
	#maincolumn .recoItem dl dt, 
	#maincolumn760 .recoItem dl dt{
		padding: 0 5px;
	}
	#maincolumn .recoItem dl dt a, 
	#maincolumn760 .recoItem dl dt a{
		display: block;
		border-radius: 7px;
		border: 1px solid #e2dfdb;
		overflow: hidden;
	}
	#maincolumn .recoItem dl dt img, 
	#maincolumn760 .recoItem dl dt img{
		border: 0;
		width: 100% !important;
		height: auto !important;
	}
	#maincolumn760 .recoItem dl dd{
		padding: 13px 0 0;
	}
	#maincolumn760 .recoItem dl dd.pname:first-of-type{
		min-height: 5em;
	}
	#maincolumn760 .recoItem dl dd.pname + .pname{
		padding-top: 7px;
	}
	#maincolumn760 .recoItem dl dd.pname a{
		text-decoration: none;
	}
	#maincolumn760 .recoItem dl dd.pname p{
		padding: 0 15px;
	}
	#maincolumn760 .recoItem dl .pbtn{
		width: calc(100% - 10px);
		height: 40px;
		margin: 9px 5px 0px;
		padding: 0;
		position: absolute;
		bottom: 55px;
	}
	#maincolumn760 .recoItem dl .pbtn a{
		width: 100%;
		height: 100%;
		display: block;
		color: #fff;
		background-color: #333333;
		border-radius: 3px;
		box-sizing: border-box;
		padding-top: 12px;
		text-decoration: none;
		text-align: center;

	}
	
	#footer .fnavi{
		height: auto;
		padding: 0 17px;
		border: none;
		box-sizing: border-box;
	}
	#footer .fnavi li{
		float: none;
		border: none;
		padding: 0;
		text-align: left;
		font-weight: normal;
		font-size: 14px;

	}
	#footer .fnavi li + li{
		margin-top: 23px;
	}
	#footer .fnavi li a{
		position: relative;
		padding-left: 18px;
	}
	#footer .fnavi li a::before {
		content: "";
		width: 5px;
		height: 5px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		vertical-align: middle;
		border-top: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#page-top {
		right: 12px;

	}
	#page-top a {
		background: url(../img/button/totop_sp.png) no-repeat;
		width: 70px;
		height: 70px;
		padding: 0;
		border-radius: 0;
		background-size: contain;
	}
	
	/*--------------------------- under ---------------------*/
	
	.main_column{
		padding-top: 0;
	}
	
	#maincolumn760 .pc{
		display: none;
	}
	
	#maincolumn760 .pnkz{
		background-color: #ece9e6;
		margin: 0 0 15px;
		font-size: 10px;
		padding: 6px 7px;
	}
	#maincolumn760 .pnkz a{
		color: #0000ff;
		text-decoration: none;
	}
	#maincolumn760 .cateTitle{
		background-image: none;
	}
	#maincolumn760 .cateTitle h2{
		color: #333;
		font-size: 16px;
		position: relative;
		background-image: none;
	}
	#maincolumn760 .cateTitle h2::before, 
	#maincolumn760 .cateTitle h2::after {
		content: "";
		display: block;
		position: absolute;
	}
	#maincolumn760 .cateTitle h2::before{
		width: 12px;
		height: 12px;
		border-radius: 8px;
		background: #000;
		border: 1px solid #000000;
		left: 0;
		top: 4px;
	}
	#maincolumn760 .cateTitle h2::after{
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
		width: 6px;
		height: 3px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: 3px;
		top: 7px;
	}
	#maincolumn760 .itemArea{
		border: none;
	}
	#maincolumn760 .itemFilterBox{
		display: none;
	}
	#maincolumn760 .itemTopBox{
		background-color: #f9f9f9;
		border-radius: 3px;	
		margin: 0 10px 15px;
		padding: 6px 24px;
	}
	#maincolumn760 .itemTopBox .change, 
	#maincolumn760 .itemTopBox02 .change{
		font-size: 10px;
		text-align: left;
		float: none;
		margin: 0;
	}
	#maincolumn760 .itemTopBox .change ul, 
	#maincolumn760 .itemTopBox02 .change ul{
		display: flex;
		justify-content: flex-start;
	}
	#maincolumn760 .itemTopBox .change li, 
	#maincolumn760 .itemInBox02 .change li{
		padding: 0;
		float: none;
	}
	#maincolumn760 .itemTopBox .change a, 
	#maincolumn760 .itemTopBox02 .change a{
		color: #0000ff;
		text-decoration: none;
	}
	#maincolumn760 .itemTopBox .change li + li, 
	#maincolumn760 .itemTopBox02 .change li + li{
		margin-left: 10px;
	}
	#maincolumn760 .itemTopBox .change .separate{
		margin: 0 2px;
	}
	#maincolumn760 .itemInBox{
		background-color: transparent;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#maincolumn760 .itemInBox .maxItem{
		width: auto;
	}
	#maincolumn760 .itemInBox .navi{
		width: auto;
	}
	#maincolumn760 .itemInBox .navi li{
		width: 30px;
		height: 30px;
		border-radius: 4px;
		box-sizing: border-box;
		padding: 0;
	}
	#maincolumn760 .itemInBox .navi li a{
		display: block;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
	#maincolumn760 .itemInBox .navi li:last-of-type{
		width: 45px;
		margin-right: 0;
	}
/*	#maincolumn760 .itemInBox .navi li:last-of-type a{
		text-indent: -9999px;
	}*/
/*	#maincolumn760 .itemInBox .navi li:last-of-type a::after{
		content: ">";
		font-size: 15px;
		display: block;
		width: 100%;
		text-align: center;
		text-indent: 0;
		-webkit-text-size-adjust: none;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 15px;
		height: 15px;
	}*/
	
	#maincolumn760 .listItems dl{
		float: none;
		width: 100%;
		display: flex;
		margin: 0;
		justify-content: center;
	}
	#maincolumn760 .listItems div:first-child{
		margin-top: 0;
	}
	#maincolumn760 .listItems dl dt a{
		display: block;
		border-radius: 5px;
		border: 1px solid #ccc;
		overflow: hidden;
		width:160px;
		height: 160px;
		margin-right: 15px;
	}
	#maincolumn760 .listItems dl dt .picture{
		border: none;
	}
	#maincolumn760 .listItems dl dd .product_name{
		font-size: 14px;
		text-align: left;
	}
	#maincolumn760 .listItems dl dd .product_name a{
		text-decoration: none;
	}
	#maincolumn760 .listItems dl dd li.fontBmab8{
		font-weight: normal;
		font-size: 12px;
		margin-bottom: 0;
	}
	#maincolumn760 .listItems dl dd li.fontBmab8 span{
		color: #f2392f;
	}
	#maincolumn760 .listItems dl dd li.fontBmab8 + .fontBmab8 span{
		font-weight: bold;
	}
	#maincolumn760 .listItems dl dd li.num{
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-width: 175px;
	}
	#maincolumn760 .listItems dl dd li.num.pc{
		display: none;
	}
	#maincolumn760 .listItems dl dd li.num > div{
		margin: 0 10px 0 0 !important;
		padding: 0;
	}
	#maincolumn760 .listItems dl dd .num.num_top.sp{
		display: inline-block;
		font-size: 10px;
		letter-spacing: -0.05em;
		line-height: 1;
	}
	#maincolumn760 .listItems dl dd li.cartin{
		display: flex;
		margin-top: 6px;
		margin-bottom: 0;
		justify-content: space-between;
		max-width: 175px;
	}
	#maincolumn760 .listItems dl dd li.cartin button{
		background-image: none;
		background-color: #333;
		border: none;
		border-radius: 3px;
		color: #fff;
		text-indent: 0;
		position: relative;
		background-position: 0 0 !important;
		width: 100%;
		color: rgba(0, 0, 0, 0) !important;
		display: inline-block !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		padding: 2px;
		margin: 0 !important;
		box-shadow: none !important;
		float: initial !important;
		-webkit-filter: none !important;
		filter: none !important;
		background-size: 100% !important;
		line-height: 1 !important;
		-webkit-transition: initial !important;
		transition: initial !important;
		vertical-align: initial !important;
		font-size: 12px !important;
		font-weight: normal !important;
		cursor: pointer;
		width: 125px;
		height:40px !important;
	}
	#maincolumn760 .listItems dl dd li.cartin button div{
		background-color: #333;	
		background-image: url("../img/icon/cart_sp.png");
		background-size: 16px 14px;
		background-repeat: no-repeat;
		background-position: left 8px center;
		padding: 5px 0 0 20px;
		box-sizing: border-box;
		font-size: 12px;
		
		
	}
	#maincolumn760 .listItems dl dd li.cartin button span{
		color: #fff !important;
	}
	#maincolumn760 .listItems dl dd li.cartin button span img{
		display: none;
	}
	#maincolumn760 .listItems dl dd li.cartin a.sp{
		width: 40px;
		height: 40px;
		display: flex;
		border: 1px solid #ccc;
		border-radius: 3px;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		margin-left: 5px;

	}
	#maincolumn760 .listItems dl dd li.cartin a.sp img{
		width: 20px;
		height: 19px;
	}
	#maincolumn760 .listItems dl dd .ui-state-default, 
	#maincolumn760 .listItems dl dd .ui-widget-content .ui-state-default{
		background: #fff;
		border: none;
	}
	#maincolumn760 .listItems dl dd li.num{
		margin-top: 8px;
	}
	#maincolumn760 .listItems dl dd li.num input{
		margin: 5px 15px 7px 11px;
	}
	#maincolumn760 .listItems dl dd li.num .ui-corner-all{
		margin-top: 2px;
	}
	#maincolumn760 .listItems > div{
		padding: 0;
		border: none;
	}
	#maincolumn760 .listItems > div form dl{
		padding: 12px 12px 12px;
		box-sizing: border-box;
	}
	#maincolumn760 .listItems > div form:nth-of-type(odd) dl{
		background-color: #f9f9f9;

	}
	#maincolumn760 .listItems dl dt{
		margin-bottom: 0;
	}

	
	
	/*--------------------- detail -----------------------------------------------*/
	
	#maincolumn760 .itemDetail .fl{
		width: 100%;
		float: none;
	}
	#maincolumn760 .itemDetail .fl p{
		padding: 0;
		border:1px solid #ccc;
		border-radius: 5px;
		overflow: hidden;
		background-image: none;
		max-width:355px;
		max-height: 355px;
		margin: auto;
	}
	#maincolumn760 .itemDetail .fl p img{
		border: none;
		width: 100%;
	}
	#maincolumn760 .itemDetail .fr table{
		margin-bottom: 0;
	}
	#maincolumn760 .itemDetail .fr table .sp{
		display: table-row;
	}
	
	#maincolumn760 .itemDetail .fr table th{
		font-size: 10px;
		text-align: left;
		font-weight: normal;
		width: 132px;
		padding: 8px 12px 7px;
		background-color: #e2dfd9;
	}
	#maincolumn760 .itemDetail .fr table td{
		font-size: 10px;
		background-color: #f2efea;
		width: auto;
		padding: 8px 15px 7px;
	}
	#maincolumn760 .itemDetail .fr table .sp td{
		color: #ff0000;
	}
	#maincolumn760 .itemDetail .fr table .sp + .sp td{
		font-weight: bold;
	}
	#maincolumn760 .itemDetail .fr{
		width: 100%;
		float: none;
		margin: 12px 0 0;
	}
	#maincolumn760 .itemDetail .cart_detail_btn{
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		max-width: 355px;
		margin: auto;
	}
	#maincolumn760 .itemDetail .cart_detail_btn > ul{
		width: 120px;
	}
	#maincolumn760 .itemDetail .cart_detail_btn > ul li + li{
		margin-top: 7px;
	}
	#maincolumn760 .itemDetail .cart_detail_btn .ui-corner-all{
		width: 100%;
		border-radius: 3px !important;
	}
	#maincolumn760 .itemDetail .cart_detail_btn .ui-state-default, 
	#maincolumn760 .itemDetail .cart_detail_btn .ui-widget-content .ui-state-default{
		background: #fff;
		border: none;
	}
	#maincolumn760 .itemDetail .cart_detail_btn .ui-widget input[type=text]{
		border: none;
		padding: 0;
		font-size: 16px;
		margin: 8px 15px;
	}
	#maincolumn760 .itemDetail .cart_detail_btn .ui-spinner-button{
		width: 24px;
		
	}
	#maincolumn760 .itemDetail .cart_detail_btn .ui-spinner .ui-icon{
		margin-top: -6px;
	}
	#maincolumn760 .itemDetail .cart_detail_btn .ui-spinner-down .ui-icon{
		margin-top: -10px;
	}
	#maincolumn760 .itemDetail .cartin_btn button {
		background-image: none;
		background-color: #333;
		border:none;
		border-radius: 3px;
		color:#fff;
		text-indent: 0;
		position: relative;
		background-position: 0 0 !important;
		width: 100%;
		color: rgba(0, 0, 0, 0) !important;
		display: inline-block !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		padding: 2px;
		margin: 0 0 0 15px !important;
		box-shadow: none !important;
		float: initial !important;
		-webkit-filter: none !important;
		filter: none !important;
		background-size: 100% !important;
		line-height: 1 !important;
		-webkit-transition: initial !important;
		transition: initial !important;
		vertical-align: initial !important;
		font-size: 14px !important;
		font-weight: normal !important;
		cursor: pointer;
		width: 220px;
		height: 40px !important;
	}
	#maincolumn760 .itemDetail .cartin_btn button div{
		background-color: #333;
		background-image: url("../img/icon/cart_sp.png");
		background-size: 19px 18px;
		background-repeat: no-repeat;
		background-position: left 46px center;
		box-sizing: border-box;
		padding: 0 0 0 35px;
	}
	#maincolumn760 .itemDetail .cartin_btn button span{
		font-size: 14px;
	}
	#maincolumn760 .itemDetail .cartin_btn button span img{
		display: none;
	}
	
	#maincolumn760 .itemDetail .favorite_btn{
		display: flex;
		justify-content: flex-end;
		max-width: 355px;
		margin: 15px auto 0;
	}
	#maincolumn760 .itemDetail .favorite_btn a{
		display: block;
		width: 120px;
		height: 40px;
		border-radius: 3px;
		border:1px solid #ccc;
		text-decoration: none;
	}
	#maincolumn760 .itemDetail .favorite_btn a .sp img{
		width: 20px;
		height: 19px;
		margin-right: 9px;
		display: block;
	}
	#maincolumn760 .itemDetail .favorite_btn a .sp{
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		
	}
	#container #undercolumn #recomendNow .btitle{
		font-size: 12px;
		
	}
	#maincolumn760 .recoItem dl dd.pname:first-of-type{
		min-height: inherit;
	}
}

@media screen and (max-width: 360px) {
	#newsarea .newsarea_news{
		padding: 4px 2px 0px;
	}
	#maincolumn760 .itemTopBox{
		padding: 6px 18px; 
	}
	#maincolumn760 .itemInBox .navi li{
		margin-right: 3px;
	}
}