body {
 text-align:center; 
 font-family: "Helvetica", sans-serif;
 font-size : 110%;
 background-color: none;
}

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


@media screen and (max-width: 743px) { 
  body {
            font-size : 130%;
  }

  #outline {
             width:90%;   
    }       

 .flex {   
    display: block; /* 縦並びにする */ 
    }

.main { 
   
      width:90%;
    }

.side { 
   
      width:90%;
    } 
 }

@media screen and (min-width: 744px) and (max-width: 1023px) {
 
   body {
            font-size : 120%;
  }

   #outline {
             width:90%;  
      } 

      .flex {       
        display: flex; /* 横並びにする */ 
        flex-direction: row; 
       }    

   .main { 
   
      width:80%;
    }

.side { 
   
      width:20%;
    }

  }

@media screen and (min-width: 1024px) {

     #outline {
             width:80%;   
      } 

     .flex {       
        display: flex; /* 横並びにする */ 
        flex-direction: row; 
       }    

     .main { 
   
      width:80%;
    }

.side { 
   
      width:20%;
    }

}

/*========================↓枠の設定↓===============================*/

/*---------↓外枠の設定↓----------------*/
#outline {
 text-align:left;
  margin:0 auto;
 }

/*-------コンテンツ部分のﾏｰｼﾞﾝ-----------*/
.outline-margin {
 margin:; 
}


/*-------ﾒｲﾝ部分-----------*/
.main { 
  height:;
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:100px;
}



/*-------ﾒｲﾝのｺﾝﾃﾝﾂ部分-----------*/
.main-contents{
  margin-top : 10px;
  margin-left : 10px;
  margin-right : 10px;
  margin-bottom : 10px;
}


/*-------右ﾒﾆｭｰﾊﾞｰ-----------*/
.side { 
  height:;
  padding-top:20px;
  padding-left:20px;
  padding-bottom:100px;

}



/*---------ヘッダーフッター-------------*/

.header{
　text-align:;
　border-left: 1px solid white; 
  border-bottom: 1px solid silver; 
  border-right: 1px solid white; 
  border-top: 1px solid white; 
  padding-bottom:10px;
}

.top{
  text-align:left;
  color:;
  margin-left :10%;
  margin-top :10px ;
  font-size : 150%;
}

.top_menu{
text-align:right;
margin-right : 40px;
}


.footer{
  background-color:silver ;
  text-align: center;
  padding: 20px;

}

.copy{
  padding-top: 10px;
  font-size : 90%;
}


/*========================↓右サイドバーの設定↓===============================*/


.menu-title{
   border-left:5px solid silver; 
   padding-left : 5px;
 }

.menu{
  padding-top : 10px;
  margin-left : 10px;
}




/*========================↓共通↓===============================*/

/*------------↓リンク文字の表示設定↓-----------*/

A:LINK{
    color : ;
    text-decoration:none;

}


A{
　text-decoration: none;
}

A:ACTIVE{
  color : ;
  text-decoration:none;

}

A:HOVER{
  color :;
  background-color :; 
  text-decoration: underline;
}





/*--------------------------↓flex↓------------------*/



.flex {
  /* display: flex; /* 横並びにする */ */
  /* flex-direction: row; */
}
.flex .half {
  width: 50%;
  background-color:silver ;

}



/*--------------------------↓その他↓------------------*/