@charset "Shift_JIS";
/* CSS Document */

.fontW{ font-size: 1.3em; }

.sp_none { display: none; }

.red{ color: #e61b36; }

/* サイト全体設定
------------------------------------------------*/
body {
  font-size: 1em;
  width: 100%;
}

/*- ヘッダー -*/
#p_header {
  margin-top: 30px;
  margin-bottom: 10px;
}
#p_header h1 {
  background-image: url(../images/senkyo_sp.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
#relay {
  width: 350px;
  margin: auto;
}

/* サイトタイトル（選挙特番　愛媛選挙区速報）
------------------------------------------------*/
h1 {
  width: 100%;
  height: 110px;
}
h1 span {
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1+p {
  font-size: 0.5em;
  text-align: center;
}
#banner {
  text-align: center;
  margin: 10px 0;
}
#banner .bn_ebc{
  width: 85%;
  height: auto;
}
#banner .bn_fnn{
  width: 85%;
  height: auto;
  margin-bottom: 10px;
}

/*- 地区単位の領域 -*/
#content {
  /*padding: 5px;*/
}
section {
  display: block;
  padding: 0 0 20px;
}

/*- 投票結果 -*/
.list {
  background-color: #FFFFFF;
  border: solid 1px #E0E1E0;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 10px;

  box-shadow:5px 5px 10px #999999;
}
.list2 {
  background-color: #FFFFFF;
  border: solid 1px #E0E1E0;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 10px;

  box-shadow:5px 5px 10px #999999;
}
/*- 地区名 -*/
.list h3 { display: inline-block; width: 8em; font-weight: bold; }
.list2 h3 { display: inline-block; width: 8em; font-weight: bold; }
/*- 開票状態 -*/
.list p { display: inline-block; font-size: 0.75em; }
.list2 p { display: inline-block; font-size: 0.75em; }

/*- 人単位 -*/
dl { padding: 5px 0 0; border-bottom: solid 1px #E0E1E0; }
dt { /*float: left;*/ }
dt a {
  color: #000000;
  display: inline-block;
  text-decoration: none;
  /*width: 6.5em;*/
}
dt img { padding: 0; float: left; }
dt img:last-of-type { padding: 0 10px 0 0; }
dd { /*padding: 13px 0 0;*/ text-align: right; }

/*- コメント -*/
p.coment {
  background-color: #FFFFFF;
  border: solid 1px #E0E1E0;
  font-size: 0.9em;
  display: block;
  /*height: 1em;*/
  margin: auto;
  overflow: hidden;
  padding: 10px;
}

/*- 動画 -*/
.move {
  background-color: #000000;
  margin: 10px auto 0;
  position: relative;
  height: 135px;
  width: 240px;
}
.move:after {
  background-image: url(../images/playback.png);
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""; 
  display: block;
  height: 50px;
  position: absolute;
  width: 50px;
  top: 42px;
  left: 95px;
  
  pointer-events: none;
}

/*- リロード -*/
#reload {
	margin: 15px auto;
	display: grid;
	place-items: center;
}
#reload a {
	width: 200px;
	background-color: #F93;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	border-radius: 15px;
	display: flex;
	place-content: center;
	place-items: center;
	color: #fff;
}
#reload p {
	font-size: 10px;
	display: block;
}

/*- フッター -*/
#footer {
  border-top: solid 1px #000000;
  font-size: 50%;
  padding-top: 10px;
}