@charset "UTF-8";
/* CSS Document */

.contents-wrapper-right.food{
        background: url(../img/common/bg/bg5.png), linear-gradient(to bottom, #ffb691, #ffe460);
        overflow: hidden;
}
.contents-wrapper-right.food .contents-wrapper-right-inner{
    background: url(../img/common/bg-star-orange.png);
    background-size: 100% auto;
    background-repeat: repeat-y;
        background-position: 50% 0;
}
.footer-copyright.food {
    background-color: rgb(255 228 96 / 70%);
    color: #5f5f5f;
    box-shadow: 0 0 8px #ffe460;
}
.food-section{
    margin-bottom:60px;
}
.food-image-container{
    margin-bottom:60px;
}
.food-lead{
    margin: 0 auto 100px;
}
.food-contents-section{
    text-align:center;
    margin: 0 auto 120px;
}

.food-contents-frame {
        background-image: repeating-linear-gradient(-40deg, #ffffad, #ffffad 5px, #ffffff 5px, #ffffff 10px);
    border-radius: 60px;
    border: 10px solid #adeeff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.30);
    padding: 60px 40px 40px;
    text-align: center;
    position: relative;
    width: 96%;
    margin: 0 auto;
}
.food-babytapi-image-wrapper{
    position:relative;
}
.food-contents-image {
    position: relative;
}
.food-contents-heading{
    position:absolute;
      top: -100px;
    padding-top: 8%;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
 width: 70%;
}
.food-sanrio-heading{
        top: -7%;
    padding-top: 7%;
}

.food-cafe-heading{
        top: -4%;
    padding-top: 3.6%;
}

.food-katokichi-heading{
           top: -6%;
    padding-top: 0;;
}

.food-aipri-heading{
          top: -2%;
    padding-top: 0;
}

.food-babytapi-heading{
         top: -6%;
    padding-top: 0;
    width: calc(70% + 56px);
    left: 0;
    right: 0;
    margin: auto;
}

.food-babytapi-notice-frame {
    text-align: left;
    margin-top: 20px;
}

@media only screen and (max-width: 1500px) {
    
.food-contents-section {
    text-align: center;
    margin: 0 auto 90px;
}
    .food-contents-frame {
    padding: 50px 20px 30px;
    }
}

@media only screen and (max-width: 600px) {
    .food-lead {
    margin: 0 auto 60px;
}
    .food-contents-heading{
 width: 90%;
}
    .food-contents-frame {
    padding: 40px 10px 30px;
    }
    .food-babytapi-heading{
         top: -6%;
    padding-top: 0;
    width: calc(90% + 18px);
    left: 0;
    right: 0;
    margin: auto;
}
}