@charset "UTF-8";

.cp_contents a:hover {
  opacity: 0.5;
  transition: 0.3s;
}

.cp_contents img {
  width: 100%;
}

.app-detail,
.attention {
  background-color: #dcdddd;
}

/*----------- ご注文はこちら -----------*/
.order {
  margin: 60px auto;
  text-align: center;
}

.order img {
  width: 40%;
}

.tors {
  display: flex;
  gap: 20px;
  margin: 30px 5% 0;
}

.tors img {
  width: 100%;
}

/*----------- app-DL -----------*/
.app-detail {
  position: relative;

  padding: 80px 15%;
}

.app-detail .app-dl {
  position: absolute;
  display: flex;

  width: 47%;
  gap: 20px;
  top: 39%;
  left: 50.5%;
  transform: translate(-50%, -50%);
}

/*----------- 注意事項 -----------*/
.attention {
  padding: 0 15% 80px;
}

@media screen and (max-width:767px) {

  /*----------- ご注文はこちら -----------*/
  .order {
    margin: 30px 8% 20px;
  }

  .order img {
    width: 100%;
  }

  .tors {
    flex-direction: column;
    gap: 5px;
    margin: 15px 5% 0;
  }

  .tors img {
    width: 100%;
  }


  /*----------- app-DL -----------*/
  .app-detail {
    padding: 30px 6%;
  }

  .app-detail .app-dl {
    width: 58%;
    gap: 10px;
  }

  /*----------- 注意事項 -----------*/
  .attention {
    padding: 0 6% 30px;
  }
}