br {
    line-height: 0.5;
}
/************小さい見出し*********************/
.gift-subheading {
  display: table;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;

  padding: 4px 0 4px;
  margin: 14px 0 12px;

  color: #222222;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;

  /* PCでは折り返さない */
  white-space: nowrap;
  border: none;

  /* グリーン80％・グレー20％のライン */
  background: linear-gradient(
    to right,
    #A7E66B 0%,
    #A7E66B 80%,
    #E4E4E4 80%,
    #E4E4E4 100%
  ) left bottom / 100% 3px no-repeat;
}

/* ===== スマホ対応 ===== */
@media screen and (max-width: 767px) {
  .gift-subheading {
    display: block;
    width: fit-content;
    max-width: 100%;

    /* スマホでは自動で折り返す */
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/************〇〇はこちら*********************/
.marker-text {
  display: inline;
  font-size: 20px;
  font-weight: 700;
  line-height: 3.0;
  color: #1a3a5c;
  background: linear-gradient(transparent 65%, #eef7f3 65%);
  padding: 0 4px;
}

/*色下線、数値が低いほど太くなる*/
    .under1 {
      background: linear-gradient(transparent  50%, #AFF290  50%);
    }

/* ==========ハッシュタグ=============================== */
/* ハッシュタグリスト（ハッシュタグページに表示） */
.hashtags-list h3{
	font-size: 1.0rem;
	margin: .5rem 0 1rem;
}
.hashtags-list h3 .hashtag{
	margin: auto .5rem;
	padding: .25rem .5rem;
	border: 1px solid gray;
	background-color: #ffffff;	/*--背景色--*/
	color: #065FD4;		/*--文字カラー--*/
}
.hashtags-list ul{
	margin: 1rem 0 1rem 1rem;
}
.hashtags-list ul li{
	list-style-type: circle;
	margin: .5rem 0;
}
.hashtags-list ul li a{
	color: black;
}
.hashtags-list ul li a:hover{
	opacity: .5;
}

/* ハッシュタグ共通 */
.hashtag a{
	display: inline-block;
	padding: .25rem .5rem;
	border: 1px solid gray;
	font-size: 0.9rem;	/*--フォントサイズ--*/
	background-color: #ffffff;	/*--背景色--*/
	color: #065FD4;		/*--文字カラー--*/
}
.hashtag a:hover{
	opacity: .5;
	text-decoration: none;
}