/* ===================================================================
CSS information
 file name  :  responsive.css
 style info :  タブレット、スマホ
=================================================================== */
@media screen and (max-width: 1024px) {
	.select-upload-image li .count:after{
		content: "";
		display: block;
		width: 78px;
		height: 78px;
		border: 2px solid #e51f57;
		position: absolute;
		top: 0;
		right: 0;
	}

	span.actvie{
		width:78px;
		height:78px;
		background: rgba(229,31,87,0.5);
		border:3px solid #e51f57;
		display:none;
		position:absolute;
		top:0;
		left:0;	
		text-align:center;
		cursor:pointer;
	}
}


@media screen and (max-width: 980px) {
	.select-upload-image li .count:after{
		content: "";
		display: block;
		width: 76px;
		height: 76px;
		border: 2px solid #e51f57;
		position: absolute;
		top: 0;
		right: 0;
	}

	span.actvie{
		width:76px;
		height:76px;
		background: rgba(229,31,87,0.5);
		border:3px solid #e51f57;
		display:none;
		position:absolute;
		top:0;
		left:0;	
		text-align:center;
		cursor:pointer;
	}
}


@media screen and (max-width: 769px) {
	#wrap{
		background:url(../img/main-visual-sp.jpg) no-repeat;
		background-size:100%;
		min-width:0;
	}

	h1.main-logo{
		width:50% !important;
		float:left;
	}

	#head .head-wrap h1.main-logo span:nth-of-type(2){
		margin-top:20px;
	}

	h1.main-logo span{
		margin-left:0 !important;
	}

	h1.main-logo img{
		width:100%;
	}

	#head{
		padding:10px;
		border-bottom:1px solid #ddd;
	}

	#head .head-wrap h1.main-logo span{
		margin:0;
		line-height:1.2em;
	}



	#navi{
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		margin:0;
		background:rgba(0,0,0,0.9);
		display:table;
		z-index:1100;
	}

	#navi{
		display:none;
	}

	#navi .navi-wrap-sp{
		display:table-cell;
		vertical-align:middle;
		width:100%;
	}


	#navi ul.main-navi{
		width:100%;
		vertical-align:middle;
	}

	#navi ul.main-navi li{
		width:100%;
		float:none;
		text-align:center;
	}

	#navi ul li{
		margin-left:0;
	}

	#navi ul li a{
		color:#fff;
		display:block;
		width:100%;
		margin:0 auto;
		padding:30px 0;
		font-size:1.2em;
		text-decoration:underline;
	}

	.nav-todaysGallery{
		display:none;
	}

	#navi .head-sns{
		width:40%;
		right:0 !important;
		bottom:100px !important;
		top:auto !important;
		margin:0 30%;

	}

	#navi .head-sns a{
		text-decoration:none;
		color:#fff !important;
	}

	#head .head-wrap .head-sns ul li a{
		font-size:2.5em;
	}

	#main-visual{
		padding:10px;
		width:75%;
		margin:20px auto 0;
		box-sizing:border-box;
	}

	.flex-control-thumbs{
		display:none;
	}

	#main-visual .sp-visual{
		display:block;
		position:relative;
	}

	#main-visual .sp-visual ul li a img{
		width:100%;
	}	

	.flexslider{
		width:100%;
		margin:0 auto;
	}

	#main-visual .sp-visual .flex-direction-nav{
		bottom:0;
		top:auto;
		display:none;
	}

	.index-btn-wrap{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		background:rgba(0,0,0,0.8);
		padding:10px 0;
		z-index:100;
	}

	p.makeBtn{
		width:80%;
		padding:0 auto;
	}

	p.makeBtn a{
		background:#FFF;
	}

	#guide{
		display:none;
	}

	#sns-wrap{
		width:50%;
	}

	#details{
		font-size:0.95em;
		padding:20px 10px;
	}

	#details .catch{
		margin:0;
	}

	p.icon-menu{
		position:absolute;
		top:20px;
		right:15px;
		font-size:1.2em;

	}

	p.closeBtn{
		position:absolute;
		top:20px;
		right:20px;
		color:#fff;
		z-index:50000;
		font-size:1.8em;
		cursor:pointer;
	}

	#gallery{
		padding:10px 0;
	}

	#gallery h1{
		margin-bottom:10px;
		font-size:1.0em;
	}


	#footer ul li{
		width:100%;
		float:none;
		margin-bottom:10px;
		/*padding-bottom:60px;*/
	}

