@charset "utf-8";
/*
VARIABLES
======================= */
:root {
/* XRDive */
  --XRD_blandkeycolor:#0088a2;
  --XRD_fontcolor1:#242424;
  --XRD_newscolor_info:var(--XRD_blandkeycolor);
  --XRD_newscolor_event:#a0a200;
  --XRD_newscolor_media:#b81010;
  --XRD_newscolor_product:#408608;


/* OSHIPOSTOR */
  --OSP_blandkeycolor:#272727;
  --OSP_color1:#42c5d6;
  --OSP_color2:#459ee3;


/* XRDive/OSHIPOSTOR 共通 */
  --com_color_f:#fff;
  --com_color_b_111:#111;
  --com_color_b_222:#222;
  --com_color_b_333:#333;
  --com_color_b_666:#666;
  --com_color_b_888:#888;
  --com_color_b_eee:#eee;
  --com_color_b_ddd:#ddd;
  --com_color_b_24:#242424;
  --com_color_b_ccc:#ccc;
  --com_color_1:#eb5a13;
  --com_color_2:#ededed;
  --com_color_3:#cecece;
  --com_color_4:#e9e9e9;
  --com_color_5:#f7f7f7;
  --com_color_6:#ebebeb;
  --com_color_7:#e0e0e0;
  --com_color_8:#b9b9b9;
  --com_color_9:#dedede;
  --com_color_10:#efefef;
  --com_color_11:#d7d7d7;
  --com_color_12:#b1b1b1;
  --com_color_13:#909090;
  --com_color_14:#363636;
  --com_color_15:#08af5b;
  --com_color_16:#0e93ca;
  --com_color_17:#d5d5d5;
  --com_color_18:#dcdcdc;

  /* rem */
  --base-size_3:3rem; /* 48px */
  --base-size_2tq:2.75rem; /* 44px */
  --base-size_2h:2.5rem; /* 40px */
  --base-size_2q:2.25rem; /* 36px */
  --base-size_2:2rem; /* 32px */
  --base-size_1tq:1.75rem; /* 28px */
  --base-size_1h:1.5rem; /* 24px */
  --base-size_1q:1.25rem; /* 20px */
  --base-size_1:1rem; /* 16px */
  --base-size_tq:.75rem; /* 12px */
  --base-size_h:.5rem; /* 8px */
  /* px */
  --base-size_18p:18px;
  --base-size_14p:14px;
  --base-size_13p:13px;
  --base-size_12p:12px;
  --base-size_11p:11px;
  --base-size_10p:10px;

  /* margin/padding */
  --mt5:5px;
  --mt10:10px;
  --mt15:15px;
  --mt20:20px;
  --mt25:25px;
  --mt30:30px;
  --mt35:35px;
  --mt40:40px;
  --mt45:45px;
  --mt50:50px;
  --mt60:60px;
  --mt70:70px;
  --mt80:80px;
  --mb5:5px;
  --mb10:10px;
  --mb15:15px;
  --mb20:20px;
  --mb25:25px;
  --mb30:30px;
  --mb35:35px;
  --mb40:40px;
  --mb45:45px;
  --mb50:50px;
  --mb60:60px;
  --pt10:10px;
  --pt15:15px;
  --pt20:20px;
  --pt25:25px;
  --pt30:30px;
  --pt40:40px;
  --pt50:50px;
  --pt60:60px;
  --pb10:10px;
  --pb15:15px;
  --pb20:20px;
  --pb25:25px;
  --pb30:30px;
  --pb40:40px;
  --pb50:50px;
  --pb60:60px;
  --pb70:70px;
  --pb80:80px;

  --dsp-flex: flex;
  --dsp-block:block;
  --dsp-inline:inline;
  --dsp-grid:grid;
  --dsp-inl_block:inline-block;
  --dsp-inl_table:table;
  --dsp-none:none;
}
/*
VARIABLES
======================= */


/*
GENERAL STYLING
======================= */
* {
  font-feature-settings: "palt" 1;
  -webkit-font-feature-settings: "palt" 1;
  -moz-font-feature-settings: "palt" 1;
  -ms-font-feature-settings: "palt" 1;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
}
body {
  color: var(--XRD_fontcolor1);
  font-family:
  "Noto Sans JP",
  "Noto Sans",
  "Hiragino Kaku Gothic Pro", 
  "ヒラギノ角ゴ Pro W3", 
  Meiryo, 
  メイリオ, 
  "游ゴシック Medium", 
  "Yu Gothic Medium", 
  游ゴシック体, 
  "Yu Gothic", 
  YuGothic, 
  "MS PGothic", 
  Osaka, 
  arial, 
  sans-serif;
  padding: 0;
  height: 100vh;
}
/*
GENERAL STYLING
======================= */

/*
COMMON
======================= */
h1,h2,h3,h4,h5{
  letter-spacing:0em;
}
p, pre {
  line-height: 2.0;
  font-size: var(--base-size_1);
  letter-spacing: .01em;
}
em {
  font-style: normal;
}
.lg-en{
  font-family:"Noto Sans","Helvetica","Helvetica Neue",arial;
}
/*
COMMON
======================= */

/* UTILITY */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.flex-lay {display: var(--dsp-flex);}
/* UTILITY */