/* CSS Document */
@media screen and (max-width: 999px) {
	
	

	
	
  body {
    line-height: 30px !important; }

  .wrap {
    max-width: 100%; }

  img {
    width: 100%;
    height: auto; }

  .pc_view {
    display: none; }

  .d-none {
    display: none; }

	
	
  #sec1 {
    padding-top: 0;
    padding-bottom: 15%; }
    #sec1 h2 {
      padding-bottom: 0; }
    #sec1 #feed {
      width: 80%; }
      #sec1 #feed .row:nth-child(3) {
        display: none; }
      #sec1 #feed dl {
        display: block; }
        #sec1 #feed dl dt, #sec1 #feed dl dd {
          display: block; }
        #sec1 #feed dl dt:after {
          background: none; }
        #sec1 #feed dl dd {
          padding-left: 0; }
	
	

  #sec2 {
    padding-bottom: 10%; }
    #sec2 h2 {
      padding-top: 0;
      margin-right: 0;
      margin-top: -15%; }
    #sec2 .txt {
      padding-top: 0;
      margin-top: -6%;
      position: relative;
      z-index: 1;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; }
    #sec2 .pt {
      padding-top: 0; }
      #sec2 .pt:before {
        background: none; }
      #sec2 .pt .box {
        background: url("../img/shared/bg.jpg") repeat;
        width: 100%;
        margin-left: 0;
        padding-bottom: 0; }
        #sec2 .pt .box h3 {
          padding-top: 5%;
          padding-left: 0; }
        #sec2 .pt .box .txt2 {
          width: 90%;
          padding-top: 5%;
          padding-left: 0;
          margin-left: 5%;
          margin-right: 5%; }

  #sec3 {
    background: url("../img/index/s3_bg_sp.jpg") no-repeat center;
    background-size: cover;
    padding-top: 0;
    padding-bottom: 10%; }
    #sec3 .txt {
      width: 90%;
      text-align: justify;
      margin: -21% auto 0;
      position: relative;
      z-index: 1; }
    #sec3 .lst_bnr {
      padding-top: 8%;
      display: block;
      margin: 0 auto;
      width: 85%; }
      #sec3 .lst_bnr li {
        padding-bottom: 5%; }
        #sec3 .lst_bnr li .over-img img:hover, #sec3 .lst_bnr li img.over:hover, #sec3 .lst_bnr li a:hover img:not(.btn):not(.non-over), #sec3 .lst_bnr li button:hover img {
          opacity: 1; }

  #sec4 {
    padding-bottom: 9%; }
    #sec4 .sp_view {
      display: block; }
    #sec4 .pt1 {
      padding-top: 0;
      padding-bottom: 0; }
      #sec4 .pt1 h2 {
        margin-left: 0;
        position: relative;
        z-index: 1; }
      #sec4 .pt1 .price {
        padding-top: 0;
        padding-bottom: 14%;
        margin-top: -20%;
        margin-left: 5%;
        font-size: 6vw;
        position: relative;
        z-index: 2; }
        #sec4 .pt1 .price .txt-md {
          font-size: 4vw; }
        #sec4 .pt1 .price:before {
          background: none; }
      #sec4 .pt1 .deco3 {
        position: absolute;
        top: 3%;
        left: 56%;
        transform: translateX(-50%);
        z-index: 2;
        width: 33%; }
        #sec4 .pt1 .deco3 img {
          width: 65%; }
      #sec4 .pt1 .bx-wrapper {
        width: 100%;
        height: auto;
        position: relative;
        margin-top: -8%;
        top: auto;
        right: auto;
        z-index: 1; }
      #sec4 .pt1 .slide_thm {
        position: relative;
        width: 90%;
        margin: -12% auto 0;
        padding-top: 0;
        top: auto;
        left: auto;
        z-index: 1; }
        #sec4 .pt1 .slide_thm li {
          width: 31.5%;
          margin-bottom: 2.5%;
          margin-right: 2.5%; }
      #sec4 .pt1 .txt {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        padding-top: 5%;
        z-index: 1; }
    #sec4 .pt2 {
      padding-top: 5%;
      padding-bottom: 19%; }
      #sec4 .pt2 h3 {
        margin-right: 0;
        z-index: auto; }
      #sec4 .pt2 .txt {
        width: 90%;
        padding-top: 5%;
        margin-left: 5%;
        margin-right: 5%; }
    #sec4 .bnr {
      position: relative;
      padding-top: 0; }
      #sec4 .bnr:before {
        background: none; }
      #sec4 .bnr a {
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; }
      #sec4 .bnr .deco_sp {
        position: absolute;
        top: -28%;
        left: auto;
        right: auto;
        width: 100%; }

  #sec5 .sp_view {
    display: block; }
  #sec5 .bg-parallax {
    background: none;
    background-attachment: inherit;
    height: auto;
    position: relative;
    padding-bottom: 20%; }
    #sec5 .bg-parallax h2 {
      padding-top: 25%;
      width: 86%;
      margin: 0 auto; }
    #sec5 .bg-parallax .photo_parallax {
      clip: rect(0, auto, auto, 0);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh; }
      #sec5 .bg-parallax .photo_parallax img {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        object-fit: cover;
        z-index: 0;
        transform: translateZ(0); }

  #sec6 {
    padding-bottom: 10%; }
    #sec6 .wrap {
      padding-top: 1px; }
    #sec6 .pt1 {
      padding-top: 0;
      margin-top: -7%; }
      #sec6 .pt1 .box_b {
        width: 90%;
        margin: 0 auto;
        padding-top: 9%;
        padding-bottom: 0; }
        #sec6 .pt1 .box_b dl dd {
          padding: 1% 5% 5% 5%; }
      #sec6 .pt1 .lst_box {
        display: block;
        padding-top: 3%; }
        #sec6 .pt1 .lst_box .box {
          width: 90%;
          margin: 0 auto 3%;
          padding-top: 9%;
          padding-bottom: 0%; }
          #sec6 .pt1 .lst_box .box:first-child {
            margin-left: auto; }
          #sec6 .pt1 .lst_box .box:last-child {
            margin-right: auto; }
          #sec6 .pt1 .lst_box .box dl dd {
            padding: 1% 5% 5% 5%; }
    #sec6 .pt2 {
      padding-top: 5%; }
      #sec6 .pt2 .img {
        position: static; }
      #sec6 .pt2 .box {
        width: 100%;
        margin-right: 0;
        padding-bottom: 5%; }
        #sec6 .pt2 .box dl {
          padding-left: 0;
          padding-top: 5%; }
          #sec6 .pt2 .box dl dd {
            padding: 3% 0 0 0;
            margin: 0 6%; }

  #sec7 {
    background: url("../img/index/s7_bg_sp.jpg") no-repeat center;
    background-size: cover;
    padding-bottom: 17%; }
    #sec7 .inside {
      padding-left: 0;
      padding-top: 16%; }
      #sec7 .inside .txt {
        width: 90%;
        margin: 0 auto;
        padding-left: 0; }
      #sec7 .inside .btn {
        padding-top: 7%;
        padding-left: 5%;
        width: 80%; }

  #sec8 {
    padding-bottom: 13%; }
    #sec8 h2 {
      padding-top: 0;
      margin-left: 0;
      margin-top: -4%; }
    #sec8 .txt {
      width: 90%;
      margin: 0 auto;
      padding-top: 5%; }
    #sec8 .btn {
      padding-top: 5%;
      width: 80%;
      margin: 0 auto; }

  #sec9 {
    background: url("../img/index/s9_bg_sp.jpg") no-repeat center;
    background-size: cover;
    padding-bottom: 10%; }
    #sec9 .wrap {
      padding-top: 1px; }
    #sec9 h2 {
      padding-top: 0;
      margin-top: -3%;
      padding-bottom: 5%; }
    #sec9 .pt1 {
      padding-bottom: 8%; }
      #sec9 .pt1 h3 {
        margin-right: 0;
        width: 80%;
        padding-bottom: 8%; }
      #sec9 .pt1 .floor {
        position: static;
        width: 90%;
        margin: 0 auto; }
      #sec9 .pt1 .txt {
        width: 90%;
        margin: 0 auto;
        padding-top: 8%; }
    #sec9 .pt2 {
      padding-top: 0; }
      #sec9 .pt2 .box {
        background: none;
        width: 100%;
        margin-left: 0;
        padding-bottom: 0; }
        #sec9 .pt2 .box h3 {
          padding-top: 0;
          padding-left: 0;
          margin: 0 auto;
          padding-bottom: 68%; }
        #sec9 .pt2 .box .txt {
          padding: 0;
          padding-right: 0;
          width: 90%;
          margin: 0 auto; }
      #sec9 .pt2 .bx-wrapper {
        left: 0;
        right: 0;
        top: 32vw;
        width: 100%; }

  #sec10 {
    padding-bottom: 15%; }
    #sec10 .pt1 {
      padding-top: 12%;
      padding-bottom: 15%; }
      #sec10 .pt1 .img {
        position: static; }
      #sec10 .pt1 h2 {
        padding-top: 5%;
        margin-right: 0; }
      #sec10 .pt1 .deco2 {
        top: 69vw;
        right: -25%;
        width: 72%; }
        #sec10 .pt1 .deco2 img {
          width: 80%; }
      #sec10 .pt1 .deco3 {
        position: absolute;
        bottom: 8vw;
        left: 0; }
      #sec10 .pt1 .txt {
        width: 90%;
        margin: 0 auto;
        padding-top: 5%; }
    #sec10 .pt2 {
      padding-bottom: 0; }
      #sec10 .pt2 .sp_view {
        display: block; }
      #sec10 .pt2 .deco {
        top: 0;
        left: 0; }
      #sec10 .pt2 .deco2 {
        position: absolute;
        bottom: -12vw;
        right: -13vw;
        width: 70%; }
      #sec10 .pt2 .inside {
        width: 95%;
        margin: 0 auto; }
        #sec10 .pt2 .inside .lst_mn {
          display: block !important; }
          #sec10 .pt2 .inside .lst_mn .mn_left, #sec10 .pt2 .inside .lst_mn .mn_right {
            width: 90%;
            margin: 0 auto;
            padding-right: 0; }
          #sec10 .pt2 .inside .lst_mn dl {
            overflow: auto;
            display: block; }
            #sec10 .pt2 .inside .lst_mn dl:after {
              content: "";
              clear: both;
              display: table; }
            #sec10 .pt2 .inside .lst_mn dl dt {
              padding-left: 0;
              float: left;
              width: auto; }
            #sec10 .pt2 .inside .lst_mn dl dd {
              float: right; }

  #sec11 {
    /* background: url("../img/index/s11_bg_sp.jpg") no-repeat center; */
    /* background-size: cover; */
    padding-bottom: 10%;
    }
    #sec11 h2 {
      padding-top: 0;
      margin-left: 0; }
    #sec11 .img {
      position: static;
      padding-top: 3%; }
    #sec11 .txt {
      padding-left: 0;
      width: 90%;
      margin: 0 auto;
      padding-top: 10%;
      }

  #sec12 .sp_view {
    display: block !important; }
  #sec12 .col-2 {
    display: block; }
  #sec12 .info, #sec12 .map {
    width: 100%;
    float: none; }
  #sec12 .info {
    padding-bottom: 8%; }
    #sec12 .info h2 {
      padding-top: 12%;
      padding-bottom: 3%;
      width: 40%;
      margin: 0 auto; }
    #sec12 .info .box_inf {
      width: 100%; }
      #sec12 .info .box_inf .d-block {
        display: inline-block; }
      #sec12 .info .box_inf dl {
        display: block;
        text-align: center;
        border: 0;
        padding: 5% 0 0; }
        #sec12 .info .box_inf dl:first-child {
          border: 0; }
        #sec12 .info .box_inf dl dt, #sec12 .info .box_inf dl dd {
          display: block; }
        #sec12 .info .box_inf dl dt {
          padding-left: 0;
          width: 100%; }
  #sec12 .map {
    position: relative; }
    #sec12 .map:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: url("../img/shared/line.jpg") repeat-x;
      height: 12px; }
    #sec12 .map iframe {
      height: 450px; }
    #sec12 .map .btngr {
      margin-top: 0;
      padding-bottom: 8%;
      position: relative; }
      #sec12 .map .btngr .lst_btn {
        display: block;
        width: 70%;
        margin: 0 auto;
        padding-top: 5%; }
        #sec12 .map .btngr .lst_btn li {
          padding: 0 0 5%; }
          #sec12 .map .btngr .lst_btn li:first-child {
            padding: 0 !important; }
      #sec12 .map .btngr .link {
        position: static; }

  #sec13 {
    padding-bottom: 10%; }
    #sec13 h2 {
      width: 50%;
      padding-top: 8%;
      margin: 0 auto; }
    #sec13 .lst_mn {
      display: block !important; }
      #sec13 .lst_mn h3 {
        margin-top: 5%;
        line-height: 40px;
        width: 100%;
        margin-bottom: 3%; }
        #sec13 .lst_mn h3.mt {
          margin-top: 5%; }
      #sec13 .lst_mn .mn {
        margin: 0 5%; }
        #sec13 .lst_mn .mn dl {
          border-bottom: 0;
          padding: 0; }




       #sec11 .inside {
        width: 95%;
        margin: 0 auto;
        margin-top: 30px;
        }
        #sec11 .inside .lst_mn {
          display: block !important; }
          #sec11 .inside .lst_mn .mn_left, #sec11 .inside .lst_mn .mn_right {
            width: 90%;
            margin: 0 auto;
            padding-right: 0; }
          #sec11 .inside .lst_mn dl {
            overflow: auto;
            display: block;
            }
            #sec11 .inside .lst_mn dl.ttls {
            overflow: auto;
            display: block;
            border-top: 1px solid #0000002e;
            margin-top: 50px;
            }
            #sec11 .inside .lst_mn dl:after {
              content: "";
              clear: both;
              display: table; }
            #sec11 .inside .lst_mn dl dt {
              padding-left: 0;
              float: left;
              width: auto; }
            #sec11 .inside .lst_mn dl dd {
              float: right; }

              .takeout {
    width: 100%;
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
    float: left;
    clear: both;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    background-color: #fff;
}

.takeout_tel{
    width: 100%;
}
.takeout_tel span.ttl {

font-size: 17px;
}
.takeout_tel span.tel {

font-size: 30px;
}
.takeout_tel span.text {

font-size: 13px;

letter-spacing: 0;
}
.takeout_tel p.takeout_in {

}
.tot_menu {width: 47%;margin-right: 3%;}

    
    .kv_btn{
        width: 100%;
    margin: 0;
    position: static;
		float: inherit;
    clear: both;
    }
	
.btn_event{
margin: 10px auto 10px auto;
padding: 15px 0;
display: block;
color:#240502;
	font-weight: bold;
background-image: linear-gradient(45deg, #f08c10 0%, #ae6000 100%);  
text-align: center;
text-decoration: none;
border-bottom: 2px #1A2023 solid;
-webkit-border-radius: 2px;
border-radius: 2px;
	width: 100%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
box-sizing:border-box;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 16px;
}
	
.pc_none{
	display: block;
}
    
             }