/*サイドバー用リボン型ピンク*/

.ribbon3 {
  display: inline-block;
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 7px 0;
  font-size: 24px;
	background: #f57a78;
  color: #fff;
  box-sizing: border-box;
}

.ribbon3 h3 {
  margin: 0;
  padding: 0 40px;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
  line-height: 42px;
	background: none;
}

.ribbon3:before, .ribbon3:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon3:before {
  /*左の山形*/
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon3:after {
  /*右の山形*/
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}


/*サイドバー用リボン型の黄緑*/
.ribbon4 {
  display: inline-block;
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 7px 0;
  font-size: 18px;
  background: #ffc668;
  color: #fff;
  box-sizing: border-box;
}

.ribbon4 span {
  margin: 0;
  padding: 0 40px;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
  line-height: 42px;
}

.ribbon4:before, .ribbon4:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon4:before {
  /*左の山形*/
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon4:after {
  /*右の山形*/
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}


/*見出し用リボン型ピンク*/
.ribbon1 {
  display: inline-block;
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 7px 0;
  font-size: 18px;
  background: #f57a78;
  color: #fff;
  box-sizing: border-box;
}

.ribbon1 h2 {
  margin: 0;
  padding: 0 50px;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
  line-height: 42px;
}

.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon1:before {
  /*左の山形*/
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon1:after {
  /*右の山形*/
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}


/*見出し用リボン型の黄緑*/
.ribbon2 {
  display: inline-block;
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 7px 0;
  font-size: 18px;
  background: #ffc668;
  color: #fff;
  box-sizing: border-box;
}

.ribbon2 h2 {
  margin: 0;
  padding: 0 50px;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
  line-height: 42px;
}

.ribbon2:before, .ribbon2:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon2:before {
  /*左の山形*/
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon2:after {
  /*右の山形*/
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}



/*ポイント黄色内ラベル*/
.point-y {
	position: relative;
	margin: 2em 0;
	padding: 25px 10px 7px;
	border: solid 2px #ffc107;
}
.point-y .y-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
	background: #ffc107;
	color: #ffffff;
	font-weight: bold;
}
.point-y p{
	margin: 0;
	padding: 0;
}
/*ポイント赤内ラベル*/
.point-r {
	position: relative;
	margin: 2em 0;
	padding: 25px 10px 7px;
	border: solid 2px #e60033;
}
.point-r .r-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
	background: #e60033;
	color: #ffffff;
	font-weight: bold;
}
.point-r p{
	margin: 0;
	padding: 0;
}
/*ポイント緑上ラベル*/
.point-g {
	position: relative;
	margin: 2em 0;
	padding: 0.5em 1em;
	border: solid 3px #3eb370;
}
.point-g .g-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
	background: #3eb370;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}
.point-g p{
	margin: 0;
	padding: 0;
}
/*ポイント青上ラベル*/
.point-b {
	position: relative;
	margin: 2em 0;
	padding: 0.5em 1em;
	border: solid 3px #0095d9;
}
.point-b .b-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
	background: #0095d9;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}
.point-b p{
	margin: 0;
	padding: 0;
}
/*見出し紺色*/

.box3 {
  text-align: center;
	font-size: 30px;
	color: #ffffff;
	background-color: #11004c;
	border-top:15px solid #11004c;
	border-bottom: 11px solid #11004c;
	margin-top: 24px;
	margin-bottom: 7px;
	font-weight: bold;
}