@charset "UTF-8";





h2 {text-align:center;
    font-family:"Times New Roman",serif; 
    font-size:150%;
    letter-spacing:6px;
    margin:0px 0px 0px 0px;}





@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
}
@media screen and (orientation: portrait) {
   /* 縦向きの場合のスタイル */
}





/*======================  画像を画面のサイドいっぱいにする  ======================*/

img{ max-width: 100%;
     height: auto;
     width /***/:auto; }

/*--------------------------------------------------------------------------------*/





/*==================  ＜div class="class1"＞を付けてセンターへ  ==================*/

.class1 { text-align: center; }

/*--------------------------------------------------------------------------------*/





/*==============================  画面フェードイン  ==============================*/

body{ background-color:#000000;    
      background-image:url("../images/.jpg");
      background-repeat:no-repeat;
      animation: fadeIn 2s ease 0s 1 normal;
     -webkit-animation: fadeIn 2s ease 0s 1 normal;}


@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}


@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}

/*--------------------------------------------------------------------------------*/





/*====================================  背景  ====================================*/

body{ background-image: url("../images/haikei3.png");
      background-repeat: no-repeat;
      background-position:center top; }

/---------------------------------------------------------------------------------*/
















/*================================  見えない文字  ================================*/

h1{font-size:0%;}



/*--------------------------------------------------------------------------------*/





/*===========================  背景色透過 　説明領域  ===========================*/

p1{font-size:110%;
   line-height:1.5;
   letter-spacing:4px;
   padding:10px 25px 30px 30px; max-width:95%;
   display:block;
   width:550px;
   text-align:left;
   color:#000000;
   background-color:rgba(255,255,255,0.7);}


a:hover {
    background-color:rgba(192,237,232,0.5);}


@media (max-width: 450px) {
     p1 { 
          float: none;
          margin: 0px 0px 0px 0px;
          width: auto;
          max-width:95%;  }}

/*----------------------------------------------------------------------------------*/





/*============================  説明領域をセンターに  ===========================*/

#center{margin:0px auto 0px 0px;
        width:550px;
        max-width:100%;     /*　←フレームを変えても収まる　*/
        padding:0px 0px; }




/*-----------------------------------------------------------------------------------------*/




p{ margin-left:40px }

em{ background-color:rgba(255,0,0,0.1);
    font-style:normal; }

div{ font-style:normal;
     color:#ff0000;
     text-align:center; }

#no{ text-align:center;margin-bottom:10px;
     font-size:150%; }

@media (max-width: 550px) {
    #no { letter-spacing:-1px;
           }}

h5{ text-align:center; }


#cancel{margin:0px;}










/*=======================================  フッダー  ======================================*/

#foot{text-align:center;
      margin:40px 0px 30px 0px;
      font-style:normal;
      font-size:18px;
      color:#666633;}

/*-----------------------------------------------------------------------------------------*/