@charset "UTF-8";

@media screen and (max-width:960px) {
  #profmainwrapper{
    width: 360px;
  }
  .profileBlock{
    width: 340px;
  }
}

@media screen and (min-width:960px) {
  #profmainwrapper{
    width: 940px;
  }
  .profileBlock{
    width: 720px;
  }
}

#profmainwrapper{
  position: relative;
  margin: auto;
  font-family: sans-serif;
  overflow: hidden;
  font-size: 18px;
}

.profileBlock{
    position: relative;
    display: block;
    margin: auto;
    left:0;
    right: 0;
    height: auto;

}

.zerofont{
  font-size: 0;
}

.marginTop100px{
  margin-top: 100px;
}
.profileContainer{
  position: relative;
  display: inline-block;
  width: 50%;
  height: inherit;
  font-size: 16px;
}
.margineTopAndBottom50px{
  margin-top: 50px;
  margin-bottom: 50px;
}

.profileName{
  position: absolute;
  margin: auto;
  top:0;
  bottom: 0;
  left: 0;
  right:0;
  width:80%;
  height: 50px;
  font-size: 20px;
  text-align: center;
}
/*この二つをそろえる*/
.profileImage{
  height: 70px;
  width: 100%;
  object-fit: contain;
}
.height100px{
  height: 70px;
}


@media screen and (max-width:960px) {
  .circle{
    position: relative;
    display:inline-block;
    border-radius: 50%;
    margin: 5px 5px;
    width:50px;
    height:50px;
    overflow: hidden;
  }
}

@media screen and (min-width:960px) {
  .circle{
    position: relative;
    display:inline-block;
    border-radius: 50%;
    margin: 5px 13.2px;
    width:80px;
    height:80px;
    overflow: hidden;
  }
}

@media screen and (max-width:960px) {
  #bgrwapper1,#bgrwapper2{
    width: 360px;
  }
  #bgrwapper1{
    top:0;
  }
}

@media screen and (min-width:960px) {
  #bgrwapper1,#bgrwapper2{
    width: 960px;
  }
  #bgrwapper1{
    top:25px;
  }
}

#bgrwapper1{
  position: fixed;
  margin: auto;
  height: 200px;
  font-size: 0;
  top:0;
  left:0;
  right: 0;
  z-index: -1;
}

#bgrwapper2{
  position: fixed;
  margin: auto;
  height: 200px;
  font-size: 0;
  left:0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
#bgrwapper1,#bgrwapper2{
  text-align: center;
  filter:blur(5px);
}

footer{

  font-size: 20px;
}




/*
###################################
#  2022.6
#  プロフィールページ
#  レイアウト大幅変更
#   　
#  スマホ版　PC版　
###################################
*/

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

  .activity_history_area{
    font-size: 10px;
  }

  .activity_history_text{
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  /*2024.9　追加　About文字*/
  .about_text{
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  /*2024.9　追加　リンク*/
  .about_links{
    text-align: center;
  }
  /*2024.9　追加　リンク*/
  .about_links{
    text-align: center;
    line-height: 20px;
  }
  .about_links a{
    text-decoration: underline;
  }

  .prof_font{
    font-size: 10px;
  }
  .new_sns_h1{
    font-size: 14px;
  }

  .scale_095{
    transform: scale(0.95);
    transform-origin: center;
  }
  .scale_085{
    transform: scale(0.85);
    transform-origin: center;
  }

  /*
    ###########################
    #       微調整クラス    
    #    　　右にずらし
    ###########################
    */

  .prof_box_pc .padding_box_1{
    padding-left: 10px;

  }
  .prof_box_pc .padding_box_2{
    padding-left: 10px;
  }

}

@media screen and (min-width:960px) {

  .activity_history_area{
    font-size: 16px;
  }

  .activity_history_text{
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 15px;
  }


  /*2024.9　追加　About文字*/
  .about_text{
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  /*2024.9　追加　リンク*/
  .about_links{
    text-align: center;
    line-height: 30px;
  }
  .about_links a{
    text-decoration: underline;
  }

  .prof_font{
    font-size: inherit;
    }

    .new_sns_h1{
      font-size: 30px;
    }

    .prof_box_pc{
      margin: auto;
      width: 640px;
    }
  
    .scale_075{
    transform: scale(0.75);
    transform-origin: center;
    }

    /*
    ###########################
    #       微調整クラス    
    ###########################
    */
    .prof_box_pc .padding_box_1{
      padding-left: 80px;

    }
    .prof_box_pc .padding_box_2{
      padding-left: 80px;
    }

    .activity_history_area .padding_box_3{
     padding-left: 100px;

    }

}



.new_sns_block{
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:15px;
  height: auto;
  font-size: 0px;
}

.new_sns_block a{
  text-decoration: none;
}

.new_sns_box{
  display: inline-block;
  width: 50%;
  height: 35px;
  font-size: 0;
}

.new_sns_box div{
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
}

.new_sns_box .text{
  position: relative;
  width: 70%;
  font-size: 10px;
  line-height: 50px;
}

.new_sns_box .text .text_area{
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-weight: 700;
}

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

  .new_sns_block{
    width: 300px;
  }
  

  .new_sns_box .text .text_area{
    font-size: 12px;
  }

  .new_sns_box .icon{
    background-size: 30px 30px;
  }

}

@media screen and (min-width:960px) {

  .new_sns_block{
    width: 420px;
  }


  .new_sns_box .text .text_area{
    font-size: 18px;
 }

 .new_sns_box .icon{
  background-size: 40px 40px;
}

}


.new_sns_box .icon{
  width: 30%;
  background-position: center;
  background-repeat: no-repeat;
}

.twitter_icon_circle{
  background-image: url(../icon/sns/twitter_circle.png);
}
.insta_icon_circle{
  background-image: url(../icon/sns/insta_circle.png);
}

/*
###############################
#     プロフィール名　写真
#　　　レイアウト変更
###############################
*/
.new_prof_name_block{
  font-size: 0px;
  position: relative;
  margin: auto;
  width: 80%;
  max-width: 700px;
  text-align: center;
}

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

  .new_prof_name_block{
    height:65px;
  }
  .new_prof_name_box .name{
    width: 90%;
    height: 30px;
    font-size: 12px;
  }  

  /*2024.9
   プロフィール写真　サイズ大きめに変更*/
  .new_prof_name_box .image{
    width: 100%;
    height: 60px;
   }
}

@media screen and (min-width:960px) {
  
  .new_prof_name_block{
    height:200px;
  }
  .new_prof_name_box .name{
    width: 90%;
    height: 70px;
    font-size: 20px;
  }
 /*2024.9
   プロフィール写真　サイズ大きめに変更*/
  .new_prof_name_box .image{
   width: 100%;
   height: 125px;
  }
 
}

/*
.new_prof_name_block div{
  border: solid 1px red;
}
*/

.new_prof_name_box{
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 40%;
  max-width: 200px;
  height: 100%;
}



.new_prof_name_box .name{
   text-align: center;
}


.new_prof_name_box .image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.new_prof_box{
  margin: auto;
  width: 320px;
  height: auto;
}


/*
###############################
#　　　プロフィールページのみ
#      フッターのレイアウト変更
###############################
*/
@media screen and (max-width:960px) {

  .new_footer{
    font-size: 16px;
  }
}

@media screen and (min-width:960px) {
  
  .new_footer{
    font-size: 20px;
  }
 
}