body{
	background-color:#000000;
	color:#FFFFFF;
}

#title {
   font-size:6em;
   text-align: center;
}

#title a {
   text-decoration: none;        /* リンクの下線を消す */
	color:#FFFFFF;
}

.year {
   text-align: center;
   font-size:3em;
}

.page_title {
   color: #0000ff;
   font-size:5em;
}

.page_date {
   color: #222222;
   font-size:2em;
}

.header {
   font-size:5em;
}

.visiyear {
   font-size:3.5em;
   margin-left: 2%; 
}

.page_subtitle {
   color: #222222;
   font-size:3em;
   white-space : pre-wrap;
}

.allnum { 
   width: 7%;
   margin-left: 1%;
   padding: 0.5em;
   font-size:4em;
   text-align: center;
   background-color: #ddffdd;
   color:#888888;
}

.allnum a {
   text-decoration: none;        /* リンクの下線を消す */
   color:#dd11bb;
}

/* 横画面時 */
@media screen and (orientation: landscape) {

   div#screen {
      position: absolute;
      left:3vw;
      width:90vw;
      font-size:0.5vw;
   }

   .page img {
      width: 20vw;
      height: 15vw;
      object-fit: cover;
   }

   #content {
      position: absolute;
      padding-top: 8em;
      padding-left: 2em;
      z-index: 10;
   }   

   .footer {
      font-size:3em;
   }

   .header2 {
		padding-top: 120px;
      font-size:5em;
   }
      
}

/* 縦画面時 */
@media screen and (orientation: portrait) {

   div#screen {
      margin-right: auto;
      margin-left : auto;
      width:100%;
      font-size:1vw;
   }

   .page img {
      width: 40vw;
      height: 30vw;
      object-fit: cover;
   }
   
   #content {
      padding-top: 8em;
      z-index: 10;
   }   

   .footer {
      font-size:5em;
   }

   .header2 {
      font-size:5em;
   }
      
}