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

.rinenBOX h3 {
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 28px;
	padding: 10px 20px;
  color: #fff;
  background: #fa7a91;
  -webkit-box-shadow: 5px 5px 0 #e66078;
  box-shadow: 5px 5px 0 #e66078;
	margin-bottom: 20px;
	border-radius: 8px;
}

.kekka {
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 20px;
	margin-top: 20px;
	font-weight: 500;
}
.marker {
  background:linear-gradient(transparent 50%, rgba(255, 222, 0) 50%);
  display: inline;

  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;

  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;

  /* マーカーが引かれる速度を指定 */
  transition:background-size 1.5s;
}

/* マーカーが引かれる際に付与するクラス */
.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}

.memberMG {
	margin-bottom: 20px;
}

.ribon {
	width: 250px;
	margin: auto;
	margin-top: -70px;
	margin-bottom: 10px;
}
.ribon img {
	width: 100%;
	height: auto;
}

.rinenBOX h4 {
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 30px;
	border-bottom: 2px dotted #312819;
	padding-bottom: 5px;
	margin-bottom: 10px;

}

.rinenBOX h5 {
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 24px;
	background: #b79b6c;
	color:#fff;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	margin: 25px 0 15px 0;
}

.messageBOX {
	font-family: "Noto Sans JP", sans-serif;
}

.messageBOX p {
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 2;
}
.messageBOX .name {
	font-size: 16px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	text-align: right;
}
.messageBOX .name span {
	font-size: 24px;

}


.priceBOX {
	display: flex;
	justify-content: space-between;
}
.priceBOX .item {
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 0 30px rgba(91,77,66,0.1);
	width: 32%;
	
}
.priceBOX .item h3 {
	background: #fa7a91;
	padding: 5px 15px;
	color:#fff;
	text-align: center;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom: 10px;
}
.priceBOX .item h4 {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	font-family: "Noto Sans JP", sans-serif;
	background: #f3f3f2;
	padding: 5px 15px;
	box-sizing: border-box;
	margin-top: 10px;
}
.priceBOX .item .hiyo {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	font-family: "Noto Sans JP", sans-serif;
}
.priceBOX .item .hiyo span {
	font-size: 16px;
}


.zei {
	font-size: 14px;
	text-align: right;
	font-weight: 600;
	margin-top: 10px;
}







@media screen and (max-width:834px) {
	
.rinenBOX h3 {
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	padding: 5px 20px;
  color: #fff;
  background: #fa7a91;
  -webkit-box-shadow: 5px 5px 0 #e66078;
  box-shadow: 5px 5px 0 #e66078;
	margin-bottom: 20px;
	border-radius: 5px;
}

.kekka {
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
	margin-top: 10px;
	font-weight: 500;
}
.marker {
  background:linear-gradient(transparent 50%, rgba(255, 222, 0) 50%);
  display: inline;

  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;

  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;

  /* マーカーが引かれる速度を指定 */
  transition:background-size 1.5s;
}

/* マーカーが引かれる際に付与するクラス */
.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}

.memberMG {
	margin-bottom: 20px;
}

.ribon {
	width: 150px;
	margin: auto;
	margin-top: -40px;
	margin-bottom: 0px;
}
.ribon img {
	width: 100%;
	height: auto;
}

.rinenBOX h4 {
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 18px;
	border-bottom: 2px dotted #312819;
	padding-bottom: 5px;
	margin-bottom: 10px;

}

.rinenBOX h5 {
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
	background: #b79b6c;
	color:#fff;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	margin: 15px 0 15px 0;
	line-height: 1.4;
}

.messageBOX {
	font-family: "Noto Sans JP", sans-serif;
}

.messageBOX p {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 2;
}
.messageBOX .name {
	font-size: 14px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	text-align: right;
}
.messageBOX .name span {
	font-size: 20px;

}


.priceBOX {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.priceBOX .item {
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 0 30px rgba(91,77,66,0.1);
	width: auto;
	margin-bottom: 15px;
	
}
.priceBOX .item h3 {
	background: #fa7a91;
	padding: 5px 15px;
	color:#fff;
	text-align: center;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 600;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom: 10px;
}
.priceBOX .item h4 {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	font-family: "Noto Sans JP", sans-serif;
	background: #f3f3f2;
	padding: 5px 15px;
	box-sizing: border-box;
	margin-top: 10px;
}
.priceBOX .item .hiyo {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	font-family: "Noto Sans JP", sans-serif;
}
.priceBOX .item .hiyo span {
	font-size: 16px;
}



	
}