@charset "UTF-8";
@import url("smp-base.css");

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


	/*----------------------------------------------------------------
	1. Common
	----------------------------------------------------------------*/
	.sp-hidden{
		display:none;
	}

	/*----------------------------------------------------------------
	2. Header
	----------------------------------------------------------------*/
	#ContentHeader dl{
		padding:5px 0;
		height:auto;
	}

	#ContentHeader dt{
		margin:0;
		padding:0;
		width:25%;
		float:none;
		text-align:center;
		display:none;
	}
	#ContentHeader dt img{
		width:50px;
		padding:0;
		display:block;
		margin:0 auto;
	}
	#ContentHeader dd{
		width:90%;
		margin:0;
		padding:0;
		margin:0 5%;
	}
	#ContentHeader dd .text{
		width:70%;
		margin:0;
		border:1px solid #ddd;
		padding:3px 0;
	}
	#ContentHeader dd input.button{
		padding:0;
		width:25%;
	}

	#Contents #Evaluate{
		display:none;
	}
	#Contents #Evaluate + div{
		display:none;
	}
	
	#ContentHeader{
		display:block;
		width:100%;
	}
	#ContentHeader p{
		display:none;
	}
	

	
	/*----------------------------------------------------------------
	3. Left Side
	----------------------------------------------------------------*/

	/*----------------------------------------------------------------
	4. Right Side
	----------------------------------------------------------------*/
	#Sub{
		float:none;
		width:100%;
	}
	#CatList{
		margin-bottom:20px;
	}
	#CatList .sub{
		margin:0;
		margin-bottom:20px;
	}
	#CatList .sub dt{
		font-weight:bolder;
	}
	#CatList .categories dt figure{
		margin:5px 10px 5px 10px;
		float:left;
	}
	#CatList .categories dt img{
		width:30px;
		height:30px;
	}
	#CatList .categories dt a{
		margin:0;
		padding-left:20px;
		line-height:40px !important;
	}

	#CatItem5{
		display:none;
	}
	#CatItem5 .items .item{
		width:33.3333%;
	}
	#CatItem5 .items .item:nth-child(1),
	#CatItem5 .items .item:nth-child(2){
		width:50%;
	}
	#CatItem5 .items .item:nth-child(3){
		clear:both;
	}
	
	#CatItem5 .item p.name img{
		width:100%;
		height:auto;
	}


	#CatItem3{
		display:none;
	}
	#CatItem3 .items .item{
		width:33.33333%;
	}
	#CatItem3 .item p.name img{
		width:100%;
		height:auto;
	}

	#CatItem{
		display:none;
	}
	#CatItem .items .item{
		width:50%;
	}
	#CatItem .item p.name img{
		width:100%;
		height:auto;
	}

	/*----------------------------------------------------------------
	5. Main Contents
	----------------------------------------------------------------*/
	#Main{
		width:100%;
		float:none;
	}
	#Main img{
		width:100%;
	}
	#Main .box h2, #Main .box .title,
	#Contents #Cart .title,
	#Sub .box h2, 
	#Sub .box .title{
		background-image:none;
		background-position:left bottom;
		background-repeat:repeat-x;
		background-color:#55b0fe;
		background-size:contain;
		padding:5px !important;
		height:auto;
		font-size:14px;
		margin:0;
		text-align:left;
	}
	
	#Cart{
		display:none;
	}
	#CatList{
		margin:0 10px;
	}
	#CatList div.categories dl{
		width:100%;
		height:auto !important;
	}
	#CatList .categories {
		margin:0;
	}
	#CatList dl.category dt{
		margin:0;
	}
	#CatList .categories dl:nth-child(odd){
		clear:both;
	}
	
	#CatList .categories dt{
		float:none;
		margin:0;
		width:100% !important;
		background-image:url(../common/img/smp/title-bg.jpg);
		color:white;
		border-radius:10px;
	}
	#CatList .categories dt a{
		height:40px;
		display:block;
		font-size:14px;
		line-height:1.2em;
		color:white;
		text-decoration:none;
		background-position:10px center;
		border-top:1px solid #d7dae6;
		border-bottom:1px solid #d7dae6;
		border:0 !important;
	}
	#CatList .categories dd{
		margin:0 !important;
		display:none;
	}
	#CatList .categories dd a{
		font-size:12px;
	}
	
	#CatList .pickup{
		display:none;
	}
	#CatList .sub dl.brand{
		display:none;
	}

	#CatList dl.category dt,
	#CatList .sub dl.maker dt,
	#CatList .sub dl.pickup dt,
	#CatList .sub dl.brand dt{
		font-size:15px;
		border-left:2px solid #0063c8;
		padding-left:5px;
		margin-bottom:10px;
	}
	
	#CatList .sub dl.maker dd ul li a,
	#CatList .sub dl.pickup dd ul li a,
	#CatList .sub dl.brand dd ul li a{
		display:inline-block;
		padding:5px 8px;
		border-radius:10px;
		overflow:hidden;
		font-size:14px;
		background-color:#efefef;
		background-image:url(../common/img/smp/title-bg.jpg);
		color:white;
		text-decoration:none;
		margin-bottom:0.5em;
	}

	#CatList .sub .maker li {
		padding:0;
		background-color:#fff;
		border:0;
	}

	#Contents #Cart{
		padding:0;
		padding-bottom: 20px;
	}
	#Contents #Cart + div.banners{
		display:none;
	}
	
	/*----------------------------------------------------------------
	6. Footer
	----------------------------------------------------------------*/


	/*----------------------------------------------------------------
	広告バナー
	----------------------------------------------------------------*/
	.sp_banners {
		display:inline;
		margin-bottom:3px;
	}
	.sp_banners li {
		width:47%;
		margin-left:2%;
		float:left;
	}
}