/*
 * 【はじめに】
 * 最終的には可能な限り、コメントは削除してください。
 * ここに記載しているコメントもほぼ不要です(auPay start / ecd は必要)
 * 変数の使い方
 * $ec_dir ･･･ それぞれ各ECの絶対パス(現状)
 * $ec_id ･･･ それぞれ各ECのID(CSVで設定している分)
 *
 * 例：background-image: url($ec_dir + '/img/bn_main_background_sp.jpg');
 *
 * SCSSについて
 * 例：if制御
 *  @if $shop == 1 {
 * 		#pc_header.ac img {
 *			width: initial;
 *		}
 *	}
 *
 * 今分かっている問題
 * 1.rgb()について
 *   rgba()を利用してください。うまく変換されません
 */
/* auPayについては、figureタグ等利用できないタグがあり、変換して利用する事になる
 * その変換されたタグ用にCSSを設定する必要があるので、下記コメントタグを利用し、
 * 開始・終了で閉じる事
 * また、if制御を利用して切り替えると楽
 * @if $shop == 5 {
 *	.studless .recommend > h3 > img {
 *		width: 100%;
 *	}
 * } @else {
 *	.studless .recommend > div img {
 *		width: 100%;
 *	}
 * }
 */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
.hifly {
  background-color: #eaedf3;
  color: #505050;
  font-size: 16px; }

.hifly * {
  font-family: "Noto Sans JP", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

.hifly img {
  max-width: 100%;
  height: auto; }

.hifly header {
  background-color: #1e84c8;
  display: block;
  height: 140px; }

.hifly header {
  height: 165px; }

@media screen and (min-width: 768px) {
  .hifly header {
    height: auto; }
    .hifly header {
      height: auto; } }

.hifly header .bread_ec {
  width: 100%;
  background-color: #002162;
  color: #fff;
  font-size: 12px;
  padding: 0.7em 0.5em;
  line-height: 1; }

.hifly header .bread_ec > a {
  color: #fff;
  font-weight: 400;
  margin-right: 0.5em; }

.hifly header .bread_ec span {
  margin-right: 0.5em; }

.hifly header .bread_ec span span {
  margin-right: 0.5em; }

.hifly header h1 a {
  display: block;
  width: 150px;
  padding: 20px 10px; }

.hifly header h1 img {
  width: 100%;
  display: block; }

.hifly header nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px; }

.hifly header nav ul li {
  width: 50%; }

.hifly header nav ul li a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  background-color: #eaedf3;
  color: #002162;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 700;
  line-height: 1;
  padding: 0.8em 0;
  border: 1px solid #1e84c8; }

.hifly header nav ul li a:last-of-type {
  border-left: none; }

.hifly header nav ul li a:hover {
  background-color: #002162;
  cursor: pointer;
  color: #fff; }

@media screen and (min-width: 768px) {
  /* catch */
    .hifly header nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      max-width: 1024px;
      margin: 0 auto; }
    .hifly header nav ul {
      width: 360px;
      justify-content: space-between; }
    .hifly header nav ul li {
      margin: 15px 0 0;
      width: 48%; }
    .hifly header nav ul li a {
      font-size: 14px;
      padding: 1em 0;
      line-height: 2; } }

.hifly .catch {
  box-sizing: border-box;
  height: 450px;
  overflow: hidden;
  padding-top: 40px;
  position: relative; }

.hifly .catch.hf805 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_hf805.jpg") bottom calc(40%) center / cover no-repeat; }

.hifly .catch.hf820 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_hf820.jpg") bottom calc(40%) center / cover no-repeat; }

.hifly .catch.ehf501 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_ehf501.jpg") left calc(100%) center / cover no-repeat; }

.hifly .catch.hf201 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_hf201.jpg") top calc(100%) center / cover no-repeat; }

.hifly .catch.hp801 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_hp801.jpg") top calc(40%) center / cover no-repeat; }

.hifly .catch.hf902 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_hf902.jpg") top calc(100%) center / cover no-repeat; }

