@charset "UTF-8";

/****************common********************************************/
#contents.sp_item {
  background: #efdeca;
  padding-bottom: calc(100vw / (1200 /100));
  line-height: 1.6;
  font-size: calc(100vw / (1200 / 16));
}

#contents.sp_item p.atn_img {
  position: absolute !important;
  top: inherit !important;
  left: inherit !important;
  bottom: calc(100vw / (1200 / 16)) !important;
  right: calc(100vw / (1200 / 16)) !important;
  text-align: right !important;
  font-size: calc(100vw / (1200 /14)) !important;
}

/****************layout********************************************/
/*****key****/
#contents.sp_item .key {
  width: 100%;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  position: relative;
  background: #2f1f14;
}

#contents.sp_item .key .btn_cv {
  width: calc(100vw / (1200 /344));
  margin: 0;
  font-size: calc(100vw / (1200 /18));
  position: absolute;
  bottom: calc(100vw / (1200 / 14));
  right: calc(100vw / (1200 / 128));
}

#contents.sp_item .key .btn_cv a {
  border: 1px solid #fff;
}

/*********common********/
#contents.sp_item .co_in {
  overflow: hidden;
  padding-bottom: calc(100vw / (1200 /100));
}

#contents.sp_item .co_in h2 {
  width: calc(100vw / (1200 / 520));
  margin: 0 auto calc(100vw / (1200 / 50));
}

#contents.sp_item .dtl {
  background: #efdeca url("../img/tacosmeet_bg_sp.webp");
  background-size: 35% auto;
  position: relative;
}

/*********01********/
#contents.sp_item .co_01 {
  padding-top: calc(100vw / (1200 / 50));
  position: relative;
  color: #663d03;
}

#contents.sp_item .co_01 .inner {
  position: relative;
}

#contents.sp_item .co_01 p {
  margin: 0 auto calc(100vw / (1200 /30));
  font-size: calc(100vw / (1200 /25));
  text-align: center;
  font-weight: bold;
}

#contents.sp_item .co_01 .img {
  width: calc(100vw / (1200 /700));
  margin: 0 auto;
}

#contents.sp_item .co_01 ul li:nth-child(1) {
  width: calc(100vw / (1200 /80));
  position: absolute;
  top: calc(100vw / (1200 /360));
  left: calc(100vw / (1200 /170));
}

#contents.sp_item .co_01 ul li:nth-child(2) {
  width: calc(100vw / (1200 /80));
  position: absolute;
  top: calc(100vw / (1200 /360));
  right: calc(100vw / (1200 /170));
}

#contents.sp_item .co_01 ul li:nth-child(3) {
  width: calc(100vw / (1200 /80));
  position: absolute;
  top: calc(100vw / (1200 /580));
  left: calc(100vw / (1200 /70));
}

#contents.sp_item .co_01 ul li:nth-child(4) {
  width: calc(100vw / (1200 /80));
  position: absolute;
  top: calc(100vw / (1200 /580));
  right: calc(100vw / (1200 /70));
}


#contents.sp_item .co_01 ul li:nth-child(5) {
  width: calc(100vw / (1200 /80));
  position: absolute;
  top: calc(100vw / (1200 /800));
  left: calc(100vw / (1200 /170));
}

#contents.sp_item .co_01 ul li:nth-child(6) {
  width: calc(100vw / (1200 /80));
  position: absolute;
  top: calc(100vw / (1200 /800));
  right: calc(100vw / (1200 /170));
}

/*********02********/

#contents.sp_item .co_02 .inner {
  width: calc(100vw / (1200 / 1100));
  margin: 0 auto;
  padding: 0 0 calc(100vw / (1200 / 30));
  line-height: 1.3;
  text-align: center;
  font-size: calc(100vw / (1200 / 18));
  font-weight: bold;
  justify-content: space-between;
}

#contents.sp_item .co_02 .box {
  position: relative;
}

#contents.sp_item .co_02 .box .txt {
  width: calc(100vw / (1200 / 310));
  font-size: calc(100vw / (1200 / 18));
}

#contents.sp_item .co_02 .box h3 {
  width: auto;
  height: calc(100vw / (1200 / 24));
  margin-bottom: calc(100vw / (1200 / 15));
}

#contents.sp_item .co_02 .box h3 img {
  width: auto;
  height: 100%;
}

#contents.sp_item .co_02 .box .img {
  width: calc(100vw / (1200 / 320)) !important;
}


#contents.sp_item .co_02 .box2 .icon {
  width: calc(100vw / (1200 / 80)) !important;
  position: absolute;
  bottom: calc(100vw / (1200 /110));
  right: calc(100vw / (1200 /10));
}

#contents.sp_item .co_02 .box3 .icon {
  width: calc(100vw / (1200 / 60)) !important;
  position: absolute;
  bottom: calc(100vw / (1200 /110));
  right: calc(100vw / (1200 /10));
}

/*********03********/


#contents.sp_item .co_03 .inner {
  width: calc(100vw / (1200 / 1100));
  margin: 0 auto;
}

