@charset "UTF-8";
@import url(common.css);
/**
 * common
 */


body {
  font-size: 1.4rem;
  line-height: 1.4;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  color: #000; }

.commn_inner {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box; }

@media only screen and (max-width: 768px) {
  .commn_inner {
    width: 100%;
    max-width: 500px;
    padding: 0 15px; } }

img { image-rendering: auto; }

@media only screen and (max-width: 768px) {
  .only-pc { display: none !important; } }

.only-sp {
  display: none !important; }

@media only screen and (max-width: 768px) {
  .only-sp { display: block !important; }
  .bag.only-sp {display: inline-block !important; }
  .truck.only-sp {display: inline-block !important; }
  .logo.only-sp {display: flex !important; } }


/** トップメインビジュアル **/

.top_mv .top_inner{
  width:100%;
  background-image: url(../img/mv_bg_pc.png);
  background-size: 100%;
  background-repeat:no-repeat;
  aspect-ratio: 1 / 0.247;
  display: flex;
  align-items: center;
  }

.top_mv .title {
  width: 37%;
  margin-left:10.3%;
  }

.top_mv img {
  width: 100%;
  display: block; }

  @media only screen and (max-width: 768px) {
  .top_mv .top_inner {
    background-image: url(../img/mv_bg_sp.png);
    background-size: 100%;
    aspect-ratio: 1 / 1.0156;
    align-items: end;
    }
  .top_mv .title {
    width: 75%;
    margin: 0 auto;
    margin-bottom:4.5%;
    }
  }


/** 注意書き **/

.intro { margin-top:15px;}

.intro .commn_inner {
  display: flex;
  align-items: center;
  justify-content: space-between }

@media only screen and (max-width: 768px) {
  .intro .commn_inner {
    display: block;
    width: 100%;
    max-width: 500px;
    padding-left: 20px; } }

.intro .left {
  width:52%; }

@media only screen and (max-width: 768px) {
  .intro .left { width: 100%;} }

.intro .right {
  width:46%; }

@media only screen and (max-width: 768px) {
  .intro .right { 
    width:100%;
    margin-top: 8px;} }

.intro .caution p {
  position: relative; 
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.6;}

@media only screen and (max-width: 768px) {
  .intro .caution p {
    font-weight: 400;
    text-indent: -1em;
    padding-left: 1em; } }

.intro .frame {
  border: 4px solid #D62D19;
  display: inline-block;
  padding: 3px 8px;
  margin-top: 8px;}

.intro .frame p{
  font-size:1.3rem;
  font-weight: 600;
  text-indent: -1em;
  padding-left: 1em; }

.intro .option {
  align-items: center; 
  display: inline-block;
  margin-bottom: 6px; }

@media only screen and (max-width: 768px) {
  .intro .option { 
    width:100%; } }

.intro .option li {
  display: inline-flex;
  height:38px;
  align-items: center; 
  margin: 0 10px 6px 0; }

@media only screen and (max-width: 768px) {
  .intro .option li {
    height:22px;
    margin-right: 8px; }
 }

.intro .option li.reserve {
  background: url("../img/icoReserve.png") no-repeat;
  background-size: 37px ; 
  padding-left: 37px; }

.intro .option li.ticket {
  background: url("../img/icoTicket.png") no-repeat;
  background-size: 48px ; 
  padding-left: 48px; 
  background-position: left center;}

.intro .option li.spec {
  background: url("../img/icoSpec.png") no-repeat;
  background-size: 38px ; 
  padding-left: 38px; }

.intro .option li.bag {
  background: url("../img/icoBag.png") no-repeat;
  background-size: 44px ; 
  padding-left: 44px; }

.intro .option li.truck {
  background: url("../img/icoTruck.png") no-repeat;
  background-size: 44px ; 
  padding-left: 44px; }


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

  .intro .option li.reserve {
    background-size: 23px ; 
    padding-left: 23px; }
  
  .intro .option li.ticket {
    background-size: 29px ; 
    padding-left: 29px; }
  
  .intro .option li.spec {
    background-size: 21px ; 
    padding-left: 21px; }

  .intro .option li.bag {
    background-size: 28px ; 
    padding-left: 28px; }
  
  .intro .option li.truck {
    background-size: 28px ; 
    padding-left: 28px; }
}