.hifly .catch.ht601 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_ht601.jpg") top calc(80%) center / cover no-repeat;
  /*
.hifly .catch.super2000 {
	background: url($ec_dir + '/img/sp_bg_super2000.jpg') top calc(80%) center / cover no-repeat;
}
*/ }

.hifly .catch.super2000 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_super2000.jpg") top calc(80%) center / cover no-repeat; }

.hifly .catch.at601 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_at601.jpg") top calc(45%) right / cover no-repeat; }

.hifly .catch.mt601 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_mt601.jpg") top calc(70%) center / cover no-repeat; }

.hifly .catch.winturi216 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_winturi216.jpg") bottom calc(65%) center / cover no-repeat; }

.hifly .catch.winturi212 {
  background: url("/asp/photo/auction/brand/hifly/img/sp_bg_winturi212.jpg") bottom calc(60%) center / cover no-repeat; }

.hifly .catch.hf805::before, .hifly .catch.hf820::before, .hifly .catch.winturi216::before, .hifly .catch.winturi212::before, .hifly .catch.at601::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 0; }

.hifly .catch h2 {
  font-size: clamp(10vw, 70px, 15vw);
  font-weight: 900;
  color: #fff;
  transform: skewX(-8deg);
  text-align: center;
  margin-bottom: 20px; }

