/*bodeo360_common.css*/

/* ****************************************************************************
汎用css
**************************************************************************** */

@media screen and (max-width: 750px) {
    .pc_only {
        display: none;
    }
}
@media screen and (min-width: 751px) {
    .sp_only {
        display: none;
    }
}


.c_text{
  text-align: center;
}
.r_text{
  text-align: right;
}
.c_block{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pos_relative{
  position: relative;
}
.pos_absolute{
  position: absolute;
  &.c_block{
    left: 50%;
    transform: translateX(-50%);
  }
}

ul.no_list_style {
  list-style: none;
}

a.a_no_style{
  color: inherit;
  text-decoration: none;
}

.plat{
  font-feature-settings: "palt";
}

.mincho_ryu{
  font-family: "リュウミン M-KL";
}
.mincho_bold{
  font-family: "リュウミン B-KL";
}
.mincho_heavy{
  font-family: "リュウミン H-KL";
}
  
.mincho_a1{
  font-family: "A1明朝","A1 Mincho";
}

.italic{
  font-style: italic;
}

.color_white{
  color: #fff;
}
.color_black01{
  color: #231815;
}
.color_black02{
  color: #333333;
}
.color_blue01{
  color: #1a2b50;
}
.color_blue02{
  color: #67a0db;
}
.color_blue03{
  color: #192b50;
}
.color_purple{
  color: #384361;
}
.color_green{
  color: #14503c;
}
.color_green02{
  color: #143237;
}
.color_orange{
  color: #fa9b00;
}

.font_bold{
  font-weight: bold;
}
.font_bold_600{
  font-weight: 600;
}
.font_bold_800{
  font-weight: 800;
}

.fs_014{ font-size: 14px;}
.fs_018{ font-size: 18px;}
.fs_020{ font-size: 20px;}
.fs_022{ font-size: 22px;}
.fs_024{ font-size: 24px;}
.fs_026{ font-size: 26px;}
.fs_028{ font-size: 28px;}
.fs_030{ font-size: 30px;}
.fs_032{ font-size: 32px;}
.fs_036{ font-size: 36px;}
.fs_040{ font-size: 40px;}
.fs_042{ font-size: 42px;}
.fs_044{ font-size: 44px;}
.fs_048{ font-size: 48px;}
.fs_052{ font-size: 52px;}
.fs_056{ font-size: 56px;}
.fs_060{ font-size: 60px;}
.fs_064{ font-size: 64px;}
.fs_072{ font-size: 72px;}

.fs_040p{ font-size: 0.4em;}

.lh_100{ line-height: 1;   }
.lh_110{ line-height: 1.1; }
.lh_120{ line-height: 1.2; }
.lh_130{ line-height: 1.3; }
.lh_140{ line-height: 1.4; }
.lh_150{ line-height: 1.5; }
.lh_160{ line-height: 1.6; }
.lh_170{ line-height: 1.7; }
.lh_180{ line-height: 1.8; }
.lh_190{ line-height: 1.9; }
.lh_200{ line-height: 2;   }
.lh_210{ line-height: 2.1; }
.lh_220{ line-height: 2.2; }
.lh_230{ line-height: 2.3; }
.lh_240{ line-height: 2.4; }
.lh_250{ line-height: 2.5; }
.lh_260{ line-height: 2.6; }
.lh_270{ line-height: 2.7; }
.lh_280{ line-height: 2.8; }
.lh_290{ line-height: 2.9; }
.lh_300{ line-height: 3;   }

.ls_minus040{ letter-spacing: -0.4em; }
.ls_minus010{ letter-spacing: -0.1em; }
.ls_000{ letter-spacing: 0; }
.ls_001{ letter-spacing: 0.01em; }
.ls_002{ letter-spacing: 0.02em; }
.ls_003{ letter-spacing: 0.03em; }
.ls_004{ letter-spacing: 0.04em; }
.ls_005{ letter-spacing: 0.05em; }
.ls_006{ letter-spacing: 0.06em; }
.ls_007{ letter-spacing: 0.07em; }
.ls_008{ letter-spacing: 0.08em; }
.ls_009{ letter-spacing: 0.09em; }
.ls_010{ letter-spacing: 0.1em;  }
.ls_015{ letter-spacing: 0.15em; }
.ls_020{ letter-spacing: 0.2em;  }
.ls_050{ letter-spacing: 0.5em;  }

.marker-yellow{
  background: linear-gradient(transparent 65%, #faff82 65%);
}
/*
pc
*/
@media screen and (min-width: 751px){

  .pos_absolute_pc{
    position: absolute;
    &.c_block{
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .pos_absolute.pc_c_block{
    left: 50%;
    transform: translateX(-50%);
  }

  .c_img{
    text-align: center;
  }

  .pc_plat{
    font-feature-settings: "palt";
  }

}

/*
sp
*/
@media screen and (max-width: 750px){

  .c_img,
  .sp_c_img{
    display: block;
    margin: 0 auto;
  }

  .sp_l_text{
    text-align: left;
  }

  .pos_absolute.sp_c_block{
    left: 50%;
    transform: translateX(-50%);
  }

  .pos_absolute.sp_c_overflow_text{
    width: 100%;
    text-align: center;
  }

  .sp_vertical{
    -webkit-writing-mode: vertical-rl;
    text-orientation: upright;
    writing-mode: vertical-rl;
  }

  .sp_fs_026{ font-size: 3.6vw; }
  .sp_fs_028{ font-size: 4vw;   }
  .sp_fs_030{ font-size: 4.2vw; }
  .sp_fs_032{ font-size: 4.4vw; }
  .sp_fs_034{ font-size: 4.55vw; }
  .sp_fs_036{ font-size: 4.7vw; }
  .sp_fs_038{ font-size: 4.8vw; }
  .sp_fs_040{ font-size: 5vw;   }
  .sp_fs_044{ font-size: 5.8vw; }
  .sp_fs_048{ font-size: 6.6vw; }
  .sp_fs_050{ font-size: 7vw;   }
  .sp_fs_054{ font-size: 7.3vw; }
  .sp_fs_056{ font-size: 7.5vw; }
  .sp_fs_060{ font-size: 8vw;   }
  .sp_fs_064{ font-size: 8.6vw; }
  .sp_fs_070{ font-size: 9.4vw; }
  .sp_fs_072{ font-size: 9.6vw; }
  .sp_fs_080{ font-size: 10.2vw;}

  .sp_lh_065{ line-height: 0.65;}
  .sp_lh_100{ line-height: 1;   }
  .sp_lh_110{ line-height: 1.1; }
  .sp_lh_120{ line-height: 1.2; }
  .sp_lh_130{ line-height: 1.3; }
  .sp_lh_140{ line-height: 1.4; }
  .sp_lh_150{ line-height: 1.5; }
  .sp_lh_160{ line-height: 1.6; }
  .sp_lh_170{ line-height: 1.7; }
  .sp_lh_180{ line-height: 1.8; }
  .sp_lh_190{ line-height: 1.9; }
  .sp_lh_200{ line-height: 2;   }
  .sp_lh_210{ line-height: 2.1; }
  .sp_lh_220{ line-height: 2.2; }
  .sp_lh_230{ line-height: 2.3; }
  .sp_lh_240{ line-height: 2.4; }
  .sp_lh_250{ line-height: 2.5; }
  .sp_lh_260{ line-height: 2.6; }
  .sp_lh_270{ line-height: 2.7; }
  .sp_lh_280{ line-height: 2.8; }
  .sp_lh_290{ line-height: 2.9; }
  .sp_lh_300{ line-height: 3;   }

  .sp_ls_minus015{ letter-spacing: -0.15em; }
  .sp_ls_minus010{ letter-spacing: -0.1em;  }
  .sp_ls_minus005{ letter-spacing: -0.05em; }
  .sp_ls_000{ letter-spacing: 0;      }
  .sp_ls_001{ letter-spacing: 0.01em; }
  .sp_ls_002{ letter-spacing: 0.02em; }
  .sp_ls_003{ letter-spacing: 0.03em; }
  .sp_ls_004{ letter-spacing: 0.04em; }
  .sp_ls_005{ letter-spacing: 0.05em; }
  .sp_ls_006{ letter-spacing: 0.06em; }
  .sp_ls_007{ letter-spacing: 0.07em; }
  .sp_ls_008{ letter-spacing: 0.08em; }
  .sp_ls_009{ letter-spacing: 0.09em; }
  .sp_ls_010{ letter-spacing: 0.1em;  }
  .sp_ls_012{ letter-spacing: 0.12em; }
  .sp_ls_015{ letter-spacing: 0.15em; }
  .sp_ls_020{ letter-spacing: 0.2em;  }

  .sp_marker-yellow{
    background: linear-gradient(transparent 65%, #faff82 65%);
}

}