/* ----------------------------------------------------------------

  row クラスのマージンを　0 にする

---------------------------------------------------------------- */
.noMarginTopBot {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* SECTION MARGIN */

/* background-color: #252525; */
.sectionBg {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #e8e8e8;
}
.sectionNoBg {
  padding-top: 1rem;
  padding-bottom: 1rem;
/*  background-color: #e8e8e8;*/
}
/* ----------------------------------------------------------------

  キャプションカラムをマルチカラム（ 2段 ）にする

---------------------------------------------------------------- */
.multiContainer {
  width: 96%;
  column-count: 1;
  column-width: 50%;
  column-gap: 1.5em;
  margin-left: 1rem;
}
@media (min-width: 992px) {
  /*　画面サイズが480pxからはここを読み込む　*/
  .multiContainer {
    width: 96%;
    column-count: 2;
    column-width: 50%;
    column-gap: 1.5em;
    margin-left: 1rem;
  }
}


/* ----------------------------------------------------------------

  動画再生アイコンを上下左右のセンターに配置する

---------------------------------------------------------------- */
.videoDiv{
  position: relative;
}
.videoIcon{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}




/* ----------------------------------------------------------------

  objectFit

---------------------------------------------------------------- */
.OF-fill {
  object-fit: fill;
  font-family: 'object-fit: fill';
}

.OF-contain {
  object-fit: contain;
  font-family: 'object-fit: contain';
}

.OF-cover {
  object-fit: cover;
  font-family: 'object-fit: cover';
}
.OF-cover-op {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 70%;
  font-family: 'object-fit: cover; object-position: center 80%';
  max-height: 33vw;
}

.OF-PostEyecatch-op0 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 0%;
  font-family: 'object-fit: cover; object-position: center 0%';
  max-height: 33vw;
}
.OF-PostEyecatch-op1 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 10%;
  font-family: 'object-fit: cover; object-position: center 10%';
  max-height: 33vw;
}
.OF-PostEyecatch-op2 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 20%;
  font-family: 'object-fit: cover; object-position: center 20%';
  max-height: 33vw;
}
.OF-PostEyecatch-op3 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 30%;
  font-family: 'object-fit: cover; object-position: center 30%';
  max-height: 33vw;
}
.OF-PostEyecatch-op4 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 40%;
  font-family: 'object-fit: cover; object-position: center 40%';
  max-height: 33vw;
}
.OF-PostEyecatch-op5 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 50%;
  font-family: 'object-fit: cover; object-position: center 50%';
  max-height: 33vw;
}
.OF-PostEyecatch-op6 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 60%;
  font-family: 'object-fit: cover; object-position: center 60%';
  max-height: 33vw;
}
.OF-PostEyecatch-op7 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 70%;
  font-family: 'object-fit: cover; object-position: center 70%';
  max-height: 33vw;
}
.OF-PostEyecatch-op8 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 80%;
  font-family: 'object-fit: cover; object-position: center 80%';
  max-height: 33vw;
}
.OF-PostEyecatch-op9 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 90%;
  font-family: 'object-fit: cover; object-position: center 90%';
  max-height: 33vw;
}
.OF-PostEyecatch-op10 {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center 100%;
  font-family: 'object-fit: cover; object-position: center 100%';
  max-height: 33vw;
}


.OF-PostImg-op0 {
  object-fit: cover;
  object-position: center 0%;
  font-family: 'object-fit: cover; object-position: center 0%';
}
.OF-PostImg-op1 {
  object-fit: cover;
  object-position: center 10%;
  font-family: 'object-fit: cover; object-position: center 10%';
}
.OF-PostImg-op2 {
  object-fit: cover;
  object-position: center 20%;
  font-family: 'object-fit: cover; object-position: center 20%';
}
.OF-PostImg-op3 {
  object-fit: cover;
  object-position: center 30%;
  font-family: 'object-fit: cover; object-position: center 30%';
}
.OF-PostImg-op4 {
  object-fit: cover;
  object-position: center 40%;
  font-family: 'object-fit: cover; object-position: center 40%';
}
.OF-PostImg-op5 {
  object-fit: cover;
  object-position: center 50%;
  font-family: 'object-fit: cover; object-position: center 50%';
}
.OF-PostImg-op6 {
  object-fit: cover;
  object-position: center 60%;
  font-family: 'object-fit: cover; object-position: center 60%';
}
.OF-PostImg-op7 {
  object-fit: cover;
  object-position: center 70%;
  font-family: 'object-fit: cover; object-position: center 70%';
}
.OF-PostImg-op8 {
  object-fit: cover;
  object-position: center 80%;
  font-family: 'object-fit: cover; object-position: center 80%';
}
.OF-PostImg-op9 {
  object-fit: cover;
  object-position: center 90%;
  font-family: 'object-fit: cover; object-position: center 90%';
}
.OF-PostImg-op10 {
  object-fit: cover;
  object-position: center 100%;
  font-family: 'object-fit: cover; object-position: center 100%';
}

.OF-PostImg-height1 {
  height: 100px;
  width:100%;
}

.OF-PostImg-height2 {
  height: 200px;
  width:100%;
}

.OF-PostImg-height3 {
  height: 300px;
  width:100%;
}

.OF-PostImg-height4 {
  height: 400px;
  width:100%;
}

.OF-PostImg-height5 {
  height: 500px;
  width:100%;
}

.OF-PostImg-height6 {
  height: 600px;
  width:100%;
}

.OF-PostImg-height7 {
  height: 700px;
  width:100%;
}

.OF-PostImg-height8 {
  height: 800px;
  width:100%;
}

.OF-PostImg-height9 {
  height: 900px;
  width:100%;
}

.OF-PostImg-height10 {
  height: 1028px;
  width:100%;
}


.OF-none {
  object-fit: none;
  font-family: 'object-fit: none';
}

.OF-scaleDown {
  object-fit: scale-down;
  font-family: 'object-fit: scale-down';
}
.object-position {
  max-height: 33vw;
}
@media (max-width: 700px) {
  .xs--OF-cover {
    object-fit: cover;
    font-family: 'object-fit: cover';
  }
  .caption-cover {
    border-left: 5px solid green;
    padding-left: 5px;
  }
}
@media not all and (max-width: 700px) {
  .caption-contain {
    border-left: 5px solid green;
    padding-left: 5px;
  }
}




li.L0, li.L1, li.L2, li.L3,
li.L5, li.L6, li.L7, li.L8 {
  list-style-type: decimal !important;
}


.ccoPagination{
  margin-top: 0px!important;
}