@charset "UTF-8";
body {
  overscroll-behavior-y: none;
}

section {
  width: 1280px;
  position: relative;
  height: 800px;
  margin: 0px auto;
}

.interface {
  background-image: url("../../../static/general_landscape/choice/choice_base.png");
  background-repeat: no-repeat;
  background-size: 1280px;
  background-position: center;
  width: 1280px;
  height: 800px;
}
.interface .choice_tap_TOP {
  position: absolute;
  top: 300px;
  left: 50px;
}
.interface .choice_tap_TOP img {
  width: 160px;
}
.interface .choice_meter {
  position: absolute;
  top: 370px;
  left: 520px;
}
.interface .choice_meter figure {
  position: absolute;
  top: 0px;
}
.interface .choice_meter figure img {
  width: 240px;
}
.interface .choice_meter .choice_meter_1 {
  display: none;
}
.interface .choice_meter .choice_meter_2 {
  display: none;
}
.interface .choice_meter .choice_meter_3 {
  display: block;
}
.interface .choice_meter .choice_meter_4 {
  display: none;
}
.interface .choice_meter .choice_meter_5 {
  display: none;
}
.interface .choice_step1_alcohol {
  position: absolute;
  top: 200px;
  left: 760px;
  width: 400px;
}
.interface .choice_step1_alcohol .step1_title {
  background-image: url("../../../static/general_landscape/choice/choice_step1_title.png");
  background-repeat: no-repeat;
  background-size: 400px;
  width: 400px;
  height: 100px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.interface .choice_step1_alcohol nav {
  margin: 0px auto;
  width: 250px;
}
.interface .choice_step1_alcohol nav ul {
  list-style: none;
}
.interface .choice_step1_alcohol nav ul li {
  display: block;
  background-size: 240px;
  background-repeat: no-repeat;
  height: 90px;
  widh: 250px;
  margin: 0px 0px 20px 0px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.interface .choice_step1_alcohol nav .acl_menu_0 {
  background-image: url("../../../static/general_landscape/choice/choice_alcBtn_0.png");
}
.interface .choice_step1_alcohol nav .acl_menu_0:hover {
  background-image: url("../../../static/general_landscape/choice/choice_alcBtn_0_hover.png");
}
.interface .choice_step1_alcohol nav .acl_menu_15 {
  background-image: url("../../../static/general_landscape/choice/choice_alcBtn_15.png");
}
.interface .choice_step1_alcohol nav .acl_menu_15:hover {
  background-image: url("../../../static/general_landscape/choice/choice_alcBtn_15_hover.png");
}
.interface .choice_step1_alcohol nav .acl_menu_3 {
  background-image: url("../../../static/general_landscape/choice/choice_alcBtn_3.png");
}
.interface .choice_step1_alcohol nav .acl_menu_3:hover {
  background-image: url("../../../static/general_landscape/choice/choice_alcBtn_3_hover.png");
}
.interface .choice_step2_soda {
  position: absolute;
  top: 200px;
  left: 760px;
  width: 400px;
}
.interface .choice_step2_soda .step2_title {
  background-image: url("../../../static/general_landscape/choice/choice_step2_title.png");
  background-repeat: no-repeat;
  background-size: 330px;
  width: 330px;
  height: 80px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.interface .choice_step2_soda nav {
  margin: 0px auto;
  width: 250px;
}
.interface .choice_step2_soda nav ul {
  list-style: none;
}
.interface .choice_step2_soda nav ul li {
  display: block;
  background-size: 240px;
  background-repeat: no-repeat;
  height: 95px;
  widh: 250px;
  margin: 10px 0px 30px 0px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.interface .choice_step2_soda nav .soda {
  background-image: url("../../../static/general_landscape/choice/choice_sodaBtn.png");
}
.interface .choice_step2_soda nav .soda:hover {
  background-image: url("../../../static/general_landscape/choice/choice_sodaBtn_hover.png");
}
.interface .choice_step2_soda nav .water {
  background-image: url("../../../static/general_landscape/choice/choice_waterBtn.png");
}
.interface .choice_step2_soda nav .water:hover {
  background-image: url("../../../static/general_landscape/choice/choice_waterBtn_hover.png");
}
.interface .choice_step4_flavor {
  position: absolute;
  top: 200px;
  left: 760px;
  width: 400px;
}
.interface .choice_step4_flavor .step3_title {
  background-image: url("../../../static/general_landscape/choice/choice_step3_title.png");
  background-repeat: no-repeat;
  background-size: 330px;
  width: 330px;
  height: 80px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.interface .choice_step4_flavor .step4_title {
  background-image: url("../../../static/general_landscape/choice/choice_step4_title.png");
  background-repeat: no-repeat;
  background-size: 330px;
  width: 330px;
  height: 80px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.interface .choice_step4_flavor nav {
  margin: 0px 0px 0px 20px;
  background-image: url("../../../static/general_landscape/choice/choice_step4_menuback.png");
  background-size: 460px;
  background-repeat: no-repeat;
  width: 460px;
  height: 300px;
  position: relative;
}
.interface .choice_step4_flavor nav ul {
  list-style: none;
  position: absolute;
  top: 60px;
  left: 210px;
}
.interface .choice_step4_flavor nav ul li {
  display: flex;
  margin-bottom: 6px;
}
.interface .choice_step4_flavor nav ul li div:first-of-type {
  display: block;
  background-size: 80px;
  background-repeat: no-repeat;
  width: 80px;
  height: 70px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 15px;
}
.interface .choice_step4_flavor nav ul li div:nth-of-type(3) {
  /* 数字 */
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: center;
}
.interface .choice_step4_flavor nav ul li div img {
  margin-top: 2px;
  width: 50px;
}
.interface .choice_step4_flavor nav .choice_step1_peach {
  background-image: url("../../../static/general_landscape/choice/flavor_PeachBtn.png");
}
.interface .choice_step4_flavor nav .choice_step1_peach:hover {
  background-image: url("../../../static/general_landscape/choice/flavor_PeachBtn_hover.png");
}
.interface .choice_step4_flavor nav .choice_step1_apple {
  background-image: url("../../../static/general_landscape/choice/flavor_AppleBtn.png");
}
.interface .choice_step4_flavor nav .choice_step1_apple:hover {
  background-image: url("../../../static/general_landscape/choice/flavor_AppleBtn_hover.png");
}
.interface .choice_step4_flavor nav .choice_step1_yuzu {
  background-image: url("../../../static/general_landscape/choice/flavor_YuzuBtn.png");
}
.interface .choice_step4_flavor nav .choice_step1_yuzu:hover {
  background-image: url("../../../static/general_landscape/choice/flavor_YuzuBtn_hover.png");
}
.interface .choice_step4_flavor nav .choice_number_1 {
  background-image: url("../../../static/general_landscape/choice/choice_1.png");
}
.interface .choice_step4_flavor nav .choice_number_2 {
  background-image: url("../../../static/general_landscape/choice/choice_1.png");
}
.interface .choice_step4_flavor nav .choice_number_3 {
  background-image: url("../../../static/general_landscape/choice/choice_1.png");
}
.interface .choice_step4_flavor .pluscover {
  position: absolute;
  top: 75px;
  left: 320px;
  width: 160px;
  height: 284px;
  background-color: #000000;
  opacity: 0.8;
}

.loading {
  background-image: url("../../../static/general_landscape/nowloading.png");
  background-size: 1280px;
  background-position: center;
  position: absolute;
  top: 0px;
  left: 0px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  display: none;
}

.plusflavorCover {
  background-image: url("../../../static/general_landscape/choice/step3_plusflavorCover.png");
  background-size: 1280px;
  background-position: center;
  position: absolute;
  top: 0px;
  left: 0px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.plusflavorCover nav {
  position: absolute;
  top: 320px;
  left: 480px;
}
.plusflavorCover nav ul {
  list-style: none;
}
.plusflavorCover nav ul li {
  background-size: 330px;
  background-repeat: no-repeat;
  width: 330px;
  height: 120px;
  margin-bottom: 30px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.plusflavorCover nav .toPlusFlavor {
  background-image: url("../../../static/general_landscape/choice/step3_plusflavorBtn.png");
}
.plusflavorCover nav .toPlusFlavor:hover {
  background-image: url("../../../static/general_landscape/choice/step3_plusflavorBtn_hover.png");
}
.plusflavorCover nav .orderConfirm {
  background-image: url("../../../static/general_landscape/choice/step3_orderConfirmBtn.png");
}
.plusflavorCover nav .orderConfirm:hover {
  background-image: url("../../../static/general_landscape/choice/step3_orderConfirmBtn_hover.png");
}