@charset "utf-8";

.buttons{
 	background-color:white;
	border-radius:5px;
	margin:2em auto 1em auto;
}

.buttons a{
	cursor:pointer;
}

.oneButton{
	background-repeat:no-repeat;
	background-position:center;
	border:2px solid #F90;
	border-radius:10px;
	box-shadow: 5px 5px 5px #808080;
	height:120px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	padding:15px 0px;
	text-align: center;
	width:120px;
}

.weekButton{
	padding-top:48px;
	background-image:url(/imgs/top/selectWeek.png);
}

.lineButton{
	padding-top:48px;
	background-image:url(/imgs/top/selectLine.png);
}

.giftButton{
	padding-top:48px;
	background-image:url(/imgs/top/selectGift.png?v=0);
}

.weekButton.noOrder,
.weekButton.noOrderAlways{
	padding-top:48px;
}

.weekButton.noOrder.tue{
	background-image:url(/imgs/top/nextIsTue.png);
}

.weekButton.noOrder.wed{
	background-image:url(/imgs/top/nextIsWed.png);
}

.weekButton.noOrder.thu{
	background-image:url(/imgs/top/nextIsThu.png);
}

.weekButton.noOrder.fri{
	background-image:url(/imgs/top/nextIsFri.png);
}

.weekButton.noOrder.sat{
	background-image:url(/imgs/top/nextIsSat.png);
}

.weekButton.noOrderAlways.tue{
	background-image:url(/imgs/top/nextIsTueAlways.png);
}

.weekButton.noOrderAlways.wed{
	background-image:url(/imgs/top/nextIsWedAlways.png);
}

.weekButton.noOrderAlways.thu{
	background-image:url(/imgs/top/nextIsThuAlways.png);
}

.weekButton.noOrderAlways.fri{
	background-image:url(/imgs/top/nextIsFriAlways.png);
}

.weekButton.noOrderAlways.sat{
	background-image:url(/imgs/top/nextIsSatAlways.png);
}


.weekButton.noOrderAlways.d20220106{
	background-image:url(/imgs/top/nextIs20220106Always.png);
}

.weekButton.noOrderAlways.d20220107{
	background-image:url(/imgs/top/nextIs20220107Always.png);
}

.weekButton.noOrderAlways.d20220108{
	background-image:url(/imgs/top/nextIs20220108Always.png);
}

.weekButton.noOrderAlways.d20220109{
	background-image:url(/imgs/top/nextIs20220109Always.png);
}



.alwaysButton{
	padding-top:48px;
	background-image:url(/imgs/top/premium.png);
}

.alwaysButton.noOrder{
	padding-top:48px;
	background-image:url(/imgs/top/noOrderPremium.png);
}

@media only screen and (min-width: 769px){
	.buttons{
		width:650px;
	}
}

@media only screen and (max-width: 768px){
}

@media only screen and (min-width: 421px) and (max-width: 768px){
	.buttons{
		width:450px;
	}
}

@media only screen and (max-width: 420px){
	.buttons{
		width:260px;
	}
}