#contents.sp_item .co_03 .box {
  width: calc(100vw / (1200 / 500));
  margin: 0 auto calc(100vw / (1200 /50));
}

#contents.sp_item .co_03 .box3 {
  width: calc(100vw / (1200 / 700));
  margin: 0 auto calc(100vw / (1200 /20));
}

#contents.sp_item .co_03 .box h3 {
  width: calc(100vw / (1200 / 500));
  margin: 0 auto calc(100vw / (1200 /20));
}


#contents.sp_item .co_03 .box .img {
  width: 100%;
  margin-top: calc(100vw / (1200 /20));
}


/*********04********/

#contents.sp_item .co_04 .inner {
  width: calc(100vw / (1200 / 900));
  margin: 0 auto;
  padding: calc(100vw / (1200 / 40)) 0 0;
  background: #181a1e;
  text-align: center;
  color: #d0b8a0;
  position: relative;
}

#contents.sp_item .co_04 .img {
  margin: 0 auto calc(100vw / (1200 / 10));
}

#contents.sp_item .co_04 h3 {
  margin-bottom: calc(100vw / (1200 / 5));
  line-height: 1.3;
  font-size: calc(100vw / (1200 / 24));
}

#contents.sp_item .co_04 p {
  width: 100%;
  position: absolute;
  top: calc(100vw / (1200 / 120));
  font-size: calc(100vw / (1200 / 18));
}

/*********kikan******/
#contents.sp_item .kikan h2 {
  width: 100%;
  margin-bottom: calc(100vw / (1200 / 50));
}

/*********02********/

#contents.sp_item .menu_info .inner {
  width: calc(100vw / (1200 / 1100));
  margin: 0 auto;
}

#contents.sp_item .menu_info h2 {
  margin: 0 auto calc(100vw / (1200 / 45));
  padding-top: calc(100vw / (1200 / 45));
  text-align: center;
}

#contents.sp_item .menu_info h2 span {
  writing-mode: vertical-rl;
  line-height: 1.4;
  font-size: calc(100vw / (1200 / 30));
  word-break: keep-all;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#contents.sp_item .menu_info .inner .box {
  width: 32%;
  margin: 0 auto calc(100vw / (1200 / 20));
  padding: calc(100vw / (1200 / 15)) 0 0;
  background: #fff;
  border: 1px solid #4e4e4e;
}

#contents.sp_item .menu_info .inner .box.long {
  width: calc(100vw / (1200 / 700));
  margin: 0 auto calc(100vw / (1200 / 20));
  padding: calc(100vw / (1200 / 15)) 0 0;
  background: #fff;
  border: 1px solid #4e4e4e;
}


#contents.sp_item .menu_info .plus {
  width: calc(100vw / (1200 / 310));
  margin: 0 auto;
  padding-bottom: calc(100vw / (1200 / 20));
}

#contents.sp_item .menu_info p.ct {
  width: 60%;
  margin: calc(100vw / (1200 / 50)) auto calc(100vw / (1200 / 20));
  padding: 2px;
  background: #000;
  border: 1px solid #000;
  border-radius: 100px;
  text-align: center;
  font-size: calc(100vw / (1200 / 19));
  color: #fff;
}

#contents.sp_item .menu_info .inner h3 {
  margin: 0 0 calc(100vw / (1200 /13));
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.07em;
  font-size: calc(100vw / (1200 / 24));
  font-weight: bold;
  color: #040001;
}

#contents.sp_item .menu_info .inner h3 span {
  display: block;
  font-size: calc(100vw / (1200 / 18));
}

#contents.sp_item .menu_info .inner p.fs {
  padding-top: calc(100vw / (1200 / 15));
  font-size: calc(100vw / (1200 /14));
}

#contents.sp_item .menu_info .inner .img {
  position: relative;
}

#contents.sp_item .menu_info .inner .img span {
  position: absolute;
  top: calc(100vw / (1200 /10));
  right: calc(100vw / (1200 /10));
  padding: calc(100vw / (1200 /5)) calc(100vw / (1200 /10));
  background: #b09a68;
  color: #fff;
}

#contents.sp_item .menu_info .inner .btn_cv {
  margin: calc(100vw / (1200 /20)) auto;
}


#contents.sp_item .menu_info ul {
  width: calc(100vw / (1200 / 720)) !important;
  margin: calc(100vw / (1200 / 70)) auto 0;
  line-height: 1.4;
  color: #040001;
}

#contents.sp_item .menu_info ul li {
  position: relative;
  margin-left: calc(100vw / (1200 /30));
  margin-bottom: calc(100vw / (1200 /10));
  font-size: calc(100vw / (1200 /14));
}

#contents.sp_item .menu_info ul li::before {
  content: "※";
  position: absolute;
  left: calc(100vw / (1200 / -20));
}


#contents.sp_item .menu_info .img.youki {
  width: calc(100vw / (1200 / 700)) !important;
  margin: calc(100vw / (1200 / 100)) auto;
}

#contents.sp_item .btnarea .btn {
  margin: calc(100vw / (1200 / 100)) auto 0;
}