@charset "UTF-8";

/* -------------------------------------------------------------------------------
|  Created:     20xx-xx-xx
|  Updated:     N/A
|------------------------------------------------------------------------------- */

/*---------------------------------------------------------
  共通
---------------------------------------------------------*/

/* ドキュメントリンク
-------------------------------------------------------------------------------- */
.meswp-cmnDocInline {
  * {
    display: inline !important;
  }
}

/*---------------------------------------------------------
  ワイドで広がる使い方！
---------------------------------------------------------*/

.meswp-arrowText {
  position: relative;
  margin-bottom: 30px !important;
}

.meswp-arrowText--wide {
  position: absolute;
  top: calc(50% + 1.25em);
  left: calc(50% + .25em);
  transform: translateX(-50%);
  width: 7em;
  height: 2em;
  text-align: center;
}

.meswp-wideBefore {
  max-width: calc(260px + (10px * 2));
}

.meswp-wideAfter {
  max-width: calc(305px + (10px * 2));
}

.meswp-wideBefore,
.meswp-wideAfter {
  padding-left: 10px;
  padding-right: 10px;
}

/*---------------------------------------------------------
  仕様
---------------------------------------------------------*/

.meswp-noteColumn {
  column-count: 2;
}

/*! Small only (Smallのみ) */
@media only screen and (max-width: 767px) {
  .meswp-noteColumn {
    column-count: auto;
  }  
}

/*---------------------------------------------------------
  動画　※YouTube化の際には削除する
---------------------------------------------------------*/
.mwswp-movie {
  width: 480px;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  .fa-movie_block > video {
    width: 100%;
    height: auto;
  }
}