.sis-pata .font-orange{
		color: #e67f2b;
	}
	.sis-pata .font-blue{
		color: #50b1d5;
	}
	.sis-pata .product-labels{
		width: 100%;
		font-size: 0;
		position: absolute;
		bottom:0;
		left: 0;
	}
	.sis-pata .label-ship{
		display: inline-block;
		background: #e62b2b;
		color: #FFFFFF;
		padding: 4px 10px;
		font-size: 11px;
	}
	.sis-pata .label-point{
		display: inline-block;
		background: #ff8502;
		color: #FFFFFF;
		padding: 4px 10px;
		font-size: 11px;
	}
	.sis-pata .caption{
		display: inline-block;
		width: 100%;
		background: #7a7a7a;
		color: #FFFFFF;
		padding: 2px 10px;
		font-size: 15px;
		text-align: center;
		
	}
	.sis-pata .item-rating{
		font-size: 0;
	}
	.sis-pata .item-rating i{
		display: inline-block;
		width: 16px;
		height: 16px;
		background:url(../../common/img/star_none.svg) 0 0 no-repeat;
		background-size: 100%;
	}
	.sis-pata .item-rating i.star{
		display: inline-block;
		width: 16px;
		height: 16px;
		background:url(../../common/img/star.svg) 0 0 no-repeat;
		background-size: 100%;
	}
	.sis-pata .item-rating i.star-half{
		display: inline-block;
		width: 16px;
		height: 16px;
		background:url(../../common/img/star_half.svg) 0 0 no-repeat;
		background-size: 100%;
	}
	.sis-pata .item-rating span{
		display: inline-block;
		font-size: 13px;
		margin-left: 2px;
		position: relative;
		top:-2px;
	}


	


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


	/*---------------------------------------
	 * Header
	---------------------------------------*/ 
	
	.sis-pata header{
		width: 100%;
		background: #FFFFFF;
		padding: 10px 0;
		/*border-bottom: 3px solid #F7F7F7;*/
	}
	.sis-pata header .inner{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 25px;
		position: relative;
	}
	.sis-pata header .inner .logo{
		width: 80px;
	}
	.sis-pata header .inner nav{
		position: absolute;
		top:2px;
		right:25px;
	}
	.sis-pata header .inner nav ul li{
		display: inline-block;
		font-size: 12px;
		margin-left: 20px;
		margin-top: 5px;
	}
	.sis-pata header .inner nav ul li .icon{
		width: 20px;
		height: 20px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
		margin-top: -5px;
	}
	.sis-pata li .float-trigger{
		position: relative;
		
	}
	.sis-pata li .float-trigger > p{
		padding-bottom: 20px;
		cursor: pointer;
	}
	.sis-pata li .in-cart{
		position: relative;
	}
	.sis-pata li .in-cart .badge{
		position: absolute;
		top:-15px;
		left:10px;
		color: #FFFFFF;
		font-weight: 700;
		border-radius: 50%;
		background: #F7284C;
		text-align: center;
		line-height: 22px;
		width: 22px;
		height: 22px;
		display: inline-block;
	}
	
	
	
	/* Search Input
	---------------------------------------*/ 
	
	.sis-pata header .inner nav ul li .search-box{
		position: relative;
	}
	
	.sis-pata header .inner nav ul li .search-box .textbox{
		border: none;
		background: #F7F7F7;
		padding: 7px 30px 7px 7px;
		border-radius: 3px;
	}
	.sis-pata header .inner nav ul li .search-box .label{
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		top:4px;
		right:3px;
		border:none;
		background: url(../img/search.svg) 0 0 no-repeat;
		background-size: 20px;
		text-indent: -9999px;
	}
	.safari.sis-pata header .inner nav ul li .search-box .label{
		top:8px;
	}
	.sis-pata .sp-menubox{
		display: none;
	}
	
	
	
	/*---------------------------------------
	 * Category Link
	---------------------------------------*/ 	
	
	.sis-pata .category-link{
		width: 100%; 
		margin-bottom: 60px;
	}
	.sis-pata .category-link .inner{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 25px;
	}
	
	.sis-pata .category-link .inner ul{
		width: 100%;
		font-size: 0;
	}
	.sis-pata .category-link .inner ul li{
		display: inline-block;
		font-size: 13px;
		width: 23.75%;
		margin-right: 1.6666%;
		text-align: center;
	}
	.sis-pata .category-link .inner ul li a{
		padding: 24px 0;
	}
	.sis-pata .category-link .inner ul li:nth-child(4n){
		margin-right: 0;
	}
	

	
	
	
	/*---------------------------------------
	 * Other Contents
	---------------------------------------*/ 	
	
	.sis-pata .other-contents{
		width: 100%; 
	}
	.sis-pata .other-contents .inner{
		width: 100%;
		margin: 0 auto;
	}
	.sis-pata .other-contents .inner ul{
		width: 100%;
		font-size: 0;
	}
	.sis-pata .other-contents .inner ul li{
		font-size: 13px;
		height: auto;
		padding: 55px 0;
		display: inline-block;
		position: relative;
	}
	.sis-pata .other-contents .inner ul li .photo{
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50%;
		position: absolute;
		top:0;
		left:0;
	}
	.sis-pata .other-contents .inner ul li .photo::after{
		content:"";
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
	}
	.sis-pata .other-contents .inner ul li .box{
		width: 464px;/*42%*/
		/*max-width: 464px;*/
		background: #FFFFFF;
		padding: 55px 3% 40px;
		border-top: 12px solid #8a5f8d;
		z-index: 1;
		position: relative;
	}
	.sis-pata .other-contents .inner ul li .box .midashi-ja{
		font-size: 15px;
		margin-bottom: 8px;
	}
	.sis-pata .other-contents .inner ul li .box .midashi-en{
		font-size: 48px;
		letter-spacing: 1px;
		display: inline-block;
		margin-bottom: 20px;
	}
	.sis-pata .other-contents .inner ul li .box .read{
		line-height: 2;
		margin-bottom: 70px;
	}
	
	
	
	
	/* 2Column
	---------------------------------------*/ 
	
	.sis-pata .other-contents .inner ul li.col2{
		padding: 0;
	}
	
	.sis-pata .other-contents .inner ul li.col2 .photo::after{
		content:"";
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
	}
	.sis-pata .other-contents .inner ul li.col2 .photo{
		width: 100%;
		height: 260px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 0;
		position: static;
	}
	.sis-pata .other-contents .inner ul li.col2 .box{
		width: 100%;
		background: #FFFFFF;
		padding: 55px ;
		border-top: 12px solid #8a5f8d;
		z-index: 1;
		position: relative;
	}
	.sis-pata .other-contents .inner ul li.col2 .box .midashi-ja{
		font-size: 15px;
		margin-bottom: 8px;
	}
	.sis-pata .other-contents .inner ul li.col2 .box .midashi-en{
		font-size: 48px;
		letter-spacing: 1px;
		margin-bottom: 50px;
	}
	.sis-pata .other-contents .inner ul li.col2 .box .read{
		display: none;
		line-height: 2;
		margin-bottom: 20px;
	}
	.sis-pata .other-contents .inner ul li.col2 .box .link-area{
		text-align: left;
	}
	
	
	
	/* 4Column
	---------------------------------------*/ 
	
	.sis-pata .other-contents .inner ul li.col4{
		padding: 0;
	}
	
	.sis-pata .other-contents .inner ul li.col4 .photo::after{
		content:"";
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
	}
	.sis-pata .other-contents .inner ul li.col4 .photo{
		width: 100%;
		height: 260px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 0;
		position: static;
	}
	.sis-pata .other-contents .inner ul li.col4 .box{
		width: 100%;
		background: #FFFFFF;
		padding: 55px 30px;
		border-top: 12px solid #8a5f8d;
		z-index: 1;
		position: relative;
	}
	.sis-pata .other-contents .inner ul li.col4 .box .midashi-ja{
		font-size: 15px;
		margin-bottom: 8px;
	}
	.sis-pata .other-contents .inner ul li.col4 .box .midashi-en{
		font-size: 38px;
		letter-spacing: 1px;
		margin-bottom: 50px;
	}
	.sis-pata .other-contents .inner ul li.col4 .box .read{
		display: none;
		line-height: 2;
		margin-bottom: 20px;
	}
	.sis-pata .other-contents .inner ul li.col4 .box .link-area{
		text-align: left;
		font-size: 12px;
	}
	
	
	
	
	/* Box Pos
	---------------------------------------*/ 
	
	.sis-pata .col1.box-right .box{
		left: calc(100% - 485px);
		
	}
	.sis-pata .col1.box-left .box{
		left: 25px;
	}
	
	
	/* Line 
	---------------------------------------*/ 
	
	.sis-pata .border{
		border-right: 1px solid #CCCCCC;
	}
	
	/* Column
	---------------------------------------*/ 
	
	.sis-pata .col1{
		width: 100%;	
	}
	.sis-pata .col2{
		width: 50%;
	}
	.sis-pata .col4{
		width: 25%;
	}		
	
	
	/*---------------------------------------
	 * Tokuten
	---------------------------------------*/ 	
	
	.sis-pata .tokuten{
		width: 100%;
		border: 28px solid #00803d;
		border-right:0;
		border-left:0;
		padding: 60px 0;
	}
	.sis-pata .tokuten .inner{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.sis-pata .tokuten .inner .midashi{
		text-align: center;
		font-size: 24px;
		margin-bottom: 60px;
	}
	.sis-pata .tokuten .inner ul{
		text-align: center;
		
	}
	.sis-pata .tokuten .inner ul li{
		display: inline-block;
		padding: 0 7%;
		font-size: 18px;
		line-height: 1.6;
		position: relative;	
		margin-bottom: 70px;
	}
	.sis-pata .tokuten .inner ul li::after{
		content: "";
		width: 2px;
		height: 100px;
		display: block;
		background: #EEEEEE;
		position: absolute;
		top:0;
		bottom:0;
		right: 0;
		margin: auto;
	}
	.sis-pata .tokuten .inner ul li.last::after{
		display: none;
	}
	.sis-pata .tokuten .inner ul li .icon{
		width: 102px;
		margin: 0 auto;
	}
	.sis-pata .tokuten .inner .tokuten-link{
		width: 220px;
		padding: 20px 0;
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	
	
	
	/*---------------------------------------
	 * Footer
	---------------------------------------*/ 
	
	.sis-pata footer{
		width: 100%;
		border-top: 
	}
	
	
	
	
	
	
	
	/*---------------------------------------
	 * Parts
	---------------------------------------*/ 
	
	
	/* Hover PurpleMask
	---------------------------------------*/ 
	
	a.hover-purple{
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	a.hover-purple::before{
		content:"";
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(138,95,141,0);
		z-index: 10;
		position: absolute;
		top:0;
		left:0;
		transition: all .2s;
	}
	a.hover-purple:hover::before{
		content:"";
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(138,95,141,0.7);
		z-index: 1;
	}
	a.hover-purple .link-message{
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top:0px;
		left:-30px;
		bottom:0;
		right: 0;
		margin: auto;
		width: 157px;
		height: 35px;
		z-index: 3;
		font-weight: 500;
		font-size: 15px;
		padding-right: 60px;
		/*border-bottom: 3px solid #FFFFFF;*/
		color: #FFFFFF;
		background: url(../../common/img/btn_arr_white.svg) 100% -3px no-repeat;
		background-size: 24px;	
		transition: all .3s;
		
	}
	a.hover-purple:hover .link-message{
		visibility: visible;
		opacity: 1;
		left:0;
	}
	a.hover-purple img{
		display: block;
	}
	a.hover-purple .link-message::after{
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background: #FFFFFF;
		position: absolute;
		bottom:0px;
		left:0;
		transform: scale(0, 1);
		transform-origin: left top;
		transition: transform .3s;
	}
	a.hover-purple:hover .link-message::after{
		transform: scale(1, 1);
	}
	
	
	/* Hover Keisen
	---------------------------------------*/ 
	
	.sis-pata .hover-keisen{
		width: 100%;
		position: relative;
		display: block;
		box-sizing: border-box;
		border: 2px solid transparent;
		transition: border .3s;
	}
	.sis-pata .hover-keisen img{
		display: block;
	}
	.sis-pata .hover-keisen:hover{
		border: 2px solid #bfbfbf;
	}
	
	
	
	
	/* Link Btn
	---------------------------------------*/ 
	
	.sis-pata a.links{
		position: relative;
		display: inline-block;
		height: 35px;
		font-weight: 500;
		font-size: 15px;
		padding-right: 60px;
		/*border-bottom: 3px solid #333333;*/
		background: url(../img/btn_arr.svg) 100% -3px no-repeat;
		background-size: 24px 24px;	
		text-align: right;
	}
	.sis-pata a.links::before {
		position: absolute;
		display: block;
		bottom: 0px;
		left: 0;
		content: '';
		width: 100%;
		height: 3px;
		background: #333;
		transform: scale(0, 1);
		transform-origin: left top;
		transition: transform .2s;
		transition-delay: .3s;
	}
	.sis-pata a.links::after {
		position: absolute;
		display: block;
		bottom: 0px;
		left: 0;
		content: '';
		width: 100%;
		height: 3px;
		background: #333;
		transform-origin: right top;
		transition: transform .2s;
	}
	.sis-pata a.links:hover::before {
	  transform: scale(1, 1);
	}
	.sis-pata a.links:hover::after {
	  transform: scale(0, 1);
	}

	
	/* Square Btn - purple
	---------------------------------------*/ 
	
	.sis-pata a.square-btn {
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		outline: none;
	}
	.sis-pata a.square-btn::before,
	.sis-pata a.square-btn::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	.sis-pata a.square-btn,
	.sis-pata a.square-btn::before,
	.sis-pata a.square-btn::after {
		box-sizing: border-box; 
		transition: all .2s;
	}	
	.sis-pata a.square-btn {
		position: relative;
		z-index: 2;
		background-color: #fff;
		border: 2px solid #8a5f8d;
		color: #333;
		overflow: hidden;
	}
	.sis-pata a.square-btn:hover {
		color: #fff;
	}
	.sis-pata a.square-btn::after {
		top: -100%;
		width: 100%;
		height: 100%;
	}
	.sis-pata a.square-btn:hover::after {
		top: 0;
		background-color: #333;
	}
	
	
	/* purple */
	
	.sis-pata a.square-btn.purple{
		color: #8a5f8d;
		border: 2px solid #8a5f8d;
	}
	.sis-pata a.square-btn.purple:hover {
		color: #FFFFFF;
	}
	.sis-pata a.square-btn.purple:hover::after {
		top: 0;
		color: #FFFFFF;
		background-color: #8a5f8d;
	}
	
	
	/* orange */
	
	.sis-pata a.square-btn.orange{
		color: #FFFFFF;
		background: #ff8502;
		border: 2px solid #ff8502;
	}
	.sis-pata a.square-btn.orange:hover {
		color: #ff8502;
	}
	.sis-pata a.square-btn.orange:hover::after {
		top: 0;
		background-color: #FFFFFF;
	}
	
	
	/* Top List Item
	---------------------------------------*/ 
	
	.sis-pata .item-cell{
		width: 47.5%;
		font-size: 13px;
		display: inline-block;
		
		
		vertical-align: top;
	}
	.sis-pata .item-cell .name{
		font-size: 15px;
		line-height: 1.6;
		margin: 15px 0 5px;
	}
	.sis-pata .item-cell .price{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.sis-pata .item-cell .price span{
		font-size: 12px;
	}
	.sis-pata .item-cell .service{
		font-size: 12px;
		margin-bottom: 15px;
	}
	.sis-pata .item-cell .rating{
		margin-bottom: 10px;
	}
	

	
	
	/* Category List Item
	---------------------------------------*/ 
	
	.sis-pata .category-item-cell{
		width: 288px;
		font-size: 13px;
		display: table;
		margin:0 8px 50px;
		vertical-align: top;
		opacity:0;
		transition: border .3s;
	}
	.sis-pata .category-item-cell .wrap{
		position: relative;
		display: block;
	}
	.sis-pata .category-item-cell .img{
		width: 100%;
		position: relative;
		display: block;
		box-sizing: border-box;
	}
	.sis-pata .category-item-cell .wrap .img .new-lavel{
		display: block;
		width: 59px;
		height: 59px;
		position: absolute;
		top:0px;
		left:0px;
		z-index: 1;
	}
	.sis-pata .category-item-cell .wrap .img .color-lavel{
		display: inline-block;
		padding: 6px 18px;
		font-size: 12px;
		background: #000000;
		color: #FFFFFF;
		position: absolute;
		top:0px;
		right:0px;
		z-index: 1;
	}

	.sis-pata .category-item-cell .name{
		font-size: 15px;
		line-height: 1.6;
		margin: 15px 0 5px;
		width: 280px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.sis-pata .category-item-cell .price{
		font-size: 20px;
		margin-bottom: 10px;
		display: inline-block;
	}
	.sis-pata .category-item-cell .price.down .yen{
		text-decoration: line-through;
	}
	.sis-pata .category-item-cell .down-price{
		color: #FF0000;
		display: inline-block;
		font-size: 20px;
	}
	.sis-pata .category-item-cell .price .tax{
		font-size: 12px;
	}
	.sis-pata .category-item-cell .service{
		font-size: 12px;
		margin-bottom: 15px;
	}
	.sis-pata .category-item-cell .rating{
		margin-bottom: 10px;
	}
	.sis-pata .category-item-cell .catch{
		display: none;
	}
	
	/**/
	
	.sis-pata .category-item-cell.big{
		width: 592px;/*48.25%*/
		height: 100%;
		font-size: 13px;
		display: table;
		margin: 0 8px 50px;
		vertical-align: top;
		text-align: center;	
	}
	.sis-pata .category-item-cell.big.on{
		border: 2px solid #BFBFBF;
	}
	.sis-pata .category-item-cell.big .wrap{
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 943px;
	}
	.sis-pata .category-item-cell.big .img{
		width: 60%;
		margin: 0 auto;
	}
	.sis-pata .category-item-cell.big.on .img{
		border: 2px solid #FFFFFF;
	}
	.sis-pata .category-item-cell.big .catch{
		display: block;
		width: 100%;
		font-size: 20px;
		line-height: 1.6;
		margin-bottom: 20px;
		background: url(../../itemlist/img/recommend.svg) 100px 0 no-repeat;
		background-size: 77px 30px;
		padding-top: 30px;
	}
	.sis-pata .category-item-cell.big a img{
		/*width: 60%;*/
		display: block;
		margin: 0 auto;
		
	}
	
	.sis-pata .category-item-cell.big .name{
		width:inherit;
		overflow: hidden;
		white-space: inherit;
		text-overflow: inherit;
	}
	
	.sis-pata .category-item-cell.big .price{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.sis-pata .category-item-cell.big .price .tax{
		font-size: 12px;
	}
	*/
	.sis-pata .category-item-cell.big .service{
		font-size: 12px;
		margin-bottom: 15px;
	}
	.sis-pata .category-item-cell.big .rating{
		margin-bottom: 10px;
	}
	
	
	
	/*---------------------------------------
	 * Float Block
	---------------------------------------*/ 
	
	.float-block{
		display: none;
		font-size: 14px;
		line-height: 1.8;
		position: absolute;
		top:30px;
		right:-40px;
		padding: 20px;
		color: #000000;
		background: #FFFFFF;
		border-bottom: 4px solid #037435;
		box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	}
	.float-block.open{
		display: block;
	}
	.float-block .block-title{
		font-weight: 700;
		margin-bottom: 20px;
	}
	.sis-pata .float-block .block-close{
		display: none;
	}
	
	
	
	/* 履歴
	---------------------------------------*/ 
	
	.float-rireki-block{
		min-width: 335px;
	}
	
	.float-rireki-block .item-history a{
		display: inline-block;
		width: 95px;
	}
	
	
	/* ログイン
	---------------------------------------*/ 
	
	.float-login-block{
		min-width: 250px;
	}
	.float-login-block a{
		display: block;
	}
	
	
	/* カート
	---------------------------------------*/ 
	
	.float-cart-block{
		min-width: 430px;
	} 
	
	

}


@media screen and (min-width: 1200px) {
	
	
	/*---------------------------------------
	 * Header
	---------------------------------------*/ 
	
	.sis-pata .sis-pata header .inner{
		padding: 0;
	}
	.sis-pata .sis-pata header .inner nav{
		right:0;
	}
	
	

	
	/*---------------------------------------
	 * Category Link
	---------------------------------------*/ 
	
	.sis-pata .category-link .inner{
		padding: 0;
	}
	
	

	/*---------------------------------------
	 * Other Contents
	---------------------------------------*/
		
	/* Box Pos
	---------------------------------------*/ 
	
	.sis-pata .col1.box-right .box{
		left: 50%;
		margin-left: 90px;
	}
	.sis-pata .col1.box-left .box{
		left: 50%;
		margin-left: -554px;
	}
	.sis-pata .col2.box-right .box{
		
	}
	.sis-pata .col2.box-left .box{
		
	}
	
	
}



@media screen and (max-width: 959px) {

	/*---------------------------------------
	 * Header
	---------------------------------------*/ 
	
	.sis-pata header{
		width: 100%;
		background: #FFFFFF;
		padding: 8px 0;
		position: fixed;
		top:0;
		left: 0;
		z-index: 1000;
	}
	.sis-pata header .inner{
		width: 100%;
		margin: 0 auto;
	}
	.sis-pata header .inner .logo{
		width: 60px;
		margin-left: 18px;
	}
	.sis-pata header .inner nav{
		position: absolute;
		top: 9px;
		right: 50px;
	}
	.sis-pata header .inner nav ul li{
		display: inline-block;
		font-size: 12px;
		margin-left: 3px;
		margin-top: 5px;
	}
	.sis-pata header .inner nav ul li a{
		display: block;
	}
	.sis-pata header .inner nav ul li span{
		display: none;
	}
	.sis-pata header .inner nav ul li .icon{
		width: 25px;
		height: 25px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 0px;
		margin-top: -3px;
	}
	.sis-pata li .in-cart{
		position: relative;
	}
	.sis-pata li .float-trigger > p{
		padding-bottom: 20px;
	}
	.sis-pata .in-cart .badge{
		position: absolute;
		top:-10px;
		right:-10px;
		color: #FFFFFF;
		font-weight: 700;
		border-radius: 50%;
		background: #F7284C;
		text-align: center;
		line-height: 22px;
		width: 22px;
		height: 22px;
		display: inline-block;
	}

	
	
	
	/* Search Input
	---------------------------------------*/ 
	
	.sis-pata header .inner nav ul li .search-box{
		position: fixed;
		top: 45px;
		left: -100%;
		background: #FFFFFF;
		width: 100%;
		transition: all .3s;
		
		
	}
	.sis-pata header .inner nav ul li .search-box.on{
		left: 0;
	}
	
	.sis-pata header .inner nav ul li .search-box .textbox{
		width: 100%;
		border: none;
		background: #FFFFFF;
		padding: 12px 50px 12px 10px;
		font-size: 16px;
		box-sizing: border-box;
	}
	.sis-pata header .inner nav ul li .search-box .label{
		display: inline-block;
		width: 26px;
		height: 26px;
		position: absolute;
		top:7px;
		right:3px;
		border:none;
		background: url(../img/search_black.svg) 0 0 no-repeat;
		background-size: 26px;
		text-indent: -9999px;
	}
	.safari.sis-pata header .inner nav ul li .search-box .label{
		top:11px;
	}
	
	
	/* Menu
	---------------------------------------*/ 
	
	/* MenuBtn
	---------------------------------------*/ 
	
	.sis-pata .menu-btn{
		position: absolute;
		top:0px;
		right:0px;
		z-index: 10;
		background: #007f3c;
		width: 46px;
		height: 46px;
	}
	.sis-pata .menu-btn.start .menu-trigger span{
		background-color: #FFFFFF;
	}
	
	.sis-pata .menu-trigger,
	.sis-pata .menu-trigger span {
		display: inline-block;
		transition: all .3s;
		box-sizing: border-box;
	}
	.sis-pata .menu-trigger {
		position: relative;
		width: 24px;
		height: 18px;
		top: 14px;
		left: 13px;
	}
	.sis-pata .menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #FFFFFF;
	}
	.sis-pata .menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.sis-pata .menu-trigger span:nth-of-type(2) {
		top: 8px;
	}
	.sis-pata .menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	
	/* action */
	
	.sis-pata .menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(-45deg);
		transform: translateY(8px) rotate(-45deg);
	}
	.sis-pata .menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.sis-pata .menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}
	.sis-pata .menu-trigger.active span{
		background-color: #FFFFFF;
	}
	
	
	/* Menu Box
	---------------------------------------*/ 
	
	.sis-pata .sp-menubox{
		position: fixed;
		top:0;
		left:-100%;
		width: 100%;
		height: 100%;
		background: #CCCCCC;
		overflow: scroll;
		transition: left .3s;
	}
	.sis-pata .sp-menubox.active{
		left:0;
	}
	
	
	
	/*---------------------------------------
	 * Tokuten
	---------------------------------------*/ 	
	
	.sis-pata .tokuten{
		width: 100%;
		border: 28px solid #00803d;
		border-right:0;
		border-left:0;
		padding: 30px 0;
	}
	.sis-pata .tokuten .inner{
		width: 100%;
		margin: 0 auto;
	}
	.sis-pata .tokuten .inner .midashi{
		text-align: center;
		font-size: 20px;
		line-height: 1.8;
		font-weight: 700;
		margin-bottom: 20px;
	}
	.sis-pata .tokuten .inner ul li{	
		margin: 0 55px;
		font-size: 18px;
		line-height: 1.6;
		position: relative;	
		margin-bottom: 20px;
		border-bottom: 1px solid #eeeeee;
	}
	.sis-pata .tokuten .inner ul li.last{
		border-bottom: none;
	}
	.sis-pata .tokuten .inner ul li dl{
		display: table;
		width: 100%;
		margin: 0 auto;
	}
	.sis-pata .tokuten .inner ul li .icon{
		display: table-cell;
		vertical-align: middle;
		width: 32%;
		margin: 0 auto;
	}
	.sis-pata .tokuten .inner ul li .icon img{
		width: 65px;
	}
	.sis-pata .tokuten .inner ul li .text{
		display: table-cell;
		vertical-align: middle;
		width: 68%;
		margin: 0 0 0 2%;
		font-size: 14px;
	}
	.sis-pata .tokuten .inner ul li .text span{
		font-size: 15px;
		font-weight: 700;
	}
	.sis-pata .tokuten .inner .tokuten-link{
		background: #ff8502;
		width: 70%;
		padding: 17px 0;
		color: #FFFFFF;
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	
	
	
	/*---------------------------------------
	 * Category Link
	---------------------------------------*/ 	
	
	.sis-pata .category-link{
		width: 100%; 
		margin-bottom: 30px;
	}
	.sis-pata .category-link .inner{
		width: calc(100% - 36px);
		margin: 0 auto;
	}
	.sis-pata .category-link .inner ul{
		width: 100%;
		font-size: 0;
	}
	.sis-pata .category-link .inner ul li{
		display: inline-block;
		font-size: 13px;
		width:48.5%;
		margin-right: 3%;
		margin-bottom: 10px;
		text-align: center;
	}
	.sis-pata .category-link .inner ul li:nth-child(2n){
		margin-right: 0;
	}
	.sis-pata .category-link .inner ul li a{
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid #8a5f8d;
		padding: 12px 0;
		color: #8a5f8d;	
		background: #FFFFFF;
	}
	.sis-pata .category-link .inner ul li a:hover{
		background: #8a5f8d;
		color: #FFFFFF;
	}
	
	
	
	/*---------------------------------------
	 * Other Contents
	---------------------------------------*/ 	
	
	.sis-pata .other-contents{
		width: 100%; 
	}
	.sis-pata .other-contents .inner{
		width: 100%;
		margin: 0 auto;
	}
	.sis-pata .other-contents .inner ul{
		width: 100%;
		font-size: 0;
	}
	.sis-pata .other-contents .inner ul li{
		font-size: 13px;
		height: auto;
		position: relative;
	}
	.sis-pata .other-contents .inner ul li .photo::after{
		content:"";
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
	}
	.sis-pata .other-contents .inner ul li .photo{
		width: 100%;
		height: 190px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 0;
	}
	.sis-pata .other-contents .inner ul li .box{
		width: 100%;
		background: #FFFFFF;
		padding: 30px 18px;
		border-top: 12px solid #8a5f8d;
		z-index: 1;
		position: relative;
	}
	.sis-pata .other-contents .inner ul li .box .midashi-ja{
		font-size: 12px;
		margin-bottom: 8px;
	}
	.sis-pata .other-contents .inner ul li .box .midashi-en{
		font-size: 26px;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	.sis-pata .other-contents .inner ul li .box .read{
		display: none;
	}
	
	
	/* Box Pos
	---------------------------------------*/ 
	/*
	.sis-pata .col1.box-right .box{
		left: calc(100% - 485px);
		
	}
	.sis-pata .col1.box-left .box{
		left: 25px;
		
	}
	.sis-pata .col2.box-right .box{
		left:100%;
		margin-left: calc(-464px - 10%);
	}
	.sis-pata .col2.box-left .box{
		left: 10%;
	}
	*/
	
	/* Column
	---------------------------------------*/ 
	

	
	
	
	/*---------------------------------------
	 * Parts
	---------------------------------------*/ 
	
	/* Hover PurpleMask
	---------------------------------------*/ 
	
	a.hover-purple{
		
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	a.hover-purple:hover::before{
		/*
		content:"";
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(138,95,141,0.7);
		z-index: 1;
		position: absolute;
		top:0;
		left:0;
		*/
	}
	a.hover-purple .link-message{
		display: none;
		/*
		position: absolute;
		top:0;
		left:0;
		bottom:0;
		right: 0;
		margin: auto;
		width: 157px;
		height: 35px;
		z-index: 3;
		font-weight: 500;
		font-size: 15px;
		padding-right: 60px;
		border-bottom: 3px solid #FFFFFF;
		color: #FFFFFF;
		background: url(../../common/img/btn_arr_white.svg) 100% -3px no-repeat;
		background-size: 24px;	
		*/
	}
	/*
	a.hover-purple:hover .link-message{
		display: block;
	}
	a.hover-purple img{
		display: block;
	}
	*/
	
	
	/* Hover Keisen
	---------------------------------------*/ 
	
	.sis-pata .hover-keisen{
		width: 100%;
		position: relative;
		display: block;
		box-sizing: border-box;
	}
	.sis-pata .hover-keisen img{
		display: block;
	}

	
	
	
	/* Link Btn
	---------------------------------------*/ 
	
	a.links{
		display: inline-block;
		height: 30px;
		font-weight: 500;
		font-size: 13px;
		padding-right: 40px;
		border-bottom: 3px solid #333333;
		background: url(../img/btn_arr.svg) 100% -3px no-repeat;
		background-size: 24px 24px;	
		text-align: right;
	}
	
	
	
	/* TOP List Item
	---------------------------------------*/ 
	
	.sis-pata .item-cell{
		width: 49.5%;
		font-size: 13px;
		display: inline-block;
		margin-right: 1%;
		margin-bottom: 10%;
		vertical-align: top;
	}
	.sis-pata .item-cell:nth-child(2n){
		margin-right: 0;
	}
	.sis-pata .item-cell .name{
		font-size: 14px;
		line-height: 1.4;
		margin: 15px 0 8px;
	}
	.sis-pata .item-cell .price{
		font-size: 18px;
		margin-bottom: 8px;
	}
	.sis-pata .item-cell .price span{
		font-size: 12px;
	}
	


	/* Category List Item
	---------------------------------------*/ 
	
	
	
	.sis-pata .category-item-cell{
		width: calc(49.999% - 10px);
		font-size: 13px;
		display: table;
		margin: 0 5px 10%;
		vertical-align: top;
		/*border: 2px solid #FFFFFF;*/
		border: 0;
		box-sizing: border-box;
	}
	.sis-pata .post-sizer{
		width: 50%;
	}
	
	.sis-pata .category-item-cell .wrap{
		position: relative;
		display: block;
	}
	.sis-pata .category-item-cell .img{
		width: 100%;
		position: relative;
		display: block;
		box-sizing: border-box;
		/*border: 2px solid #FFFFFF;*/
	}
	/*
	.sis-pata .category-item-cell.on .img{
		border: 2px solid #bfbfbf;
	}
	*/
	.sis-pata .category-item-cell .wrap .img .new-lavel{
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top:0px;
		left:0px;
		z-index: 1;
	}
	.sis-pata .category-item-cell .wrap .img .color-lavel{
		display: inline-block;
		padding: 3px 10px;
		font-size: 11px;
		background: #000000;
		color: #FFFFFF;
		position: absolute;
		top:0px;
		right:0px;
		z-index: 1;
	}
	.sis-pata .category-item-cell .name{
		font-size: 15px;
		line-height: 1.4;
		margin: 15px 0 5px;
		width: 400px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.sis-pata .category-item-cell .price{
		font-size: 16px;
		margin-bottom: 10px;
		display: inline-block;
		margin-right: -7px;
	}
	.sis-pata .category-item-cell .price.down .yen{
		text-decoration: line-through;
	}
	.sis-pata .category-item-cell .price .tax{
		font-size: 12px;
	}
	.sis-pata .category-item-cell .down-price{
		color: #dc4153;
		margin-bottom: 10px;
		font-size: 16px;
		display: inline-block;
	}
	.sis-pata .category-item-cell .service{
		font-size: 12px;
		margin-bottom: 15px;
	}
	.sis-pata .category-item-cell .rating{
		margin-bottom: 10px;
	}
	.sis-pata .category-item-cell .catch{
		display: none;
	}
	
	/**/
	
	.sis-pata .category-item-cell.big{
		width: calc(100% - 10px);
		height: auto;
		font-size: 13px;
		display: table;
		margin: 0 5px 10%;
		vertical-align: top;	
	}
	.sis-pata .category-item-cell.big .wrap{
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: auto;
	}
	.sis-pata .category-item-cell.big .img{
		width: 100%;
		margin: 0 auto;
	}
	.sis-pata .category-item-cell.big .catch{
		display: block;
		width: 100%;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.6;
		
		background: url(../../itemlist/img/recommend.svg) 0 0 no-repeat;
		background-size: 77px 30px;
		padding-top: 40px;
		margin-top: 20px;
	}
	.sis-pata .category-item-cell.big a img{
		/*width: 60%;*/
		display: block;
		margin: 0 auto;
		
	}
	.sis-pata .category-item-cell.big .name{
		font-size: 15px;
		line-height: 1.6;
		margin: 5px 0;	
	}
	.sis-pata .category-item-cell.big .price{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.sis-pata .category-item-cell.big .price .yen{
		font-size: 12px;
	}
	.sis-pata .category-item-cell.big .service{
		font-size: 12px;
		margin-bottom: 15px;
	}
	.sis-pata .category-item-cell.big .rating{
		margin-bottom: 10px;
	}
	
	
	
	/*---------------------------------------
	 * Float Block
	---------------------------------------*/ 
	
	.sis-pata .float-block{
		width: 100%;
		height: 100%;
		font-size: 14px;
		line-height: 1.8;
		position: fixed;
		top:0px;
		left:-100%;
		padding: 20px;
		color: #000000;
		background: #FFFFFF;
		border-bottom: 4px solid #037435;
		transition: left .3s;
		z-index: 200;
	}
	.sis-pata .float-block.open{
		left:0;
	}
	.sis-pata .float-block .block-title{
		font-weight: 700;
		margin-bottom: 20px;
	}
	.sis-pata .float-block .block-close{
		width: 20px;
		height: 20px;
		position: absolute;
		top:20px;
		right:20px;
		z-index: 1;
	}
		
	
	
	/* 履歴
	---------------------------------------*/ 
	
	.float-rireki-block .item-history a{
		display: inline-block;
		width: 95px;
	}
	
	
	/* ログイン
	---------------------------------------*/ 

	.float-login-block a{
		display: block;
	}
	
	
	/* カート
	---------------------------------------*/ 
	
	.float-cart-block{
		
	}	
	
	
}

@media screen and (max-width: 859px) {
	.sis-pata .category-item-cell .name{
		width: 350px;
	}
}
@media screen and (max-width: 767px) {
	.sis-pata .category-item-cell .name{
		width: 320px;
	}
}
@media screen and (max-width: 689px) {
	.sis-pata .category-item-cell .name{
		width: 290px;
	}
}
@media screen and (max-width: 639px) {
	.sis-pata .category-item-cell .name{
		width: 250px;
	}
}
@media screen and (max-width: 539px) {
	.sis-pata .category-item-cell .name{
		width: 200px;
	}
}
@media screen and (max-width: 449px) {
	.sis-pata .category-item-cell .name{
		width: 150px;
	}
}