:root {
  --main-color: #e4bd2a;
  --sub-color: #e4bd2a;
  --accent-color: #ff4967;
  --header-font-color: #000;
}

/********************************
hタグ
*********************************/

h2, h3 ,h4, h5, h6 {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 20px;
}

h2 {
  position: relative;
  font-weight: bold;
/*   background: rgba(288, 189, 42, 0.6); */
	background: var(--cat-trans-events);
  padding: 0em 1em 0em 1.7em;
  border-radius: 0 10px 10px 0;
}
h2::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.25rem;
  content: "\f001";
  display: inline-block;
  line-height: 30px;
  position: absolute;
  padding: 0em;
  color: white;
/*   background: var(--sub-color); */
	background: var(--cat-events);
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
}
h3 {
  position: relative;
  padding: 0.25em 1.25em;
}
h3::before {
  font-family: "Font Awesome 5 Free";
  content: "\f001";
  display: inline-block;
  line-height: 30px;
  position: absolute;
  padding: 0em;
  color: var(--accent-color);
  font-weight: 900;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
}
h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  height: 4px;
  width: 100%;
  background: -webkit-linear-gradient(to right, var(--main-color), var(--accent-color));
  background: linear-gradient(to right, var(--main-color), var(--accent-color));
}
h4 {
  position: relative;
  padding: 0.25em 0;
}
h4:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, var(--main-color), transparent);
  background: linear-gradient(to right, var(--main-color), transparent);
}
h5 {
  position: relative;
  padding: 0.25em 0;
}
h6 {
  position: relative;
  padding: 0.25em 0;
}
h5:after {
  content: "";
  display: block;
  height: 3px;
  background: -webkit-linear-gradient(to right, var(--main-color), transparent);
  background: linear-gradient(to right, var(--main-color), transparent);
}
h6:after {
  content: "";
  display: block;
  height: 2px;
  background: -webkit-linear-gradient(to right, var(--main-color), transparent);
  background: linear-gradient(to right, var(--main-color), transparent);
}

/* ボタン */

.vc_btn3.vc_btn3-size-md {
  font-size: 1rem !important;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
/*   background-color: var(--main-color) !important; */
	background: var(--cat-events) !important;
  color: #fff !important;
}

.button {
  display: inline-block;
  padding: 2em;
  height: 40px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: var(--accent-color);
  border: 2px solid var(--accent-color);
  color: #fff;
  line-height: 40px;
  overflow: hidden;
  transition: 0.5s;
  font-size: 1em;
  border-radius: 50px;
}

.button:hover {
  color: var(--accent-color);
  background-color: #fff;
}

.longurl {
  word-break: break-all;
}

/* インスタのタイトルの擬似要素削除 */
.sb_instagram_header h3::before {
  display: none;
}