input[type="submit"],input[type="button"]{
-webkit-appearance: none;
}

headerLogo{
	width: 80px;
}
.totalfee.new {}

.totalfee.new .feeBtn {
	display: none;
}

.textD {
	text-decoration: line-through;
	display: inline-block !important;
	width: auto !important;
	padding: 0 !important;
}

.orderSelect .recommend.new ul li {
	width: 32%;
	position: relative
}
.orderSelect .recommend.new ul li.sale:after{
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	background: url(../img/sale_icon.png) no-repeat;
	right: 15px;
	top: 15px;
	background-size: contain;
/*	 animation: flash 2s linear infinite;*/
	
}
/*
@keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }

}
*/


.orderSelect .recommend.new ul li .info span {
	text-align: left;
	background: none;
}

.orderSelect .recommend.new ul li .info.l01 {
	min-height: inherit;
}

.orderSelect .recommend.new ul li .info.l01 span {
	width: auto;
	display: initial;
}

.orderSelect .recommend.new ul li .info.l01 .slctBox {
	width: 100%;
	background: #fff;
	padding: 0 5px;
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
	align-items: self-end;
	border-radius: 5px;
	flex-wrap: wrap;
}
.orderSelect .recommend.new ul li .info.l01 .slctBox .cmpTxt{
	display: block; width: 100%;
}

.orderSelect .recommend.new ul li .info.l01 .slctBox:last-child{
	margin-bottom: 0;
}

.orderSelect .recommend.new ul li .info span.cmp{
		background: #D50003 !important;
	color: #fff !important;
	font-size: 14px;
	
}
.orderSelect .recommend.new ul li .info.l01 .slctBox.cmp{
	background:#D50003 !important;
	color: #fff !important;
}
.orderSelect .recommend.new ul li .info.l01 .slctBox.cmp .kazuBox{
	color: #fff;
}
.orderSelect .recommend.new ul li .info.l01 .slctBox.cmp .nameBox{
	background: none !important;
	color: #fff !important;
	position: relative;
	top: 4px;
}

.orderSelect .recommend.new ul li .info.l01 .slctBox.cmp sapn{
	background: #D50003 !important;
	color: #fff !important;
	
}

.orderSelect .recommend.new ul li .info.l01 .slctBox .nameBox {
	display: block;
}

.orderSelect .recommend.new ul li .info.l01 .slctBox .kazuBox {
	display: block;
}

.orderSelect .recommend.new ul li .in.in2 .slct {
	width: auto;
	padding: 0 3px;
}

.tori_form td.nameI input {
	width: 34%;
}

