@charset "utf-8";
.backGroundClor{
  padding: 3% 35px 3% 35px;
  background-color: #fee21d;
  border-radius: 1.5em;
}
.backGroundClor2{
/* background-image: url("../../../../img/v3/bukatsu/bukatu_bg_0223.png"); */
 background-color: #fff;
 background-repeat: repeat;
 padding-bottom: 2%;
}

.clubTopImg {
/*  text-align:center;*/
/*  background-image: url("/img/v3/bukatsu/index/welcom_wonder.png");*/
/*  background-size:contain;*/
  max-width: 960px;
  background-color: #016a4b;
  border: 6px solid #755225;
  box-shadow:0px 0px 35px -5px #000 inset;
}

.clubTopImg .clubTopLogo {
  background-image: url("/img/v3/bukatsu/index/logo_welcom_wos.png");
  padding-bottom: calc(100% * 176/950 );
  background-size: 100% auto;
}

.clubTopImg .flexBox {
  padding-top: 34px;
}

.clubTopImg .flexBox .flexItem a img {
  max-width: 224px;
  max-height: 90px;
}

.clubTopImg .flexBox .flexItem{
  margin-bottom: 2px;
}

.bukatsuTopHeadline {
  margin-top: 15px;
  text-align: center;
}

article .firstTopInfo {
  margin-top: 10px;
}

.flexBox{
  display: flex;
  flex-wrap: wrap;  
  width: 890px;
  margin: auto;
  justify-content: center;
}
.snsBlock{
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin: 10px 0;
	justify-content: center;
}
.positionClear .wonderButton {
  position: static;
}
/* ワンダーボタン */
.wonderButton {
  float: left;
  background: #ff0000;
  border-radius: 5px;
  box-shadow: 1px 1px 2px #5d5d5d;
}

.wonderButton .link {
  display: block;
  color: #fff;
  padding: 2px 8px 1px;
  font-size: 11px;
  font-size: 1.1rem;
}

.wonderButton.voted {
  background: none;
  box-shadow: none;
}

.wonderButton.voted .link {
  pointer-events: none;
  color: #ff0000;
}
.bukatsuBlock{
  text-align: center;
  margin: 20px 0;
}
@media(max-width: 768px) {
  .backGroundClor{
    padding: 0;
  }
  .clubTopImg{
    width: 100%;
  }
  .flexBox{
    width: 100%;
  }
  .flexItem{
    width: 50%;
  }
  .snsBlock{
    justify-content: left;
    margin: 2%;
  }
/*
  .clubTopImg{
    background-image: url("../../../../img/v3/bukatsu/index/dummy_top.png");
    width: 960px;
    height: 440px;
  }
*/
  .contentsOuter {
    padding: 2.5vw 2.5vw;
    background-color: #79f65f;
    border-radius: 0;
  }

  .clubTopImg {
    width: calc(100% - 12px);
    height: auto;
    background-color: #016a4b;
    border: 6px solid #755225;
    box-shadow:0px 0px 35px -5px #000 inset;
  }

  .clubTopImg .clubTopLogo {
    background-image: url("/img/v3/bukatsu/index/logo_welcom_wos_sp.png");
    padding-bottom: calc(100% * 153/711 );
    background-size: 100% auto;
  }

  .clubTopImg .flexBox {
    padding: 15px 0;
  }

  .clubTopImg .flexBox .flexItem {
    width: calc(50% - 10px);
    text-align: center;
  }
  .clubTopImg .flexBox .flexItem a img {
    width: 100%;
  }

  .bukatsuTopHeadline {
    display: none;
  }

}