@charset "UTF-8";
/**
 * Created Date: 2022-10-17 22:50:04
 * Author: 奥冨 菜月
 * -----
 * Last Modified: 2024-04-02 12:29:52
 * Modified By: 奥冨 菜月
 * -----
 * Copyright (c) 2022 FAIRWAY Corp.
 * -----
 * HISTORY:
 * Date               	By        	Comments
 * -------------------	----------	---------------------------------------------------------
 * -------------------	----------	---------------------------------------------------------
 */
/**
 * Created Date: 2022-02-09 12:47:10
 * Author: 奥冨 菜月
 * -----
 * Last Modified: 2025-07-17 15:03:53
 * Modified By: 奥冨 菜月
 * -----
 * Copyright (c) 2022 FAIRWAY Corp.
 * -----
 * HISTORY:
 * Date               	By        	Comments
 * -------------------	----------	---------------------------------------------------------
 * -------------------	----------	---------------------------------------------------------
 */
/*---------------------------------
  Google font
---------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=DotGothic16&family=Yomogi&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sigmar&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Squada+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Handlee&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik+Glitch&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap");
@font-face {
  font-family: "anton";
  src: url("../font/anton-v23-latin-regular.woff") format("woff"), url("../font/anton-v23-latin-regular.ttf") format("truetype");
}
/*---------------------------------
  カラーパレット
---------------------------------*/
/*---------------------------------
  mq（メディアクエリを呼び出す）
  $name
  $value
---------------------------------*/
/*---------------------------------
  白黒画像背景
  $url
  $coverColor
---------------------------------*/
/*---------------------------------
  影
---------------------------------*/
.shadow00 {
  box-shadow: none !important;
}

.shadow01 {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}

.shadow02 {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/*---------------------------------
  page共通
---------------------------------*/
/*---------------------------------
  profile_card
---------------------------------*/
#profile_card #outputCard .page_alert {
  margin: 8px 0;
  padding: 8px 16px;
  font-size: 0.8rem;
  font-weight: bold;
  color: #7f7f7f;
  background-color: rgba(204, 204, 204, 0.3);
}
#profile_card #outputCard #formCard {
  position: relative;
  font-family: "Noto Serif JP", serif;
  color: #ece8e1;
  z-index: 1;
}
#profile_card #outputCard #formCard .prof_card {
  width: 100%;
  z-index: -1;
}
#profile_card #outputCard #formCard #card-Profile {
  position: absolute;
  top: 12.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  padding: 0 3% 0 4%;
  font-size: 0;
  letter-spacing: 0;
  line-height: 1;
}
#profile_card #outputCard #formCard #card-Profile .CdDataBox {
  display: inline-block;
  font-size: 0.8rem;
}
#profile_card #outputCard #formCard #card-Profile .CdDataBox + .CdDataBox {
  padding: 6% 2.5% 2%;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  width: 24.5%;
}
@media screen and (max-width: 1025px) {
  #profile_card #outputCard #formCard #card-Profile .CdDataBox + .CdDataBox {
    padding: 10% 2.5% 2%;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    width: 35.5%;
  }
}
#profile_card #outputCard #formCard #card-Profile .CdDataBox#CdData-val_user_nickname {
  padding: 1.8% 0;
  font-size: 1.2rem;
  width: 60%;
  max-width: 66%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1025px) {
  #profile_card #outputCard #formCard #card-Profile .CdDataBox#CdData-val_user_nickname {
    font-size: 1.2rem;
  }
}
#profile_card #outputCard #formCard #card-Profile .CdDataBox#CdData-val_now_act_rank {
  position: absolute;
  top: 0;
  left: 66.5%;
}
#profile_card #outputCard #formCard #card-Profile .CdDataBox#CdData-ctb_win_rate {
  position: absolute;
  top: 0;
  left: 82.2%;
}
#profile_card #outputCard #formCard #card-Map {
  position: absolute;
  top: 38%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  padding: 0 3% 0 4%;
  font-size: 0;
  letter-spacing: 0;
  line-height: 1;
}
#profile_card #outputCard #formCard #card-Map .row {
  margin-right: -2px !important;
  margin-left: -2px !important;
}
#profile_card #outputCard #formCard #card-Map .row .col {
  padding-right: 2px !important;
  padding-left: 2px !important;
}
#profile_card #outputCard #formCard #card-Map .CdDataBox {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  padding: 3% 5%;
  font-size: 0.8rem;
}
@media screen and (max-width: 1025px) {
  #profile_card #outputCard #formCard #card-Map .CdDataBox {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    padding: 9% 10%;
    font-size: 1rem;
  }
}
#profile_card #outputCard #formCard #card-Agents {
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 38%;
  padding: 0 3% 0 4%;
  font-size: 0;
  letter-spacing: 0;
  line-height: 1;
}
#profile_card #outputCard #formCard #card-Agents .row {
  margin-right: -2px !important;
  margin-left: -2px !important;
  height: 33.3333333333%;
}
#profile_card #outputCard #formCard #card-Agents .row .col {
  padding-right: 2px !important;
  padding-left: 2px !important;
}
#profile_card #outputCard #formCard #card-Agents .CdDataBox {
  position: relative;
  margin-top: 4px;
  padding: 3% 5%;
  height: calc(100% - 4px);
  font-size: 1.2rem;
  opacity: 0.3;
}
#profile_card #outputCard #formCard #card-Agents .CdDataBox.checked {
  opacity: 1;
}
#profile_card #outputCard #formCard #card-Agents .CdDataBox .agent_img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.4);
          transform: translate(-50%, -50%) scale(1.4);
  max-width: 100%;
  max-height: 100%;
  -webkit-filter: drop-shadow(0px 2px 2px #1f1f1f);
          filter: drop-shadow(0px 2px 2px #1f1f1f);
  opacity: 0;
}
#profile_card #outputCard #formCard #card-Agents .CdDataBox .agent_img.display {
  opacity: 1;
}
#profile_card #outputCard #formCard #card-Agents .CdDataBox .agent_label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
          transform: translate(-50%, -50%) scale(0.8);
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 0.6rem;
  opacity: 0;
}
#profile_card #outputCard #formCard #card-Agents .CdDataBox .agent_label.display {
  opacity: 1;
}
@media screen and (max-width: 1025px) {
  #profile_card #outputCard #formCard #card-Agents .CdDataBox .agent_label {
    -webkit-transform: translate(-50%, -50%) scale(0.6);
            transform: translate(-50%, -50%) scale(0.6);
  }
}
#profile_card #outputCard #formCard #card-Footer {
  position: absolute;
  bottom: 1%;
  right: 0;
  width: 100%;
  padding: 0 1.5% 0 4%;
  font-size: 0;
  letter-spacing: 0;
  line-height: 1;
}
#profile_card #outputCard #formCard #card-Footer #CdData-currentDate {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transform-origin: right center;
          transform-origin: right center;
  text-align: right;
  font-size: 0.6rem;
  color: #aaa;
}
#profile_card #outputCard #plofileCardForm {
  padding: 16px;
  background-color: rgba(138, 10, 17, 0.05);
}
#profile_card #outputCard .btnBox .btn {
  width: 100%;
  color: #8A0A11;
  border: 1px solid #8A0A11;
  background-color: rgba(138, 10, 17, 0.3);
}
#profile_card #outputCard .btnBox .btn:hover:not(.disabled):not(:disabled) {
  color: #ece8e1;
  background-color: #8A0A11;
}/*# sourceMappingURL=profile_card.css.map */