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

#cont-wrap{
	max-width: inherit;
	width: 80%;
	padding-top: 10%;
	padding-bottom: 10%;
	background: -webkit-linear-gradient(#005e5b, #ffffff);
	background: -o-linear-gradient(#005e5b, #ffffff);
	background: linear-gradient(#005e5b, #ffffff);
}

#visual{
	width: 100%;
	background: #cccccc;
}

#contents ul{
  max-width: 500px;
  width: 75%;
  margin: 0 auto;
  border: solid 2px #FFFFFF;
}

#contents ul li{
  height: 16.6%;
  text-align: center;
}

h2#komidashi{
		text-align: center;
		font-size: 18px;
		line-height: 1.5;
		color: #ffffff;
		margin-bottom: 20px;
		
    }



@media screen and (min-width: 751px){
	
		/*#head-menu li:nth-child(3){
			margin-right: 21.4%;
		}*/
	
    #cont-wrap{
        max-height: 720px;
				width: 100%;
        padding: 5% 0;
    }
  
    #contents ul{
        max-width: 840px;
        max-height: 560px;
        padding: 0.5%;
        border: none;
        background-color: #FFFFFF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
  
    #contents ul li{
        max-width: 280px;
        width: 33%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
	
	


	
}