.hifly .catch.ehf501 h2, .hifly .catch.hf201 h2, .hifly .catch.hp801 h2, .hifly .catch.hf902 h2, .hifly .catch.at601 h2, .hifly .catch.mt601 h2, .hifly .catch.ht601 h2 {
  filter: drop-shadow(1px 1px 2px #222); }

.hifly .catch.winturi216 h2, .hifly .catch.winturi212 h2 {
  filter: drop-shadow(1px 1px 2px #222);
  font-size: clamp(10vw, 60px, 13vw); }

.hifly .catch h2 small {
  display: block;
  font-size: 14px;
  font-weight: 600;
  filter: drop-shadow(1px 1px 10px #333);
  margin-bottom: 5px; }

.hifly .catch h2 .type {
  display: block;
  font-size: 12px;
  font-weight: 600;
  background-color: #daca6e;
  color: #000;
  text-align: center;
  display: block;
  width: 10em;
  margin: 0 auto 50px;
  transform: skewX(8deg); }

.hifly .catch img {
  position: absolute;
  left: 0;
  right: 0;
  height: 414px;
  margin: 0 auto;
  top: 285px; }

@media screen and (min-width: 768px) {
  /*
@media screen and (min-width: 1024px){
	.hifly .catch h2 {
		font-size: 70px;
		position: absolute;
		right: 300px;
    top: 70px;
		text-align: left;
		padding: 3vw 0 3vw 48vw;
	}

}*/
    .hifly .catch {
      overflow: visible;
      height: 34vw;
      max-width: 1024px;
      margin: 0 auto;
      max-height: 400px; }
    .hifly .catch.hf805 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_hf805.jpg") calc(30%) / cover no-repeat; }
    .hifly .catch.hf820 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_hf820.jpg") calc(30%) / cover no-repeat; }
    .hifly .catch.ehf501 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_ehf501.jpg") right calc(100%) center / cover no-repeat; }
    .hifly .catch.hf201 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_hf201.jpg") left calc(40%) / cover no-repeat; }
    .hifly .catch.hp801 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_hp801.jpg") top calc(40%) right calc(24%) / cover no-repeat; }
    .hifly .catch.hf902 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_hf902.jpg") calc(70%) / cover no-repeat; }
    .hifly .catch.ht601 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_ht601.jpg") top calc(40%) right calc(24%) / cover no-repeat; }
    .hifly .catch.super2000 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_super2000.jpg") top calc(40%) right calc(24%) / cover no-repeat; }
    .hifly .catch.at601 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_at601.jpg") calc(100%) / cover no-repeat; }
    .hifly .catch.mt601 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_mt601.jpg") top calc(40%) right calc(24%) / cover no-repeat; }
    .hifly .catch.winturi216 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_winturi216.jpg") top calc(40%) right calc(24%) / cover no-repeat; }
    .hifly .catch.winturi212 {
      background: url("/asp/photo/auction/brand/hifly/img/pc_bg_winturi212.jpg") top calc(40%) right calc(24%) / cover no-repeat; }
    .hifly .catch h2 {
      font-size: 70px;
      position: absolute;
      margin-left: calc(50% - 10px);
      top: 70px;
      text-align: left; }
    .hifly .catch.super2000 h2, .hifly .catch.winturi216 h2, .hifly .catch.winturi212 h2 {
      font-size: 55px; }
    .hifly .catch h2 small {
      margin-left: 0.8vw;
      font-size: 14px; }
    .hifly .catch h2 .type {
      margin-left: 1.2vw;
      font-size: 14px; }
    .hifly .catch img {
      right: 430px;
      margin: 0 auto;
      top: 70px;
      bottom: auto;
      height: 42vw;
      max-height: 400px;
      width: auto; } }

.hifly .gv_nav {
  padding: 20px 0; }

.hifly .gv_nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

.hifly .gv_nav ul li {
  width: 50%; }

.hifly .gv_nav ul li a {
  display: block;
  color: #fff;
  padding: 20px 0 50px;
  position: relative;
  text-align: center;
  font-size: 14px;
  font-weight: 700; }

.hifly .gv_nav ul li:first-of-type a {
  background-color: #d41a22; }

.hifly .gv_nav ul.menu2 li:last-of-type a {
  background-color: #1e84c8; }

.hifly .gv_nav ul li a::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 10px solid #fff;
  bottom: 10px; }

.hifly .gv_nav ul li a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: 6px; }

.hifly .gv_nav ul li a:hover {
  opacity: 0.75; }

@media screen and (min-width: 768px) {
  .hifly .gv_nav {
    padding: 20px 15px 10px 0px;
    max-width: 800px;
    margin: 0 auto; }

  .hifly .gv_nav ul {
    width: 49%;
    margin-left: auto; }

  .hifly .gv_nav ul li {
    width: 50%; }

  .hifly .gv_nav ul li a {
    padding: 30px 0 70px;
    font-size: 15px; }

  .hifly .gv_nav ul li a::before {
    bottom: 20px; }

  .hifly .gv_nav ul li a::after {
    bottom: 16px; } }

.hifly .product {
  margin: 10px 10px 0; }

.hifly .product .detail {
  margin: 15px 0 15px;
  display: grid;
  place-content: center;
  place-items: center; }

.hifly .product .detail .main {
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
  line-height: 24px; }

.hifly .product .detail .main span {
  display: block; }

.hifly .product .detail .sub {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 24px; }

.hifly .product .chart {
  max-width: 380px;
  padding-bottom: 20px;
  display: block;
  text-align: center; }

.hifly .product .chart ul li {
  background-color: #fff;
  max-width: 400px;
  padding: 4px 28px;
  margin: 5px 0;
  color: #3d3739;
  border-radius: 20px;
  font-size: 12px; }

.hifly .product .chart ul li img {
  padding: 3px 0 5px;
  width: 166px;
  float: left; }

.hifly .product .chart ul li b {
  text-align: center;
  display: inline-block;
  width: 110px;
  line-height: 20px;
  font-weight: 900; }

.hifly .product .chart small {
  font-size: 12px; }

.hifly .product .chart small:before {
  content: "※";
  margin-right: 5px; }

@media screen and (min-width: 768px) {
  /* ポジショニングマップ */
    .hifly .product {
      margin: 10px 15px 0; }
    .hifly .product .detail {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 800px;
      margin: 35px auto; }
    .hifly .product .detail .text {
      width: 50%;
      order: 2; }
    .hifly .product .detail .main {
      font-size: 22px;
      text-align: left;
      line-height: 30px; }
    .hifly .product .detail .sub {
      font-size: 14px;
      margin-bottom: 20px;
      line-height: 24px; }
    .hifly .product .chart {
      width: 45%; }
    .hifly .product .chart ul li {
      padding: 7px 16px;
      font-size: 15px; }
    .hifly .product .chart ul li img {
      width: 175px; } }

.hifly .map {
  margin-bottom: 70px; }

.hifly main h4 {
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 20px; }

.hifly .map .img_map {
  position: relative; }

.hifly .map .img_map img {
  display: block;
  z-index: 0; }

.hifly .map .img_map::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  animation: flash 1.5s ease-in-out infinite alternate;
  z-index: 1; }

@keyframes flash {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.hifly .map .img_map.hf805::after {
  background: url("/asp/photo/auction/brand/hifly/img/positioning_map_hf805.png") top center / cover no-repeat; }

.hifly .map .img_map.hf820::after {
  background: url("/asp/photo/auction/brand/hifly/img/positioning_map_hf820.png") top center / cover no-repeat; }

.hifly .map .img_map.ehf501::after {
  background: url("/asp/photo/auction/brand/hifly/img/positioning_map_ehf501.png") top center / cover no-repeat; }

.hifly .map .img_map.hf201::after {
  background: url("/asp/photo/auction/brand/hifly/img/positioning_map_hf201.png") top center / cover no-repeat; }

.hifly .map .img_map.hp801::after {
  background: url("/asp/photo/auction/brand/hifly/img/positioning_map_hp801.png") top center / cover no-repeat; }

.hifly .map .img_map.hf902::after {
  background: url("/asp/photo/auction/brand/hifly/img/positioning_map_hf902.png") top center / cover no-repeat; }

.hifly .map .img_map.ht601::after {
  background: url("/asp/photo/auction/brand/hifly/img/positioning_map_ht601.png") top center / cover no-repeat; }

.hifly .map .img_map.super2000::after {
  background: url("/asp/photo/auction/brand/hifly/img/positioning_map_super2000.png") top center / cover no-repeat; }

.hifly .map small {
  float: right;
  margin-top: 5px; }

@media screen and (min-width: 768px) {
  /* トレッドパターン詳細説明 */
    .hifly .map {
      margin: 0 auto 90px;
      max-width: 800px; }
    .hifly main h4 {
      font-size: 24px;
      line-height: 1.2; } }

.hifly .tread ul li {
  margin-bottom: 30px;
  border-bottom: 1px solid #999;
  position: relative; }

.hifly .tread ul li:last-of-type {
  border-bottom: none; }

.hifly .tread ul li:nth-of-type(1)::before {
  content: '1'; }

.hifly .tread ul li:nth-of-type(2)::before {
  content: '2'; }

.hifly .tread ul li:nth-of-type(3)::before {
  content: '3'; }

.hifly .tread ul li:nth-of-type(4)::before {
  content: '4'; }

.hifly .tread ul li:nth-of-type(5)::before {
  content: '5'; }

.hifly .tread ul li:nth-of-type(6)::before {
  content: '6'; }

.hifly .tread ul li::before {
  position: absolute;
  color: #fff;
  font-size: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e90a5e;
  display: grid;
  place-content: center;
  align-content: space-between; }

.hifly .tread ul li span {
  font-size: 14px;
  padding: 0 35px 20px;
  display: block;
  line-height: 24px; }

.hifly .tread .text_img div {
  height: 150px;
  overflow: hidden;
  margin-bottom: 60px; }

.hifly .tread .text_img div img {
  display: block;
  margin: 0 auto; }

@media screen and (min-width: 768px) {
  /* レビューセクション */
    .hifly .tread {
      max-width: 800px;
      margin: 0 auto 70px; }
    .hifly .tread h4 {
      margin-bottom: 40px; }
    .hifly .tread .text_img {
      overflow: hidden;
      position: relative; }
    .hifly .tread ul {
      width: 57%;
      margin: 0 auto 50px 0; }
    .hifly .tread .text_img div {
      width: 35%;
      position: absolute;
      height: auto;
      right: 10px;
      top: 0; } }

.hifly #review {
  background-color: #1e84c8;
  padding: 0;
  text-align: center;
  padding-top: 0px; }

.hifly #review div.wrap {
  padding: 0;
  padding-bottom: 10px; }

.hifly h3.hukidasi {
  display: block;
  position: absolute;
  margin: 0 auto;
  font-weight: normal;
  letter-spacing: 5px;
  text-align: center;
  z-index: 10;
  width: 100%;
  margin-top: -30px; }

.hifly h3.hukidasi span {
  display: inline-block;
  background: linear-gradient(90deg, #172d55, #2179ac);
  position: relative;
  color: #fff;
  padding: 20px 40px;
  border-radius: 30px;
  font-size: 14px;
  line-height: 14px; }

.hifly h3.hukidasi span:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute; }

.hifly #review h3.hukidasi span:after {
  bottom: -35px;
  left: calc(50% - 18px);
  border-color: #172d55 transparent transparent transparent;
  border-style: solid;
  border-width: 18px; }

.hifly #test_info h3.hukidasi span:after, .hifly #essn1_info h3.hukidasi span:after, .hifly #tp3step h3.hukidasi span:after {
  bottom: -16px;
  right: 25px;
  border-color: transparent transparent #f16 transparent;
  border-style: solid;
  border-width: 18px;
  transform: rotate(45deg); }

