/*-----------------------------------------------*/
/*-------------------- color --------------------*/
/*-----------------------------------------------*/
@white:#ffffff;
@black:#191919;
@l_black:#333333;
@gray:#d9d9d9;
@l_gray:#f0f0f0;
@d_gray:#aaaaaa;
@dd_gray:#777777;
@red:#d85656;
@d_red:#b32020;
@yellow:#e5a82e;
@d_yellow:#bb8210;
@blue:#00539b;
@d_blue:#163b84;
@green:#59b559;
@l_green:#a4dda4;
@d_green:#287528;
@violet:#8243c4;
@d_violet:#58278c;
@sky:#5bc0de;
@brown:#926834;
@pink:#fdc0c0;
@gold:#b29b49;
@bote_sky:#2fb5be;
@d_bote_sky:#1f777c;


/*----------------------------------------------------------------------*/
/*------------------------------ sp-start ------------------------------*/
/*----------------------------------------------------------------------*/
@media(max-width:768px){

/*------------------------------------------------*/
/*-------------------- header --------------------*/
/*------------------------------------------------*/
.shop_head_area{
	height:60px;
}
.shop_head_box{
	i{
		font-size:20px;
	}
	span{
		font-size:14px;
	}
}
.shop_head_nav{
	bottom:60px;
}
.shop_nav_group{
	.headline{
		.title{
			font-size:18px;
		}
		.mypage{
			.name{
				font-size:14px;
			}
		}
	}
	.link{
		a{
			font-size:14px;
			
			i{
				font-size:16px;
			}
			&:before{
				width:8px;
				height:8px;
			}
		}
	}
}

/*----------------------------------------------*/
/*-------------------- shop --------------------*/
/*----------------------------------------------*/
.shop_container{
	/* padding:0 10px; */
}
.shop_contents_area{
	padding-bottom:60px;
	
	&.fixed{
		padding-bottom:110px;
	}
}

/*---------- contents->box ----------*/
.shop_contents_box{
	margin-top:10px;
}

/*---------- contents->head ----------*/
.shop_contents_head{
	display:block;
	padding:20px;

	.title{
		display:grid;
		grid-template-columns:1fr 30px;

		h1{
			font-size:16px;
			line-height:1.3;
		}
	}
}

/*---------- contents->body ----------*/
.shop_contents_body{
	padding:20px;
}
.shop_lists_container{
	grid-template-columns:1fr;
	grid-gap:10px;

	&.col2{
		grid-template-columns:1fr;
	}
	.box{
		a{
			padding:30px 10px;
		}
	}
}
.shop_lists_box{
	a{
		grid-gap:5px;
		padding:15px 20px;
		font-size:14px;

		i{
			font-size:26px;
		}
	}
}
.shop_contents_foot{
	padding:20px;

	a{
		padding:10px;
	}
}

/*---------- contents->fixed ----------*/
.shop_fixed{
	height:60px;
}
.shop_fixed_option{
	gap:10px;

	.box{
		i{
			font-size:20px;
		}
	}
}
.shop_fixed_menu{
	gap:5px;
}

.shop_data_lists{
	grid-template-columns:1fr;
}
.shop_data_box{
	padding:10px;

	.name{
		font-size:18px;
	}
	.date{
		dl{
			grid-template-columns:100px 1fr;
			
			dt{
				grid-template-columns:18px 1fr;
				font-size:14px;

				i{
					font-size:14px;
				}
			}
			dd{
				font-size:14px;
			}
		}
	}
}

/*---------- table_detail ----------*/
.order_box{
	> button{
		font-size:14px;
	}
}
.order_head{
	display:grid;
	grid-template-columns:1fr 110px;

	select{
		&.option{
			width:100%;
		}
	}
}
.order_qty{
	button{
		font-size:14px;
	}
}
.table_fixed{
	bottom:60px;
	height:50px;
	
	dl{
		dt{
			font-size:16px;
		}
		dd{
			font-size:16px;
		}
	}
}


/*-------------------- @media(max-width:768px)->end --------------------*/
}
/*--------------------------------------------------------------------*/
/*------------------------------ sp-end ------------------------------*/
/*--------------------------------------------------------------------*/