/*

css 原爆ドーム　に適応　

2023.02.07
2023.02.07　update

MCC　h.masumura


*/



/*スマホ定義*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
img{
	max-width: 100%;
height: auto;
}

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

/*::::::::::YouTube:::::::::::::::::::::::::::::::::::::::::::::*/


.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*     ////////////////ナビ//////////////////                               */
nav{
  width: 100%;
/*  height: 50px; */
/*  background-color: whitesmoke; */
/* #64064f; */
/*
 padding: 20px; */             /* 余白指定 */
}

/*    上下のセンターも     */
/* ////////////////////////ヘッダー/////////////////////////////////////////////// */
header{
  width: 100%;
 /* height: 100px; */

  background-color:#64064f;
  vertical-align:  middle; 
/* whitesmoke; */
 padding: 5px;              /* 余白指定 */
}



/* ////////////////////////////////メイン/////////////////////////////////////// */
main{
  display: flex;
/*  height: 600px; */
  padding: 20px;              /* 余白指定 */
}

/* //////////////////////////////////////サイド1///////////////////////////////// */

#side1{
  width: 100px;
  background-color: rgb(170, 221, 252);
}

/* /////////////////////////////////////////////コンテンツ////////////////////////// */
#contents{
	width: 800px;

/*
      text-align:  center;
*/

/*
     lightyellow;
     whitesmoke;
*/

background-color: whitesmoke;

margin:  0 auto;  /* 中央寄せ */


padding: 20px;              /* 余白指定 */

}

/* ///////////////////////////サイド2//////////////////////////////////////////// */

#side2{
  width: 100px;
  background-color: rgb(253, 179, 150);
}

/* ///////フッター//////////////////////////////////////////////////////////////// */
footer{
  height: 150px;
  background-color: #64064f;
vertical-align:  middle; 
margin:  0 auto;  /* 中央寄せ */
padding: 20px;              /* 余白指定 */

}



/* ////////////////////////リンクの色変えない/////////////////////////////////////////////// */
/*リンクの色変えない*/
a,a:hover,a:visited{
    color: inherit;
}