@charset "utf-8";
/*
  Theme Name:   激落ちくん
  Description:  激落ちくん オフィシャルサイト用テーマテンプレート
*/

/* ==================================
*
目次

# ベーススタイル

# 全ページ共通パーツのスタイル
##サイトヘッダー
##パンクズナビゲーション
##サイト下部 CTAセクション
##サイト下部 その他のLECブランド
##サイトフッター
##固定ページ タイトルヘッダー

# 必要に応じて使い回すモジュールのスタイル
##ページネーション 
##カード
##リンクボタン
##セクションタイトル 
##モーダル

# 各種ページ独自のスタイル（※ブランドページのみ、brands.cssに記載）
##トップページ
##コラム詳細ページ
##商品詳細ページ
##サイトマップページ
##404ページ

# 調整用 ユーティリティクラス

*
================================== */


/* ==================================
*
  ベーススタイル
*
================================== */


html {
  font-size: 62.5%;
}

body {
  overflow-x: hidden;
  width: 100%;
  font-size: 1.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  padding: 0;
  margin: 0;
}

.font-en {
  font-family: 'Montserrat', sans-serif;
}

img {
    vertical-align: middle;
    width: auto;
}

.inner_g {
/*  max-width: 1200px;*/
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1%;
  margin: auto;
  position: relative;
  width: 90%;
}

.inner_m {
    /* max-width: 1200px; */
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 3%;
    margin: auto;
    position: relative;
    width: 90%;
}

.inner_b {
    /* max-width: 1200px; */
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 1%;
    margin: auto;
    /* position: relative; */
    width: 90%;
}

