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

body{
    overflow: hidden;
    background: #0046DD;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* =====================================================

header

======================================================= */
header{
    opacity: 0.65;
    text-align: center;
    padding: 27px 0 15px;
}
header .header__title{
    font-size: 2.6rem;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    line-height: 1.0;
    margin: 0 0 13px;
}
header .header__text{
    font-size: 1.4rem;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    line-height: 1.0;
}


/* =====================================================

footer

======================================================= */
footer{
    margin: 70px 0 0;
    padding: 0 13px 17px;
    background: none;
}
footer .logo-img{
	max-width: 453px;
	background: #fff;
	margin: 0 auto;
	padding: 15px 30px;
	box-sizing: border-box;
	border-radius: 18px;
}
@media (max-width:768px){
	footer .logo-img{
		width: 100%;
		margin:  0 auto;
	}
}


/* =====================================================

inner

======================================================= */
.inner01{
    max-width: 474px;
    margin: 0 auto;
    padding: 0 10px;
}
.inner02{
    max-width: 474px;
    margin: 0 auto;
    padding: 0 25px;
}


/* =====================================================

sec-main-food

======================================================= */
.sec-main-food{
    position: relative;
}
.sec-main-food::before{
    position: absolute;
    left: 0;
    top: -95px;
    z-index: -1;
    content: '';
    width: 100%;
    height: 200%;
    background: url("../../img/menu/bg-gra.png") no-repeat center top -50px / 1050px auto;
}
.sec-main-food .food-cont{
    background: #ccc;
    padding: 27px 10px;
    border-radius: 8px;
    box-shadow: 0px 6px 14px -6px rgba(0,0,0,0.4);
    overflow: hidden;
    position: relative;
}

/*　背景グラデーション（固定表示）
.sec-main-food .food-cont--blue{
background: linear-gradient(to right,  rgba(167,225,255,1) 12%,rgba(80,167,255,1) 30%,rgba(167,225,255,1) 42%,rgba(131,212,247,1) 45%,rgba(0,164,216,1) 56%,rgba(111,188,255,1) 69%,rgba(167,225,255,1) 87%,rgba(80,167,255,1) 97%);
}
.sec-main-food .food-cont--green{
background: linear-gradient(to right,  rgba(188,239,186,1) 12%,rgba(68,218,113,1) 30%,rgba(188,239,186,1) 42%,rgba(188,239,186,1) 45%,rgba(68,218,113,1) 56%,rgba(68,218,113,1) 69%,rgba(188,239,186,1) 87%,rgba(68,218,113,1) 97%);
}
.sec-main-food .food-cont--orange{
background: linear-gradient(to right,  rgba(239,207,186,1) 12%,rgba(219,102,24,1) 30%,rgba(239,186,186,1) 42%,rgba(239,186,186,1) 45%,rgba(219,85,24,1) 56%,rgba(219,85,24,1) 68%,rgba(239,186,186,1) 87%,rgba(219,85,24,1) 97%);
}
.sec-main-food .food-cont--pink{
background: linear-gradient(to right,  rgba(247,179,215,1) 12%,rgba(236,87,167,1) 30%,rgba(247,179,215,1) 42%,rgba(247,179,215,1) 45%,rgba(236,87,167,1) 56%,rgba(236,87,167,1) 69%,rgba(247,179,215,1) 87%,rgba(236,87,167,1) 97%);
}
.sec-main-food .food-cont--turquoise{
background: linear-gradient(to right,  rgba(186,239,239,1) 12%,rgba(68,218,218,1) 30%,rgba(186,239,239,1) 42%,rgba(186,239,239,1) 45%,rgba(68,218,218,1) 56%,rgba(68,218,218,1) 69%,rgba(186,239,239,1) 87%,rgba(68,218,218,1) 97%);
}
.sec-main-food .food-cont--gold{
background: linear-gradient(to right,  rgba(247,230,186,1) 12%,rgba(230,190,80,1) 30%,rgba(254,250,225,1) 42%,rgba(247,239,186,1) 45%,rgba(247,190,68,1) 56%,rgba(243,205,64,1) 69%,rgba(247,234,186,1) 87%,rgba(221,175,38,1) 97%);
}
*/

.sec-main-food .food-cont--blue{
    background: #00A4D8;
}
.sec-main-food .food-cont--green{
    background: #44DA71;
}
.sec-main-food .food-cont--orange{
    background: #DB5518;
}
.sec-main-food .food-cont--pink{
    background: #EC57A7;
}
.sec-main-food .food-cont--turquoise{
    background: #44DADA;
}
.sec-main-food .food-cont--gold{
    background: #FFDB4A;
}

.sec-main-food .food-cont:after {
    position: absolute;
    top: -200%;
    left: -150%;
    content: "";
    height: 500%;
    width: 300px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    transform: rotate(6deg);
    animation: 4s shine infinite linear;
}

@keyframes shine {
  0% {
    left: -100%;
  }
  50% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}

.sec-main-food .food-cont .cat{
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 10;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    padding: 14px 20px;
    line-height: 1.35;
    border-radius: 10px 0 0 10px;
}
.sec-main-food .food-cont .cat--blue{
    background: linear-gradient(135deg,  rgba(0,56,255,1) 0%,rgba(0,164,216,1) 74%);
}
.sec-main-food .food-cont .cat--green{
    background: linear-gradient(135deg,  rgba(0,121,24,1) 0%,rgba(0,187,37,1) 74%);
}
.sec-main-food .food-cont .cat--orange{
    background: linear-gradient(135deg,  rgba(207,83,0,1) 0%,rgba(255,113,18,1) 74%);
}
.sec-main-food .food-cont .cat--pink{
    background: linear-gradient(to right,  rgba(215,24,127,1) 0%,rgba(242,136,193,1) 74%);
}
.sec-main-food .food-cont .cat--turquoise{
    background: linear-gradient(135deg,  rgba(0,153,153,1) 0%,rgba(0,176,176,1) 74%);
}
.sec-main-food .food-cont .cat--gold{
    background: linear-gradient(135deg,  rgba(255, 219, 74, 1) 0%,rgba(255, 247, 217, 1) 74%);
    color: #000;
}

.sec-main-food .food-cont .food-cont-in{
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 6px 14px -6px rgba(0,0,0,0.4);
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.sec-main-food .food-cont .food-cont__title{
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.5;
    padding: 28px 18px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1feff+0,ecfeff+100 */
background: linear-gradient(to right,  rgba(241,254,255,1) 0%,rgba(236,254,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.sec-main-food .food-cont .food-cont__title br{
    display: none;
}
.sec-main-food .food-cont .food-cont__point{
    display: flex;
}
.sec-main-food .food-cont .food-cont__point--blue{
    background: #9AE1FF;
}
.sec-main-food .food-cont .food-cont__point--green{
    background: #C9F4C5;
}
.sec-main-food .food-cont .food-cont__point--orange{
    background: #F4C5C5;
}
.sec-main-food .food-cont .food-cont__point--pink{
    background: #F4C5C5;
}
.sec-main-food .food-cont .food-cont__point--turquoise{
    background: #C5F4F4;
}
.sec-main-food .food-cont .food-cont__point--gold{
    background: #F4F4C5;
}

.sec-main-food .food-cont .food-cont__point .food-cont__point-title{
    width: 35%;
    height: 52px;
    padding: 0 10px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.0;
    color: #000;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec-main-food .food-cont .food-cont__point .food-cont__point-text{
    width: 65%;
    height: 52px;
    padding: 17px 13px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.05vw;
    color: #fff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.sec-main-food .food-cont .food-cont__point .food-cont__point-text--blue{
    background: linear-gradient(135deg,  rgba(0,56,255,1) 0%,rgba(0,164,216,1) 74%);
}
.sec-main-food .food-cont .food-cont__point .food-cont__point-text--green{
    background: linear-gradient(135deg,  rgba(0,121,24,1) 0%,rgba(0,187,37,1) 74%);
}
.sec-main-food .food-cont .food-cont__point .food-cont__point-text--orange{
    background: linear-gradient(135deg,  rgba(207,83,0,1) 0%,rgba(255,113,18,1) 74%);
}
.sec-main-food .food-cont .food-cont__point .food-cont__point-text--pink{
    background: linear-gradient(to right,  rgba(215,24,127,1) 0%,rgba(242,136,193,1) 74%);
}
.sec-main-food .food-cont .food-cont__point .food-cont__point-text--turquoise{
    background: linear-gradient(135deg,  rgba(0,153,153,1) 0%,rgba(0,176,176,1) 74%);
}
.sec-main-food .food-cont .food-cont__point .food-cont__point-text--gold{
    background: linear-gradient(135deg,  rgba(255, 219, 74, 1) 0%,rgba(255, 247, 217, 1) 74%);
    color: #000;
}


.sec-main-food .food-cont .food-cont__text{
    padding: 27px 15px 15px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1feff+0,ecfeff+100 */
background: linear-gradient(to right,  rgba(241,254,255,1) 0%,rgba(236,254,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.sec-main-food .food-cont .food-cont__text .food-cont__txt01{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.0;
    margin: 0 0 20px;
}
.sec-main-food .food-cont .food-cont__text .list{
    display: flex;
}
.sec-main-food .food-cont .food-cont__text .list .list__item{
    margin: 0 10px 0 0;
    padding: 1px;
    border-radius: 25px;
    background: #ccc;
    line-height: 1.5;
}
.sec-main-food .food-cont .food-cont__text .list .list__item--blue{
    background: linear-gradient(135deg,  rgba(0,56,255,1) 0%,rgba(0,164,216,1) 74%);
}
.sec-main-food .food-cont .food-cont__text .list .list__item--green{
    background: linear-gradient(135deg,  rgba(0,121,24,1) 0%,rgba(0,187,37,1) 74%);
}
.sec-main-food .food-cont .food-cont__text .list .list__item--orange{
    background: linear-gradient(135deg,  rgba(207,83,0,1) 0%,rgba(255,113,18,1) 74%);
}
.sec-main-food .food-cont .food-cont__text .list .list__item--pink{
    background: linear-gradient(to right,  rgba(215,24,127,1) 0%,rgba(242,136,193,1) 74%);
}
.sec-main-food .food-cont .food-cont__text .list .list__item--turquoise{
    background: linear-gradient(135deg,  rgba(0,153,153,1) 0%,rgba(0,176,176,1) 74%);
}
.sec-main-food .food-cont .food-cont__text .list .list__item--gold{
    background: linear-gradient(135deg,  rgba(238,188,63,1) 0%,rgba(248,224,137,1) 74%);
}

.sec-main-food .food-cont .food-cont__text .list .list__item span{
    display: inline-block;
    background: #F1FEFF;
    padding: 5px 15px;
    border-radius: 25px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
}
.sec-main-food .sec-main-food__txt01{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.0;
    color: #fff;
    margin: 17px 0 0;
    letter-spacing: 0.05vw;
}

@media (max-width:472px){
    .sec-main-food .food-cont .food-cont__title br{
        display: block;
    }    
}


/* =====================================================

sec-other-food

======================================================= */
.sec-other-food{
    padding: 40px 0 70px;
}
.sec-other-food .sec-other-food__title{
    font-size: 2.4rem;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    line-height: 1.0;
    margin: 0 0 20px;
    opacity: 0.65;
}
.sec-other-food .sec-other-food__text{
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    line-height: 2.0;
    margin: 0 0 30px;
    letter-spacing: 0.05vw;
}

.sec-other-food .list{
    margin: 0 -25px 0 0;
}
.sec-other-food .list .slick-list{
    padding: 0 40% 0 0 !important;
}
.sec-other-food .list .list__item{
    margin: 0 20px 0 0;
    
}
.sec-other-food .list .list__item a{
    text-decoration: none;
    transition: 0.3s;
}
@media (min-width:769px){
    .sec-other-food .list .list__item a:hover{
        opacity: 0.6;
    }   
}
.sec-other-food .list .list__item .list__img{
    border: 4px solid #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 6px 14px -6px rgba(0,0,0,0.4);
}
.sec-other-food .list .list__item .list__title{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.05vw;
    color: #fff;
    margin: 10px 0 0;
}


.sec-other-food .slick-prev{
    left: 50%;
    top: inherit;
    bottom: -70px;
    transform: translateX(-125%);
    background: url("../../img/menu/prev.svg") no-repeat center center;
    width: 38px;
    height: 38px;
}
.sec-other-food .slick-prev::before{
    content: none;
}
.sec-other-food .slick-next{
    right: 50%;
    top: inherit;
    bottom: -70px;
    transform: translateX(125%);
    background: url("../../img/menu/next.svg") no-repeat center center;
    width: 38px;
    height: 38px;
}
.sec-other-food .slick-next::before{
    content: none;
}

.sec-other-food .slick-prev:hover{
    background: url("../../img/menu/prev.svg") no-repeat center center;
    opacity: 0.6;
}
.sec-other-food .slick-prev:focus{
    background: url("../../img/menu/prev.svg") no-repeat center center;
}
.sec-other-food .slick-next:hover{
    background: url("../../img/menu/next.svg") no-repeat center center;
    opacity: 0.6;
}
.sec-other-food .slick-next:focus{
    background: url("../../img/menu/next.svg") no-repeat center center;
}