@charset "UTF-8";
/* CSS Document */
/* =========================================================
　お料理 index.html
========================================================= */
/*ーーーーーーーーーーーーーーーーーーーーーーー
季節ごとのスタイル
ーーーーーーーーーーーーーーーーーーーーーーーー*/
h4.midashi_sp {
    color: #E386A8;
    text-shadow: 2px 2px rgb(255 255 255 / 90%);
}
#spring .main_title{ background: url(images/spring/spring_bg02.png),#fff;}
/*背景の四角*/
#spring .menu_content.menu_even .main_title_text {  background:url("image/spring/bg_cube_spring.png");}
/*背景の装飾
春：桜、秋：紅葉、夏・秋：丸*/
#spring .menu_content:nth-child(odd){   background: url(images/spring/spring_bg01.png),#FDF4F7;}
#spring .menu_content:nth-child(even){background: url(images/spring/spring_bg02.png),#fff;}

/*ーーーーーーーーーーーーーーーーーーーーーーー
各お料理画像のパス　（ここは編集しない）    
ーーーーーーーーーーーーーーーーーーーーーーーー*/
/*冬*/
/*.webp #spring #kaiseki .main_title .img_area { background: url("images/spring/kaiseki/main.webp");}
.no-webp #spring #kaiseki .main_title .img_area { background: url("images/spring/kaiseki/main.jpg"); }
.webp #spring #kaiseki .menu_content.menu01 .img_area { background: url("images/spring/kaiseki/img01.webp");}
.no-webp #spring #kaiseki .menu_content.menu01 .img_area { background: url("images/spring/kaiseki/img01.jpg"); }
.webp #spring #kaiseki .menu_content.menu02 .img_area { background: url("images/spring/kaiseki/img02.webp");}
.no-webp #kaiseki .menu_content.menu02 .img_area { background: url("images/spring/kaiseki/img02.jpg"); }
.webp #spring #kaiseki .menu_content.menu03 .img_area { background: url("images/spring/kaiseki/img03.webp");}
.no-webp #spring #kaiseki .menu_content.menu03 .img_area { background: url("images/spring/kaiseki/img03.jpg"); }
.webp #spring #kaiseki .menu_content.menu04 .img_area { background: url("images/spring/kaiseki/img04.webp");}
.no-webp #spring #kaiseki .menu_content.menu04 .img_area { background: url("images/spring/kaiseki/img04.jpg"); }
.webp #spring #kaiseki .menu_content.menu05 .img_area { background: url("images/spring/kaiseki/desert.webp");}
.no-webp #spring #kaiseki .menu_content.menu05 .img_area { background: url("images/spring/kaiseki/desert.jpg"); }

.webp #spring #wasyoku .main_title .img_area { background: url("images/spring/wasyoku/main.webp");}
.no-webp #spring #wasyoku .main_title .img_area { background: url("images/spring/wasyoku/main.jpg"); }
.webp #spring #wasyoku .menu_content.menu01 .img_area { background: url("images/spring/wasyoku/img01.webp");}
.no-webp #spring #wasyoku .menu_content.menu01 .img_area { background: url("images/spring/wasyoku/img01.jpg"); }
.webp #spring  #wasyoku .menu_content.menu02 .img_area { background: url("images/spring/wasyoku/img02.webp");}
.no-webp #spring #wasyoku .menu_content.menu02 .img_area { background: url("images/spring/wasyoku/img02.jpg"); }
.webp #spring #wasyoku .menu_content.menu03 .img_area { background: url("images/spring/wasyoku/img03.webp");}
.no-webp #spring #wasyoku .menu_content.menu03 .img_area { background: url("images/spring/wasyoku/img03.jpg"); }
.webp #spring #wasyoku .menu_content.menu04 .img_area { background: url("images/spring/wasyoku/img04.webp");}
.no-webp #spring #wasyoku .menu_content.menu04 .img_area { background: url("images/spring/wasyoku/img04.jpg"); }
.webp #spring #wasyoku .menu_content.menu05 .img_area { background: url("images/spring/wasyoku/desert.webp");}
.no-webp #spring #wasyoku .menu_content.menu05 .img_area { background: url("images/spring/wasyoku/desert.jpg"); }*/

.webp #breakfast .main_title .img_area {background: url("images/spring/breakfast.webp");}
.webp #breakfast .main_title .img_area { background: url("images/spring/breakfast.jpg");
}

/*画像のサイズが小さいところ
*/
/*.webp #spring #kaiseki .menu_content.menu03 .img_area,
.no-webp #spring #kaiseki .menu_content.menu03 .img_area ,
.webp #spring #kaiseki .menu_content.menu04 .img_area,
.no-webp #spring #kaiseki .menu_content.menu04 .img_area { padding-bottom: 27%}
.webp #spring #wasyoku .menu_content.menu03 .img_area,
.no-webp #spring #wasyoku .menu_content.menu03 .img_area ,
.webp #spring #wasyoku .menu_content.menu04 .img_area,
.no-webp #spring #wasyoku .menu_content.menu04 .img_area { padding-bottom: 27%}*/

@media screen and (max-width: 999px){
/*h4.midashi_sp {
    color: #E386A8;
    text-shadow: 2px 2px rgb(255 255 255 / 90%);
}
h5.midashi_sp {
    display: none;
}
.menu_content .img_area {
    padding-bottom: 70%;
}
.webp #spring #kaiseki .menu_content.menu03 .img_area,
.no-webp #spring #kaiseki .menu_content.menu03 .img_area ,
.webp #spring #kaiseki .menu_content.menu04 .img_area,
.no-webp #spring #kaiseki .menu_content.menu04 .img_area ,
.webp #spring #wasyoku .menu_content.menu03 .img_area,
.no-webp #spring #wasyoku .menu_content.menu03 .img_area ,
.webp #spring #wasyoku .menu_content.menu04 .img_area,
.no-webp #spring #wasyoku .menu_content.menu04 .img_area { padding-bottom: 56%}*/

}