﻿body   {
     font-size:12px; 
     font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
     background:url("../../akasozai/bg069.gif");
     background-attachment:fixed;
     background-color:dimgray;
     margin:2px auto;
     padding:0px;
     text-align:center;
     max-width:1000px;
     }
#div0  {
     border:0px ridge red;
     width:100%;
     margin:10px auto 10px auto;
     text-align:center;
     }
#container {
    width:100%;
    display:flex;
    flex-wrap: wrap;
}   
#divcss {
    text-align:left;
    flex-basis:30%; 
}
#divtitle {
    flex-basis:65%; 
    font-weight: 600;
    font-size:1.5rem;
    font-family:'Monotype Corsiva','CourierNewPS-BoldItalicMT';
    color:gold;
    text-align:left;
    letter-spacing:2px;
    padding:6px 2px 2px 12px;
    border-radius:4px;       
    text-shadow:2px 2px 0px black, -1px 1px 20px blue,
    1px -1px 20px blue, -1px -1px 20px blue;
    }
#divtitle span {
    color:red;
    }
#divscreen {
    border:0px solid red;
    width:100%;
    margin:0px auto;
    } 
#divscreen img {
    width: 80%;
    height:52vh;
    object-fit: contain;
    margin:0px auto;
    }    
#divtext {
    border:0px solid red;
    text-align:left;
    width:100%;
    margin:5px 0px 5px 0px;
    }
#divtext form textarea {
    border:0px solid ivory;
    overflow:hidden;
    width:90%;
    text-align:center;
    padding:2px;
    font-size:1.0rem;
    color:black;
    text-shadow: 1px 1px 1px snow;
    font-family:"Comic Sans MS";
    font-weight:600;
    margin:0px auto 0px 12px;
    background:url("../../akasozai/dummy.png"); 
   }
/* -------------- index  --------------------*/
#divindex {
    border:1px solid white;
    width:90%;
    margin:0px auto;
    display:flex; 
    justify-content:space-around;
    }
#divindex a img {
    width:50px;
/*    height:37px; */
    padding:2px;
    }
/*
#divindex span {
}
*/
#divnext {margin:10px;}
#divnext a {color:blue;}
#divnext a:link {border:1px solid ivory;color:brown;font-weight: 700;padding:1px 2px;border-radius: 2px;}
#divnext a:hover {background-color:lime;color:black;
    }

/* modoru */
#modoru , #return  {
    width:10%;
    border:2px ridge ivory;
    background-color:white;
    margin:0px 10px 10px 20px;
    float:left;
    text-align:center;
    font-size:0.8rem;
    font-weight:bold;
    padding:2px;
    border-radius:5px;
    }
#modoru a:link , #modoru a:visited , #return a:link , #return a:visited { 
     display:block;
     text-decoration:none; 
     color:lightblue;
     text-shadow:1px 1px 0px black; 

     }
#return a:link , #return a:visited { 
   border:2px ridge gold;
   }
#modoru a:hover , #return a:hover {
    color:red;
    background-color:lime;
    }  

/*------------------ mobile responsive ------------------------------*/
@media screen and (max-width: 414px) { 
    #divtitle {
              font-size:1.2rem;
    }
    #divscreen img {
        height:20vh;
        object-fit: contain;
        padding:2px 8px 2px 8px;
    }
    #divtext form textarea {
        font-size:0.6rem;
    }
    #divindex {
        border:1px solid white;
        width:98%;
        margin:10px auto; 
    } 

 }
/*------------------ mobile responsive ------------------------------*/