/* ===================================================================
select
=================================================================== */
	.head-caption{
		padding:15px 0;
		line-height:1.0em;
	}

	.head-caption h1{
		font-size:1.0em;
	}

	.page-description{
		font-size:0.7em;
		margin-bottom:10px;
		line-height:1.4em;
	}

	.head-caption .process-image{
		/*position:static;*/
	}

	.head-caption .process-image img{
		width:100%;
	}

	.head-caption .process-image.process-pc{
		display:none;
	}

	.head-caption .process-image.process-sp{
		display:block;
		text-align:center;
	}	

	.head-caption .process-image.process-sp img{
		width:55%;
		height:auto;
	}

	.c-cart{
		top:50px;
		right:130px;
	}

	.c-cart .c-cart-th{
		padding:4px 15px;
		font-size:0.8em;
	}

	.c-cart .c-cart-td{
		padding:8px 18px;
		font-size:0.8em;
		font-weight:bold;
	}

	.contents-wrap.select{
		width:90%;
		margin:0 auto;
		padding:110px 0 40px;
	}

	.contents-wrap.select .select-area{
		float:none;
		width:70%;
		margin:0 auto;
		-webkit-box-sizing:border-box;		
		-moz-box-sizing:border-box;				
		box-sizing:border-box;
	}

	.contents-wrap.select .drop-area{
		float:none;
		width:100%;
		max-width:480px;
		margin:80px auto 0;
	}

	.drop-area{
		box-sizing:border-box;
	}

	.drop-area .tabs{
		top:-30px;
	}

	.drop-area .tabs li{
		width:25%;
		font-size:0.8em;
		line-height:1.4em;
		margin-left:5px;
	}

	.drop-area .set-list ul{
		min-height:300px;
	}

	.drop-area .set-list .set-wrap{
		padding:23px 28px;
		min-height:310px;
		box-sizing:border-box;
		width:100%;
	}

	.drop-area .set-list ul li{
		width:135px;
		border-radius:0.5em;
		margin-bottom:13px;
	}

	.drop-area .six-set ul li:nth-of-type(3n){
		margin-right:0;
	}

	.drop-area .set-list ul li .shadow{
		border-radius:0.5em;
	}

	.drop-area .set-list ul li .shadow img{
		border-radius:0.5em;		
	}

	.drop-area .set-list ul li img{
		min-width:0 !important;
		min-height:0 !important;
	}

	.drop-area .set-list ul li .control{
		width:100%;
	}

	.drop-area .hidden{
		visibility:visible;
	}
	.cartin-btn{
		margin-top:120px;
		left:0;
		width:100%;
	}

	.cartin-btn input{
		min-width:0;
		padding:8px 2%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;		
		box-sizing:border-box;
		font-size:0.9em;
		width:96%;
	}

	.cartin-btn-badge,
	.cartin-btn-magnet{
		width:98%;
		margin:0 auto;
		font-size:0.9em;
	}

	.goods-type-about a{
		max-width:120px;
		font-size:0.7em;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;		
		box-sizing:border-box;
	}

	.goods-type-price{
		font-size:0.6em;
	}

	.contents-attention{
		font-size:0.8em;
		text-align:left;
		width:90%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;		
		box-sizing:border-box;
		line-height:1.6em;
	}

	.drop-area .six-set,.drop-area .three-set{
		box-sizing:border-box;
	}

	.drop-area .six-set ul li{
		margin-right:9px;
	}

	.drop-area .three-set .three-set-wrap{
		width:226px;
	}

	.select-area .scroll .select-upload-image li{
		width:64px;
		height:64px;		
	}

	.drop-area .set-list ul li .shadow:after{
		border-radius:0.5em;
	}

	.select-upload-image li .count{
		font-size:0.8em;
		width:20px;
		height:20px;
	}

	.select-upload-image li .count:after{
		content: "";
		display: block;
		width: 60px;
		height: 60px;
		border: 2px solid #e51f57;
		position: absolute;
		top: 0;
		right: 0;
	}

span.actvie{
	width:60px;
	height:60px;
	background: rgba(229,31,87,0.5);
	border:3px solid #e51f57;
	display:none;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	cursor:pointer;
}

	.select-area .scroll .select-upload-image li.hover .add{
	width:64px;
	height:64px;
	line-height:55px;
	font-size:3.0em;
	text-align:center;
	color:#fff;
	z-index:1;
}

.slides li .count:after{
	width:250px;
	height:250px;
}

.slide-upload-wrap{
	max-width:320px;
}

.slide-upload-layout{
	margin:0 auto;
}

.slide-upload-visual{
	width:260px;
}

.slide-upload-cell .close{
	line-height:24px;
}

/* ===================================================================
quantity
=================================================================== */

.cart-list{
	float:none;
	width:90%;
	margin:0 auto;
}

.estimate-table{
	float:none;
	width:90%;
	margin:0 auto;
	font-size:0.9em;
}

.estimate-form-badge table tbody td{
	font-size:1.0em;
}

.contents-quantity{
	padding:40px 0;
}

.cart-list-set{
	margin-bottom:30px;
}

.cart-list-set .cart-list-set_table{
	float:none;
	width:100%;
}

