.main{width:900px;max-width:90%;margin:10px auto}.menu_title{text-align:center;background-color:#009263;padding:5px 0}.menu_title h2{color:#fff}ul.menu_list{background-color:#fff;padding:5px 0}ul.menu_list li{display:inline-block;padding:0 20px}.title_pizza,.title_okonomi{font-size:30px;text-align:center;color:#fff;margin:60px 0 20px;background-color:#5f3c13}.menu_list{display:flex;flex-wrap:wrap;justify-content:center}.menu_box{background-color:#fcf6e9;width:31%;padding:5px;margin:5px}.menu_box h4{padding:5px}.menu_box p{padding:0 5px 5px}@media (min-width:701px){<!-- 幅701以上-->.header{padding:10px}h1{font-size:46px}ul.menu_list li{padding:0 20px}.menu_box{width:31%}.title_pizza,.title_okonomi{font-size:30px}.menu_box h4{font-size:23px}.menu_box p{font-size:18px}}@media (max-width:700px){<!-- 幅700以下-->.header img{max-width:70%;padding:7px}h1{font-size:30px}ul.menu_list li{padding:0 10px;font-size:14px}.menu_box{width:45%}.title_pizza,.title_okonomi{font-size:22px}.menu_box h4{font-size:18px}.menu_box p{font-size:14px}}