@charset "utf-8";
/* CSS Document */

/* モバイルレイアウト : 481 px およびそれ以下. */


#news-content {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: space-between;  /*オレンジ*/
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  max-width: 100%;
}

.inboxF {                            /*topの青囲み*/
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  background-color: #FFFFFF;  
  padding: 10px;
  margin-bottom: 30px;
  margin-top: 0px;
  margin-right: 4px;
  margin-left: 4px;
  border: 1px solid #41b5e9;
  border-radius: 5px;
  min-width: 90%;
}





/* タブレットレイアウト : 482 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

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

#news-content {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: space-between;  /*オレンジ*/
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  padding: 10px 0px 10px 0px;
}

.inboxF {
  max-width: 45%;
  min-width: 30%;
}



 
}




/* デスクトップレイアウト : 1024 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

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


#news-content {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: center;  /*オレンジ*/
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
}


.inboxF {                            /*topの青囲み*/
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  background-color: #FFFFFF;
  margin-bottom: 30px;
  margin-top: 0px;
  margin-right: 4px;
  margin-left: 4px;
  border: 1px solid #41b5e9;
  border-radius: 5px;
  max-width: 290px;
  min-width: 150px;
  padding-top: 10px;
  padding-right: 16px;
  padding-bottom: 10px;
  padding-left: 16px;
}




}