/* -- -- */
#header.child .content {
   padding-top: 60px;
}

/* -- -- */
#keychild {
   min-height: 807px;
   background: url(../img/takeout/key-photo.jpg) no-repeat center top/cover;
   margin-top: 25px;
}
#keychild:after {
   display: none;
}
#keychild h2 {
   text-align: right;
   padding-top: 136px;
}

/* -- -- */
#container {
   color: #000;
   font-weight: normal;
   line-height: 30px;
   letter-spacing: 0.06em;
}

/* -- -- */
#sec1 {
   background: url("../img/takeout/sec1-photo3.jpg") no-repeat center top 524px;
   padding: 102px 0 110px;
}
#sec1 h2 {
   text-align: center;
   padding-bottom: 67px;
}
#sec1 .block01 {
   position: relative;
}
#sec1 .block01 h3 {
   text-align: right;
   padding-right: 65px;
}
#sec1 .block01 .photo {
   position: absolute;
   top: 0;
   left: -16px;
}
#sec1 .block01 .txt {
   width: 630px;
   padding: 117px 0 0 60px;
}
#sec1 .block01 .txt p {
   font-weight: normal;
   font-size: 16px;
   line-height: 40px;
   letter-spacing: 0.06em;
}
#sec1 .block01 .txt p:last-child {
   color: #ca0000;
}
#sec1 .block02 {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: flex-start;
   margin: -14px -40px 0;
   padding-bottom: 66px;
}
#sec1 .block02 .photo {
   padding-top: 83px;
}
#sec1 .block02 .box {
   width: 388px;
   background: url("../img/takeout/sec1-box_bg.png") no-repeat center top/cover;
   box-sizing: border-box;
   padding: 65px 0 43px 88px;
   position: relative;
}
#sec1 .block02 .box h3 {
   width: 100%;
   font-size: 30px;
   line-height: 34px;
   letter-spacing: 0.1em;
   text-align: center;
   position: absolute;
   top: -27px;
   left: 0;
}
#sec1 .block02 .box h3 small {
   font-size: 20px;
}
#sec1 .block02 .box .price {
   font-size: 29px;
   padding-bottom: 20px;
   /* text-align: center; */
}
#sec1 .block02 .box .price  span{
   font-size: 19px;
}
#sec1 .block02 .box ul li {
   font-size: 16px;
   line-height: 30px;
   letter-spacing: 0.06em;
}
#sec1 .block03 {
   background-color: #eaeaea;
   color: #000;
   text-align: center;
   margin: 0 70px;
   padding: 40px 0 34px;
}
#sec1 .block03 h4 {
   color: #ca0000;
   font-weight: normal;
   font-size: 20px;
   line-height: 40px;
   letter-spacing: 0;
   padding-top: 2px;
}
#sec1 .block03 .time {
   font-size: 16px;
   padding-top: 4px;
}
#sec1 .block03 ul {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   padding: 25px 0 0 50px;
}
#sec1 .block03 ul li {
   width: 360px;
}
#sec1 .block03 ul li+li {
   padding-left: 40px;
}
#sec1 .block03 ul li p+p {
   color: #ca0000;
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 0;
    padding: 10px 0 0 0px;
    text-align: left;
}

