@media screen and (max-width: 640px) {

.コンテンツ1（mypage）{
  position:absolute;
  top:80px;
  left:2%;
  width:96%;
}

.コンテンツ2（mypage）{
  position:absolute!important;
  top:300px !important;
  left:2% !important;
  width:96% !important;
}


.コンテンツ3（mypage）{
  position:absolute !important;
  top:850px !important;
  left:10px !important;
  width:96% !important;
}

.コンテンツ1 {
    display: flex;
    flex-wrap: wrap;
  }

  .box {
    height:70px;
    width: 120px; /* 半分の幅に設定 */
    margin: 5px  30px 5px 5px; /* 上下のマージンを追加 */
    position:relative;
    top:45px;
    left:100px;
    line-height: 80px; /* テキストを上に移動 */
    font-size: 15px;
  }


.bar-graph-wrap{
  width: 150px !important;
}
.indicator{
  padding: 5px 15px 5px 15px;
  margin: 3px;
  width: 100px;
}




.コンテンツ1（users）{
  height: 900px !important;
}







.コンテンツ1（owner）{
  position:absolute;
  top:80px;
  left:2%;
  width:77% !important;
}

.コンテンツ2（owner）{
  position:absolute!important;
  top:570px !important;
  left:2% !important;
  width:96% !important;
}

.index-item-題名（owner）,.index-item（owner）{
  width: 1100px !important;
}



/* users/show ================================ */
.ranking-content {
    border:0.5px #666 solid;
    height:200px;
}

.ranking-circle{
    width:100%;
    height:40%;
}
.ranking-circle .item{
  position: absolute;
  top: 12%;
  left:53% !important;
  text-align:center;
  width:130px;
}
.ranking-circle .見出し{
  position: absolute;
  top: 15%;
  left: 18%;
text-align: center;
}

.ranking-name{
      width:100%;
      height:60%;
}

.company{
  display:flex;
  padding: 3px;
}
.company-name{
  font-size:13px;
  width:60%;
}
.company-feee{
  font-size:12px;
    width:40%;
    text-align:right;
    padding-top: 8px;
}

.chart {
  position: absolute;
  width: 160px;
  height: 160px;
  top: 57%;
  left: 110%;
  margin: -225px 0 0 -225px;
}
.ranking-circle .item{
  position: absolute;
  top: 18%;
  left:57%;
  z-index:2;
  background-color: white;
  border-radius:8px;
  padding: 2px;
}


.コンテンツ4（mypage）{
  height: 25px;
  width:74% !important;
  position:absolute;
  top: 745px;
  left: 2%;
  padding: 30px 0px 30px 80px;
  line-height:25px;
}

.doughnutSummaryTitle {
  position:relative;
  top: 25px;
}


/* users/new, users/edit ================================ */

.form-input-メール本文{
  position: relative;
  top:100px;
  margin-bottom: 100px;
}

.form-input-affiliate{
  position:relative;
  top:-330px;
  right:120px;
}








}