@charset "utf-8N";
  /*  
      html, body { width:100%; height:100vh; margin: 0px auto; background:url(../../../img/w8b.gif); font-size:14px;line-height:150%; }

      .wrap{ width:1024px; margin: 0px auto; padding:5px; background:#ffe url(../../../img/w8b.gif); }

        #waku01 { overflow:hidden; padding:3px 0; margin: 0 auto; 
           display: flex; justify-content: center; text-align:center;
        }
          #topL { width: 8%; }
          #topC { width: 70%; color:#990000; min-height: 40px; font-family:Comic Sans MS; line-height:140%; font-size:36px; font-weight: bold; }
          #topR { width:22%; padding-top:1em; }
        #waku02 { width:100%; padding:0px; }
        #waku02 ul{ padding:0px;}
        #waku11 { clear:left; padding:4px 8px; }
        トップ～ #waku11まで、menuH5.css で記述済み    BKpoint  960 & 560 */
  
        h4 { margin: 1em 0em 0.2em 0em; padding: 5px 3px 1px 8px; border-image: none; height: 20px; color:#000000; font-weight: bold; background-color:#ccccff;}
       
        .main { display: flex; margin: 5px 0 0 0; 
                border: none #f00 1px; align-items: flex-start; }
        .main img { height:120px; margin-top:0.5em; }
        .main .col-1 { flex: 2; background: #fff; padding:5px;  margin:5px; overflow:auto;line-height:120%; }
        .main .col-2 { flex: 1; text-align:center; margin:0.5em auto; overflow:hidden;  }
        .tab-main .tab-uni2{ height:360px;}
         .td11{ display:flex; }
        .td11 .d11{ flex:1; margin-left:1em;}
        .td11 .d11:before { content: "・"; }
        .td11 .d12{ flex:3; }
                   
        .txta1 nth-child(2n+0){ background: #efe; }

        /* タブレット用---------------------------------- */
        @media screen and (max-width: 960px) {
          .main { flex-direction: column; }
          .main .col-1 { width:90vw; }
          .main img { width:80%; } 
          .cap11 { display: flex; flex-direction:column; }
          .tab-main .tab-uni2{ width:620px;overflow:auto;}
          .tab-main .tab-content{ width:840px;}
          .tab-main .art03{transform: scale(0.7, 0.7); height:360px;}
          .tab-main .art04{transform: scale(0.88, 0.88);}
          .tab-main .ifr12{transform:translate(-170px,-50px);}
          .tab-main .ifr13{transform:translate(-50px,-10px);}
        }

        /* スマホ用  同上---------------------------------- 
        @media screen and (max-width: 560px) {

        }
------ */