@charset "utf-8";

/* 右から左にグラデーション */
   div.colorbox_rtol{
       position: relative;
   }
   div.colorbox_rtol div.color{
       position: absolute;
       top: 0;
       right: 0;
       width: 100%;
       height: 100%;
       z-index: 2;
       background-image:linear-gradient(0deg, hsl(210, 94%, 77%), hsl(270, 90%, 87%));
   }
   div.colorbox_rtol img{
       display: block;
       width: 100%;
   }

/* 左から右にグラデーション */
   div.colorbox_ltor{
       position: relative;
   }
   div.colorbox_ltor div.color2{
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       z-index: 2;
       background-image:linear-gradient(0deg, hsl(210, 94%, 77%), hsl(270, 90%, 87%));
   }
   div.colorbox_ltor img{
       display: block;
       width: 100%;
   }