/* ディナーセクション
===================================================== */
.takeoutMain_inner {
    width: calc(100% - 400px);
    margin-left: 400px;
}

@media screen and (max-width:1024px) {
    .takeoutMain_inner {
      margin: 0;
      width: 100%;
      height: auto;
  }
}

/* ディナーセクション0
===================================================== */

.takeoutSec0 {
  position: relative;
  margin-top: 15vh;
}

@media screen and (max-width:1024px) {
    .takeoutSec0 {
      margin-top: 10vh;
  }
}

@media screen and (max-width:428px) {
    .takeoutSec0 {
      margin-top: 10vh;
  }
}

/* ディナーセクション1
===================================================== */

.takeoutSec1 {
  position: relative;
  margin-top: 90vh;
}

@media screen and (max-width:1024px) {
    .takeoutSec1 {
      margin-top: 10vh;
  }
}

@media screen and (max-width:428px) {
    .takeoutSec1 {
      margin-top: 10vh;
  }
}

.takeout {
  width: 70%;
  box-shadow: 10px 10px;
}

@media screen and (max-width:1700px) {
    .takeout {
      position: static;
      width: 100%;
  }
}

.takeout_text {
  position: absolute;
  top: 90%;
  right: 5%;
  background-color: #000;
  display: inline-block;
  color: #fff;
}

@media screen and (max-width:1700px) {
    .takeout_text {
      position: static;
      width: 100%;
  }
}

.takeout_text_inner {
  padding: 100px 50px 25px;
}

@media screen and (max-width:1024px) {
    .takeout_text_inner {
  padding: 50px 25px;
  }
}

@media screen and (max-width:800px) {
    .takeout_text_inner {
  padding: 25px 12px;
  }
}

@media screen and (max-width:428px) {
    .takeout_text_inner {
  padding: 10px 5px;
  }
}

img {
  width: 100%;
}

.takeout_ttl {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  border: 3px solid #fff;
  margin-bottom: 10vh;
  font-size: 3vw;
  line-height: 1;
}

@media screen and (max-width:1024px) {
    .takeout_ttl {
      margin-bottom: 5vh;
  }
}

@media screen and (max-width:500px) {
    .takeout_ttl {
      margin-bottom: 4vh;
  }
}

.takeout_ttl h2 {
  margin: 0;
  padding: 10px;
}

.takeout_textpart {
  display: flex;
  justify-content: space-between;
  font-size: 2vw;
}

@media screen and (max-width:1024px) {
    .takeout_textpart {
      font-size: 4vw;
  }
}

.takeout_textpart p{
  margin: 10px;
}

@media screen and (max-width:1024px) {
    .takeout_textpart p{
      margin: 1px;
      padding: 10px 0;
  }
}

@media screen and (max-width:428px) {
    .takeout_textpart p{
      margin: 5px;
  }
}

@media screen and (max-width:300px) {
    .takeout_textpart p{
      font-size: 1px;
  }
}

/* ディナーセクション2
===================================================== */
.takeoutSec2 {
  position: relative;
  margin-top: 80vh;
}

@media screen and (max-width:1700px) {
    .takeoutSec2 {
      margin-top: 10vh;
  }
}

@media screen and (max-width:500px) {
    .takeoutSec2 {
      margin-top: 5vh;
  }
}

.takeout_text_Sec2 {
  position: absolute;
  top: 90%;
  right: 5%;
  background-color: #000;
  display: inline-block;
  color: #fff;
}

@media screen and (max-width:1700px) {
    .takeout_text_Sec2 {
      position: static;
      width: 100%;
    }
}


/* ディナーセクション3
===================================================== */
.takeoutSec3 {
  position: relative;
  margin-top: 90vh;
}

@media screen and (max-width:1700px) {
    .takeoutSec3 {
      margin-top: 10vh;
  }
}

@media screen and (max-width:500px) {
    .takeoutSec3 {
      margin-top: 5vh;
  }
}

.takeout_text_Sec3 {
  position: absolute;
  top: 90%;
  right: 5%;
  background-color: #000;
  display: inline-block;
  color: #fff;
}

@media screen and (max-width:1700px) {
    .takeout_text_Sec3 {
      position: static;
      width: 100%;
    }
}

/* ディナーセクション4
===================================================== */
.takeoutSec4 {
  position: relative;
  margin-top: 120vh;
}

@media screen and (max-width:1700px) {
    .takeoutSec4 {
      margin-top: 10vh;
  }
}

@media screen and (max-width:500px) {
    .takeoutSec4 {
      margin-top: 5vh;
  }
}

.takeout_text_Sec4 {
  position: absolute;
  top: 90%;
  right: 6%;
  background-color: #000;
  display: inline-block;
  color: #fff;
}

@media screen and (max-width:1700px) {
    .takeout_text_Sec4 {
      position: static;
      width: 100%;
  }
}

/* ディナーセクション5
===================================================== */
.takeoutSec5 {
  position: relative;
  margin-top: 150vh;
}

@media screen and (max-width:1700px) {
    .takeoutSec5 {
      margin-top: 10vh;
  }
}

@media screen and (max-width:500px) {
    .takeoutSec5 {
      margin-top: 5vh;
  }
}

.takeout_text_Sec5 {
  position: absolute;
  top: 90%;
  right: 5%;
  background-color: #000;
  display: inline-block;
  color: #fff;
}

@media screen and (max-width:1700px) {
    .takeout_text_Sec5 {
      position: static;
      width: 100%;
  }
}

/* ディナーセクション6
===================================================== */
.takeoutSec6 {
  position: relative;
  margin-top: 120vh;
}

@media screen and (max-width:1700px) {
    .takeoutSec6 {
      margin-top: 10vh;
  }
}

@media screen and (max-width:500px) {
    .takeoutSec6 {
      margin-top: 5vh;
  }
}

.takeout_text_Sec6 {
  position: absolute;
  top: 90%;
  right: 5%;
  background-color: #000;
  display: inline-block;
  color: #fff;
}

@media screen and (max-width:1700px) {
    .takeout_text_Sec6 {
      position: static;
      width: 100%;
  }
}

/* ディナーセクション7
===================================================== */
.takeoutSec7 {
  position: relative;
  margin-top: 90vh;
}

@media screen and (max-width:1700px) {
    .takeoutSec7 {
      margin-top: 10vh;
  }
}

@media screen and (max-width:500px) {
    .takeoutSec7 {
      margin-top: 5vh;
  }
}

.takeout_text_Sec7 {
  position: absolute;
  top: 90%;
  right: 5%;
  background-color: #000;
  display: inline-block;
  color: #fff;
}

@media screen and (max-width:1700px) {
    .takeout_text_Sec7 {
      position: static;
      width: 100%;
  }
}

/* ディナーセクション8
===================================================== */
.takeoutSec8 {
  position: relative;
  margin-top: 90vh;
}

@media screen and (max-width:1700px) {
    .takeoutSec8 {
      margin-top: 10vh;
  }
}

@media screen and (max-width:500px) {
    .takeoutSec8 {
      margin-top: 5vh;
  }
}

.takeout_text_Sec8 {
  position: absolute;
  top: 90%;
  right: 5%;
  background-color: #000;
  display: inline-block;
  color: #fff;
}

@media screen and (max-width:1700px) {
    .takeout_text_Sec8 {
      position: static;
      width: 100%;
  }
}