@charset "UTF-8";
.d-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.slick-slide * {
  transform: translate3d(0, 0, 0);
  will-change: transform; }

header #key {
  padding-bottom: 0; }

/* slick arrows custom */
/* slick arrows custom */
.slick-track {
  will-change: transform; }
.bold{
	font-weight: bold;
}
.slick-arrow {
  width: 13vw;
  height: 13vw;
  border: none;
  background: transparent;
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 9; }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

.slick-arrow:after {
  display: inline-block;
  width: 13vw;
  height: 13vw; }

.slick-prev:after {
  content: '';
  background: url("../img/takeout/next.png") 0 0/100% no-repeat; }

.slick-next:after {
  content: '';
  background: url("../img/takeout/pre.png") 0 0/100% no-repeat; }

/* slick dots custom */
.slick-dots {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin-top: 4%; }

.slick-dots li {
  width: 13px;
  height: 13px;
  line-height: 0;
  margin: 0 5px; }

.slick-dots li button {
  width: 13px;
  height: 13px;
  border: none;
  background-color: transparent;
  font-size: 0;
  border-radius: 50%;
  border: 1px solid #000; }

.slick-dots li.slick-active button {
  background: #000; }

h2 {
  margin: 0; }

.txt {
  padding: 0 2%;
  text-align: justify; }

.color-red {
  color: #c14226; }

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

#sec1 {
  padding-bottom: 15%; }

#sec2 {
  background: url("../img/takeout/bg1.png") 0 0/100% repeat;
  color: #fff;
  padding-bottom: 15%; }
  #sec2 .group1 {
    background: url("../img/takeout/sec2_bg1.jpg") 0 0/100% no-repeat;
    margin-bottom: 10%; }
  #sec2 .group2 {
    background: url("../img/takeout/sec2_img2.jpg") 0 0/100% no-repeat; }
  #sec2 h3 {
    font-size: 6vw;
    line-height: 1.7;
    margin-bottom: 2%;
    padding-left: 2%; }
  #sec2 .img1 {
    margin-bottom: 5%; }

#sec3 {
  padding-bottom: 15%; }

#sec4 {
  background-color: #eee4d3;
  padding-bottom: 15%; }
  #sec4 .sec4_2 {
    background: url("../img/takeout/bg3.png") 0 0 repeat;
    width: 90%;
    margin: 0 auto;
    padding-top: 10%; }
  #sec4 .txt {
    margin-bottom: 10%; }
  #sec4 .slider-for {
    width: 90%;
    margin: 0 auto; }
    #sec4 .slider-for .slick-arrow {
      top: 86vw; }
    #sec4 .slider-for .sl .price {
      font-size: 6vw;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      line-height: 1.7;
      margin-bottom: 5%;
      text-align: center; }
      #sec4 .slider-for .sl .price span {
        font-size: 5vw; }
    #sec4 .slider-for .sl .img {
      margin-bottom: 10%; }
    #sec4 .slider-for .sl .ttl {
      font-size: 5vw;
      line-height: 1.7;
      font-weight: bold;
      text-align: center;
      margin-bottom: 5%; }
    #sec4 .slider-for .sl .txt {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex; }
      #sec4 .slider-for .sl .txt ul {
        width: 50%; }
  #sec4 .slider-nav {
    width: 90%;
    margin: 0 auto 10%; }
    #sec4 .slider-nav .slick-list {
      padding: 0 !important; }
    #sec4 .slider-nav .slick-track {
      transform: translate3d(0px, 0px, 0px) !important;
      width: 100% !important;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      #sec4 .slider-nav .slick-track .slick-slide {
        width: 47% !important;
        margin: 1vw; }
#sec4 .slider-nav .slick-current .nav-sl{
	background-color: #b62201;
}
    #sec4 .slider-nav .nav-sl {
      background-color: #681000;
      color: #fff;
      text-align: center;
      font-size: 5vw;
      line-height: 1.7;
      padding-top: 5px;
      padding-bottom: 5px; }
      #sec4 .slider-nav .nav-sl span {
        font-size: 4vw; }

#sec5_rss {
  background-color: #eee4d3;
  padding-bottom: 15%; }
  #sec5_rss .box {
    width: 96%;
    margin: 0 auto;
    background: url("../img/takeout/bg1.png") 0 0 repeat;
    padding-bottom: 10%; }
  #sec5_rss .btn1 {
    text-align: center;
    width: 50%;
    margin: 0 auto; }
  #sec5_rss #feed {
    color: #fff;
    width: 90%;
    margin: 0 auto 10%; }
    #sec5_rss #feed dl {
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #fff; }

#sec6 {
  background-color: #eee4d3;
  padding-bottom: 15%; }
  #sec6 .sec6-sl {
    width: 90%;
    margin: 0 auto; }
  #sec6 .sec6-sl .txt span{
   font-weight: bold;}
    #sec6 .sec6-sl .slick-arrow {
      top: 56vw; }
    #sec6 .sec6-sl .slick-next {
      right: -4vw; }
    #sec6 .sec6-sl .slick-prev {
      left: -4vw; }
    #sec6 .sec6-sl p.tt {
      font-size: 5vw;
      line-height: 1.7;
      margin-bottom: 10px; }
    #sec6 .sec6-sl .img {
      margin-bottom: 10vw; }
    #sec6 .sec6-sl h3 {
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 6vw;
      line-height: 1.7;
      letter-spacing: 0.08em;
      color: #9e0f0f;
      margin-bottom: 9px; }
    #sec6 .sec6-sl .price {
      margin-bottom: 20px; }
    #sec6 .sec6-sl dl {
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between;
      font-size: 5vw;
      line-height: 1.7;
      letter-spacing: 0.08em; }
      #sec6 .sec6-sl dl dd {
        text-align: right; }

#sec7 {
  padding-bottom: 10%; }
  #sec7 .mb0 {
    margin-bottom: 0 !important; }
    #sec7 .mb0:before {
      display: none; }
  #sec7 .box {
    background: #291b0e url("../img/takeout/sec7_bg1.png") 0 0 repeat-x;
    width: 96%;
    margin: 0 auto 10%;
    position: relative;
    color: #fff;
    box-sizing: border-box;
    padding: 0 2% 10%;
		
}
    #sec7 .box:before {
      content: '';
      background: url("../img/takeout/icon.png") 0 0 no-repeat;
      width: 49px;
      height: 36px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -25px; }

#sec8 {
  padding-bottom: 15%; }
  #sec8 .bg1 {
    background-color: #eee4d3;
    width: 96%;
    margin: 0 auto;
    padding-bottom: 10%; }
  #sec8 .tt {
    text-align: center;
    font-size: 5vw;
    line-height: 1.7;
    margin-bottom: 15px; }
  #sec8 .box {
    width: 96%;
    background-color: #fff;
    padding: 5% 10%;
    box-sizing: border-box;
    margin: 0 auto; }
    #sec8 .box h3 {
      font-size: 6vw;
      line-height: 1.7;
      font-weight: bold;
      padding-bottom: 5%;
      margin-bottom: 5%;
      border-bottom: 1px solid #000;
      text-align: center; }
#sec8 .info{
	 background-color: #fff; 
	margin: 0 auto;
	text-align: center;
}
#sec8  .info h4{
	font-weight: bold;
	font-size: 22px;
	color: #820002;
	text-align: center;
	padding: 10% 0 10%;
}
#sec8  .info dl{
margin-bottom: 10%;}

#sec8 .info .toggle-main{
padding-bottom: 10%;}

#sec8 .toggle .toggle-link:after {
    color: #fff;
}