@charset "UTF-8";
/* CSS Document */
/* =======================================

	 ヒーローイメージ

 ======================================= */
#hero {
	margin-bottom: 1rem;
}
/* =======================================

	 ページのトップに戻る

 ======================================= */

.rtt {
		width: 96%;
	margin-left: auto;
	margin-right: auto;

		margin-top: 1rem;
}
/* =======================================

	 コンテンツ1

 ======================================= */
#con1,#con2 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #cccccc;
	overflow: hidden;
}
#con2 {
		margin-top: 3rem;

}
#con2 h2 {
	margin-top: 2rem;
	font-size: 1.6rem;
}
#con2 h2 span {
		font-size: 1.2rem;
}
#con1 div.bg,#con2 div.bg {
	background-color: #E6E4CF;
	height: 3rem;
}
#con1 div.bg h1,#con2 div.bg h1 {
	line-height: 3rem;
	font-size: 1.6rem;
	text-indent: 5px;
}


#con1 #con1-1,#con1 #con1-2,#con1 #con1-3 {
	width: 94%;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
}
#con1 #con1-1 h2,#con1 #con1-2 h2 {
	font-size: 1.6rem;
	margin-bottom: 0.5rem;
}
#con1 #con1-1 hr {
	border-style: dotted;	
}
#con1 #con1-1 img {
	margin-top: 1rem;
}
#con1-2 ul#ordermenu {
	display: table;
	width: 100%;
	border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 1rem 1rem;  /* 左右 上下で記述 */
}
#con1-2 ul#ordermenu li {
	display: table-cell;
	width: 20%;
	height: 8rem;
	text-align: center;
	vertical-align: middle;
	font-size: 1.4rem;
	border: 1px solid #F7931E;
	background-color: #F8F7F0;
	}
	
	#con1 #con1-3 ul {
		margin-left: 3%;
		margin-bottom: 2rem;
	}
	#con1 #con1-3 ul li {
	list-style-type: disc;
	list-style-position: inside;
	}
	
/* =======================================

	 コンテンツ2テーブル

 ======================================= */
 #con2 #con2-1 {
	 width: 90%;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
 }
  #con2 #con2-1 img {
	  margin-bottom: 1rem;
  }

 #con2 div.left, #con2 div.right {
	 width: 48%
 }
 #con2 ul {
	display: table;
	width: 100%;
	border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 0 1rem;  /* 左右 上下で記述 */
 }
  #con2 ul li {
	  display: table-row;
	  height: 6rem;
  }
    #con2 ul li div {
	display: table-cell;
	border: 1px solid #F7931E;
	background-color: #fff;
	vertical-align: middle;	
	}
	#con2 ul li div:first-child {
	background-color: #FBB03B;
	width: 20%;
	text-align: center;
	}
	#con2 ul li div:last-child {
		padding-left: 1rem;
		width: 80%;
	}
#eve {
	margin-top: 1rem;
	margin-bottom: 2rem;
}
 #eve div.left,#eve div.right {
	 width: 50%;
 }
  /* #eve div.left:first-child  {
	 	 width: 35%;
 } */
#eve div p {
	line-height: 3rem;
}
 
 /* =======================================

	 バナー

 ======================================= */
.bana {
	margin-top: 3rem;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.bana a {
	display: block;
}
.bana a img {
	margin-top: 1rem;
}

/* =======================================

	ももの香プラス

 ======================================= */
div.ampm {
	text-align: center;
	width: 5.4rem;
	height: 1.6rem;
	background-color: #7AC943;
	border-radius: 0.5rem;
 }
 div.ampm p {
	color: #FFFFFF;
	line-height: 1.6rem;
	font-size: 1.2rem;
	font-weight: bold;
 }
 p+div.ampm {
	 margin-top: 1rem;
 }