/* 汎用CSS */

/* フォントウェイト　数値が大きいほど太くなる */
.font-weight_100 {font-weight: 100;}
.font-weight_300 {font-weight: 300;}
.font-weight_500 {font-weight: 500;}
.font-weight_600 {font-weight: 600;}
.font-weight_900 {font-weight: 900;}

/* フォントサイズ 基準はブラウザ標準設定の16px = 1remです */
.font-size_s5  {font-size: .5rem;}
.font-size_s8  {font-size: .8rem;}
.font-size_1   {font-size: 1rem;}
.font-size_12  {font-size: 1.2rem;}
.font-size_15  {font-size: 1.5rem;}
.font-size_2   {font-size: 2rem;}
.font-size_22  {font-size: 2.2rem;}
.font-size_25  {font-size: 2.5rem;}
.font-size_3  {font-size: 3rem;}
.font-size_8   {font-size: 8rem;}
.font-size_9   {font-size: 9rem;}
.font-size_10  {font-size: 10rem;}

.line-height_s5 {line-height: .5rem;}
.line-height_s8 {line-height: .8rem;}
.line-height_1  {line-height: 1rem;}
.line-height_12 {line-height: 1.2rem;}
.line-height_15 {line-height: 1.5rem;}
.line-height_18 {line-height: 1.8rem;}
.line-height_2  {line-height: 2rem;}
.line-height_25 {line-height: 2.5rem;}
.line-height_3  {line-height: 3rem;}
/* 汎用フォントカラー */
.font-color_White   {color: #fff;}
.font-color_Black   {color: #000;}
.font-color_Red     {color: #f00;}
.font-color_Green   {color: #0f0;}
.font-color_Blue    {color: #00f;}
.font-color_Magenta {color: #f0f;}
.font-color_Yellow  {color: #ff0;}
.font-color_Aqua    {color: #0ff;}

/* k-broad向けフォントカラー */
.font-color_Gray    {color: #333;}
.font-color_Ash     {color: #999;}
.font-color_VBlue   {color: #00acff;}
.font-color_DBlue   {color: #0066ff;}

/* フォントカラーリセット */
.font-color_Reset * {color: inherit;}

/* テキストレイアウト　div・pなどブロック要素で利用します */
.text-align_right   {text-align: right;}
.text-align_center  {text-align: center;}
.text-align_left    {text-align: left;}

/* ほぼk-broad向け背景色 */
.bg-color_White {background-color: #fff;}
.bg-color_Black {background-color: #000;}
.bg-color_Gray  {background-color: #333;}
.bg-color_Ash   {background-color: #999;}
.bg-color_VBlue {background-color: #00acff;}
.bg-color_DBlue {background-color: #0066ff;}

/* 白い背景ページのリンク色 */
p.bg-color_White a {
  color: #0066ff;
  font-weight: 500;
}

/* ブロック要素のドロップシャドウ */
.bg_shadow {box-shadow: 5px 5px 15px rgba(0,0,0,0.5);}

/* 要素の角丸 */
.border-Radius_3  {border-radius: 3px;}
.border-Radius_5  {border-radius: 5px;}
.border-Radius_10 {border-radius: 10px;}
.border-Radius_15 {border-radius: 15px;}
.border-Radius_20 {border-radius: 20px;}

/* 上下のマージン（余白） */
.margin_5   {margin: 5px auto;}
.margin_10  {margin: 10px auto;}
.margin_15  {margin: 15px auto;}
.margin_20  {margin: 20px auto;}
.margin_30  {margin: 30px auto;}

/* ４隅のマージン （要素内の余白） */
.padding_5  {padding: 5px;}
.padding_10 {padding: 10px;}
.padding_15 {padding: 15px;}
.padding_20 {padding: 20px;}
.padding_30 {padding: 30px;}

/* リンク装飾 */
.ancher-deco_Underline a      {text-decoration: none;}
.ancher-deco_Underline:hover a{text-decoration: underline;}

/* 画像サイズ */
.image_fit img, .image_size100 img {
  width: 100%;
  height: 100%;
}
.image_size25 img {
  width: 25%;
  height: 25%;
}
.image_size50 img {
  width: 50%;
  height: 50%;
}
.image_size75 img {
  width: 75%;
  height: 75%;
}
/* 画像サイズ・レスポンシブ */
@media screen and (max-width: 1000px) {

  .image_fit img,
  .image_size25 img,
  .image_size50 img,
  .image_size75 img,
  .image_size100 img {
    width: 100%;
    height: 100%;
  }

}

/* 画像センタリング */
.image_center img {
  display: block;
  margin: 0 auto;
}


/* preタグの折返し */
.post-pre_wrap {
  white-space: pre-wrap;
}
.post-pre_cpp {
  white-space: pre-wrap;
  color: #000;
  font-weight: 500;
}