@charset "utf-8";

/*
 * ヒラタオフィス 特集ページ共通スタイル
 * 旧 sclollhirata2018.css の共通化版
 */

/* 明示的に画像や案内を中央へ配置するための共通クラス */
.media-center {
  text-align: center !important;
}

/*
 * 旧特集ページの resizeimage... は inline 指定が多いため、
 * ブロック化して中央配置を共通で保証する。
 */
p[class^="resizeimage"],
p[class*=" resizeimage"] {
  display: block !important;
  margin: 0 auto;
  text-align: center;
}

p.resizeimage001 img,
p.resizeimage002 img,
p.resizeimage003 img,
p.resizeimage004 img,
p.resizeimage005 img,
p.resizeimage006 img,
p.resizeimage007 img,
p.resizeimage008 img,
p.resizeimage009 img,
p.resizeimage010 img,
p.resizeimage011 img,
p.resizeimage012 img,
p.resizeimage013 img,
p.resizeimage014 img,
p.resizeimage015 img,
p.resizeimage016 img,
p.resizeimage017 img,
p.resizeimage018 img {
  width: 100%;
}

p.resizeimage1a img { width: 25%; }
p.resizeimage2a img,
p.resizeimage3a img,
p.resizeimage4a img,
p.resizeimage5a img,
p.resizeimage6a img,
p.resizeimage7a img,
p.resizeimage8a img,
p.resizeimage9a img,
p.resizeimage10a img,
p.resizeimage11a img,
p.resizeimage12a img,
p.resizeimage13a img,
p.resizeimage14a img,
p.resizeimage15a img,
p.resizeimage1b img,
p.resizeimage2b img,
p.resizeimage3b img,
p.resizeimage4b img,
p.resizeimage5b img,
p.resizeimage6b img,
p.resizeimage7b img,
p.resizeimage8b img,
p.resizeimage9b img,
p.resizeimage10b img,
p.resizeimage11b img,
p.resizeimage12b img,
p.resizeimage13b img,
p.resizeimage14b img,
p.resizeimage15b img {
  width: 80%;
}

/* 古い画像ヘッダーを使用する特集ページとの互換性を維持 */
#header {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #000;
  opacity: .6;
}

#footer {
  position: fixed;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  visibility: visible;
  opacity: .8;
}