.douisuru {
	text-decoration: underline;
	text-align: center;
	margin: 20px auto;
}
input[type="password"]{
	padding: 10px;
	text-align: left;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 70%;
font-size: 1.1em;
display: block;
}
.order_v{
	display: block;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom:  2px solid #ddd;
}
.formListNEW{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.formListNEW li{
	display: ;
	width: 48%
}
.formListNEW li a{
	display: block;
	width: 100%;
	position: relative;
	line-height: 1;
}
.formListNEW li a .btnW{
	display: block;
	background: #fff;
	padding:20px 20px;
	font-size: 20px;
	font-weight: bold;
	border:6px solid #ff0000;
	width: 100%;
	border-radius: 50px;
	}
.formListNEW li a:after{
	position: absolute;
	content: "▶︎";
	right: 15px;
	top:38px;
	margin-top: -10px;
	line-height: 1;
}
.formListNEW li a .btnW:hover{
	background:  #ff0000;
	color: #fff;
}

@media only screen and (max-width: 760px) {
	.orderSelect .recommend {
		padding: 0;
		background: none;
	}

	.orderSelect .recommend.new ul li {
		width: 50%;
		padding: 0 3px;
	}

	.orderSelect .recommend.new ul li .info span {
		font-size: 13px;
		display: block;
		padding: 0;
		text-align: center;
	}

	.orderSelect .recommend.new ul li .in.in2 .slct {
		margin: 0;
	}

	.orderSelect .recommend.new ul li .info.l01 .slctBox {
		display: block;
		text-align: center;
		padding: 5px 0px 0px 0px;
	}

	.orderSelect .recommend.new ul li .info.l01 .slctBox:last-child {
		margin-bottom: 0;
	}

	.orderSelect .recommend.new ul li .info.l01 .slctBox .kazuBox {
		width: 100%;
		background: #efefef;
		padding: 2px 0;
	}

	.orderSelect .recommend.new ul li .info.l01 .slctBox .nameBox {
		width: 100%;
		margin-bottom: 2px;
	}

	.orderSelect .recommend.new ul li .in.in2 {
		padding: 5px 5px 0;
	}

	.totalfee.new {
		display: flex;
		width: 100%;
		padding: 0;
		bottom: 0;
		border-radius: 0;
	}

	.totalfee.new p {
		width: 50%;
		padding: 10px;
		font-size: 17px;
		text-align: center;
	}

	.totalfee.new p a {
		display: block;
		color: #AD0002;
	}

	.totalfee.new .feeBtn {
		display: block;
		background: #fff;
		border: 2px solid #AD0002;
	}
}
.poppoBtn {
	display: none;
	/*margin-top: -5px;
	margin-bottom: 5px;*/
	width: 200px;
float: left;
left: 20px;
position: relative;
top: 8px;
}
.poppoBtn a{
	display: block;
	width: 100%;
	color: #fff;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	background: #FF0004;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0000+0,cc2020+100 */
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ff0000 0%, #cc2020 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ff0000 0%,#cc2020 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ff0000 0%,#cc2020 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#cc2020',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 10px;
}
.poppoBtn a img{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.formList{
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;

}
.formList li{
	width: 32%;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}
.formList li a{
	width: 100%;
	display: block;
	background: #ffe100;
	color: #000;
	padding: 20px;
	border-radius: 50px;
	text-align: center;
}
h4.mustNew::after{
	content: "*";
}
.memberInfo{
	width: 80%;
	background: #FF0000;
	color: #fff;
	padding: 30px;
	text-align: center;
	font-size: 20px;
	margin:  20px auto 40px;
}
.shopList.new{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.shopList.new li .txtWrap{
	margin-left: 0;
}
.shopList li .txtWrap .txtBox{
	margin-left: 0;
}
.shopList.new.tel{
	overflow:inherit;
	display: flex;
	flex-wrap: wrap;
}
.shopList.new.tel li{
	background: #EE5E61;
	margin: 1%;
	width: 48%;
	float: none;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	border:solid #EE5E61 1px;
}
.shopList.new.tel li a{
	display: block;
	text-decoration: none;
	color: #FFF;
}
.shopList.new.tel li .txtWrap .txtBox{
	margin-left: 0;
}
.shopList.new.tel li .txtWrap{
	margin-left: 0;
}
.shopList.new.tel li:hover{
	opacity: 0.8;
}

.shopList li.disNone{
	display: none !important;
}
@media only screen and (max-width: 864px){
	#header .headerLogo {
		overflow: hidden;
		width: 330px;
	}
	#header .headerLogo h1{
		float: left;
	}
	#header .headerLogo h1 img{
		width: 80px;
	}
	.nav-mobile{
		margin-right: 0%;
		margin-top: -64px;
	}
	.nav-mobile{
		background-size: 60px;
		height: 60px;
		width: 60px;
	}
	.poppoBtn{
		display: block;
	}
	.formList li{
		width: 100%;
		font-size: 16px;
	}
	.tori_form td.nameI input{
		width: 48%;
	}
	input[type="text"], input[type="tel"], textarea{
		width: 100%;
	}
	.woShopList li.In2 .Inlist a{
		width: 32%;
		font-size: 13px;
		padding: 10px 10px 10px 6px;
	}
	.shopList.new {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.shopList.new li{
		width: 48%;
	}
	.shopList.new li .txtWrap{
		margin-left: 0;
	}
	.shopList.new li .txtWrap .txtBox{
		margin-left: 0;
	}
	#slideBox .searchBoxArea .searchBoxAreaIn h3{
	font-size: 14px;
}
#slideBox .searchBoxArea .searchBoxAreaIn:nth-child(2) h3 span{
	background-size: 55px;
padding: 10px 0 9px 65px;
}
		.formListNEW li{
		width: 100%;
		margin-bottom: 20px;
	}

}
#shohinWrap li.disNone{
	display: none;
}

