@charset "UTF-8";

html {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-size: .705vw;
  height: 100%;
}

body {
  color: #000;
  background-color: #fff;
  font-family: 'Noto Sans JP',
    sans-serif,
    'Hiragino Kaku Gothic ProN',
    'ヒラギノ角ゴ ProN W3',
    'Helvetica Neue',
    Arial,
    'Hiragino Sans',
    'Meiryo';
  letter-spacing: 0.05em;
  line-height: 1.5;
}

a {
  text-decoration: none;
  color: #333;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
}

.el_bg_pk {
  background-color: #E61E82;
}

.el_bg_wt {
  background-color: #fff;
}

.el_bg_or {
  background-color: #ff8800;
}

.el_bg_bk {
  background-color: #000;
}

.el_bg_dg {
  background-color: #252525;
}

.el_bg_plbl {
  background-image: linear-gradient(90deg, #801174, #1c3188);
}

.el_pk {
  color: #E61E82;
}

.el_gy {
  color: #707070;
}

.el_wt {
  color: #fff;
}

.el_arrow {
  margin-left: 10px;
}

.el_inner {
  padding: 0 20px;
}

/* レスポンシブ */
.el_pc {
  display: block;
}

.el_sp {
  display: none;
}

/* 文字の3点リーダー */
.el_one_line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.el_two_lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.el_three_lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.el_caution_msg {
  font-size: 14px;
}

/* タブ切り替え */
/* タブ */
.el_tabList {
  display: flex;
  text-align: center;
  margin-bottom: 15px;
}

.el_tabItem {
  width: 50%;
  font-size: 13.5px;
  color: #707070;
  padding: 10px 0;
  background: #DCDCDC;
  cursor: pointer;
}

.el_tabItem:first-child {
  border-radius: 8px 0 0 8px;
}

.el_tabItem:last-child {
  border-radius: 0 8px 8px 0;
}

.el_tabItem.active {
  color: #fff;
  background: #E61E82;
}

.el_tabContents {
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.el_tabContents.active {
  visibility: visible;
  opacity: 1;
  height: auto;
}

/* セレクトボックス */
.el_select_wrap {
  position: relative;
}

.el_select {
  width: 100%;
  padding: 10px 40px 10px 12px;
  font-size: 15px;
  color: #000;
  border: 1px solid #707070;
  border-radius: 6px;
  background-color: #fff;
  appearance: none;
  cursor: pointer;
}

/* 右側の背景（グレーの箱） */
.el_select_wrap::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 100%;
  background-color: #707070;
  border-radius: 0 6px 6px 0;
}

/* 右側の矢印 */
.el_select_wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}

/* フォーカス時 */
.el_select:focus {
  outline: none;
}

/* 横長の楕円形ボタン */
.el_ovalBtnWrap {
  text-align: center;
  margin-bottom: 50px;
}

.el_ovalBtn {
  display: block;
  font-size: 15px;
  width: 240px;
  margin: 0 auto;
  text-align: center;

  border-radius: 100vh;
  padding: 10px;
}

/* 動画のリスト表示 */
.el_video_item:not(:last-child) {
  margin-bottom: 10px;
  border-bottom: 1px solid #707070;
}

.el_video_item_link {
  display: flex;
  margin-bottom: 10px;
}

.el_video_item_link_img {
  max-width: 180px;
  border-radius: 5px;
  display: block;
  width: 100%;
  overflow: hidden;
  margin-right: 8px;
}

.el_video_item_link_img img {
  width: 100%;
  height: auto;
  display: block;
}

.el_video_item_link_head {
  font-size: 12px;
  color: #707070;
  margin-bottom: 3px;
}

.el_video_item_link_txtWrap {
  width: calc(100% - 200px);
  padding-right: 10px;
}

.el_video_item_link_txt {
  font-size: 15px;
  color: #fff;
}

.el_video_item_link_arrowWrap {
  display: flex;
  align-items: center;
}

