@charset "utf-8";
	/*画面の高さが500px以下の追加指定*/
@media screen and (max-height:500px) {
  header {
	  position: absolute;	/*メニューが切れて見えなくならないように、fixedを中止する*/
  }
}

	/*画面幅700px以上の追加指定*/
@media screen and (min-width:700px) {
  .new {
	  display: grid;	/*gridを使う指定*/
	  grid-template-columns: auto 1fr;	/*横並びの指定。日付とアイコン部分の幅は自動で、内容が入るブロックは残り幅一杯とる。*/
	  padding-left: 50px;
  }
}  
  

 


	/*画面幅900px未満の追加指定*/
@media screen and (max-width:900px) {
html, body {
	font-size: 15px;	/*基準となるフォントサイズ。*/
}
  	.topcontainer {
	  display: block;
		flex-wrap:wrap;
		flex-direction: column;
  
	}
	
  .proftd {
	  white-space:wrap;
  }
  #section1, #section2, #section3, #section4,#section5 {
	  border-radius: 20px;
	  margin-left:10px;
	  margin-right:10px;
  }
  #section4a {
	  border-radius: 10px;
	  margin-right:10px;
  }
  #pr{
	  margin-right:10px
	  }
}


	/*画面幅900px以上の追加指定*/
@media screen and (min-width:900px) {
  html, body {	  
  }
  
  header {
	  position: fixed;	/*スクロールしても動かないようにする設定*/
	  left: 0px;
	  top: 0px;
  }
  main {
	  margin-left: 240px;	/*headerのwidthに合わせる*/
  }


  
  #section1 {
	  margin-left: 0px;
	  margin-right: 0px;
	  padding-left: 0px;
	  padding-right: 0px;
  }
  #section4a {
	  padding: 2vw 1vw 2vw 2vw;
  }
  .ws {
	  width: 48%;
	  display: inline;
  }
  .sh {
	  display: none;
  }
  .pc {
	  display: block;
  }  

}