.inner_gt {
    /* max-width: 1200px; */
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 1%;
    margin: auto;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 1.3rem;
  }

  .inner_g {
    width: 100%;
    padding: 0;
  }
    
      .inner_gt {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

 .inner_b {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

 .inner_k {
    margin: auto;
    position: relative;
    width: 100%;
 }
    
}



@media screen and (max-width: 991px) {
  body {
    font-size: 1.3rem;
  }

  .inner_k {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }


.inner_m {
    /* max-width: 1200px; */
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 3%;
    margin: auto;
    position: relative;
    width: 90%;
}
}

/* ==================================
*
  全ページ共通パーツ
*
================================== */

/*サイトヘッダー
================================== */

.headerBg::after {
  content: "";
  visibility: hidden;
  opacity: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
  transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
}

.headerBg.is-active::after {
  content: "";
  opacity: 1;
  visibility: visible;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.headerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.siteLogo {
  width: 100px;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.gnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
}

.gnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gnav__listLink {
  display: block;
  padding: 28px 22px;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.gnav__listLink:hover {
  background-color: #f1f5f6;
}

.spNav,
.hamburgerBtn {
  display: none;
}

.dropDownBtn {
  position: relative;
}

.dropDownBtn::after {
  content: "";
  display: inline-block;
  position: relative;
  right: -14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

.dropDown {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  left: 0;
  width: 100%;
  background-color: #f1f5f6;
  -webkit-transform: translateY(-3%);
  transform: translateY(-3%);
  pointer-events: none;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.dropDownCont {
  padding: 50px;
}

.dropDown__title {
  padding: 0 0 30px 44px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #43c0f6;
}

.dropDown__list {
  width: 100%;
}

.dropDown__listItem {
  display: inline-block;
  width: 49%;
  padding: 0 40px;
  color: #43c0f6;
}

.dropDown__listLink {
  display: block;
  position: relative;
  margin-bottom: 6px;
  padding: 20px;
  border-radius: 5px;
  border: 2px solid #43c0f6;
  background-color: #fff;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.dropDown__listLink::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -4.5px;
  border-bottom: 2px solid #43c0f6;
  border-left: 2px solid #43c0f6;
  -webkit-transform: rotate(deg) translateY(-50%);
  transform: rotate(225deg) translateY(-50%);
}

.dropDown__listLink:hover {
  background-color: #43c0f6;
  color: #fff;
  -webkit-transform: scale(.96);
  transform: scale(.96);
}

.dropDown__listLink:hover::after {
  border-color: #fff;
  -webkit-animation: arrowNext 0.4s cubic-bezier(.165, .84, .44, 1) 1 normal;
  animation: arrowNext 0.4s cubic-bezier(.165, .84, .44, 1) 1 normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.gnav__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
}

.gnav__snsIcon {
  width: 20px;
}

.gnav__snsLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  padding: 0 8px;
  -webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.2, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.gnav__snsLink:hover {
  opacity: 0.4;
}

/* ドロップダウンメニュー アクティブ時 */

.dropDown.is-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  pointer-events: auto;
}

/*SP ナビゲーション
================================== */

@media screen and (max-width: 991px) {
  .gnav {
    display: none;
  }

  .hamburgerBtn {
    display: inline-block;
    position: relative;
    z-index: 11;
    width: 28px;
    height: 60px;
    cursor: pointer;
  }

  .hamburgerBtn::before {
    content: attr(data-menuOpen);
    position: absolute;
    left: 6px;
    top: 8px;
    -webkit-transform: scale(0.6) translateX(-50%);
    transform: scale(0.6) translateX(-50%);
  }

  .hamburgerBtn__line {
    display: block;
    position: absolute;
    right: 0;
    width: 28px;
    height: 2px;
    border-radius: 2px;
    background: #000;
    -webkit-transition: all 0.4s 0.3s cubic-bezier(.165, .84, .44, 1);
    transition: all 0.4s 0.3s cubic-bezier(.165, .84, .44, 1);
  }

  .hamburgerBtn__line.first {
    top: 28px;
  }

  .hamburgerBtn__line.second {
    top: 36px;
  }

  .hamburgerBtn__bgCircle {
    display: inline-block;
    visibility: hidden;
    position: fixed;
    top: 15px;
    right: 16px;
    width: 32px;
    height: 32px;
    border-radius: 30px;
    background-color: #43c0f6;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  }

  .spNav {
    display: block;
    overflow-y: auto;
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 80px 0 40px;
    background-color: #fff;
    -webkit-transform: translateY(-100%);
    transform: translateY(100%);
    -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  }

  .spNav__list {
    margin-bottom: 20px;
  }

  .spNav__listItem {
    border-top: 2px dashed #f1f5f6;
  }

  .spNav__listItem:last-child {
    border-bottom: 2px dashed #f1f5f6;
  }

  .spNav__listLink {
    display: block;
    position: relative;
    padding: 16px 0 16px 8px;
    font-weight: bold;
  }

  .spNav__listLink:not(.spDropDownBtn)::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -4.5px;
    border-bottom: 2px solid #43c0f6;
    border-left: 2px solid #43c0f6;
    -webkit-transform: rotate(225deg) translateY(-50%);
    transform: rotate(225deg) translateY(-50%);
  }

  .spNav__subList {
    margin: 40px 0;
    padding-left: 8px;
  }

  .spNav__subListItem {
    opacity: 0.6;
    margin: 12px 0;
    font-weight: bold;
  }

  .spNav__sns {
    padding-left: 8px;
  }

  .spNav__snsLink {
    margin-right: 16px;
  }

  /* SP版 ドロップダウンメニュー*/

  .spDropDownBtn {
    cursor: pointer;
  }

  .spDropDownList__listLink {
    display: block;
    overflow: hidden;
    opacity: 0;
    position: relative;
    height: 0;
    padding: 0 0 0 8px;
    background-color: rgba(67, 192, 246, 0.1);
    border-top: 0px solid #000;
    -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  }

  .spNav__listLink.spDropDownBtn::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background-image: url(assets/img/common/icon_toggle-plus.svg);
    background-size: contain;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  }

  .spNav__listLink.spDropDownBtn.is-open {
    background-color: #43c0f6;
    color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  }

  .spNav__listLink.spDropDownBtn.is-open::after {
    background-image: url(assets/img/common/icon_toggle-minus.svg);
  }

  .spDropDownList.is-open .spDropDownList__listLink {
    overflow: visible;
    opacity: 1;
    position: relative;
    height: auto;
    padding: 16px 0 16px 8px;
    -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  }

  /* SPメニュー アクティブ時 */

  .spNav.is-open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  .hamburgerBtn.is-open::before {
    content: none;
  }

  .hamburgerBtn.is-open .hamburgerBtn__line {
    width: 20px;
    background-color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  }

  .hamburgerBtn.is-open .hamburgerBtn__line.first {
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translate(-2px, 2px) rotate(45deg);
  }

  .hamburgerBtn.is-open .hamburgerBtn__line.second {
    -webkit-transform: translateY(-1px) rotate(135deg);
    transform: translate(-2px, -6px) rotate(135deg);
  }

  .hamburgerBtn.is-open .hamburgerBtn__bgCircle {
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  }
}

@media screen and (max-width: 991px) {
  .spNav__listLink {
    font-size: 1.4rem;
  }
}

/* パンクズナビゲーション
================================== */

.breadcrumb {
  padding: 12px 0;
  white-space: nowrap;
  overflow-x: auto;
  background-color: #f1f5f6;
  font-size: 1.2rem;
}

.breadcrumb__item {
  margin: 0 8px;
}

.breadcrumb .current-item {
  margin-left: 8px;
}

/*サイト下部 CTAセクション
================================== */

.ctaSection {
  position: relative;
  background-image: url(https://lecinc.itembox.design/item/html/motegi_lp/img/bg_dots-b.png);
  background-color: #fff;
}

.ctaSectionBg {
  height: 250px;
  background-image: url(https://lecinc.itembox.design/item/html/gekiochi_lp/img/bg_footer-cta.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}

.ctaBg {
  padding: 50px;
  position: relative;
  top: -80px;
  background-color: #d2f1fc;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  text-align: center;
}

.ctaSection__title {
  display: inline-block;
  position: relative;
  margin-bottom: 24px;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}

.ctaSection__title::after {
  content: "";
  display: inline-block;
  background: #000;
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: -8px;
  left: 0;
}

.ctaSection__txt {
  margin-bottom: 30px;
  font-size: 1.6rem;
  font-weight: bold;
}

.ctaSection__ctaBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

.ctaSection__btn {
  display: inline-block;
  position: relative;
  width: 31.52%;
  margin-bottom: 28px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.ctaSection__btn::after {
  content: "";
  display: block;
  position: absolute;
  right: 5%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin-top: -14px;
  background-image: url(assets/img/common/icon_cart-b.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.ctaSection__btnImg {
  position :relative;
  left: -12px;
  height: 32px;
}

/*.ctaSection__btn.btn-amazon {
  background-color: #3b4f67;
  border-color: #3b4f67;
}

.ctaSection__btn.btn-rakuten {
  background-color: #c03724;
  border-color: #c03724;
}

.ctaSection__btn.btn-paypay {
  background-color: #c0a146;
  border-color: #c0a146;
}

.ctaSection__btn.btn-aupay {
  background-color: #e5532d;
  border-color: #e5532d;
}*/

.ctaSection__btn:hover {
  -webkit-transform: scale(.96);
  transform: scale(.96);
}

@media screen and (max-width: 991px) {
  .ctaSection__title {
    font-size: 2.4rem;
  }

  .ctaSection__txt {
    font-size: 1.5rem;
  }

  .ctaSection__btn {
    margin-bottom: 20px;
    padding: 14px 20px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 900px) {
  .ctaSection__btn {
    width: 48.64%;
  }

  .ctaSection__btn:nth-of-type(1) {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .ctaBg {
    padding: 50px 5%;
  }

  .ctaSectionBg {
    height: 180px;
  }
}

@media screen and (max-width: 481px) {
  .ctaSection__ctaBtnWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ctaSection__btn {
    width: 100%;
  }
}

/*その他のLECブランドセクション
================================== */

.lecBrandSection {
  padding: 50px 0 60px;
  background-color: #d2f1fc;
}

.lecBrandSection__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lecBrandSection__link {
  display: inline-block;
  position: relative;
  width: 31.52%;
  margin-bottom: 28px;
  border-radius: 10px;
}

.lecBrandSection__link::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 16px;
  height: 16px;
  background-image: url(assets/img/common/icon_external-link.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.lecBrandSection__linkTxt {
  padding: 10px;
  font-size: 1.2rem;
  font-weight: bold;
}

.lecBrandSection__title {
  margin-bottom: 12px;
  font-size: 2.8rem;
  font-weight: bold;
}

.lecBrandSection__exp {
  display: inline-block;
  position: relative;
  margin-bottom: 40px;
  font-size: 1.2rem;
}

.lecBrandSection__scrollArrow {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 60px;
  height: 1px;
  position: absolute;
  right: -80px;
  top: 50%;
  background-color: transparent;
}

.lecBrandSection__scrollArrow::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #000;
  -webkit-animation: scroll 2s cubic-bezier(.165, .84, .44, 1) 0s infinite normal;
  animation: scroll 2s cubic-bezier(.165, .84, .44, 1) 0s infinite normal;
}

@-webkit-keyframes scroll {
  0% {
    width: 0;
  }

  50% {
    width: 60px;
    margin-left: 0;
  }

  100% {
    width: 60px;
    margin-left: 60px;
  }
}

@keyframes scroll {
  0% {
    width: 0;
  }

  50% {
    width: 60px;
    margin-left: 0;
  }

  100% {
    width: 60px;
    margin-left: 60px;
  }
}

.lecBrandSection__img {
  position: relative;
  width: 100%;
  border-radius: 10px;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.lecBrandSection__img:hover {
  -webkit-transform: scale(.96);
  transform: scale(.96);
}

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

  .lecBrandSection__title {
    font-size: 2.4rem;
  }

  .lecBrandSection__exp {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 991px) {
  .lecBrandSection__link {
    width: 48.64%;
  }
}

@media screen and (max-width: 481px) {
  .lecBrandSection__link {
    width: 100%;
    margin-bottom: 20px;
  }
}





/* スライドショー
================================== */

 /*=== slider　画像の表示エリア ================================= */
.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 300px;
  height     : 300px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
/*  opacity    : 0;*/
  animation  : slideAnime 20s ease infinite;
}
 




/* サイトフッター
================================== */

.footer {
  position: relative;
  background-color: #fff;
}

.footerWrap {
  padding-top: 60px;
}

.spFnav {
  display: none;
}

.fnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fnav__col {
  width: 22.95%;
}

.fnav__menuTitle {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding: 12px 0;
  font-weight: bold;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.fnav__menuTitle::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 8%;
  height: 1px;
  background-color: #43c0f6;
}

.spFnav__listLink.externaLink::after,
.fnav__menuTitle::after {
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-size: contain;
  background-repeat: no-repeat;
}

.fnav__menuTitle:not(.externalLink)::after {
  background-image: url(assets/img/common/icon_arrow-circle.svg);
}

.spFnav__listLink.externaLink::after,
.fnav__menuTitle.externalLink::after {
  background-image: url(assets/img/common/icon_external-link.svg);
}

.fnav__menuLink {
  display: block;
  padding: 6px 0;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.fnav__menuTitle:hover,
.fnav__menuLink:hover {
  color: #43c0f6;
}

.footer__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-start;
  padding: 30px 0 10px;
  border-bottom: 1px solid #f1f5f6;
  text-align: right;
}

.footer__snsLink {
  opacity: 1;
  padding: 0 8px;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.footer__snsLink:hover {
  opacity: 0.4;
}

.footer__snsIcon {
  width: 20px;
}

.copyright__txt {
  display: block;
  padding: 20px 0;
  font-size: 80%;
  text-align: center;
}

/* トップへ戻るボタン */

.backToTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}

.backToTop__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -25px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50px;
  border: 2px solid #f1f5f6;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.backToTop__arrow {
  stroke: #43c0f6;
  width: 16px;
  -webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.2, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.backToTop__btn:hover {
  background-color: #43c0f6;
  -webkit-box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
}

.backToTop__btn:hover .backToTop__arrow {
  stroke: #fff;
  -webkit-animation: arrowUp 0.4s cubic-bezier(.165, .84, .44, 1) 1 normal;
  animation: arrowUp 0.4s cubic-bezier(.165, .84, .44, 1) 1 normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes arrowUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media screen and (max-width: 991px) {
  .footerWrap {
    padding: 0;
  }

  .fnav {
    display: none;
  }

  .spFnav {
    display: block;
  }

  .spFnav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }

  .spFnav__listItem {
    width: 50%;
  }

  .spFnav__listItem:first-child {
    width: 100%;
    text-align: center;
  }

  .spFnav__listLink {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: rgba(67, 192, 246, 0.1);
    border: 1px solid #fff;
    font-weight: bold;
  }

  .spFnav__listLink.externaLink::after {
    right: 20px;
  }

  .backToTop__btn {
    position: relative;
  }

  .footer__sns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0;
  }
}

/*固定ページ タイトルヘッダー
================================== */

.pageHeaderWrap {
  padding-bottom: 40px;
  overflow: hidden;
}

.pageHeader {
    position: relative;
    height: 150px;
    background-image: url(https://lecinc.itembox.design/item/html/motegi_lp/img/bg_dots-w.png);
    background-color: #43c0f6;
}

.pageHeader__bgTxt::after {
  content: attr(data-bgTxt);
  display: inline;
  position: absolute;
  left: 50%;
  bottom: -4px;
  text-align: center;
  font-size: 7.2rem;
  white-space: nowrap;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pageHeader__title {
  position: absolute;
  left: 50%;
  bottom: -20px;
  white-space: nowrap;
  font-size: 2.8rem;
  font-weight: bold;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

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

  .pageHeaderWrap {
    padding-bottom: 30px;
    width: auto;
  }

  .pageHeader {
  /*  height: 200px;*/
  }

.pageHeader__title {
    bottom: -16px;
    font-size: 2.3rem;
}

.pageHeader__bgTxt::after {
    font-size: 4.5rem;
    content: attr(data-bgTxt);
    display: inline;
    position: absolute;
    left: 50%;
    bottom: 10px;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
}

/* ==================================
*
  モジュール 
*
================================== */

/*ページネーション 
================================== */

.screen-reader-text {
  display: none;
}

.navigation.pagination {
  width: 100%;
  margin: 70px 0 50px;
  text-align: center;
}

.page-numbers {
  margin-right: 5px;
  padding: 10px 16px;
  background-color: #ffffff;
  border-radius: 5px;
  border: 2px solid #43c0f6;
  font-weight: bold;
  color: #43c0f6;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.page-numbers.current {
  opacity: 0.2;
}

.page-numbers:not(.current):hover {
  background-color: #43c0f6;
  -webkit-box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  color: #fff;
  -webkit-transform: scale(.96);
  transform: scale(.96);
}

/*カード
================================== */

.cardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 40px;
}

.card {
  display: inline-block;
  margin-top: 28px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 8px 5px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  cursor: pointer;
}

/* 2カラム */
.card.col-2 {
  width: 48.64%;
}

/* 3カラム */
.card.col-3 {
  width: 31.52%;
}

/* 4カラム */
.card.col-4 {
  width: 22.95%;
}


/* 商品一覧の崩れ防止用（透明化）↓　*/ 

.card_none {
  display: inline-block;
  margin-top: 28px;
  background-color: none;
  border-radius: 10px;
}

/* 2カラム */
.card_none.col-2 {
  width: 48.64%;
}

/* 3カラム */
.card_none.col-3 {
  width: 31.52%;
}

/* 4カラム */
.card_none.col-4 {
  width: 22.95%;
}

/* 商品一覧の崩れ防止用（透明化）↑　*/


.card__eyecatchWrap,
.card__imgWrap {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* 記事用アイキャッチ画像 */

.card__eyecatchWrap::before {
  content: "";
  display: block;
  padding: 33.3333%;
}

.card__eyecatch {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}

/* 画像 */

.card__productImgWrap {
  padding: 20px;
  border-radius: 10px 10px 0 0;
  background-color: rgba(67, 192, 246, 0.2);
}

.card__img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 10px 10px 0 0;
}

.topBanner .card__img {
  border-radius: 10px;
}

.card__productImg {
  max-width: 100%;
  max-height: 100%;
}

/* 動画再生カード用 */

.card__img.m-poster {
  position: relative;
}

.card__imgWrap.m-poster::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  background-image: url(assets/img/common/icon_movie-play.svg);
  background-size: contain;
}

.card__header {
  padding: 20px;
}

.m-poster + .card__header {
  padding-top: 10px;
}

.card__title-enhance {
  font-size: 120%;
  font-weight: bold;
}

.card__subCopy {
  margin-top: 5px;
  font-weight: bold;
  color: rgba(67, 192, 246, 0.4);
}

.card__cat,
.card__date {
  display: inline-block;
  font-size: 90%;
}

.card__cat {
  margin: 10px 20px 0 0;
  font-weight: bold;
  color: #43c0f6;
}

.card__exp {
  margin-top: 5px;
}

.card:hover {
  background-color: #43c0f6;
  -webkit-box-shadow: 0 1px 8px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  color: #fff;
  -webkit-transform: scale(.96);
  transform: scale(.96);
}

.card:hover .card__cat,
.card:hover .card__subCopy {
  color: #fff;
}

/* カード 変則グリッドレイアウト */

.cardWrap.irregularGrid > .card:nth-of-type(1) {
  width: 65.76%;
  font-size: 120%;
}

.card-vertical {
  width: 31.52%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-vertical > .card {
  width: 100%;
}

.card-vertical .card .card__eyecatchWrap::before {
  padding-top: 16.7%;
}

/* space between 末尾のカラム調整用*/

.cardWrap.col-3-adjust::after {
  content: "";
  display: block;
  width: 31.52%;
}

/* space between 末尾のカラム調整用*/
.cardWrap.col-4-surplus-1-adjust::after {
  content: "";
  display: block;
  width: 22.95%;
}

/* space between 末尾のカラム調整用*/
.cardWrap.col-4-surplus-2-adjust::after {
  content: "";
  display: block;
  width: 48.64%;
}

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

@media screen and (max-width: 991px) {
  .card.col-2 {
    width: 48.64%;
  }

  .card.col-3,
  .topBanner.col-3 {
    width: 48.64%;
  }

  .card.col-4 {
    width: 48.64%;
  }

  .cardWrap.irregularGrid > .card:nth-of-type(1) {
    width: 100%;
  }

  .card-vertical {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }

  .card-vertical > .card {
    width: 48.64%;
  }

  .card-vertical .card .card__eyecatchWrap::before {
    padding-top: 33.3333%;
  }

  .cardWrap.irregularGrid > .card:nth-of-type(2) {
    width: 100%;
    font-size: 120%;
  }
}

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

  .card.col-2,
  .card.col-3,
  .topBanner.col-3 {
    width: 100%;
  }

  .col-2.col-xs-2,
  .col-4.col-xs-2,
  .col-3.col-xs-2 {
    width: 48.64%;
  }

  .card__eyecatchWrap::before {
    content: "";
    display: block;
    padding: 28.4%;
  }

  .card-vertical .card .card__eyecatchWrap::before {
    padding-top: 28.4%;
  }

  .cardWrap.irregularGrid > .card:nth-of-type(1),
  .cardWrap.irregularGrid > .card:nth-of-type(2) {
    font-size: 100%;
  }

  .card-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .card-vertical > .card {
    width: 100%;
  }

}

/*リンクボタン
================================== */

.btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.btnWrap.btn-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn {
  display: inline-block;
  position: relative;
  padding: 16px 60px;
  background-color: #fff;
  border-radius: 40px;
  font-weight: bold;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.btn.btnNext {
  border: 2px solid #43c0f6;
  color: #43c0f6;
}

.btn.btnPrev {
  border: 2px solid #43c0f6;
  color: #43c0f6;
}

.btn.btnNext::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-left: 2px solid #43c0f6;
  border-bottom: 2px solid #43c0f6;
  -webkit-transform: translateY(-50%) rotate(225deg);
  transform: translateY(-50%) rotate(225deg);
}

.btn.btnNext:hover {
  background-color: #43c0f6;
  color: #fff;
  -webkit-box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  -webkit-transform: scale(.9);
  transform: scale(.96);
}

.btn.btnNext:hover::after {
  -webkit-animation: arrowNext 0.4s cubic-bezier(.165, .84, .44, 1) 1 normal;
  animation: arrowNext 0.4s cubic-bezier(.165, .84, .44, 1) 1 normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes arrowNext {
  0% {
    right: 20px;
  }

  50% {
    right: 15px;
    border-color: #fff;
  }

  100% {
    right: 20px;
    border-color: #fff;
  }
}

@keyframes arrowNext {
  0% {
    right: 20px;
  }


  50% {
    right: 15px;
    border-color: #fff;
  }

  100% {
    right: 20px;
    border-color: #fff;
  }
}

.btn.btnPrev::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-left: 2px solid #43c0f6;
  border-bottom: 2px solid #43c0f6;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.btn.btnPrev:hover {
  background-color: #43c0f6;
  color: #fff;
  -webkit-box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  -webkit-transform: scale(.96);
  transform: scale(.96);
}

.btn.btnPrev:hover::before {
  -webkit-animation: arrowPrev 0.4s cubic-bezier(.165, .84, .44, 1) 1 normal;
  animation: arrowPrev 0.4s cubic-bezier(.165, .84, .44, 1) 1 normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes arrowPrev {
  0% {
    left: 20px;
  }

  50% {
    left: 15px;
    border-color: #fff;
  }

  100% {
    left: 20px;
    border-color: #fff;
  }
}

@keyframes arrowPrev {
  0% {
    left: 20px;
  }

  50% {
    left: 15px;
    border-color: #fff;
  }

  100% {
    left: 20px;
    border-color: #fff;
  }
}

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


/*セクションタイトル
================================== */

.sectionHeader {
  padding-left: 5px;
}

.sectionHeader__title {
  display: inline-block;
  position: relative;
  margin-right: 12px;
  font-size: 2.8rem;
  font-weight: bold;
}

.sectionHeader__title::before {
  content: "";
  display: inline-block;
  position: relative;
  left: 0;
  top: 50%;
  width: 21px;
  height: 21px;
  margin-right: 10px;
  background-image: url(assets/img/common/icon_title-dots.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.sectionHeader__subTitle {
  display: inline-block;
  font-size: 1.1rem;
}

@media screen and (max-width: 991px) {
  .sectionHeader__title {
    font-size: 2.4rem;
  }

  .sectionHeader__title::before {
    width: 16px;
    height: 16px;
  }
}

/*タグ
================================== */

.tagList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.tagList__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 10px 10px 0;
  padding: 12px 40px;
  background-color: #fff;
  border-radius: 40px;
  border: 2px solid #43c0f6;
  font-size: 90%;
  font-weight: bold;
  color: #43c0f6;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

.tagList__tag:hover {
  background-color: #43c0f6;
  border: 2px solid #43c0f6;
  color: #fff;
  -webkit-box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  -webkit-transform: scale(.96);
  transform: scale(.96);
}

@media screen and (max-width: 991px) {
  .tagList__tag {
    padding: 8px 20px;
  }
}

@media screen and (max-width: 481px) {
  .tagList__tag {
    padding: 6px 16px;
    font-size: 80%;
  }
}

.otherTaxonomy {
  padding-top: 50px;
  padding-bottom: 50px;
}

/*モーダル共通
================================== */

.modalBtn {
  cursor: pointer;
}

.modalBg {
  display: none;
  overflow-y: auto;
  position: relative;
}

.modalBg.is-active {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.modalCont {
  position: relative;
  margin-top: 40px;
}

.modalClose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -20px;
  left: 50%;
  z-index: 101;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #43c0f6;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
}

.modalClose__txt {
  color: #fff;
  font-weight: bold;
}

.modalCont__title {
  width: 100%;
  text-align: center;
}

.modalCont__titleTxt {
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 3px solid #000;
  font-weight: bold;
  font-size: 2.4rem;
}

.modalCont__subTitle {
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
}

/*SNSシェアボタン
================================== */

.socialButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px;
}

.socialButton__link {
  display: inline-block;
  width: 24%;
  padding: 8px 8px 6px;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}


.socialButton__link:hover {
  -webkit-transform: scale(.96);
  transform: scale(.96);
}

.socialButton__link.twitter {
  background-color: #1DA1F2;
}

.socialButton__link.facebook {
  background-color: #3C5A99;
}

.socialButton__link.line {
  background-color: #00B900;
}

.socialButton__link.hatena {
  background-color: #00A4DE
}

.socialButton__icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-size: contain;
  background-repeat: no-repeat;
}

.socialButton__icon.twitter {
  background-image: url(assets/img/common/icon_share-tw.svg);
}

.socialButton__icon.facebook {
  background-image: url(assets/img/common/icon_share-fb.svg);
}

.socialButton__icon.hatena {
  background-image: url(assets/img/common/icon_share-hatena.svg);
}

.socialButton__icon.line {
  background-image: url(assets/img/common/icon_share-line.svg);
}

/* ==================================
*
  各種固定ページ用スタイル
*
================================== */

/*トップページ
================================== */

/* スライダー */

.sliderWrap {
  margin: 90px auto 50px;
}

.topSlider__slide {
  width: 100%;
  margin: auto;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* バナー */

.bannerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 30px;
}

.banner {
  overflow: hidden;
  width: 48.64%;
  margin-bottom: 28px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

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

.banner:hover {
  -webkit-box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 8px 4px rgba(0, 0, 0, .2);
  -webkit-transform: scale(.96);
  transform: scale(.96);
}

@media screen and (max-width: 991px) {
  .sliderWrap {
    margin: 70px 0 50px;
  }

  .banner {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
    
.slide {
    position: relative;
    overflow: hidden;
    width: 240px;
    height: 240px;
    margin: auto;
    margin-top: 12%;
    background: #fff;
}
}


/*コラム詳細ページ & 固定ページ機能用 スタイル
================================== */

.columnDetail {
  max-width: 700px;
  margin: 90px auto 50px;
}

.columnEyecatch__img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.columnHeader {
  padding: 20px;
}

.columnHeader__title {
  font-size: 2.8rem;
  font-weight: bold;
}

.columnHeader__info {
  margin-top: 20px;
}

.columnHeader__cat {
  margin-right: 20px;
  font-weight: bold;
  color: #43c0f6;
}

/* 各種見出し テキスト 画像のスタイル */

.postContents {
  padding: 20px;
}

.postContents p,
.postContents a {
  font-size: 1.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
}

/*.postContents a:link {
  color: #43c0f6;
  text-decoration: underline;
}

.postContents a:hover {
  opacity: 0.5;
}*/

.postContents h2,
.postContents h3,
.postContents h4,
.postContents h5,
.postContents h6 {
  font-weight: bold;
  margin: 40px 0 24px;
  padding: 8px 8px 8px 10px;
}

.postContents h2 {
  position: relative;
  font-size: 2.4rem;
  border-bottom: 3px solid #000;
}

.postContents h2::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 30%;
  height: 3px;
  background-color: #43c0f6;
}

.postContents h3 {
  font-size: 2.1rem;
  border-left: 3px solid #000;
}

.postContents h4 {
  font-size: 1.8rem;
  border-bottom: 1px solid #000;
}

.postContents h5 {
  font-size: 1.6rem;
}

.postContents img {
  width: 100%;
  height: auto;
  margin: 6px 0;
  border-radius: 10px;
}

.postContents p + img,
.postContents h2 + img,
.postContents h3 + img,
.postContents h4 + img,
.postContents h5 + img {
  margin: 0;
}

/* リスト */

.postContents ul,
.postContents ol {
  list-style-position: inside;
}

/*.postContents ul {
  list-style-type: disc;
}

.postContents ol {
  list-style-type: decimal;
}*/

.postContents li {
  font-size: 1.5rem;
  line-height: 1.8;
  margin-bottom: 12px;
}

/*.postContents li:last-child {
  margin-bottom: 20px;
}*/

.postContents ul {
  list-style-type: none;
  margin-bottom: 20px;
  padding: 20px;
  background: #edf6ff;
  border: 2px dashed #e2e2e2;
  border-radius: 10px;
}

.postContents li {
  position: relative;
}

.postContents ul li {
  padding-left: 30px;
}

.postContents ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 40%;
  width: 12px;
  height: 6px;
  border-left: 2px solid #43c0f6;
  border-bottom: 2px solid #43c0f6;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

.postContents ol {
  counter-reset: number;
  list-style-type: none;
  margin-bottom: 20px;
  padding: 20px;
  background: #edf6ff;
  border: 2px dashed #e2e2e2;
  border-radius: 10px;
}

.postContents ol li {
  padding-left: 30px;
}

.postContents ol li:before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  background-color: #43c0f6;
  color: #fff;
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  line-height: 16px;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

/* TOC+のスタイル */

#toc_container {
  border-radius: 10px;
  border: 2px dashed #e2e2e2;
}

#toc_container ul li::before {
  content: none !important;
}

#toc_container p.toc_title + ul.toc_list {
  border: none !important;
}

#toc_container.no_bullets li,
#toc_container.no_bullets ul,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
  border: none !important;
}

/* テーブル */

.postContents table {
  width: 100%;
  font-size: 88%;
}

.postContents th,
.postContents td {
  padding: 12px 16px;
  border: 1px solid #bbb;
}

.postContents th {
  background-color: rgba(67, 192, 246, 0.1);
  text-align: left;
  font-weight: bold;
}

/* ストロングタグ */

.postContents strong {
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, rgba(67, 192, 246, 0.4)));
  background: linear-gradient(transparent 50%, rgba(67, 192, 246, 0.4) 0%);
}

/* テキスト強調用 */

.point {
  display: inline-block;
  margin-left: 10px;
  padding: 0 32px;
  font-size: 90% !important;
  font-weight: bold;
  border-top: 4px solid #e2e2e2;
  font-size: 1.6rem!important;
}

.point-normal {
  background-color: #43c0f6;
  color: #fff;
}

.point-warning {
  background-color: rgb(244, 235, 23);
  color: #000;
}

.postContents__button {
  display: inline-block;
  width: 100%;
  margin-top: 40px;
  padding: 16px;
  border-radius: 10px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
  transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
}

.postContents__button.button-normal {
  background-color: #f81b84;
  color: #fff;
}

.postContents__button:hover {
  -webkit-transform: scale(.96);
  transform: scale(.96);
}


/* 関連するコラム */

.relatedColumn {
  max-width: 700px;
  margin: auto;
}

.relatedColumn__titleWrap {
  text-align: center;
}

.relatedColumn__title {
  margin: 6px 0 30px;
  font-size: 2.8rem;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .columnDetail {
    max-width: 100%;
    margin: 70px 20px 50px;
  }

  .columnHeader {
    padding: 20px 10px;
  }

  .columnHeader__title {
    font-size: 2.1rem;
  }

  .postContents {
    padding: 10px;
  }

  .relatedColumn {
    max-width: 100%;
    margin: 0 20px;
  }

  .relatedColumn__title {
    font-size: 2.4rem;
  }

  .postContents ol li::before {
    top: 5px;
  }

  .postContents ul li::before {
    top: 32%;
  }

  .postContents p,
  .postContents a,
  .postContents li {
    font-size: 1.4rem;
  }

  .postContents h2 {
    font-size: 2.1rem;
  }

  .postContents h3 {
    font-size: 1.8rem;
  }

  .postContents h4 {
    font-size: 1.6rem;
  }

  .postContents h5 {
    font-size: 1.5rem;
  }
}

/*商品詳細ページ
================================== */

.productMainWrap {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 90px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
}

.productImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  padding: 20px;
  background-color: #D2F1FC;
}

.productImg__img {
  max-width: 80%;
  width: 400px;
}

.productInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  padding: 5%;
  background-color: #fff;
}

.productInfo__jan {
  margin-bottom: 10px;
  color: #707070;
}

.productInfo__title {
  font-size: 2.1rem;
  font-weight: bold;
}

.productInfo__exp > p {
  margin-top: 30px;
  line-height: 1.9;
}

/* 購入 & 動画視聴ボタン */

.productCta {
  margin-top: 30px;
}

.productCta__text {
  font-size: 88%;
  font-weight: bold;
  text-align: center;
}

.productBtn {
  display: block;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  cursor: pointer;
}

.productBtn.btn-cta {
  margin-top: 10px;
  background-color: #f81b84;
}

.productBtn.btn-movie {
  margin-top: 20px;
  border: 1px solid #43c0f6;
  color: #43c0f6;
}

.productBtn__text {
  display: block;
  position: relative;
  padding: 20px;
  font-weight: bold;
  text-align: center;
}

.productBtn.btn-cta .productBtn__text::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  left: -16px;
  width: 16px;
  height: 16px;
  background-image: url(assets/img/common/icon_shop-cart.svg);
  background-size: contain;
}

.productBtn.btn-movie .productBtn__text::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  left: -16px;
  width: 15px;
  height: 15px;
  background-image: url(assets/img/common/icon_movie.svg);
  background-size: contain;
}

.productBtn:hover {
  -webkit-transform: scale(.96);
  transform: scale(.96);
}

/* モーダル内 CTAボタン */

.modalCta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  top: 20%;
  width: 50%;
  margin: 40px auto 0;
  padding: 50px 5% 30px;
  background-color: #d2f1fc;
  border-radius: 10px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

.modalCta__btn {
  position: relative;
  width: 100%;
  margin-bottom: 18px;
  padding: 12px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
   -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);
}

/*.modalCta__btn.btn-amazon {
  background-color: #3b4f67;
  border-color: #3b4f67;
}

.modalCta__btn.btn-rakuten {
  background-color: #c03724;
  border-color: #c03724;
}

.modalCta__btn.btn-paypay {
  background-color: #c0a146;
  border-color: #c0a146;
}

.modalCta__btn.btn-aupay {
  background-color: #e5532d;
  border-color: #e5532d;
}*/

.modalCta__btnImg {
  position: relative;
  height: 32px;
}

.modalCta__btn:hover {
  -webkit-transform: scale(.96);
  transform: scale(.96);
}

.modalCta__btn::after {
  content: "";
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-image: url(assets/img/common/icon_external-link.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/* 商品詳細 */

.productDetail__table {
  width: 100%;
  margin: auto;
  text-align: left;
}

.productDetail__th {
  font-weight: bold;
}

.productDetail__th,
.productDetail__td {
  padding: 12px;
  text-align: left;
}

.productDetail__tr:nth-of-type(odd) {
  background-color: rgba(67, 192, 246, 0.2);
}

.productDetail {
  margin-top: 30px;
  padding: 50px 5%;
  background-color: #fff;
  ;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
}

.productDetail__title {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  font-size: 2.4rem;
}

.productDetail__title::before {
  content: "";
  display: inline-block;
  position: relative;
  left: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-image: url(assets/img/common/icon_checkmark.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(12%);
  transform: translateY(12%);
}

/* 使用時の注意点 モーダル */

.modalBtn.product {
  font-weight: bold;
  color: #D80000;
}

.attentionModal {
  width: 100%;
  padding: 40px 5% 5%;
  background-color: #D6F0FE;
  border-radius: 10px;
  border: 2px solid #000;
}

.attentionModal__list {
  margin-top: 20px;
  list-style: disc;
  list-style-position: inside;
}

.attentionModal__listItem {
  padding-top: 4px;
}

.attentionModal__title-forUse {
  margin: 20px 0 10px;
  font-size: 1.6rem;
  font-weight: bold;
}

.attentionModal__title-forUse.ok {
  color: #118411;
}

.attentionModal__title-forUse.ng {
  color: #FA0505;
}

.attentionModal__forUseExp {
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
}

@media screen and (max-width: 991px) {
  .productMainWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 70px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  }

  .productImg {
    width: 100%;
  }

  .productImg__img {
    max-width: 60%;
  }


  .productInfo {
    width: 100%;
    padding: 30px 20px;
  }

  .productInfo__jan {
    margin-bottom: 10px;
    color: #707070;
  }

  .productInfo__title {
    font-size: 1.8rem;
  }

  .productInfo__exp > p {
    margin-top: 20px;
  }

  .productCta {
    margin-top: 20px;
  }

  .modalCta {
    position: absolute;
    left: 50%;
    top: 20%;
    width: 90%;
  }

  .modalCta__btn {
    font-size: 1.2rem;
  }

  .productDetail__th {
    font-weight: bold;
  }

  .productDetail__th,
  .productDetail__td {
    display: block;
  }

  .productDetail__tr:nth-of-type(odd) {
    background-color: inherit;
  }

  .productDetail__th {
    background-color: rgba(67, 192, 246, 0.2);
  }

  .productDetail {
    margin-top: 30px;
    padding: 30px 20px;
    background-color: #fff;
    ;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
  }

  .productDetail__title {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    font-size: 2.1rem;
  }

  .productDetail__title::before {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background-image: url(assets/img/common/icon_checkmark.svg);
  }
}

@media screen and (max-width: 481px) {
  .productImg__img {
    max-width: 70%;
  }

  .productDetail__th,
  .productDetail__td {
    padding: 8px 12px;
  }

  .attentionModal__listItem {
    font-size: 1.1rem
  }

  .attentionModal__title-forUse {
    font-size: 1.4rem;
  }

  .attentionModal__forUseExp {
    font-size: 1.2rem
  }
}

/*サイトマップページ
================================== */

.sitemap__cont {
  margin-bottom: 50px;
}

.sitemap__heading {
  position: relative;
  margin-bottom: 20px;
  padding: 0 10px 8px 0;
  font-size: 2.4rem;
  font-weight: bold;
}

.sitemap__heading::before {
  content: "";
  display: inline-block;
  position: relative;
  left: 0;
  top: 50%;
  width: 21px;
  height: 21px;
  margin-right: 10px;
  background-image: url(assets/img/common/icon_title-dots.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.sitemap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sitemap__list li {
  width: 49%;
  font-size: 1.6rem;
  border-bottom: 1px dashed #000;
}

.sitemap__list a {
  display: block;
  position: relative;
  padding: 12px 20px 12px 30px;
}

.sitemap__list a::before {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 50%;
  width: 12px;
  height: 12px;
  background-image: url(assets/img/common/icon_arrow-circle.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
  .sitemap__list li {
    font-size: 1.4rem;
  }

  .sitemap__heading {
    font-size: 2rem;
  }

  .sitemap__heading::before {
    width: 16px;
    height: 16px;
  }
}

@media screen and (max-width: 991px) {
  .sitemap__cont {
    margin-bottom: 30px;
  }

  .sitemap__list li {
    width: 100%;
  }
}


/*404ページ
================================== */

.notfound {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 50px;
}

.notfouund__gekiochikun {
  height: 140px;
  margin-right: 50px;
}

.notfound__Message {
  width: 50%;
}

@media screen and (max-width: 991px) {
  .notfound {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .notfouund__gekiochikun {
    height: 120px;
    margin: 0 0 30px 0;
  }

  .notfound__Message {
    width: 80%;
  }
}

@media screen and (max-width: 481px) {
  .notfound__Message {
    width: 100%;
  }
}

/* ==================================
*
  調整用 ユーティリティクラス
*
================================== */

.bg-theme01 {
  background-color: #f1f5f6;
}

.bg-theme02 {
  background-color: #43c0f6;
}

.bg-theme03 {
  background-color: #f81b84;
}

.bg-theme04 {
  background-color: #fff;
}

.bg-dots {
  background-image: url(https://lecinc.itembox.design/item/html/motegi_lp/img/bg_dots-b.png);
}

.text-l {
  text-align: left;
}

.text-c {
  text-align: center;
}

.text-r {
  text-align: right;
}

.mar-b-10 {
  margin-bottom: 10px;
}

.mar-b-20 {
  margin-bottom: 20px;
}

.mar-b-30 {
  margin-bottom: 30px;
}

.mar-b-40 {
  margin-bottom: 40px;
}

.mar-b-50 {
  margin-bottom: 50px;
}

.mar-t-10 {
  margin-top: 10px;
}

.mar-t-20 {
  margin-top: 20px;
}

.mar-t-30 {
  margin-top: 30px;
}

.mar-t-40 {
  margin-top: 40px;
}

.mar-t-50 {
  margin-top: 50px;
}

.pad-b-10 {
  padding-bottom: 10px;
}

.pad-b-20 {
  padding-bottom: 20px;
}

.pad-b-30 {
  padding-bottom: 30px;
}

.pad-b-40 {
  padding-bottom: 40px;
}

.pad-b-50 {
  padding-bottom: 50px;
}

.pad-t-10 {
  padding-top: 10px;
}

.pad-t-20 {
  padding-top: 20px;
}

.pad-t-30 {
  padding-top: 30px;
}

.pad-t-40 {
  padding-top: 40px;
}

.pad-t-50 {
  padding-top: 50px;
}

.pad-both-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.mar-both-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.no-pad {
  padding: 0;
}

.w-full {
  width: 100%;
}



/*激落ちくんの【】が行頭に来る場合のカーニング*/
.font-carning {
  -webkit-font-feature-settings: "palt"1;
  font-feature-settings: "palt"1;
  letter-spacing: 0.7px;
}

/* テキスト強調用 ラインマーカー */
.marker-yellow {
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, rgba(244, 235, 23, 0.7)));
  background: linear-gradient(transparent 50%, rgba(244, 235, 23, 0.7) 0%);
}

/* テキスト強調用カラー*/
.color-warning {
  color: #D80000;
}

/* 改行調整用 */
.sp-br {
  display: none;
}

@media screen and (max-width: 481px) {
  .sp-br {
    display: block;
  }
}