/* AIマッチング */
.el_ac_border_l {
  border-left: 5px solid #e61e82;
  padding-left: 15px;
}

.el_video_head {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
}

/* 動画検索 */
.el_videoSearch_top {
  padding-top: 20px;
  margin-bottom: 30px;
}

.el_videoSearch_inputWrap {
  position: relative;
}

.el_videoSearch_input_btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  padding: 10px;
  cursor: pointer;
}

.el_videoSearch_input {
  font-size: 17px;
  width: 100%;
  border-radius: 5px;
  padding: 10px 40px 10px 10px;
  background: #fff;
  color: #000;
  border: 1px solid #404040;
}

.el_videoSearch_link {
  display: block;
  padding: 10px 0;
  border: 1px solid #404040;
  border-radius: 8px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  margin-bottom: 15px;
}

/* カード型動画一覧 */
.el_videoCard_item {
  display: block;
  margin-bottom: 20px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #404040;
}

.el_videoCard_item_link {
  display: block;
}

.el_videoCard_item_link_img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.el_videoCard_item_link_img img {
  width: 100%;
  height: auto;
  display: block;
}

.el_videoCard_item_link_txtWrap {
  padding: 15px 15px;
}

.el_videoCard_item_link_ttl {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.3;
  letter-spacing: normal;
}

.el_videoCard_item_link_txt {
  font-size: 13px;
  color: #fff;
  margin-bottom: 8px;
}

/* 来店情報タグの背景色 */
.bg-color-hokkaido {
  background: #5a96ff;
}

.bg-color-kanto {
  background: #009696;
}

.bg-color-hokuriku {
  background: #ff9600;
}

.bg-color-tokai {
  background: #ff00c8;
}

.bg-color-kansai {
  background: #ff3200;
}

.bg-color-chugoku {
  background: #00c800;
}

.bg-color-kyushu {
  background: #b400ff;
}

@media screen and (max-width: 500px) {

  /* レスポンシブ */
  .el_pc {
    display: none;
  }

  .el_sp {
    display: block;
  }

  .el_inner {
    padding: 0 5%;
  }

  /* タブ切り替え */
  .el_topContent_head_txt {
    font-size: min(26px, 9.5rem);
  }

  .el_tabItem {
    font-size: min(12.5px, 5rem);
    padding: min(10px, 3rem) 0;
  }

  .el_swipeSlider {
    margin-bottom: min(50px, 15rem);
  }

  .el_swipeSlider_content {
    margin-left: 5%;
  }

  .el_swipeSlider_content_link_ttl {
    font-size: min(16px, 6.7rem);
    min-height: min(16px, 6.7rem);
  }

  /* 動画 */
  .el_video_item_link_img {
    width: 50%;
  }

  .el_video_item_link_txtWrap {
    width: 45%;
  }

  .el_video_item_link_head {
    font-size: 11px;
  }

  .el_video_item_link_txt {
    font-size: 13px;
  }

  .el_video_item_link_arrowWrap {
    width: 7px;
  }

  .el_ovalBtn {
    font-size: min(15px, 5.5rem);
  }

  .el_select {
    padding: 8px 40px 8px 12px;
    font-size: 14px;
  }

  .el_ac_border_l {
    border-left: 4px solid #e61e82;
    padding-left: 10px;
  }

  .el_video_head {
    font-size: min(22px, 7.5rem);
    margin-bottom: min(20px, 7rem);
  }

  .el_videoSearch_input {
    font-size: 15px;
    padding: 8px 40px 8px 8px;
    background: #fff;
    color: #000;
    border: 1px solid #404040;
  }

  .el_videoSearch_input_btn {
    right: 5px;
    padding: 8px;
  }

  .el_videoSearch_link {
    padding: 8px 0;
  }

  .el_videoCard_item_link_txtWrap {
    padding: 3%;
  }

  .el_videoCard_item_link_ttl {
    margin-bottom: 8px;
  }
}