@charset "Shift_JIS";
 /* 480pxまで */
 /* 親フレックスボックス */
.fbox_ul{
  display: flex;
  display: -webkit-box;   /* Chrome 4-20, Firefox 2-21, Safari 3.1-6.0 */
  display: -webkit-flex;  /* Chrome 21-27 */
  display: -moz-box;      /* Firefox 2-21 */
  display: -ms-flexbox;   /* IE9 */
  list-style-type : none;
  flex-wrap: wrap;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

 /* 子フレックスボックス */

.fbox_li1{
  width: calc(50% - 2px);

}

.fbox_li2{
  width: calc(33% - 2px);
}

.fbox_img{
  height: auto;
  width: 100%;
}

/* ヘッダーのピクチャー部分 */
 @media screen and (max-width:480px){
.top-picture{
  width : 318px;
  display : block;
}
}

@media screen and (min-width:480px){
.top-picture{
  width : 440px;
  display : block;
}
}