/* ■■■■■ Menu ■■■■■ */
/* ===== メニュー一覧 ===== */
/* ----------------------------------------- */
div#cate{
  text-align: center;
  margin-bottom: 30px;
}
div#cate div.sentence span{
  display: block;
  line-height: 2em;
}
div#cate ul.detail{
  display: inline-block;
  margin-top: 10px;
}
div#cate ul.detail li{
  display: inline-block;
  float: left;
  list-style: none;
  border: 1px solid #B3BCA7;
}
div#cate ul.detail li a{
  text-decoration: none;
}
div#cate ul.detail li a span.title{
  display: block;
  line-height: 2em;
  background-color: rgba(115,196,152,0.7);
  color: #fff;
  font-weight: bold;
}
/* ----------------------------------------- */
@media only screen and (min-width: 550px) {
	div#cate ul.detail{
	  width: 550px;
	}
	div#cate ul.detail li{
	  position: relative;
	  width: 250px;
	  height: 140px;
	}
	div#cate ul.detail li#cate_price{
	  width: 300px;
	  height: 50px;
	}
	div#cate ul.detail li#cate_attention{
	  width: 200px;
	  height: 50px;
	}
	div#cate ul.detail li a img{
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}
	div#cate ul.detail li a span.title{
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 6.5em;
	  padding-left: 5px;
	}
	div#cate ul.detail li#cate_attention a span{
	  position: absolute;
	  top: 0;
	  left: 0;
	  display: block;
	  width: 200px;
	  height: 50px;
	  background-color: rgba(115,196,152,0.7);
	  color: #fff;
	  line-height: 50px;
	  font-size: 150%;
	}
	div#cate ul.detail li#cate_price a span{
	  position: absolute;
	  top: 0;
	  left: 0;
	  display: block;
	  width: 300px;
	  height: 50px;
	  color: #6fb7a9;
	  font-weight: bold;
	  line-height: 50px;
	  font-size: 150%;
	}
}
/* ----------------------------------------- */
@media only screen and (max-width: 549px) {
	div#cate ul.detail{
	  width: 100%;
	}
	div#cate ul.detail li{
	  width: calc(100% / 2 - 2px);
	}
	div#cate ul.detail li a img,
	div#cate ul.detail li#cate_price  a img{
	  display: none;
	}
	div#cate ul.detail li#cate_attention a span{
	  display: block;
	  background-color: rgba(24,192,200,0.7);
	  color: #fff;
	  font-weight: bold;
	  line-height: 2em;
	}
	div#cate ul.detail li#cate_price a span{
	  display: block;
	  background-color: #6fb7a9;
	  color: #fff;
	  font-weight: bold;
	  line-height: 2em;
	}
}

/* ===== メニュー選択 ===== */
div.menu img{
  width: 250px;
  height: 187px;
  border-radius: 10px;
  margin-right: 10px;
}
div.menu div.detail{
  display: inline-block;
  vertical-align: top;
  margin: 5px;
}
div.menu div.detail ul{
  margin: 10px 20px 30px 0;
}
div.menu div.detail ul li{
  list-style: none;
  margin-top: 5px;
}
div.menu div.detail ul li span.time,
div.menu div.detail ul li span.price{
  display: inline-block;
  text-align: right;
  font-size: 110%;
}
div.menu div.detail ul li span.time{
  width: 4em;
}
div.menu div.detail ul li span.price{
  width: 5em;
}
div.menu div.detail div.sentence p{
  display: block;
  margin-bottom: 10px;
  line-height: 1.5em;
}
div#menu_attention div.detail ul.pos1 li{
  line-height: 1.5em;
  list-style-type: none;
  margin-left: 20px;
}
div#menu_attention div.detail ul.pos1 li::before{
  content:  "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #6fb7a9;
  border-radius: 50%;
  margin-right: 5px;
}
div#menu_attention div.detail ul.pos2 li{
  line-height: 1.5em;
  list-style-type: none;
  margin-left: 50px;
}
div#menu_attention div.detail ul.pos2 li::before{
  content:  "";
  width: 5px;
  height: 5px;
  display: inline-block;
  background: #6fb7a9;
  border-radius: 50%;
  margin-right: 5px;
}
div#menu_attention div.detail p{
  margin-top: 20px;
  line-height: 1.5em;
}
@media only screen and (max-width: 549px) {
	div#menu_attention div.detail ul.pos1{
	  margin: 20px 0;
	}
	div#menu_attention div.detail ul.pos1 li{
	  margin-left: 5px;
	}
	div#menu_attention div.detail ul.pos2{
	  margin: 10px 0;
	}
	div#menu_attention div.detail ul.pos2 li{
	  margin-left: 10px;
	}
}
div.lst_price{
  display: inline-block;
  padding-top: 20px;
  padding-left: 20px;
}
div.lst_div{
  padding: 10px 10px;
  border-radius: 30px;
}
span.lst_title{
  font-weight: bold;
  color: #FF9FAD;
  font-size: 20px;
}
span.lst_memo{
  display: block;
  padding-top: 10px;
  color: #FF9FAD;
}
span.line{
  background:linear-gradient(transparent 50%, #fcdcf7 0%);
}

/* script6 */
div#script6 div.menu{
  padding: 30px 0;
}
div#script6 div.menu ul{
  padding: 30px 0;
}
div#script6 div.menu img{
  height: 250px;
  width: 250px;
}
div#script6 div.lst{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}
div#script6 span.cate{
  display: inline-block;
  width: 7em;
}
div#script6 span.total{
  display: block;
  text-align: right;
  color: #6fb7a9;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2em;
}
div#script6 span.total-money{
  display: inline-block;
  *width: 10em;
}
/*
div#script6 span.time20::after{
  content: "20分";
}
div#script6 span.time10::after{
  content: "10分";
}
*/
@media screen and (min-width: 451px)  {
	div#script6 div.lst{
	  width: 450px;
	}
}