.intro .option span {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.1;
  padding-left:26px;
  position: relative; }


.intro .option span:before {
  content: "";
  width: 16px;
  border-top: 2px dotted #000;
  position: absolute;
  left: 5px;
  top: 46%; }

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

  .intro .option span {
    font-size: 1.25rem;
    padding-left:16px; }

  .intro .option span:before {
      border-top: 1.5px dotted #000;
      width: 8px; }
}

@media only screen and (max-width: 768px) {
  .intro  p b { font-size: 1.2rem;} }


/** コンテンツ **/
.content.gurume {
  background-color: #FFF5DB;
  padding-bottom: 50px;
}

/* フロア名 */
.c-title {
  background-color: #D62D19;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  padding: 5px 0;
  border-radius: 3.7px;
  margin: 15px 0;
  letter-spacing: 2px; }

.c-title span {
  font-size: 2.8rem;
  margin-right: 1px; }


/* グルメフロア名 */

.c-title1 {
  color: #D62D19;
  font-size: 1.6rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 20px 0 10px; }

.c-title1:after {
  content: "";
  flex: 1;
  border-bottom: 2px solid #D62D19;
  margin-left: 10px; }

.c-title1 span {
  font-size: 2.4rem;
  margin-right: 1px; }


.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

@media only screen and (max-width: 768px) {
  .flex { display: block; } }

.flex.start {
  justify-content: flex-start;
  align-items: center; }

.flex.center {
  align-items: center; }

.flex a {
  display: block;
  margin-bottom: 15px; }

@media only screen and (max-width: 768px) {
  .flex a {
    margin: 0 auto 10px;
    width: 100%; } }

.col {
  width: 49%;
  max-width: 492px; }

@media only screen and (max-width: 768px) {
  .col {
    width: 100%;
    max-width: 100%; } }


/** ショップ情報 **/

.box {
  width: 100%;
  border: 1px solid #9F9F9F;
  border-radius: 6px;
  padding: 9px 12px 0px 12px;
  box-sizing: border-box;
  box-shadow: inset 0px 0px 2px 0px #949494;
  background-color: #fff; }

.box + .box {
  margin-top: 15px; }


/** ショップヘッダー **/

.boxHead {
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  border-bottom: 2px dashed #9F9F9F;
  padding-bottom: 10px; }

.boxHead .ttl { margin-top: 3px; }

.box .logo {
  display: flex;
  align-items: center; }

@media only screen and (max-width: 768px) {
  .box .logo {
    max-width: 138px; }

  .box .logo img {
    max-width: 138px;} }

.box .name {
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.1; }

.box .name .fs-el {
  font-size: 1.7rem; }

.box .name span,
 .box .name div {
  margin-right: 5px; }

.box .name > span:last-child {
  margin-left: 0; }

.box .cate {
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  flex-wrap: wrap;
  margin-top: 2px; }

.box .cate.align-end {
  align-items: end; }

.box .item-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 5px; }

.box .cate > span,
 .box .cate > div,
 .box .item-box > span,
 .box .item-box > div { margin-right: 5px; }

.box .cate > span:last-child,
 .box .cate > div:last-child,
 .box .item-box > span:last-child,
 .box .item-box > div:last-child { margin-right: 0; }


.box .truck {
  position: relative;
  display: inline-block;
  height: 17px;
  width: 25px;
  background: url("../img/icoTruck.png") no-repeat;
  background-size: contain; }

.box .bag {
  position: relative;
  display: inline-block;
  height: 17px;
  width: 23px;
  background: url("../img/icoBag.png") no-repeat;
  background-size: contain; }



.box .sale {
  min-width: 110px;
  min-height: 19px;
  padding: 2px 2px 2px 57px;
  background-color: #D62D19;
  color: #000;
  font-size: 1.1rem;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 700; }

.box .sale:before {
  content: "販売期間";
  color: #fff;
  font-weight: 400;
  position: absolute;
  left: 5px;
  top: 52%;
  transform: translateY(-50%); }

.box .sale span {
  background-color: #fff;
  padding: 0 4px;
  min-height: 15px;
  display: block; }

.box .sale.pre {
  min-width: 80px;
  padding: 2px; }

.box .sale.pre:before {
  content: ""; }