.cart-list-set .cart-list-control{
	padding:0;
	float:none;
	width:100%;
	margin-top:15px;
}

.cart-list-set .cart-list-control .cart-list-control_quantity .cart-list-control_quantity-result{
	width:100%;
	box-sizing:border-box;
	padding:4%;
}

.cart-list-set .cart-list-control .cart-list-control_quantity .cart-list-control_quantity-updown span{
	line-height:0.9em;
	font-size:0.9em;
}

.cart-list-set .cart-list-control .cart-list-control_edit{
	width:100%;
}

.cart-list-set .cart-list-control .cart-list-control_delete{
	width:100%;
	margin-top:5px;
}

.cart-list-set .cart-list-control .cart-list-control_quantity .cart-list-control_quantity-updown{
	line-height:1em;
}

/* ===================================================================
shipping
=================================================================== */
.shipping .contents-wrap{
	padding:40px 0;
}

.input-wrap h1{
	margin-left:0;
	margin-bottom:10px;
}

.input-wrap dl dt{
	float:none;
	width:100%;
	text-align:left;
	font-weight:bold;
}

.input-wrap dl dd{
	float:none;
	width:100%;
}

.input-wrap dl dd input{
	width:100%;
	box-shadow:none;
	border:1px solid #ddd;
}

.input-wrap .radio-wrap{
	margin:0;
}

.complete-txt{
	font-size:1.0em;
	width:90%;
	margin:0 auto;
}

/* ===================================================================
guide
=================================================================== */

.step-img{
	float:none;

}

.step-img img{
	width:100%;
	border:1px solid #ddd;
}

.about-text{
	float:none;
	font-size:0.8em;
	line-height:1.4em;
}
/* ===================================================================
guide
=================================================================== */
.contact-contents{
	width:90%;
}

.main-table{
	font-size:0.8em;
}

/* ===================================================================
sub
=================================================================== */
.terms-contents,
.privacy-contents,
.transaction-contents{
	width:90%;
}

.privacy-wrap h2{
	font-size:0.9em !important;
}

.privacy-wrap dt{
	font-size:0.9em !important;
}

.privacy-wrap dd{
	font-size:0.8em !important;

}

.description2 h1{
	font-size:0.8em;
	line-height:1.4em;
}

br.none{
	display:none;
}

.agreement_label{
	width:94% !important;
}
}


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

	.clear{
		display:inline;
	}

	h1.main-logo{
		width:35% !important;
		float:left;
		max-width:200px;
	}

	h1.main-logo span{
		width:100% !important;
		float:none !important;
		margin-left:0 !important;
	}

	#head .head-wrap h1.main-logo span:nth-of-type(2){
		margin-top:0;
	}

	#main-visual{
		padding:10px;
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}


	.head-caption .process-image.process-sp img{
		width:100%;
	}

	.contents-wrap.select .select-area{
		float:none;
		width:100%;
		-webkit-box-sizing:border-box;		
		-moz-box-sizing:border-box;				
		box-sizing:border-box;
	}

	.contents-wrap.select .drop-area{
		float:none;
		width:100%;
		max-width:320px;
		margin:80px auto 0;
	}

	.cartin-btn{
		margin-top:20px;
		left:0;
		width:100%;
	}

	.drop-area .set-list .set-wrap{
		padding:15px;
		min-height:310px;
	}

	.drop-area .set-list ul li{
		width:93px;
		border-radius:0.5em;
		margin-bottom:6px;
	}

	.drop-area .six-set ul li{
		margin-right:4px;
	}

	.select-area .scroll .select-upload-image li{
		width:51px;
		height:51px;		
	}

	.select-upload-image li .count:after{
		content: "";
		display: block;
		width: 51px;
		height: 51px;
		border: 2px solid #e51f57;
		box-sizing:border-box;
		position: absolute;
		top: 0;
		right: 0;
	}

	span.actvie{
		width:60px;
		height:60px;
		background: rgba(229,31,87,0.5);
		border:3px solid #e51f57;
		display:none;
		position:absolute;
		top:0;
		left:0;
		text-align:center;
		cursor:pointer;
	}

	.c-cart{
		top:40px;
		right:15px;
	}
}


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

/* ===================================================================
input
=================================================================== */
	.input-wrap dl dd input{
		font-size:0.7em;
	}

	.drop-area .set-list .set-wrap{
		padding:14px;
	}

	.drop-area .set-list ul li{
		width:83px;
	}
	.three-set-wrap ul li{
		width:78px !important;
	}

	.select-area .scroll .select-upload-image li{
		width:47px;
		height:47px;
	}

	.drop-area .set-list ul{
		min-height:270px;
	}

	.cartin-btn{
		margin-top:0;
	}

	.drop-area .set-list .set-wrap{
		min-height:300px;
	}

	.drop-area .three-set .three-set-wrap{
		width:193px;
	}

	.contents-attention{

	}
}