@charset "utf-8";

/* =========================================================

全ページ共通のスタイルを定義

01. HTML
02. Font
03. INPUT
04. Clearfix
05. display

========================================================= */

/* 01.HTML
--------------------------------------------------------- */
html{
    color:#000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}

input,
textarea {
   margin: 0;
   padding:1px 2px;
}

li { list-style:none; }
caption,th { text-align:left; }

*  { margin: 0; padding: 0; }


/* 02.Font
--------------------------------------------------------- */
body,
h1, h2, h3, h4, h5, h6 {
    font-size: 13px;
    line-height: 1.25;
    font-family:            /* Windows/macOS/Android共通のシステムUIフォント */
      -apple-system,        /* macOS / iOS */
      "Segoe UI Variable", "Segoe UI", /* Windows 11/10 */
      "Roboto",             /* Android */
      "Helvetica Neue",     /* 古いMac/iOS用 */
      "Meiryo", "Yu Gothic UI", /* 日本語Windows標準フォント */
      "Noto Sans JP",       /* 日本語Webフォント fallback */
      "Segoe UI Emoji",     /* Windows絵文字 */
      "Apple Color Emoji",  /* macOS / iOS絵文字 */
      "Noto Color Emoji",   /* Android / Linux絵文字 */
      Arial,
      system-ui,
      sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:700;
}

.xxxs { font-size:70%; }
.xxs { font-size:77%; }
.xs { font-size:85%; }
.s { font-size:93%; }
.m { font-size:100%; }
.l { font-size:108%; }
.xl { font-size:116%; }
.xxl { font-size:131%; }

.px20 { font-size:154%; }
.px25 { font-size:189%; }
.px26 { font-size:197%; }

* html table {
	font-size: 100%; /* for IE6 table */
}

th,td { white-space:wrap; }

hr  { display: none; }
img { border: none; vertical-align: bottom; zoom: 1; }

ul, ol { list-style: none; }
p { text-align: justify; text-justify: inter-ideograph;  -webkit-text-size-adjust: none; }

a { color:#36F; overflow: hidden; }

input { vertical-align: middle; }

/* 03 .Input
--------------------------------------------------------- */
input { /*line-height:1.6em;*/
  line-height:1.2;
  padding:3px 4px;
  border: 1px solid #CCC;
  border-radius:4px;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}



select { /*vertical-align:middle;*/
  line-height:1.1; padding:1px 0;
  border: 1px solid #CCC;
  border-radius: 4px;
}
textarea {
  line-height:1.4;
  padding:3px 4px;
  border: 1px solid #CCC;
  border-radius:4px;
}

/*--- for ie8 ---*/

html>/**/body input {
line-height /*\**/:1.1\9;
padding /*\**/:2px 0\9;
}

html>/**/body select {
line-height /*\**/:1.2\9;
padding /*\**/:1px 0\9;
vertical-align /*\**/:middle\9;
}

input,textarea,select{ font-family:inherit;font-size:inherit; font-weight:inherit; }
input,textarea,select{ font-size: 0.85em; }

/* 04 .Clearfix
--------------------------------------------------------- */
.clfix:after {
  content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clfix {
	display: inline-table;
}
/* Hide from Mac IE ¥*/
* html .clfix {
	height: 1%;
}
*:first-child+html .clfix {
	height: 1%;
}


/* 05 .display
--------------------------------------------------------- */
.display_none { display:none; }
.display_block { display:block; }
.hide { visibility:hidden; }

/* 06 .select2
 --------------------------------------------------------- */
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #cccccc;
}