.flex-box{
display           : -webkit-box;
display           : -ms-flexbox;
display           : flex;
-webkit-box-pack  : justify;
-ms-flex-pack     : justify;
justify-content   : space-between;
align-items       : flex-start;
-webkit-flex-wrap : wrap; /* Safari */
flex-wrap         : wrap;
}

.flex-box img{
max-width: 100%;
min-height: 0;
padding: 5px;
}

.flex_l p {word-break: break-all;}
.flex_r_00 p,
.flex_r_01 p,
.flex_r_015 p,
.flex_r_02 p,
.flex_r_03 p,
.flex_r_04 p,
.flex_r_05 p,
.flex_r_new p{word-break: break-all;}

.flex_l{flex:1; padding-right:10px;}

.flex_r_00{flex:0.1!important; }

.flex_r_01{flex:0.2;}
.flex_r_015{flex:0.3;}
.flex_r_02{flex:0.4;}
.flex_r_03{flex:0.5;}
.flex_r_04{flex:0.7;}
.flex_r_05{flex:1;}

@media screen and (max-width: 1024px) {
.flex-box{display : block!important;}
.flex_l{padding-right:0px;}
}



/*---------------------------------------------
　　　グリッドレイアウト
---------------------------------------------*/
.grid {/*プラス10キャンペーン用*/
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}


.cssgrid_ad { /*有料バナー広告用*/
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.8em;
  border: 0 solid #ddd;
  padding: 0.5em;
  margin: 0 0 2em;
}

.cssgrid_ad > a img{
  background: ;
  overflow: auto;
  min-width: 0;
  padding: 5px!important;
  margin:0 auto;
}