/* -- -- */
#sec2 {
   background: url("../img/shared/pattern1.jpg") repeat center top;
   color: #fff;
   padding: 103px 0 0;
}
#sec2 h2 {
   text-align: center;
}
#sec2 .block01 {
   padding: 60px 32px 0 50px;
}
#sec2 .block01 .item {
   display: flex;
   flex-wrap: wrap;
   border-left: 1px solid #fff;
   border-bottom: 1px solid #fff;
   margin-bottom: 55px;
   padding-bottom: 30px;
   padding-left: 47px;
   position: relative;
}
#sec2 .block01 .item:after {
   content: '';
   width: 0;
   height: 0;
   border-top: 15px solid #fff;
   border-right: 15px solid transparent;
   border-left: 15px solid transparent;
   position: absolute;
   top: 100%;
   left: 210px;
}
#sec2 .block01 .item .box {
   width: 383px;
   text-align: justify;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: 0.06em;
}
#sec2 .block01 .item .box h3 {
   padding: 40px 0 16px;
}
#sec2 .block01 .item .box .txt span {
   border-bottom: 1px solid #fff;
}
#sec2 .block01 .item .photo {
   width: 430px;
   padding-left: 37px;
}
#sec2 .block01 .item:nth-child(4) {
   padding-bottom: 48px;
}
#sec2 .block01 .item:nth-child(4):before {
   content: '';
   width: 255px;
   height: 120px;
   background: url("../img/takeout/sec2-deco2.png") no-repeat center top/cover;
   position: absolute;
   top: -8px;
   left: 125px;
}
#sec2 .block01 .item:nth-child(4) .photo1 {
   position: absolute;
   top: 170px;
   left: 192px;
}
#sec2 .block01 .item:nth-child(5):before {
   content: '';
   width: 105px;
   height: 115px;
   background: url("../img/takeout/sec2-deco3.png") no-repeat center top/cover;
   position: absolute;
   top: -18px;
   left: 164px;
}
#sec2 .block01 .item:nth-child(5):after {
   display: none;
}
#sec2 .block02 {
   padding: 18px 0 196px;
   position: relative;
}
#sec2 .block02 h3 {
   text-align: center;
}
#sec2 .block02 .photo {
   position: absolute;
   top: 128px;
   left: 85px;
}
#sec2 .block02 .box {
   width: 380px;
   text-align: justify;
   padding: 90px 0 0 530px;
   box-sizing: content-box;
}
#sec2 .block02 .box .txt {
   padding: 9px 0 0 7px;
}
#sec2 .bg-parallax {
   background-image: url(../img/takeout/sec2-prr.jpg);
   min-height: 700px;
}

/* -- -- */
#sec3 {
   padding: 110px 0 70px;
}
#sec3 h2 {
   text-align: center;
}
#sec3 .note {
   text-align: center;
   padding: 24px 0 47px;
}
#sec3 .ttl {
   line-height: 62px;
   letter-spacing: 0.06em;
}
#sec3 .ttl dt {
   font-size: 40px;
}
#sec3 .ttl dd {
   font-size: 30px;
}
#sec3 .ttl dd small {
   font-size: 20px;
}
#sec3 .block01 {
   display: flex;
   flex-wrap: wrap;
   width: 860px;
   margin: 0 auto;
   padding-bottom: 75px;
}
#sec3 .block01 .ttl {
   width: 270px;
   padding: 100px 0 0 21px;
}
#sec3 .block01 .ttl dd {
   padding-left: 50px;
}
#sec3 .block01 .txt {
   width: 590px;
   text-align: justify;
   font-size: 16px;
   line-height: 40px;
   padding: 30px 0 0 39px;
}
#sec3 .block01 .txt span {
   color: #ca0000;
}
#sec3 .block02 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   width: 860px;
   margin: 0 auto;
}
#sec3 .block02 .item {
   width: 400px;
}
#sec3 .block02 .item .ttl {
   text-align: center;
   padding: 24px 0 6px;
   line-height: 52px;
}
#sec3 .block02 .item .ttl dt {
   font-size: 30px;
}
#sec3 .block02 .item .txt {
   font-size: 16px;
   line-height: 40px;
}

/* -- -- */
#sec4 {
   padding-bottom: 102px;
}
#sec4 .wrap {
   width: 860px;
   background-color: #eaeaea;
   color: #000;
   text-align: center;
   padding: 67px 0 34px;
}
#sec4 h2 {
   padding-bottom: 40px;
}
#sec4 h4 {
   color: #ca0000;
   font-weight: normal;
   font-size: 20px;
   line-height: 40px;
   letter-spacing: 0;
   padding-top: 4px;
}
#sec4 .time {
   font-size: 16px;
   padding-top: 6px;
}
#sec4 ul {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   padding: 25px 0 0 50px;
}
#sec4 ul li {
   width: 360px;
}
#sec4 ul li+li {
   padding-left: 40px;
}
#sec4 ul li p+p {
   color: #ca0000;
   font-weight: normal;
   font-size: 15px;
   line-height: 28px;
   letter-spacing: 0;
   padding: 10px 0 0 0px;
   text-align: left;
}

/* -- -- */
#sec5 {
   background: url("../img/takeout/sec5-bg.jpg") no-repeat center top;
   margin-bottom: 137px;
   padding: 63px 0 45px;
}
#sec5 .wrap {
   width: 866px;
}
#sec5 h2 {
   position: absolute;
   top: 50px;
   right: 8px;
}
#sec5 .txt {
   padding: 20px 0 40px 6px;
   font-size: 16px;
   line-height: 40px;
}
#sec5 .sec5-btn {
   text-align: center;
}


.txt_red {
	color:#FF0004;
}

/* -- -- */

/*# sourceMappingURL=takeout.css.map */