/* ------------------------------------------------------------
 * ユニット
 * a-blog cms 3.2 で acms.css から削除されたユニット用スタイルを
 * 3.1 の acms.css から移植
 * ----------------------------------------------------------- */

/* グリッド・テキストユニット */
.acms-entry .acms-col-12 { clear: both; }
.acms-entry [class*="acms-col-"] { padding: 0; }
.acms-entry h2, .acms-entry h3, .acms-entry h4, .acms-entry h5, .acms-entry h6,
.acms-entry dl, .acms-entry p { margin-right: 10px; margin-left: 10px; }
.acms-entry blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: solid 5px #ccc; }

/* ユニット共通の余白 */
.acms-entry [class*="column-image"],
.acms-entry [class*="column-media"],
.acms-entry [class*="column-eximage"],
.acms-entry [class*="column-file"],
.acms-entry [class*="column-youtube"],
.acms-entry [class*="column-video"],
.acms-entry [class*="column-module"] {
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
}
.acms-entry [class*="column-map"] {
  box-sizing: border-box;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
[class*="column-image"],
[class*="column-media"],
[class*="column-eximage"],
[class*="column-file"],
[class*="column-map"],
[class*="column-youtube"],
[class*="column-video"],
[class*="column-module"] {
  margin-bottom: 20px;
}

/* 画像・メディアユニット */
[class*="column-image"],
[class*="column-media"],
[class*="column-eximage"] {
  display: block;
}
[class*="column-image"].caption,
[class*="column-media"].caption,
[class*="column-eximage"].caption {
  margin-bottom: 10px;
}
[class*="column-image"] a,
[class*="column-media"] a,
[class*="column-eximage"] a {
  display: block;
}
[class*="column-image"] img,
[class*="column-media"] img,
[class*="column-eximage"] img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
[class*="column-image"] .caption,
[class*="column-media"] .caption,
[class*="column-eximage"] .caption {
  margin: 5px 0 0;
}
[class*="column-image"][style*="width"] {
  max-width: 100%;
}
[class*="column-media"] a[href*="media-download"] {
  display: inline-block;
  width: 100%;
}

/* 配置 - image */
.column-image-left { float: left; text-align: left; }
.column-image-right { float: right; text-align: right; }
.column-image-center { display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; }
.column-image-auto { float: none; }

/* 配置 - media */
.column-media-left { float: left; text-align: left; }
.column-media-right { float: right; text-align: right; }
.column-media-center { display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; }
.column-media-auto { float: none; }

/* 配置 - eximage */
.column-eximage-left { float: left; text-align: left; }
.column-eximage-right { float: right; text-align: right; }
.column-eximage-center { display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; }
.column-eximage-auto { float: none; }

/* 配置 - file */
.column-file-left { float: left; text-align: left; }
.column-file-right { float: right; text-align: right; }
.column-file-center { display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; }
.column-file-auto { float: none; }

/* 配置 - map */
.column-map-left { float: left; text-align: left; }
.column-map-right { float: right; text-align: right; }
.column-map-center { display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; }
.column-map-auto { float: none; }

/* 配置 - youtube */
.column-youtube-left { float: left; text-align: left; }
.column-youtube-right { float: right; text-align: right; }
.column-youtube-center { display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; }
.column-youtube-auto { float: none; }

/* 配置 - video */
.column-video-left { float: left; text-align: left; }
.column-video-right { float: right; text-align: right; }
.column-video-center { display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; }
.column-video-auto { float: none; }

/* 配置 - module */
.column-module-left { float: left; text-align: left; }
.column-module-right { float: right; text-align: right; }
.column-module-center { display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; }
.column-module-auto { float: none; }

/* media caption */
.column-media-left:not([href*="media-download"]):not([href*="storage"]) + .caption,
.column-media-right:not([href*="media-download"]):not([href*="storage"]) + .caption,
.column-media-center:not([href*="media-download"]):not([href*="storage"]) + .caption,
.column-media-auto:not([href*="media-download"]):not([href*="storage"]) + .caption {
  text-align: center;
}

/* file caption */
.column-file-left + .caption { text-align: left; }
.column-file-right + .caption { text-align: right; }
.column-file-center + .caption { text-align: center; }

/* 地図 */
[class*="column-map"] > img,
[class*="column-map"] > div {
  max-width: 100%;
}
[class*="column-map"] img {
  width: auto;
  height: auto;
}

/* YouTube・iframe */
.column-iframe {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.column-iframe iframe,
.column-iframe object,
.column-iframe embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 全幅表示 */
.acms-entry-unit-full:not(.acms-unit-size-inherit) [class*="column-image"],
.acms-entry-unit-full:not(.acms-unit-size-inherit) [class*="column-media"],
.acms-entry-unit-full:not(.acms-unit-size-inherit) [class*="column-eximage"],
.acms-entry-unit-full:not(.acms-unit-size-inherit) [class*="column-file"],
.acms-entry-unit-full:not(.acms-unit-size-inherit) [class*="column-map"],
.acms-entry-unit-full:not(.acms-unit-size-inherit) [class*="column-module"] {
  width: auto !important;
  max-width: 100%;
}
.acms-entry-unit-full:not(.acms-unit-size-inherit) [class*="column-youtube"],
.acms-entry-unit-full:not(.acms-unit-size-inherit) [class*="column-video"] {
  width: 100% !important;
}