@charset "UTF-8";

/*----------------------------------
タグ一覧
----------------------------------*/
.taglist-inner {
  width: 100%;
  max-width: 590px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 20px auto 13px;
}

.taglist-inner li {
  margin-right: 10px;
  margin-bottom: 15px;
}

.taglist-inner li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff0f3;
  box-sizing: border-box;
  color: #3D1919;
  font-weight: normal;
  height: 36px;
  padding: 0 15px 0;
  border-radius: 50px;
}
.taglist-inner li a:hover {
  opacity: 0.7;
}

/*----------------------------------
タグ個別ページ
----------------------------------*/

.tagtype-list {
  padding: 0 20px;
}

.tagtype-list-inner {
}

.tag-content-box {
  margin: 0 0 15px;
  display: flex;
  flex-flow: column-reverse;
  padding: 0 0 25px;
  border-bottom: solid 1px #5e3f44;
  color: #5e3f44;
}

.tag-date-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 5px;
  padding: 10px 0;
  color: #ff8dab;
  font-size: 1rem;
  font-weight: 600;
}

.tag-date {
  margin: 0 15px 0 0;
}

.tag-category {
  padding: 1px 18px 1px 30px;
  border: solid 1px #ff8dab;
  border-radius: 3px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.262%22%20height%3D%2210%22%20viewBox%3D%220%200%2010.262%2010%22%3E%20%3Cpath%20id%3D%22ic_volume_up_24px%22%20d%3D%22M3%2C6.52V9.94H5.28l2.851%2C2.851V3.669L5.28%2C6.52Zm7.7%2C1.71a2.566%2C2.566%2C0%2C0%2C0-1.425-2.3v4.59A2.551%2C2.551%2C0%2C0%2C0%2C10.7%2C8.23Zm-1.425-5V4.4a3.992%2C3.992%2C0%2C0%2C1%2C0%2C7.651V13.23a5.128%2C5.128%2C0%2C0%2C0%2C0-10Z%22%20transform%3D%22translate(-3%20-3.23)%22%20fill%3D%22%23F17074%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 17px center;
  color: #5e3f44;
  font-size: 1rem;
  font-weight: normal;
}

.tag-category a {
  color: #5e3f44;
}

.tag-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.tag-image {
  width: 47%;
  margin: 0 3% 0 0;
}

.tag-title {
  width: 50%;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7;
}

.tag-title a {
  color: #5e3f44;
}