.hifly .review_wrap {
  max-width: 800px;
  height: 460px;
  overflow: auto;
  padding-top: 50px;
  margin: 0 auto; }

.hifly .review_wrap li {
  display: block;
  position: relative;
  margin: 10px; }

.hifly .review_wrap li:before {
  content: url("/asp/photo/auction/brand/hifly/img/review_customer_icon.png");
  display: block;
  position: absolute;
  left: 0;
  bottom: 0; }

.hifly .review_section {
  display: block;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px; }

.hifly .review_section h4 {
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 15px; }

.hifly .review_score strong small {
  font-size: 20px; }

.hifly .review_wrap p {
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  /*スクロールバー全体*/ }

.hifly .review_wrap::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(72, 89, 122, 0.5);
  /*スクロールバーの軌道*/ }

.hifly .review_wrap::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  /*スクロールバーの動く部分*/ }

.hifly .review_wrap::-webkit-scrollbar-thumb {
  background-color: rgba(23, 45, 85, .8);
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .3); }

.hifly .review_other {
  padding: 20px 15px 40px;
  margin: 0 auto;
  max-width: 840px; }

.hifly .review_other > div {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  margin: 0px auto; }

.hifly .review_other p {
  padding-bottom: 10px;
  font-size: 12px; }

.hifly .review_other a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background-color: #1c3055;
  font-size: 14px;
  line-height: 20px;
  max-width: 380px;
  padding: 10px 15px;
  display: block;
  margin: 0 auto;
  border-radius: 20px;
  letter-spacing: 2px;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.hifly .review_other a:hover {
  opacity: 0.75; }

