@charset "UTF-8";

/* ===============================
	style
=============================== */
section {
	margin-bottom:4em;
}

ul#time {
	width:1020px;
	margin:0 auto;
}

ul#time li {
	padding:0.5em 0 0.5em 2em;
	background-color:#e9e8e6;
	font-weight:600;
	color:#383322;
}

ul#time li:first-child {
	margin-bottom:2px;
}

.menu h2 {
	color:#FFFFFF;
	font-size: 2.2rem;
	line-height:2;
	text-align: left;
	padding-left:2em;
	margin-bottom:1em;
	background-color:#383322;
}

.menu h2 span {
	font-size: 1.8rem;
	margin-left:1em;
}

.menu ul {
	margin-top:2em;
}

.menu ul li {
	width:320px;
	margin-right:28px;
	margin-bottom:2em;
}

.menu ul li:nth-child(3n) {
	margin-right:0;
}

.menu ul li img {
	width:100%;
	border:solid 1px #a39f90;
	margin-bottom:0.5em;
}

.menu ul li p {
	font-size: 1.8rem;
	line-height:1.8;
	border-bottom:solid 1px #a39f90;
}

.menu ul li p.detail {
	font-size: 1.4rem;
	line-height:1.6;
	border-bottom:none;
	margin-top:1em;
}

ul.kome {
	width:1020px;
	margin:0 auto;
	border-top:solid 1px #c6c4bd;
	padding-top:3em;
}

/* ===============================
	PC / Tab Style
=============================== */
@media print , screen and (min-width: 481px) {	
	
	
}

/* ===============================
	Mobile Style
=============================== */
@media screen and (max-width: 480px) {
	
section {
	margin-bottom:2em;
}

ul#time {
	width:90%;
}

ul#time li {
	padding:0.5em 0 0.5em 1em;
}

.menu h2 {
	font-size: 1.4rem;
	line-height:2;
	padding-left:1em;
}

.menu h2 span {
	font-size: 1.2rem;
}

.menu ul {
	margin-top:2em;
}

.menu ul li {
	width:100%;
	margin-right:0;
	margin-bottom:2em;
}

.menu ul li img {
	width:100%;
}

.menu ul li p {
	font-size: 1.4rem;
	line-height:1.8;
}

.menu ul li p.detail {
	font-size: 1rem;
	line-height:1.6;
	margin-top:0.5em;
}

ul.kome {
	width:90%;
	margin:0 auto;
	padding-top:3em;
}
	
}