@charset "utf-8";


/*CSSスライドショー設定
---------------------------------------------------------------------------*/
/* 画面上部の帯 */
 /* * { box-sizing: border-box; margin: 0; padding: 0; } */

    .slidecontainer{
      width: 680px;
      position: relative;
    }

    .slideshow2-container {
      width: 600px;
      height: 400px;
      overflow: hidden;
      margin: auto;
      background: #000;
    }

    .slides2 {
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 0.5s ease-in-out;
    }

    .slide2 {
      flex: 0 0 100%;
      max-width: 100%;
      height: 100%;
    }

    .slide2 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      background-color: #000;
    }

    .prev2, .next2 {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(238, 238, 238,0.5);
    	border: solid rgb(199 199 199) 1px;
      color: rgb(16 123 203);
      padding-bottom: 50px;
      padding-top: 50px;
      padding-left: 5px;
      padding-right: 5px;
      font-size: 23px;
      cursor: pointer;
      z-index: 10;
    }
    

    .prev2 { left: 10px; }
    .next2 { right: 10px; }
    
    
    .atlas_video1{
      width: 700px; height: 300px;
      
    }
    
    /* ディスプレイ640px以下 */
    @media screen and (max-width: 700px) {
      .slideshow2-container {
        width: 90%;
        height: 250px;
      }
      .slidecontainer {
        width: 100%;
       
        }
     
      .atlas_video1{
        width: 480px; height: 206px;
        
      }
      
    }
   
    @media screen and (max-width: 550px) {
     
     
      .atlas_video1{
        width: 320px; height: 137px;
        
      }
      
    }