<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* 画像枠赤 */
.waku a img {border:2px solid white}
.waku a:hover img {border:3px solid #ff0000}

.img_wrap{
  border: 1px solid #ddd;
  width: aoto;
  height: aoto;
  margin: 10px auto 0;
  transition-duration: 0.5s;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
}
.img_wrap:hover{
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  transform: translateY(1px);
  transition-duration: 0.1s;
}

img.miniimage { display: none; }   /* ※1 */

/* ▼表示領域が600px以上の場合 */
@media (min-width: 600px) {
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
/* ▼表示領域が600px未満の場合 */
@media (max-width: 599px) {
   img.miniimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}

.resizeimage img { width: 100%; }   /* ※2 */

.wrap{
display: flex;
flex-wrap: wrap;
}

.yokonarabeimg{
display:inline-block;
width:calc(94% / 3);
}

 /* --- 外枠の定義 ---------------------------------------------*/
.box {
  margin         : auto;                 /* サンプル用 中央寄せ */
  box-sizing     : border-box;           /* 罫線も含む長さ      */
  background     : none;                 /* BOXの背景色         */
  border         : none;       /* 枠線の指定          */
  width          : auto;                /* BOXの幅             */
  max-height     :auto;                /* BOXの高さ           */
  animation: boxAnime 10s linear infinite alternate;

  /* ▼ FlexBoxの定義 */
  display        : flex;                 /* FlexBox定義         */
 justify-content: left;        /* 揃えの定義          */
  flex-wrap      : wrap;                 /* 折り返し定義        */
}

 /* --- 個別のBOXの定義 --------------------------------------- */
.box div {
  box-sizing     : border-box;           /* 罫線も含む長さ      */
  background     : #FFF;              /* BOXの背景色         */
  border         : none;    /* 枠線の指定          */
  width          : auto;                 /* サンプルBOXの幅     */
  height         : auto;                 /* サンプルBOXの幅     */
  margin         : 10px;                  /* サンプルBOXの間     */
}</pre></body></html>