.box .sale.pre span {
  padding: 1px 3px;
  height: 13px;
  font-size: 1.1rem; }

.box .sale.large span {
  padding: 5px; }


.box .pre_term,
 .box .ticket_note ,
 .box .spec_time {
  padding: 4px 0 0 30px;
  color: #D62D19;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
  display: inline-block;
  background: url("../img/icoReserve.png") no-repeat;
  background-position: left top;
  background-size: 26px 24px; }

.box .ticket_note {
  min-height:18px;
  padding: 0 0 0 36px;
  background: url("../img/icoTicket.png") no-repeat;
  background-size: 32px 18px; }

.box .spec_time {
  padding: 3px 0 1px 26px;
  background: url("../img/icoSpec.png") no-repeat;
  background-size: 23px 23px; }

.box .pre_term .date {
  font-size: 1rem; }

.box .boxHead .note {
  font-size: 1rem;
  color: #D62D19;
  font-weight: 700; }

.box .flag {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700;
  padding: 5px 6px 3px 6px;
  color: #fff;
  background-color: #E37F54;
  text-align: center;
  border-radius: 3px;
  display: inline-block; }


/** セール詳細 **/

.boxBody { min-height: 50px; }

.box .info {
  width: 100%;
  padding: 13px 0;
  box-sizing: border-box; }

.box .info li {
  line-height: 1;
  font-weight: 700;
  margin-top: 5px; }

.box .info li:first-child {
  margin-top: 0; }

.box .info li span {
  font-size: 1.7rem;
  line-height: 1.1; }

.box .info li> span {
  margin-right: 5px; }

.box .info li > span:last-child {
  margin-right: 0; }

.box .info .note {
  font-size: 1.2rem; }

.box .info small {
  font-size: 1.9rem; }

.box .info p {
  font-size: 1.9rem;
  line-height: 1.2; }

.box .info p span {
  display: block; }

.box .info .price {
  color: #D62D19;
  font-size: 3rem;
  line-height: 1; }


.box dl.info { padding-top: 0;}

.box .info dt ,
 .box .info dd {
    font-weight: 700; }

.box .info dt {
  margin-top:10px; }

.box .info dd {
  margin-top:6px; }

.box .info dd > span{
  font-size: 1.9rem; }


/** 特別レイアウト **/
.info_flex {
  display: flex;
  align-items:center; }

.info_flex span.price {
  flex-basis:45%; }

.info_flex span.note {
  flex-basis:55%; }

@media only screen and (max-width: 768px) {
  .info_flex {
    display: block; } }


/** グリッドレイアウト PC表示用 **/

@media only screen and (min-width:769px)  {
  .m-grid-container{
    width:102%; }

  .m-grid-container .col{
    width: 50%;
    max-width:none; }

  .m-grid-container .col a{
    margin-right: 4%; }
}

.m-grid-container .col a {
    margin-bottom: 15px; }


p.span-cation {
    padding-left: 1.4em; }

p.span-cation .size {
  display: inline-block;
  text-indent: -1.4em;
  color: red }

.caution_list {
  position: relative;
  padding-left: 22px;}

.caution_list .caution {
  position: absolute;
  left: 0;
  top:22%; }



/* バナー */
.main_foot { margin-top: 20px; }

.bunners {
  width: 65%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
 }

  @media only screen and (max-width: 768px) {
   .bunners {
    margin-top: 17px;
    display: block;
    width: 100%;
  }}

.bunners a {
  display:block;
  width: 47%; }

.bunners a.bnr_land { width: 48%; }

  @media only screen and (max-width: 768px) {
   .bunners a { width: 100%; }

   .bunners a.bnr_land,
    .bunners a.bnr_markis {
     width: calc(100% + 3.5%);
     margin-top:10px;}
  }

.bunners img {
  width: 100%; }


.border {
  border-bottom: 1px solid #9F9F9F;
  box-shadow: 0px 0px 1px #949494; 
  text-align: center;
  width:93%;
  margin:36px auto; 0}

  @media only screen and (max-width: 768px) {
   .border { margin-top:15px;} }


/*フッター*/
footer {
  width: 100%; }

footer .logo {
  margin: 28px auto 45px;
  width:196px; }

footer .logo.markis {
  width:153px; }

footer img {
  width: 100%;}