/*  tablet device  */
@media only screen and (max-width: 960px){
	#wrapper,
	.headerWrap,
	.footerWrap{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		width: 100%;
		padding: 15px 10px;
	}
	#wrapper{
		padding: 0 10px 15px;
	}
	.sp{
		display: block;
	}
	
	/*side navi*/
	.searchBox{
		float: none;
		width: 378px;
		margin: 0 auto 20px;
	}
	.keySearch{
		width: 324px;
	}
	.sideNavi{
		float: none;
		width: 740px;
		margin: 0 auto;
	}
	.sideNavi .section{
		float: left;
		margin-right: 20px;
	}
	
	/*main contents*/
	.mainContents{
		float: none;
		margin: 0 auto;
		padding-bottom: 0;
	}
	
	/*footer*/
	#footer{
		padding: 0;
	}
	.footerAddress{
		float: none;
		margin: 0 auto;
	}
	.footerLink{
		float: none;
		width: 500px;
		margin: 0 auto 20px;
	}
	#footer address{
		float: none;
		width: 340px;
		margin: 0 auto;
	}
	#footer address{
		width: 100%;
		text-align: center;
	}
	
	/*下層ページ*/
	#product_images .view_area{
		width: 70.08%;
		margin-left: 2.69%;
	}
	#product_images .view_area span{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#product_images ul{
		width: 21.56%;
		margin-right: 2.69%;
	}
	#product_images ul li a{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.mainContents h2{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		overflow: hidden;
	}
	
}
@media only screen and (max-width: 768px){
	.nav{
		width: 369px;
		margin: 10px auto 0;
		float: none;
		clear: both;
	}
}
@media only screen and (max-width: 740px){
	.sideNavi,
	.mainContents{
		width: 100%;
	}
	.mainContents #pickup ul li{
		margin-bottom: 10px;
	}
	.mainContents #pickup ul li:nth-child(odd){
		margin-right: 10px;
	}
	.mainContents #pickup ul li:nth-child(even){
		margin-right: 0;
	}
	.mainContents h2{
		width: 100%;
		overflow: hidden;
	}
	.detailArea{
		width: auto;
	}
	.cartin_area{
		margin-bottom: 10px;
	}
	#flow{
		width: 200px;
		margin: 0 auto;
	}
	#flow li{
		background: none;
		background: #eee;
		border: solid 1px #bfbfbf;
	}
	#flow li#in_cart,
	#flow li#set_address,
	#flow li#set_pay_time,
	#flow li#check_cont,
	#flow li#complete_cart{
		min-width: 30px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		margin-right: 10px;
		text-indent: 0;
		border-radius: 15px;
	}
	#flow li#complete_cart{
		margin-right: 0;
	}
	#flow li.selected{
		background: #de353f;
		border: #980000;
		color: #fff;
		font-weight: bold;
	}
	#flow li.checked{
		background: #999;
		color: #fff;
	}
	#flow li .cont_ttl{
		display: none;
	}
	.btnGoBuy,
	.btnNext{
		left: auto;
		right: 0;
		margin-left: 0px;
	}
	.login_box{
		width: 91%;
		padding: 5px 4%;
		float: none;
	}
	.start_box{
		width: 91%;
		padding: 5px 4%;
		float: none;
	}
	.go_buy_box{
		width: 91%;
		padding: 20px 4%;
		background: #fff;
		border: solid 1px #fff;
		float: none;
	}
}
@media screen and (max-width: 679px){
	.sideNavi{
		width: 440px;
		padding-left: 20px;
	}
}

/* smart phone */
@media screen and (max-width:568px){
	.btnCart{
		width: 90px;
		height: 40px;
	}
	.btnCart a{
		width: 90px;
		height: 40px;
		background: url(../images/btn_cart_sp.png) no-repeat;
		background-size: 90px 40px;
		-moz-background-size: 90px 40px;
		-webkit-background-size: 90px 40px;
	}
	.searchBox{
		width: 278px;
	}
	.keySearch{
		width: 224px;
	}
	.nav{
		width: 310px
	}
	.nav ul li a{
		padding: 8px 16px;
	}
	.mainContents #pickup ul li{
		width: 120px;
	}
	.mainContents #pickup ul li img{
		width: 100%;
	}
	.mainContents #pickup ul li:nth-child(odd){
		margin-right: 10px;
	}
	.mainContents #pickup ul li:nth-child(even){
		margin-right: 10px;
	}
	.mainContents #pickup ul li.last-child{
		margin-right: 0;
	}
	.sideNavi{
		width: 200px;
		margin: 0 auto;
		padding-left: 0;
	}
	.sideNavi .section{
		margin-bottom: 20px;
	}
	#information dl dt{
		float: none;
		margin-right: 0;
	}
	.footerLink{
		float: none;
		width: 200px;
		margin: 0 auto 20px;
	}
	.footerLink ul li{
		float: none;
		width: 100%;
		padding: 0;
		border: none;
		text-align: center;
	}
	.footerLink ul li.last-child{
		border: none;
	}
	
	/*-- 商品詳細 --*/
	.cartin_area{
		float: none;
		margin: 10px auto;
		width: 208px;
	}
}
@media screen and (max-width:406px){
	.siteId{
		height: 40px;
	}
	.siteId img{
		height: 100%;
	}
	.btnCart{
		margin-top: 0;
	}
	.mainContents #pickup ul{
		width: 254px;
		margin: 0 auto;
	}
	.mainContents #pickup ul li:nth-child(odd){
		margin-right: 10px;
	}
	.mainContents #pickup ul li:nth-child(even){
		margin-right: 0px;
	}
	.footerAddress{
		display: block;
	}
	.footerAddress .footerSiteId{
		width: 121px;
		display: block;
		margin: 0 auto 10px;
	}
	.footerAddress .address{
		display: block;
		margin: 0 auto 10px;
		text-align: center;
	}
}