@charset "UTF-8";


@media (min-width: 768px) {
  /* フォント */
  .datefont{font-size: 18px;}
  .titlefont{font-size: 30px;}
  .newsfont{font-size: 15px;
         line-height: 1.8;}

  .newsouter{padding-bottom: 90px;}
  .update{padding-left: 50px;}
  .title{padding-left: 70px;
         padding-top: 30px;
         padding-bottom: 30px;}
  /*.title:after{content:"";
                  display: block;
                  clear: both;}
  .title1{float: left; width: 55%;
          padding-left: 70px;
          padding-top: 30px;}
  .hishoimg{float: right; width: 30%;
            padding-right: 100px;}*/
  .news{padding-left: 70px;
        padding-right: 70px;}
  .newsimg{width: 50%;
          padding: 8px;}
  .hishoimg{width: 30%;
            margin-left: auto;
            padding-right: 30px;}
  .col2img:after{content:"";
                  display: block;
                  clear: both;}
  .leftimg{float:left; width: 50%;}
  .rightimg{float:left; width: 50%;
            padding-top: 100px;}
  .bleftimg{padding: 5px;}
  .brightimg{padding: 5px;}
}


@media (max-width: 767px) {
  /* フォント */
  .datefont{font-size: 11px;}
  .titlefont{font-size: 15px;}
  .newsfont{font-size: 10px;
         line-height: 1.5;}

  .newsouter{padding-bottom: 70px;}
  .update{padding-left: 10px;}
  .title{padding-left: 20px;
         padding-top: 20px;
         padding-bottom: 20px;}
  .news{padding-left: 20px;
        padding-right: 20px;}
  .newsimg{width: 50%;
          padding: 5px;}
  .hishoimg{width: 35%;
            margin-left: auto;
            padding-right: 20px;}
  .col2img:after{content:"";
                  display: block;
                  clear: both;}
  .leftimg{float:left; width: 50%;}
  .rightimg{float:left; width: 50%;
            padding-top: 40px;}
  .bleftimg{padding: 3px;}
  .brightimg{padding: 3px;}
}