@charset "Shift_JIS";

.fontW{ font-size: 1.3em; }

.pc_none { display: none; }

.red{ color: #e61b36; }

/* ƒTƒCƒg‘S‘Ì�Ý’è
------------------------------------------------*/
body { font-size: 1.25em; }


/* ‘S‘̗̈æ
------------------------------------------------*/
#container {
  min-width: 1000px;
}

/*- ƒwƒbƒ_�[ -*/
#p_header {
  margin: 30px auto 5px;
  position: relative;
  width: 1000px;
}
#p_header h1 {
  background-image: url(../images/senkyo.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

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

/* ƒTƒCƒgƒ^ƒCƒgƒ‹�i‘I‹“/“Á”Ô EBC�O‰@‘I ˆ¤•Q‘I‹“‹æ‘¬•ñ�j
------------------------------------------------*/
h1 {
  font-size: 2em;
  text-align: center;
  width: 1000px;
  height: 120px;
  margin: auto;
  font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
  font-weight: bold;
  /*transform: translateY(30%) translateX(0%);*/
}
h1 span {
  font-family: Lato, "Noto Sans JP", "ŸàƒSƒVƒbƒN Medium", "ŸàƒSƒVƒbƒN‘Ì", "Yu Gothic Medium", YuGothic, "ƒqƒ‰ƒMƒmŠpƒS ProN", "Hiragino Kaku Gothic ProN", "ƒ�ƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
h1 + p {
  font-size: 0.5em;
  text-align: right;
  width: 100%;
}
#banner {
  text-align: center;
  margin: 10px 0;
}
#banner a{
  display: inline-block;
}
#banner a:hover{
  opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#banner img{
  display: inline-block;
  margin: 0 5px;
}
#banner .bn_ebc{
  width: auto;
  height: 80px;
}
#banner .bn_fnn{
  width: auto;
  height: 80px;
}

/*- ’n‹æ’PˆÊ‚̗̈æ -*/
#p_content {
  width: 1080px;
  margin: auto;
  padding: 0;
}
section {
  display: block;
  padding: 10px;
  width: 520px;
  margin: auto;
}
/* 
section:nth-of-type(odd) { clear: both; float: left; }
section:nth-of-type(even) { float: right; }
*/


/*- “Š•[Œ‹‰Ê -*/
.list {
  background-color: #FFFFFF;
  border: solid 1px #E0E1E0;
  margin-bottom: 20px;
  height: 18em;
  overflow: hidden;
  padding: 10px;

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

  box-shadow:5px 5px 10px #999999;
}
/*- ’n‹æ–¼ -*/
h3 { display: inline-block; width: 8em; font-weight: bold; margin-bottom: 0; border-bottom: 0; }
h3::after { content: inherit; }
/*- .list2 h3 { width: 100%; } -*/
/*- ŠJ•[�ó‘Ô -*/
p { display: inline-block; font-size: 0.75em; }

/*- �l’PˆÊ -*/
dl { padding: 5px 0 0; border-bottom: solid 1px #E0E1E0; }
dt { float: left; }
dt a {
  color: #000000;
  display: inline-block;
  text-decoration: none;
  width: 8.5em;
}
dt a:hover {
  text-decoration: underline;
}
dt img { padding: 0; }
dd { float: right; padding: 13px 0 0; }

/*- ƒRƒ�ƒ“ƒg -*/
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;
}

/*- ƒŠƒ��[ƒh -*/
#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;
	cursor:pointer
}
#reload p {
	font-size: 10px;
	display: block;
}

/*- ƒtƒbƒ^�[ -*/
/*#footer {
  font-size: 50%;
  text-align: center;
}*/