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

* {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.0;
	font-weight:normal;
	color:#000;
}

header {
	background-color:#000;
	padding: 20px;
}
header ul {
	font-size:0;
}

header li {
	font-size: 16px;
	color:#FFF;
	display:inline-block;
	margin-right: 1.0em; /* em -> 文字一つ分 */ 
}
header li:nth-last-child(1) {
	margin-right:0;
}

.secHead {
	padding:30px 0;
}
.secHead h2{
	font-size: 30px;
	font-weight: bold;
	text-align:center;
	margin-bottom: 0.8em;
	
}
.secHead p{
	font-size:15px;
	text-align:center;
	line-height: 1.7;
}
.secCont {
	font-size:0;
}
.secCont .item {
	display:inline-block;
	vertical-align:top;
	width:33.3%;
}
.secCont .item h3 {
	font-size:26px;
	font-weight:bold;
	margin-bottom:1em;
	text-align:center;
}
.secCont .item p {
	font-size:14px;
	line-height:1.6;
	text-align:center;
}
.item img {
	width: 100%;
	height: auto;
}
.item .textBox {
	padding: 26px 0;

}

.secMenu ul {
	font-size:0;
}
.secMenu ul li {
	width:33.3%;
	display:inline-block;
}
.secMenu ul li .listImg {
	display:block;
	background-image: url("../img/coffee.png");
	background-color: red;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center center;
}
.secMenu ul li#brend-coffee .listImg {
	background-image: url("../img/coffee.png");
}
.secMenu ul li#coffee-latte .listImg {
	background-image: url("../img/cafe-latte.png");
}
.secMenu ul li#orange .listImg {
	background-image: url("../img/orange-juice.png");
}
.secMenu ul li#cream-puffs .listImg {
	background-image: url("../img/cream-puffs.png");
}
.secMenu ul li#croissant .listImg {
	background-image: url("../img/croissant.png");
}
.secMenu ul li#cake .listImg {
	background-image: url("../img/cake.png");
}
.secMenu ul li .listImg::before {
	content: "";
	display:block;
	padding-top: 100%;
}


.secMenu ul li .listTextBox{
	display:block;
	padding: 20px 0;
}

.secMenu ul li .listTextBox span {
	display:block;
	text-align:center;
}
.secMenu ul li .listTextBox .listName {
	font-size:26px;
	font-weight:bold;
	margin-bottom:1em;
}
.secMenu ul li .listTextBox .listDesc {
	font-size:16px;
	line-height: 2.0;
	margin-bottom: 1em;
}
.secMenu ul li .listTextBox .listPrice {
	font-size:22px;
	font-weight:bold;
}












