@charset "utf-8";

/* dishes
---------------------------------------------------------------------------*/
img {
    display: block;
}
.icon img,
.line img {
    display: inline;
}
/* 画像3つ */
.figs-three,
.figs-four,
.figs-two,
.figs-six {
    margin-bottom: 30px;
}
@media screen and (max-width: 768px){
    .figs-three,
    .figs-four,
    .figs-two,
    .figs-six {
        margin-bottom: 6vw;
    }
    .figs-three .fig-small {
        flex-direction: row;
    }
}
/* 画像4つ */
.figs-four .fig-big {
    margin-bottom: 5px;
}
@media screen and (max-width: 768px){
    .figs-four .fig-big {
        margin-bottom: 1vw;
    }
    .figs-four .fig-small > div {
        width: 33%;
    }
}
/* 画像6つ */
@media screen and (max-width: 768px){
    .figs-six > * {
        width: 16%;
    }
}

/* 画像上キャプション */
.oncaps {
    position: relative;
}
.oncaps .cap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    font-size: 19px;
    line-height: 120%;
    color: #515B61;
    background-color: #FFFFFF;
}
.oncaps .cap.mini {
    font-size: 16px;
}
@media screen and (max-width: 768px){
    .oncaps .cap {
        font-size: 3.8vw;
    }
}

/* 料理名など */
.names {
    margin-bottom: 25px;
}
.names .name {
    margin-right: 40px;
    font-size: 25px;
    line-height: 120%;
    color: #1F2358;
    font-weight: 400;
}
.names .catch {
    font-size: 20px;
    line-height: 120%;
    color: #1B488C;
}
.time {
    margin-top: 25px;
    padding-top: 25px;
    padding-left: 13px;
    border-top: 1px solid #8DA3C5;
}
@media screen and (max-width: 768px){
    .names {
        margin-bottom: 5vw;
    }
    .names .name {
        margin-right: 0;
        margin-bottom: 2vw;
        font-size: 5vw;
    }
    .names .catch {
        font-size: 4.8vw;
    }
    .time {
        margin-top: 5vw;
        padding-top: 5vw;
        padding-left: 2vw;
    }
}

/* sec02 */
.sec02 .inner-narrow {
    margin-bottom: 70px;
}
@media screen and (max-width: 768px){
    .sec02 .inner-narrow {
        margin-bottom: 10vw;
    }
}
/* sec03 */
.sec02 .figs-two {
    margin-bottom: 5px;
}
@media screen and (max-width: 768px){
    .sec02 .figs-two {
        margin-bottom: 1vw;
    }
}

/* sec05 */
.sec05 .figs-two .fig-big{
	position:relative;	
}
.sec05 .figs-two .fig-big .fig-big-sub{
	position:absolute;
	top:-30px;
	right:60px;
	z-index:1;
}
@media screen and (max-width: 768px){
.sec05 .figs-two .fig-big .fig-big-sub{
	width:40%;
	top:-4vw;
	right:5vw;
}    
}


.sec06{
	text-align: center;
}

.sec06 img{
	margin: 0 auto;
}

.sec06 .inner-narrow{
	margin: 60px auto 0;
	text-align: center;
}