/* 20210818 custom */
.txtMember { display:none;}/* メンバーログインテキスト非表示 */

.memberLoginBtn { overflow: hidden;}

#orderBtn { overflow: hidden; width: calc(100% + 40px); margin: 0 -20px 20px;}
#orderBtn > li{ width:calc(50% - 40px); margin: 0 20px 0; float: left;}
#moreOrder >li a:hover img{ filter:alpha(opacity=70);  -moz-opacity: 0.7;  opacity: 0.7;}
.attention { font-size: 12px; color:#D80000; text-align: center;}
.memberLoginTxt { text-align: center;}
.memberLoginTxt img{width: 70%; max-width: 720px; height: auto; margin: 20px 0 40px;}

@media only screen and (min-width: 761px){
.memberLoginWrap { width: 100%; padding: 25px 15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: #e60012; text-align: center;}
.memberLoginBtn > li.btn a{ width: calc(50% - 30px); margin: 12px 15px 0; float: left; font-size: 140%;}

#orderBtn #nearbyBtn input { width: 480px; height: 202px; margin: 0; background: url(../img/btn_nearby01.png) center top no-repeat; background-size:cover; border:0; text-indent: -80000px;}
#orderBtn #nearbyBtn:hover input { background-position: center bottom;}

#orderBtn #nearbyBtn02 input { width: 480px; height: 202px; margin: 0; background: url(../img/btn_nearby02.png) top center no-repeat; background-size:cover; border:0; text-indent: -80000px;}
#orderBtn #nearbyBtn02:hover input { background-position: center bottom;}

.spOnly { display: none;}
}


@media only screen and (max-width: 760px){
.memberLoginWrap { position: fixed; bottom: 0; left:0; width: 100%; padding: 10px; margin: 0; background:#e60012; z-index: 100; text-align: center;}
/*.memberLoginTxt img{ width: auto; height: 15px;}*/
.memberLoginBtn > li.btn a{ width:calc(50% - 10px); margin: 5px 5px 0; padding: 8px 10px 7px; float: left; font-size: 3vw;}
.copyMember { padding-bottom: 90px;}


#orderBtn { overflow: hidden; width: 80%; margin: -15px auto 10px;}
#orderBtn > li{ width:100%; margin: 10px 0 0; float: left;}

#orderBtn #nearbyBtn input { width: 100%; height: 0; min-height: 0; padding-bottom: 47.22222%; margin: 0; background: url(../img/btn_nearby01_sp.png) center bottom no-repeat; background-size:cover; border:0; text-indent: -80000px;}
#orderBtn #nearbyBtn02 input { width: 100%; height: 0; min-height: 0; padding-bottom: 44.444444%; margin: 0; background: url(../img/btn_nearby02_sp.png) center bottom no-repeat; background-size:cover; border:0; text-indent: -80000px;}
/* .attention { margin-bottom: 40px;} */

#moreOrder.weborderSpecial { margin-top: 20px;}
.pcOnly { display: none;}
}

/* 20211102 :: add banner */
.moreOrder2Column { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.moreOrder2Column > li { margin: 0 1% 10px;}
.moreOrder2Column > li a:hover{ cursor: pointer; opacity: 0.7}
@media only screen and (min-width: 761px){
.moreOrder2Column { width: 102%; margin: 0 -1%;}
.moreOrder2Column > li { width: 48%; margin: 0 1% 20px;}
}

/* 受付停止中 */
.reserveClose img { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.reserveClose p { text-align: center; font-size: 14px;}

@media only screen and (max-width: 760px){
.reserveClose p { padding: 0 5px; text-align: center; font-size: 11px; line-height: 1.5;}
}