@media screen and (min-width: 768px) {
  .hifly .review_section {
    margin-left: 80px; }

  .hifly .review_other {
    padding: 0;
    margin: 30px auto;
    max-width: 650px; } }

@media screen and (max-width: 767px) {
  /* TIRE SIZE LINEUP */
    .hifly .review_wrap li:before {
      content: ""; } }

.hifly #size_lineup {
  padding-bottom: 20px;
  text-align: center; }

.hifly #size_lineup h3 {
  background-color: #d41a22;
  padding: 25px 40px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  max-width: 100%;
  text-align: center;
  display: block;
  position: relative;
  margin: 0 auto 30px; }

.hifly #size_lineup table {
  font-weight: bold;
  width: 95%;
  margin: 0 auto;
  line-height: 1.8;
  border-collapse: collapse;
  font-size: 3vw;
  background-color: #fff; }

.hifly #size_lineup table tbody tr td {
  border: 1px solid #1e84c8; }

.hifly #size_lineup table .price a {
  color: #f00;
  text-decoration: underline;
  display: block;
  padding: 1.5em 0; }

.hifly .size_lineup table tbody {
  display: block;
  max-height: 25em;
  overflow-y: scroll;
  scrollbar-width: none; }

.hifly .size_lineup table tbody::-webkit-scrollbar {
  display: none; }

.hifly #size_lineup table thead th:nth-of-type(-n+2) {
  width: 5em;
  border-left: 1px solid #1e84c8; }

.hifly #size_lineup table thead th:nth-of-type(3) {
  width: 12em; }

.hifly #size_lineup table thead th:nth-of-type(4) {
  width: 9em;
  border-right: 1px solid #1e84c8; }

