@charset "utf-8";

@import "base.css";
@import url("textconversion.css"); /* 抜くとヘッダー崩れる */
@import "timeline.css";

/* video-counseling */

.block{
  display: block;
}

/* line友達追加ボタン */
a.line__btn{
  background: #00b833;
  border-radius: 7px;
  color: #fff;
  display: table;
  margin: 30px auto;
  padding: 20px 20px 20px 50px; /* !DONT TOUCH! LINE ロゴ使用ガイドラインから変更不可 ref:https://line.me/ja/logo */
  position: relative;
  text-decoration: none;
  -webkit-transition: .2s; transition: .2s;
}

a.line__btn::before{
  background-image: url(../images/video-counseling/line_logo.png);
  background-size: cover; /* !DONT TOUCH! LINE ロゴ使用ガイドラインから変更不可(20px以下禁止) */
  bottom: 0;
  content: "";
  height: 20px; /* !DONT TOUCH! LINE ロゴ使用ガイドラインから変更不可(20px以下禁止) */
  left: 10px; /* !DONT TOUCH! LINE ロゴ使用ガイドラインから変更不可(右側に20px以上の余白) */
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px; /* !DONT TOUCH! LINE ロゴ使用ガイドラインから変更不可(20px以下禁止) */
}

a.line__counseling-btn{
  background: #79caf7;
  border-radius: 3px;
  color: #fff;
  display: table;
  font-size: 2em;
  margin: 30px auto;
  padding: 1em;
  text-decoration: none;
  -webkit-transition: .2s; transition: .2s;
}

a.line__counseling-btn::after{
  content: "▶︎";
  font-weight: bold;
}

a.line__btn:hover,a.line__counseling-btn:hover{
  opacity: .8;
}