@charset "UTF-8";
/*トップページ スマホ*/

/*スライダー*/
@keyframes horizontal-animation {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.slider-container {
  display: flex;
  overflow: hidden;
}

.slider-wrapper {
  display: flex;
  animation: horizontal-animation 40s linear infinite;
}

.slide {
  width: auto;
}

.slide img {
  width: auto;
  height: 420px;
  vertical-align: bottom;
}

@media (hover: hover) {
  .slider-container:hover .slider-wrapper {
    animation-play-state: paused;
  }
}


#slide_txt {
padding: 20px 5%;
margin-bottom: 30px;
}

#slide_txt img {
display: block;
margin: 0 auto;
width: 90%;
}
#header_box {display: none;}


/*メイン*/
#content1 {
width: 90%;
margin: 0 5% 30px;
}

/*おこたこ広報室*/
#news {
width: 100%;
margin-bottom: 30px;
}

#news h3 {
font-size: 1.3em;
font-weight: bold;
border-bottom: 2px solid #222;
padding-bottom: 5px;
}

#news p {
border-bottom: 1px dotted #222;
padding: 15px 0;
}

/*おこたこ広報室バナー　左*/
#news_banner1 {
width: 100%;
}

#news_banner1 img {
width: 100%;
height: auto;
}

#news_banner1 iframe {
width:100%;
height:52vw;
}

#news_banner1 div#kodomo img {
width:100%;
}

/*おこたこ広報室バナー　下*/
#news_banner2 {
padding-top: 20px;
overflow: hidden;
}

#news_banner2 div {
float: left;
width: 32%;
}

#news_banner2 div img {
width: 100%;
height: auto;
}

#news_banner2 div:nth-child(2) {margin: 0 2%;}


/*インスタ　SnapWidget*/
#content2 {
width: 90%;
margin: 0 5%;
}

#content2 h3 {
font-size: 1.5em;
font-weight: bold;
border-bottom: 2px solid #222;
padding-bottom: 5px;
margin-bottom: 20px;
}

iframe {
width:100%;
height:350px;
}

/*組合員一覧*/
#content3 {
width: 100%;
background-color: #f4fae8;
padding-top:50px;
}

#content3-inner {
width: 90%;
margin: 0 5%;
overflow: hidden;
}

#content3 h3 {
font-size: 1.5em;
font-weight: bold;
border-bottom: 2px solid #222;
padding-bottom: 5px;
margin-bottom: 20px;
}

#content3 ul {
margin: 0;
padding: 0;
}
#content3 ul li {
float: left;
width: 20vw;
list-style: none;
margin: 0 1vw;
padding: 0;
}

#content3 ul li img {
width: 100%;
}

#content3 ul li a img {
border: 1px solid #222;
}

/*賛助商社一覧*/
#content4 {
width: 100%;
background-color: #f4fae8;
padding-top:50px;
padding-bottom:50px;
}

#content4-inner {
width: 90%;
margin: 0 5% 30px;
overflow: hidden;
}

#content4 h3 {
font-size: 1.5em;
font-weight: bold;
border-bottom: 2px solid #222;
padding-bottom: 5px;
margin-bottom: 20px;
}

#content4 ul {
margin: 0;
padding: 0;
}
#content4 ul li {
width: 100%;
margin: 0 0 10px;
padding: 0;
list-style-type: none;
font-size: 0.9em
}