.hifly #size_lineup table thead th:nth-of-type(3) {
  border-right: 1px solid #1e84c8; }

.hifly #size_lineup table thead th {
  background-color: #1e84c8;
  color: #fff;
  font-weight: normal;
  border-right: 1px solid #fff;
  padding: 0.3em 0;
  border-top: 10px solid #1e84c8;
  border-bottom: 10px solid #1e84c8; }

.hifly #size_lineup table tbody .theader {
  background-color: #e3f1ff;
  width: 5em;
  text-align: center;
  font-weight: 700; }

.hifly #size_lineup table tbody .size {
  width: 14em; }

.hifly #size_lineup table tbody .size a {
  color: #000;
  padding: 1.5em 0;
  display: block;
  margin: 0 auto;
  text-decoration: underline; }

.hifly #size_lineup table tbody .size a:hover {
  background-color: #d41a22;
  cursor: pointer;
  color: #fff; }

@media screen and (min-width: 768px) {
  .hifly #size_lineup table {
    font-size: 1.8vw;
    width: 85%;
    line-height: 0.6; }

  .hifly #size_lineup table thead tr th br {
    display: none; }

  .hifly #size_lineup table thead th {
    padding: 1.3em 0; } }

@media screen and (min-width: 1024px) {
  /* IMPRESSION　 （202411.時点でWin-turi 216のみ）*/
    .hifly #size_lineup table {
      font-size: 16px;
      width: 800px; } }

.hifly .impression h3 {
  background-color: #d41a22;
  padding: 25px 40px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  max-width: 100%;
  text-align: center;
  display: block;
  position: relative;
  margin: 30px auto 15px; }

.hifly .impression .media {
  padding-bottom: 50px;
  margin: 10px 10px 0; }

.hifly .impression .by {
  font-size: 14px; }

