@charset "UTF-8";
.order-13{order:13}.order-14{order:14}.order-15{order:15}.order-16{order:16}.order-17{order:17}.order-18{order:18}.order-19{order:19}.order-20{order:20}.order-21{order:21}.order-22{order:22}.order-23{order:23}.order-24{order:24}

#info p {
  margin: 0;
}
div#sp-nav-deli {
  display: none;
}
	
#delivery-list .col-12.col-md {
  padding-bottom: 30px;
}

/*共通*/
.bg-main {
  border: 0px;
}

.stop {
  opacity: .3;
  text-decoration: none;
  pointer-events: none;
}
.stop-alert {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1234;
  height: 100%;
  width: 100%;
  font-size: 130%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.stop-alert span {
  background-color: rgba(158,24,26,.7);
  color: #fff;
  display: inline-block;
  padding: 1vw 2.5vw;
  user-select: none;
}
.logo-shop {
  width: 50%;
}
	
@media(max-width:767px){
  .bg-main {
    /*background-color: rgba(28,28,28,0.9) !important;*/
  }
  .logo-shop {
    width: 100%;
    margin: .7vw 0 0;
  }
}

/* Slider */
.slider img {
  object-fit: cover;
  height: 400px;
  width: 100%;
}
.bnr-des {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0,0,0,.7);
  color: #fff;
  padding: .5vw 1vw;
  text-decoration: none;
}
.img-card {
  width: 4vw !important;
  height: auto !important;
  display: inline-block !important;
  margin: 1vw .5vw .5vw;
}
@media(max-width:767px){
  .slider img {
    height: 50vw;
  }
  .bnr-des {
    padding: .5vw 2vw;
    font-size: 100%;
  }
  .img-card {
    width: 10vw !important;
    height: auto !important;
    display: inline-block !important;
    margin: 1vw 1vw;
  }
}


/*使い方強調*/
.howtobtn {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
  background: #922426;
  box-shadow: 2px 2px 2vw rgba(255,255,255,.7);
}
.howtobtn a {
  text-align: center;
  padding: 3vw 0 3vw 19vw;
  font-weight: 400;
}
.howtobtn i {
  font-size: 125%;
  padding-left: 1vw;
}
	
/*お得情報*/
.topics-block {
  background: #fff;
  margin-bottom: 15px;
  padding: 15px;
  text-align: center;
}
.topics-block h4{
  color: #EC383B !important;
  font-weight: bold !important;
  font-size: 20px !important;
}
.topics-block img {
  width: 100%;
}

/*リスト上部*/
	span.intro-topic {
		color: #EC383B;
		line-height: 1.3em;
		font-weight: bold;
	}
	

/*タブナビゲーション*/
.tab_container {
  padding-bottom: 1em;
  margin: 0 auto;
  background: transparent;
}
.tab_navi {
  width: 100%;
  margin-bottom: 15px;
}
.tab_navi h4 {
  color: #000;
  font-size: 120%;
  padding: 15px 0;
}
.tab_item {
  padding: 1vw 0;
  border: solid 1px #ccc;
  border-bottom: solid 5px #37beb0;
  background-color: #fff;
  color: #37beb0;
  transition: all 0.2s ease;
  display: block;
  border-radius: 10px 10px 0 0;
}
.tab_item img {
  width: 100%;
  padding: 0 20%;
}
.tab_item:hover {
  opacity: 0.75;
}
#form2 input[name="genre"] {
  display: none;
}

.tab_container input:checked + .tab_item {
  background-color: #37beb0 ;
  color: #fff;
}

/*タブコンテンツ*/

.shop-img {
  height: auto;
  background-size: cover;
  background-position: center;
  border-radius: 1vw 0 0 1vw;
}
#post li {
  border-radius: 8px;
  margin-top: .8rem;
    margin-bottom: 1.8rem !important;
} 
#post a {
  border-radius: 1vw;
}
.detail {
  padding-top: 1vw;
  padding-bottom: 2vw;
  padding-left: 1vw;
}

dd.lead {
  position: absolute;
  right: 0;
  bottom: .5vw;
  font-weight: bold;
  color: #f19e1e;
}

dd.minimam {
  position: absolute;
  top: -1vw;
  right: 0;
  color: #fff;
  padding: .3vw 3vw;
  background-color: coral;
  text-align: center !important;
  border-radius: 5vw;
}

@media(min-width: 768px){
  .shop-img {
    min-height: 23vw;
  }
}
@media(max-width: 767px){
  #post a {
    border-radius: 2vw;
    min-height: 37vw;
  }
  dd.minimam {
    top: -2.5vw;
    right: -2vw;
    font-size: 80%;
  }
  dd.lead {
    right: -1vw;
    bottom: .5vw;
  }
  .detail {
    padding-top: 3vw;
    padding-bottom: 5vw;
    padding-left: 2vw;
  }
}
@media(min-width: 991px){
  .shop-img {
    min-height: 17vw;
  }
}
@media(min-width: 1200px){
  .shop-img {
    min-height: 200px;
  }
}	


@media (max-width: 767px){
  .tab_item {
    padding: 3vw 0 1vw;
  }
}