/*
$blue_bg: #E2EFF5;
$pink: #E6829B;
$pink_bg: #F8F0F3;
$blue_sky: #008AB3;
*/
.iframe-all {
  overflow-x: hidden;
  /* �T�u�J�e�S���ꗗ�\����: �Œ艻 */
  height: 100%;
}
.iframe-all .iframe-wrap {
  width: 960px;
  margin: 0;
}
@media screen and (max-width: 640px) {
  .iframe-all .iframe-wrap {
    width: 100%;
  }
}
.iframe-all .iframe-wrap .iframe-inner {
  padding: 36px 36px 0;
  display: flex;
  flex-wrap: wrap;
  /* �T�u�J�e�S���ꗗ�\����: �Œ艻 */
  min-height: 280px;
}
@media screen and (max-width: 640px) {
  .iframe-all .iframe-wrap .iframe-inner {
    padding: 6.7164179104% 6.7164179104% 0;
  }
}
.iframe-all .iframe-wrap .iframe-inner a {
  width: 195px;
  color: #000000;
  margin: 0 0 36px;
}
@media screen and (max-width: 640px) {
  .iframe-all .iframe-wrap .iframe-inner a {
    width: 46.5517241379%;
    margin: 0 0 6.8965517241%;
  }
}
@media (min-width: 641px) {
  .iframe-all .iframe-wrap .iframe-inner a:not(:nth-child(4n)) {
    margin-right: 36px;
  }
}
@media screen and (max-width: 640px) {
  .iframe-all .iframe-wrap .iframe-inner a:nth-child(odd) {
    margin-right: 6.8965517241%;
  }
}
.iframe-all .iframe-wrap .iframe-inner a .box-thum {
  background: #FFFFFF;
  border: 1px solid #e6e6e6;
}
.iframe-all .iframe-wrap .iframe-inner a .box-mid {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  line-height: 120%;
}
@media screen and (max-width: 640px) {
  .iframe-all .iframe-wrap .iframe-inner a .box-mid {
    font-size: 12px;
  }
}
.iframe-all .iframe-wrap .iframe-inner a .box-txt {
  font-size: 12px;
  margin-top: 5px;
}
@media screen and (max-width: 640px) {
  .iframe-all .iframe-wrap .iframe-inner a .box-txt {
    font-size: 10px;
  }
}
.iframe-all .iframe-wrap .iframe-inner.mono {
  background: #fdedf2;
}
.iframe-all .iframe-wrap .iframe-inner.mono a .box-mid {
  color: #e74d80;
}
.iframe-all .iframe-wrap .iframe-inner.scene {
  background: #f0f8e9;
}
.iframe-all .iframe-wrap .iframe-inner.scene a .box-mid {
  color: #6eb92b;
}