.hifly .impression .channel {
  display: block;
  color: #fa0201;
  text-shadow: 1px 1px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 0px -1px 0px #000;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Oswald', 'Open Sans', 'Noto Sans JP', 'NotoSansCJKjp', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif; }

.hifly .impression div {
  display: block;
  text-align: center; }

.hifly .impression iframe {
  margin: 0 auto 10px;
  padding: 0;
  border: 3px solid #1e84c8;
  box-shadow: 1px 2px 3px #6f6f6f;
  width: 98%;
  height: 48vw; }

.hifly .impression p {
  font-size: 14px;
  text-align: left; }

@media screen and (min-width: 768px) {
  /* gallery　 （202411.時点でなし。今後ギャラリーセクション設置の場合に表示）
.hifly .gallery h3 {
	background-color: #d41a22;
	padding: 25px 40px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	max-width: 100%;
	text-align: center;
	display: block;
	position: relative;
	margin: 30px auto 15px;
}
.hifly .gallery img{
  display: block;
  max-width: 100%;
  height: auto;
}
.hifly .gallery ul{
  width: 97%;
  margin: 0 auto;
	max-width: 800px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hifly .gallery ul li:nth-of-type(n+2){
	margin-top: 3%;
}
.hifly .gallery ul li:nth-of-type(n+2){
	width: 48%;
	margin-top: 3%;
	cursor: pointer;
}
.hifly .gallery ul li:nth-of-type(n+2):hover{
	opacity: 0.7;
}


///// HIFLY_gallery_slick
/*
.hifly .gallery .slick-prev:before {
	content: '＜';
	color: #eaedf3;
	font-weight: 900;
	font-size: 5vw;
	transform: translate(-10px, -10px) scaleY(1.5);
	position: absolute;
}
.hifly .gallery .slick-next:before {
	content: '＞';
	color: #eaedf3;
	font-weight: 900;
	font-size: 5vw;
	transform: translate(-10px, -10px) scaleY(1.5);
	position: absolute;
}
.hifly .gallery .slick-num {
	color: #eaedf3;
	text-align: center;
  padding-top: 2vw;
}
*/
  /*
@media screen and (min-width: 768px) {
	.hifly .gallery div {
		position: relative;
		max-width: 1024px;
		margin: 0 auto;
	}
	.hifly .gallery .photo_gallery {
    margin: 50px auto;
	}
	.hifly .gallery ul {
    max-width: 800px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.hifly .gallery ul li:nth-of-type(n+2){
		width: 48%;
		margin-top: 3%;
		cursor: pointer;
	}
	.hifly .gallery ul li:nth-of-type(n+2):hover{
		opacity: 0.7;
	}
	/*
	.hifly .gallery .prev {
		color: #eaedf3;
		font-weight: 900;
		font-size: 3.6vw;
		position: absolute;
		left: 2.5%;
		top: 36%;
		cursor: pointer;
		transition: 0.3s;
	}
	.hifly .gallery .prev:hover {
		transform: translateX(-10px);
	}
	.hifly .gallery .next {
		color: #eaedf3;
		font-weight: 900;
		font-size: 3.6vw;
		position: absolute;
		right: 2.5%;
		top: 36%;
		cursor: pointer;
		transition: 0.3s;
	}	
	.hifly .gallery .next:hover {
		transform: translateX(10px);
	}
}*/
    .hifly .impression .media {
      margin: 10px auto;
      max-width: 800px; }
    .hifly .impression iframe {
      height: 435px; } }

.hifly footer .lineup_bt {
  padding: 30px 2.5%; }

.hifly footer .lineup_bt ul li a {
  display: block;
  color: #fff;
  background-color: #1e84c8;
  padding: 0.8em 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 3em;
  font-weight: 700;
  margin-bottom: 15px;
  transition: 0.3s; }

.hifly footer .lineup_bt ul li a:hover {
  background-color: #d41a22;
  cursor: pointer;
  color: #fff; }

.hifly footer .lineup_bt ul li a br.pc_ys {
  display: none; }

@media screen and (min-width: 768px) {
  .hifly footer .lineup_bt {
    padding: 30px 2.5%; }

  .hifly footer .lineup_bt ul {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .hifly footer .lineup_bt ul li {
    width: 25%;
    padding: 0 5px;
    margin: 50px auto 0px; } }

.hifly footer .partner {
  padding: 20px 0 10px; }

.hifly footer .partner a, .hifly footer .partner span {
  display: block;
  text-align: center;
  margin: 0 auto 20px; }

.hifly footer .partner a:nth-of-type(1) img {
  width: 270px; }

.hifly footer .partner span img {
  width: 80px; }

.hifly footer .partner a:nth-of-type(2) img {
  width: 280px; }

@media screen and (min-width: 768px) {
  .hifly footer .partner {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    margin: 35px auto; }

  .hifly footer .partner a, .hifly footer .partner span {
    display: inline; } }

.hifly footer nav {
  background-color: #1e84c8; }

.hifly footer .footer nav:last-of-type {
  max-width: 960px;
  margin: 0 auto; }

.hifly footer nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 30px 2.5%; }

.hifly footer nav ul li a {
  color: #fff;
  font-size: 12px;
  display: block;
  margin: 1em;
  font-weight: 400; }

.hifly footer nav ul li a:hover {
  color: #d41a22;
  transition: 0.3s; }

.hifly address {
  background-color: #1e84c8;
  color: #fff;
  font-style: normal;
  font-size: 12px;
  line-height: 50px;
  text-align: center; }

.hifly #pagetop {
  position: fixed;
  right: 10px;
  bottom: 20px;
  background-color: #000;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  font-weight: 900;
  font-size: 12px;
  box-sizing: border-box;
  padding-bottom: 5px;
  z-index: 100; }

.hifly #pagetop .arrow {
  font-size: 30px; }

.hifly #pagetop div {
  width: 100%;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  transform: scaleX(0.9);
  font-size: 12px; }

.hifly .modal_area {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
  width: 100%;
  overflow: hidden; }

.hifly .modal_area::before {
  content: '×';
  position: absolute;
  color: #fff;
  font-weight: 900;
  font-size: 20px;
  right: 20px;
  top: 20px; }

.hifly .modal_area div {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  overflow-x: scroll; }

.hifly .modal_area img {
  width: 200%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
  display: block; }