@charset "utf-8";



/* --------------------------------------------------------------------------------
	indexメイン
-------------------------------------------------------------------------------- */
#index-sp{
	padding:0 0 0.5rem;
	font-size:70%;
}



#index-sp ul{
	list-style:none;
}




#index-sp .bnr-kurikinton{
	padding:0.5rem 0.25rem 0;
}
#index-sp .bnr-kurigaki{
	padding:0.5rem 0.25rem 0;
}
#index-sp .bnr-goshinmotsu{
	padding:0.5rem 0.25rem 0;
}

#index-sp .flexslider .flex-control-paging li a{
	width:20px;
	height:20px;
	box-shadow:none;
	background:#e0e0e0;
}
#index-sp .flexslider .flex-control-paging li a.flex-active{
	background:#999;
}

#index-sp .flexslider .flex-direction-nav{
	width:100%;
	position:absolute;
	bottom:-55px;
}
#index-sp .flexslider li iframe{
	width:100%;
	height:auto;
}

@media screen and (min-width: 0px) and (max-width: 200px){
#index-sp .flexslider li iframe{
	height:10em;
}
}
@media screen and (min-width: 201px) and (max-width: 400px){
#index-sp .flexslider li iframe{
	height:13em;
}
}
@media screen and (min-width: 401px) and (max-width: 500px){
#index-sp .flexslider li iframe{
	height:18.5em;
}
}
@media screen and (min-width: 501px) and (max-width: 600px){
#index-sp .flexslider li iframe{
	height:23.5em;
}
}
@media screen and (min-width: 601px) and (max-width: 800px){
#index-sp .flexslider li iframe{
	height:28.5em;
}
}
@media screen and (min-width: 801px) and (max-width: 1000px){
#index-sp .flexslider li iframe{
	height:33.5em;
}
}

#index-sp .flexslider .flex-direction-nav li a{
	opacity:1 !important;
}
#index-sp .flexslider .flex-direction-nav li a:before{
	content:'';
}
#index-sp .flexslider:hover .flex-direction-nav .flex-next{
	bottom:0 !important;
	left:0 !important;
}
#index-sp .flexslider .flex-direction-nav .flex-next,
#index-sp .flexslider:hover .flex-direction-nav .flex-next{
	top:auto !important;
	right:10px !important;
	bottom:0 !important;
	left:auto !important;
}
#index-sp .flexslider .flex-direction-nav li.flex-nav-next a{
	display:block;
	width:50px;
	height:3em;
	background:url(https://kuriya.itembox.design/item/smartphone/images/common/btn-slide-next.png) no-repeat 0 0;
	background-size:100% auto;
}
#index-sp .flexslider .flex-direction-nav .flex-prev,
#index-sp .flexslider:hover .flex-direction-nav .flex-prev{
	top:auto !important;
	right:auto !important;
	bottom:0 !important;
	left:10px !important;
}
#index-sp .flexslider .flex-direction-nav li.flex-nav-prev a{
	display:block;
	width:50px;
	height:3em;
	background:url(https://kuriya.itembox.design/item/smartphone/images/common/btn-slide-prev.png) no-repeat 0 0;
	background-size:100% auto;
}



/********** 特集 **********/
#index-sp .feature h2{
	padding:0 2%;
	background: -moz-linear-gradient(top,  #996633 0%, #340100 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#996633), color-stop(100%,#340100)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom,  #996633 0%,#340100 100%); /* W3C */
}
#index-sp .feature h2 img{
	display:block;
}
#index-sp .feature ul{
	padding:3% 2% 1%;
	list-style:none;
}
#index-sp .feature ul li{
	float:left;
	width:48.5%;
	padding:0 0 2%;
}
#index-sp .feature ul li:nth-child(2n){
	float:right;
}
#index-sp .feature ul li:nth-child(2n+1){
	clear:both;
}

/********** ご進物特集 **********/
#index-sp .present{
	padding:0 0 5%;
}
#index-sp .present h2{
	margin:0 0 2%;
	padding:0 2%;
	background: -moz-linear-gradient(top,  #996633 0%, #340100 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#996633), color-stop(100%,#340100)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom,  #996633 0%,#340100 100%); /* W3C */
}
#index-sp .present h2 img{
	display:block;
}
#index-sp .present .present-box{
	padding:0 2%;
}
#index-sp .present .bnr-present{
	padding:0 0 2%;
}
#index-sp .present ul li{
	float:left;
	width:32.5%;
	padding:0 2.5% 0 0;
}
/*#index-sp .present ul li:nth-child(3){
	float:right;
	padding:0;
}*/
#index-sp .present ul li .icon-present-no{
	padding:0 0 2%;
}
#index-sp .present ul li .price{
	padding:0.75em 0 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#cc0000;
}
#index-sp .present ul{
	padding:0 0 3%;
}

#index-sp .present .btn-present-other{
	padding:0 2% 3% 60%;
}

#index-sp .present .bnrs-present{
	padding:0 2%;
}
#index-sp .present .bnrs-present div{
	float:left;
	width:48%;
}
#index-sp .present .bnrs-present div:nth-child(2n){
	float:right;
}

/********** オススメ商品 **********/
#index-sp .recommend{
	padding:0 0 5%;
}
#index-sp .recommend .recommend-box{
	padding:0 2%;
}
#index-sp .recommend h2{
	margin:0 0 2%;
	padding:0 2%;
	background: -moz-linear-gradient(top,  #996633 0%, #340100 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#996633), color-stop(100%,#340100)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom,  #996633 0%,#340100 100%); /* W3C */
}
#index-sp .recommend h2 img{
	display:block;
}
#index-sp .recommend ul{
	list-style:none;
	margin:0;
	padding:0;
}
#index-sp .recommend ul li{
	float:left;
	width:32.5%;
	padding:0 2.5% 2% 0;
	overflow:hidden;
}
/*#index-sp .recommend ul li:nth-child(3n){
	float:right;
	padding:0;
}*/
#index-sp .recommend ul li:nth-child(3n+1){
	clear:both;
}
#index-sp .recommend ul li .item-recommend{
	padding:0 0 2%;
}
#index-sp .recommend ul li .item-name{
	font-weight:bold;
}
#index-sp .recommend ul li .price{
	padding:0.75em 0 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#cc0000;
}
#index-sp .recommend ul li .item-desc{
	width:120%;
	margin:0 0 0 -10%;
	-webkit-transform: scale(0.8);
	display: inline-block;
}

/********** オススメ商品 **********/
#index-sp .category{
	padding:0 0 5%;
}
#index-sp .category .category-box{
	padding:0 2%;
}
#index-sp .category h2{
	margin:0 0 2%;
	padding:0 2%;
	background: -moz-linear-gradient(top,  #996633 0%, #340100 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#996633), color-stop(100%,#340100)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom,  #996633 0%,#340100 100%); /* W3C */
}
#index-sp .category h2 img{
	display:block;
}
#index-sp .category ul li{
	float:left;
	width:32.5%;
	padding:0 2.5% 1% 0;
	line-height:1.8;
	text-align:center;
	font-size:125%;
}
/*#index-sp .category ul li:nth-child(3n){
	float:right;
	padding:0;
}*/
#index-sp .category ul li a{
	display:block;
	text-decoration:none;
}