@charset "utf-8";
/** 
 CSS共通仕様（変更はしないでください。変更する場合は中尾まで）
 */

/**
 セクションCSS
 */
section#main {
  text-align: center;
  margin:0 auto;
  height: 740px !important;
  position: relative;
  z-index: 10 !important;
}

/**
 セッションエラーCSS
 */
div.error_area {
  width: 650px;
  height: 100px;
  margin: 30px auto;
  padding-top:1%;
  padding-bottom:8%;
  margin-top:2%;
  border:1px solid rgb(210, 229, 235);
  background: rgb(210, 229, 235);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  font-weight: bold;
}

button.btn_loginback {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: rgba(115, 142, 150, 1);
    width: 215px;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
    border-radius: 0 !important;
}

button.btn_loginback:hover {
  background: rgb(82, 133, 150);
}

/**
 フッター共通CSS
 */
footer#footer {
 width: 100%;
 height: auto;
 text-align: center;
}
div.copyright{
  /* color:#fff; */
  text-align: center;
}


/**
 新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています
 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}

/**
 nav要素内ulのマーカー（行頭記号）を表示しないようにしています
 */
ol, ul {
  list-style: none;
}

/**
 引用符の表示が出ないようにしています
 */
blockquote, q {
  quotes:none;
}

/**
 blockquote要素、q要素の前後にコンテンツを追加しないように指定しています
 */
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

/**
 a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています
 */
a {
  margin:0;
  padding:0;
  font-size:14px;
  vertical-align:baseline;
  background:transparent;
}

/**
 隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています
 */
table {
  border-collapse:collapse;
  border-spacing:0;
}

/**
 縦方向の揃え位置を中央揃えに指定しています
 */
input, select {
  vertical-align:middle;
}

/**
 画像を縦に並べたときに余白が出てしまわないよう指定しています
 */
img {
  vertical-align: top;
  font-size:0;
  line-height: 0;
  border: none;
}

/**
 aタグ初期設定（変更したい場合はclassにcssを書いてください）
 */
a:link,
a:active,
a:visited {
	color: rgb(138, 76, 69);
}

a:hover {
    cursor: pointer;
}

/**
 回り込み解除
 */
.clearfix:after{ content:" "; display:block; height:0.1px; clear:both; visibility:hidden; font-size:0.1em; line-height:0; }
.clearfix{ display:inline-block; clear:both; }
* html .clearfix{ height:1%; }
.clearfix{ display:block; }

/**
 マージンCSS
 */
.mg_auto{ margin:0 auto; }
.mg_t0{ margin-top: 0;}
.mg_t1{ margin-top:1px; } .mg_b1{ margin-bottom:1px; } .mg_tb1{ margin-top:1px; margin-bottom:1px; }
.mg_l1{ margin-left:1px; } .mg_r1{ margin-right:1px; } .mg_lr1{ margin-left:1px; margin-right:1px; }
.mg_t2{ margin-top:2px; } .mg_b2{ margin-bottom:2px; } .mg_tb2{ margin-top:2px; margin-bottom:2px; }
.mg_l2{ margin-left:2px; } .mg_r2{ margin-right:2px; } .mg_lr2{ margin-left:2px; margin-right:2px; }
.mg_t3{ margin-top:3px; } .mg_b3{ margin-bottom:3px; } .mg_tb3{ margin-top:3px; margin-bottom:3px; }
.mg_l3{ margin-left:3px; } .mg_r3{ margin-right:3px; } .mg_lr3{ margin-left:3px; margin-right:3px; }
.mg_t4{ margin-top:4px; } .mg_b4{ margin-bottom:4px; } .mg_tb4{ margin-top:4px; margin-bottom:4px; }
.mg_l4{ margin-left:4px; } .mg_r4{ margin-right:4px; } .mg_lr4{ margin-left:4px; margin-right:4px; }
.mg_t5{ margin-top:5px; } .mg_b5{ margin-bottom:5px; } .mg_tb5{ margin-top:5px; margin-bottom:5px; }
.mg_l5{ margin-left:5px; } .mg_r5{ margin-right:5px; } .mg_lr5{ margin-left:5px; margin-right:5px; }
.mg_t6{ margin-top:6px; } .mg_b6{ margin-bottom:6px; } .mg_tb6{ margin-top:6px; margin-bottom:6px; }
.mg_l6{ margin-left:6px; } .mg_r6{ margin-right:6px; } .mg_lr6{ margin-left:6px; margin-right:6px; }
.mg_t7{ margin-top:7px; } .mg_b7{ margin-bottom:7px; } .mg_tb7{ margin-top:7px; margin-bottom:7px; }
.mg_l7{ margin-left:7px; } .mg_r7{ margin-right:7px; } .mg_lr7{ margin-left:7px; margin-right:7px; }
.mg_t8{ margin-top:8px; } .mg_b8{ margin-bottom:8px; } .mg_tb8{ margin-top:8px; margin-bottom:8px; }
.mg_l8{ margin-left:8px; } .mg_r8{ margin-right:8px; } .mg_lr8{ margin-left:8px; margin-right:8px; }
.mg_t9{ margin-top:9px; } .mg_b9{ margin-bottom:9px; } .mg_tb9{ margin-top:9px; margin-bottom:9px; }
.mg_l9{ margin-left:9px; } .mg_r9{ margin-right:9px; } .mg_lr9{ margin-left:9px; margin-right:9px; }
.mg_t10{ margin-top:10px; } .mg_b10{ margin-bottom:10px; } .mg_tb10{ margin-top:10px; margin-bottom:10px; }
.mg_l10{ margin-left:10px; } .mg_r10{ margin-right:10px; } .mg_lr10{ margin-left:10px; margin-right:10px; }
.mg_t15{ margin-top:15px; } .mg_b15{ margin-bottom:15px; } .mg_tb15{ margin-top:15px; margin-bottom:15px; }
.mg_l15{ margin-left:15px; } .mg_r15{ margin-right:15px; } .mg_lr15{ margin-left:15px; margin-right:15px; }
.mg_t20{ margin-top:20px; } .mg_b20{ margin-bottom:20px; } .mg_tb20{ margin-top:20px; margin-bottom:20px; }
.mg_l20{ margin-left:20px; } .mg_r20{ margin-right:20px; } .mg_lr20{ margin-left:20px; margin-right:20px; }
.mg_t25{ margin-top:25px; } .mg_b25{ margin-bottom:25px; } .mg_tb25{ margin-top:25px; margin-bottom:25px; }
.mg_l25{ margin-left:25px; } .mg_r25{ margin-right:25px; } .mg_lr25{ margin-left:25px; margin-right:25px; }
.mg_t30{ margin-top:30px; } .mg_b30{ margin-bottom:30px; } .mg_tb30{ margin-top:30px; margin-bottom:30px; }
.mg_l30{ margin-left:30px; } .mg_r30{ margin-right:30px; } .mg_lr30{ margin-left:30px; margin-right:30px; }
.mg_t35{ margin-top:35px; } .mg_b35{ margin-bottom:35px; } .mg_tb35{ margin-top:35px; margin-bottom:35px; }
.mg_l35{ margin-left:35px; } .mg_r35{ margin-right:35px; } .mg_lr35{ margin-left:35px; margin-right:35px; }
.mg_t40{ margin-top:40px; } .mg_b40{ margin-bottom:40px; } .mg_tb40{ margin-top:40px; margin-bottom:40px; }
.mg_l40{ margin-left:40px; } .mg_r40{ margin-right:40px; } .mg_lr40{ margin-left:40px; margin-right:40px; }
.mg_t45{ margin-top:45px; } .mg_b45{ margin-bottom:45px; } .mg_tb45{ margin-top:45px; margin-bottom:45px; }
.mg_l45{ margin-left:45px; } .mg_r45{ margin-right:45px; } .mg_lr45{ margin-left:45px; margin-right:45px; }
.mg_t50{ margin-top:50px; } .mg_b50{ margin-bottom:50px; } .mg_tb50{ margin-top:50px; margin-bottom:50px; }
.mg_l50{ margin-left:50px; } .mg_r50{ margin-right:50px; } .mg_lr50{ margin-left:50px; margin-right:50px; }
.mg_t60{ margin-top:60px; } .mg_b60{ margin-bottom:60px; } .mg_tb60{ margin-top:60px; margin-bottom:60px; }
.mg_l60{ margin-left:60px; } .mg_r60{ margin-right:60px; } .mg_lr60{ margin-left:60px; margin-right:60px; }
.mg_t70{ margin-top:70px; } .mg_b70{ margin-bottom:70px; } .mg_tb70{ margin-top:70px; margin-bottom:70px; }
.mg_l70{ margin-left:70px; } .mg_r70{ margin-right:70px; } .mg_lr70{ margin-left:70px; margin-right:70px; }
.mg_t80{ margin-top:80px; } .mg_b80{ margin-bottom:80px; } .mg_tb80{ margin-top:80px; margin-bottom:80px; }
.mg_l80{ margin-left:80px; } .mg_r80{ margin-right:80px; } .mg_lr80{ margin-left:80px; margin-right:80px; }
.mg_t90{ margin-top:90px; } .mg_b90{ margin-bottom:90px; } .mg_tb90{ margin-top:90px; margin-bottom:90px; }
.mg_l90{ margin-left:90px; } .mg_r90{ margin-right:90px; } .mg_lr90{ margin-left:90px; margin-right:90px; }
.mg_t100{ margin-top:100px; } .mg_b100{ margin-bottom:100px; } .mg_tb100{ margin-top:100px; margin-bottom:100px; }
.mg_l100{ margin-left:100px; } .mg_r100{ margin-right:100px; } .mg_lr100{ margin-left:100px; margin-right:100px; }

/**
 パディングCSS
 */
.pd_t1{ padding-top:1px; } .pd_b1{ padding-bottom:1px; } .pd_tb1{ padding-top:1px; padding-bottom:1px; }
.pd_l1{ padding-left:1px; } .pd_r1{ padding-right:1px; } .pd_lr1{ padding-left:1px; padding-right:1px; }
.pd_t2{ padding-top:2px; } .pd_b2{ padding-bottom:2px; } .pd_tb2{ padding-top:2px; padding-bottom:2px; }
.pd_l2{ padding-left:2px; } .pd_r2{ padding-right:2px; } .pd_lr2{ padding-left:2px; padding-right:2px; }
.pd_t3{ padding-top:3px; } .pd_b3{ padding-bottom:3px; } .pd_tb3{ padding-top:3px; padding-bottom:3px; }
.pd_l3{ padding-left:3px; } .pd_r3{ padding-right:3px; } .pd_lr3{ padding-left:3px; padding-right:3px; }
.pd_t4{ padding-top:4px; } .pd_b4{ padding-bottom:4px; } .pd_tb4{ padding-top:4px; padding-bottom:4px; }
.pd_l4{ padding-left:4px; } .pd_r4{ padding-right:4px; } .pd_lr4{ padding-left:4px; padding-right:4px; }
.pd_t5{ padding-top:5px; } .pd_b5{ padding-bottom:5px; } .pd_tb5{ padding-top:5px; padding-bottom:5px; }
.pd_l5{ padding-left:5px; } .pd_r5{ padding-right:5px; } .pd_lr5{ padding-left:5px; padding-right:5px; }
.pd_t6{ padding-top:6px; } .pd_b6{ padding-bottom:6px; } .pd_tb6{ padding-top:6px; padding-bottom:6px; }
.pd_l6{ padding-left:6px; } .pd_r6{ padding-right:6px; } .pd_lr6{ padding-left:6px; padding-right:6px; }
.pd_t7{ padding-top:7px; } .pd_b7{ padding-bottom:7px; } .pd_tb7{ padding-top:7px; padding-bottom:7px; }
.pd_l7{ padding-left:7px; } .pd_r7{ padding-right:7px; } .pd_lr7{ padding-left:7px; padding-right:7px; }
.pd_t8{ padding-top:8px; } .pd_b8{ padding-bottom:8px; } .pd_tb8{ padding-top:8px; padding-bottom:8px; }
.pd_l8{ padding-left:8px; } .pd_r8{ padding-right:8px; } .pd_lr8{ padding-left:8px; padding-right:8px; }
.pd_t9{ padding-top:9px; } .pd_b9{ padding-bottom:9px; } .pd_tb9{ padding-top:9px; padding-bottom:9px; }
.pd_l9{ padding-left:9px; } .pd_r9{ padding-right:9px; } .pd_lr9{ padding-left:9px; padding-right:9px; }
.pd_t10{ padding-top:10px; } .pd_b10{ padding-bottom:10px; } .pd_tb10{ padding-top:10px; padding-bottom:10px; }
.pd_l10{ padding-left:10px; } .pd_r10{ padding-right:10px; } .pd_lr10{ padding-left:10px; padding-right:10px; }
.pd_t15{ padding-top:15px; } .pd_b15{ padding-bottom:15px; } .pd_tb15{ padding-top:15px; padding-bottom:15px; }
.pd_l15{ padding-left:15px; } .pd_r15{ padding-right:15px; } .pd_lr15{ padding-left:15px; padding-right:15px; }
.pd_t16{ padding-top:16px; } .pd_b16{ padding-bottom:16px; } .pd_tb16{ padding-top:16px; padding-bottom:16px; }
.pd_l16{ padding-left:16px; } .pd_r16{ padding-right:16px; } .pd_lr16{ padding-left:16px; padding-right:16px; }
.pd_t17{ padding-top:17px; } .pd_b17{ padding-bottom:17px; } .pd_tb17{ padding-top:17px; padding-bottom:17px; }
.pd_l17{ padding-left:17px; } .pd_r17{ padding-right:17px; } .pd_lr17{ padding-left:17px; padding-right:17px; }
.pd_t18{ padding-top:18px; } .pd_b18{ padding-bottom:18px; } .pd_tb18{ padding-top:18px; padding-bottom:18px; }
.pd_l18{ padding-left:18px; } .pd_r18{ padding-right:18px; } .pd_lr18{ padding-left:18px; padding-right:18px; }
.pd_t20{ padding-top:20px; } .pd_b20{ padding-bottom:20px; } .pd_tb20{ padding-top:20px; padding-bottom:20px; }
.pd_l20{ padding-left:20px; } .pd_r20{ padding-right:20px; } .pd_lr20{ padding-left:20px; padding-right:20px; }
.pd_t25{ padding-top:25px; } .pd_b25{ padding-bottom:25px; } .pd_tb25{ padding-top:25px; padding-bottom:25px; }
.pd_l25{ padding-left:25px; } .pd_r25{ padding-right:25px; } .pd_lr25{ padding-left:25px; padding-right:25px; }
.pd_t30{ padding-top:30px; } .pd_b30{ padding-bottom:30px; } .pd_tb30{ padding-top:30px; padding-bottom:30px; }
.pd_l30{ padding-left:30px; } .pd_r30{ padding-right:30px; } .pd_lr30{ padding-left:30px; padding-right:30px; }
.pd_t35{ padding-top:35px; } .pd_b35{ padding-bottom:35px; } .pd_tb35{ padding-top:35px; padding-bottom:35px; }
.pd_l35{ padding-left:35px; } .pd_r35{ padding-right:35px; } .pd_lr35{ padding-left:35px; padding-right:35px; }
.pd_t40{ padding-top:40px; } .pd_b40{ padding-bottom:40px; } .pd_tb40{ padding-top:40px; padding-bottom:40px; }
.pd_l40{ padding-left:40px; } .pd_r40{ padding-right:40px; } .pd_lr40{ padding-left:40px; padding-right:40px; }
.pd_t45{ padding-top:45px; } .pd_b45{ padding-bottom:45px; } .pd_tb45{ padding-top:45px; padding-bottom:45px; }
.pd_l45{ padding-left:45px; } .pd_r45{ padding-right:45px; } .pd_lr45{ padding-left:45px; padding-right:45px; }
.pd_t50{ padding-top:50px; } .pd_b50{ padding-bottom:50px; } .pd_tb50{ padding-top:50px; padding-bottom:50px; }
.pd_l50{ padding-left:50px; } .pd_r50{ padding-right:50px; } .pd_lr50{ padding-left:50px; padding-right:50px; }
.pd_t60{ padding-top:60px; } .pd_b60{ padding-bottom:60px; } .pd_tb60{ padding-top:60px; padding-bottom:60px; }
.pd_l60{ padding-left:60px; } .pd_r60{ padding-right:60px; } .pd_lr60{ padding-left:60px; padding-right:60px; }
.pd_t70{ padding-top:70px; } .pd_b70{ padding-bottom:70px; } .pd_tb70{ padding-top:70px; padding-bottom:70px; }
.pd_l70{ padding-left:70px; } .pd_r70{ padding-right:70px; } .pd_lr70{ padding-left:70px; padding-right:70px; }
.pd_t80{ padding-top:80px; } .pd_b80{ padding-bottom:80px; } .pd_tb80{ padding-top:80px; padding-bottom:80px; }
.pd_l80{ padding-left:80px; } .pd_r80{ padding-right:80px; } .pd_lr80{ padding-left:80px; padding-right:80px; }
.pd_t90{ padding-top:90px; } .pd_b90{ padding-bottom:90px; } .pd_tb90{ padding-top:90px; padding-bottom:90px; }
.pd_l90{ padding-left:90px; } .pd_r90{ padding-right:90px; } .pd_lr90{ padding-left:90px; padding-right:90px; }
.pd_t100{ padding-top:100px; } .pd_b100{ padding-bottom:100px; } .pd_tb100{ padding-top:100px; padding-bottom:100px; }
.pd_l100{ padding-left:100px; } .pd_r100{ padding-right:100px; } .pd_lr100{ padding-left:100px; padding-right:100px; }
.pd5{ padding:0 5px;}

/* 追加分 */
.mg_l22 {
  margin-left: 22px;
}
.mg_l33 {
  margin-left: 33px;
}

/**
 テキスト装飾CSS
 */
.txt_left   { text-align: left !important; }
.txt_center { text-align: center !important; }
.txt_right  { text-align: right !important; }

/**
 テキストの横幅オーバー時、指定幅以降を...で表示する（親要素に幅を指定してください）
 */
.txt_over {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
 フォントサイズCSS（パーセント表記）
 */
.size10 { font-size:10px; } .size11 { font-size:11px; } .size12 { font-size:12px; } .size13 { font-size:13px; }
.size14 { font-size:14px; } .size15 { font-size:15px; } .size16 { font-size:16px; } .size17 { font-size:17px; }
.size18 { font-size:18px; } .size19 { font-size:19px; } .size20 { font-size:20px; } .size21 { font-size:21px; }
.size22 { font-size:22px; } .size23 { font-size:23px; } .size24 { font-size:24px; } .size25 { font-size:25px; }
.size30 { font-size:30px; } .size35 { font-size:35px; } .size40 { font-size:40px; } .size45 { font-size:45px; }
.size50 { font-size:50px; } .size55 { font-size:55px; } .size60 { font-size:60px; } .size65 { font-size:65px; }
.size70 { font-size:70px; } .size75 { font-size:75px; } .size80 { font-size:80px; } .size85 { font-size:85px; }
.size046{ font-size:46%; }.size050{ font-size:50%; }.size054{ font-size:54%; }.size055{ font-size:55%; }.size058{font-size:58%; }.size060{ font-size:60%; }.size065{ font-size:65%; }.size070{ font-size:70%; } .size072{ font-size:72%; } .size074{ font-size:74%; } .size076{ font-size:76%; } .size078{ font-size:78%; }
.size080{ font-size:80%; } .size082{ font-size:82%; } .size084{ font-size:84%; } .size086{ font-size:86%; } .size088{ font-size:88%; }
.size090{ font-size:90%; } .size092{ font-size:92%; } .size094{ font-size:94%; } .size096{ font-size:96%; } .size098{ font-size:98%; }
.size100{ font-size:100% !important; } .size105{ font-size:105%; } .size110{ font-size:110%; } .size115{ font-size:115%; }
.size120{ font-size:120% !important; } .size125{ font-size:125% !important; } .size130{ font-size:130% !important; } .size135{ font-size:135%; }
.size140{ font-size:140%; } .size150{ font-size:150%; } .size160{ font-size:160%; } .size170{ font-size:170%; }
.size180{ font-size:180%; } .size190{ font-size:190%; } .size200{ font-size:200%; } .size250{ font-size:250%; }
.size300{ font-size:300%; } .size350{ font-size:350%; } .size400{ font-size:400%; } .size450{ font-size:450%; }
.size500{ font-size:500%; } .size550{ font-size:550%; } .size600{ font-size:600%; } .size650{ font-size:650%; }
.size700{ font-size:700%; } .size750{ font-size:750%; } .size800{ font-size:800%; } .size850{ font-size:850%; }
.size900{ font-size:900%; } .size950{ font-size:950%; } .size1000{ font-size:1000%; } .size1050{ font-size:1050%; }

/**
 画面幅CSS（パーセント表記）
 */
.wid_01{ width: 1%; }  .wid_02{ width: 2%; }  .wid_03{ width: 3%; }  .wid_04{ width: 4%; }  .wid_05{ width: 5%; }
.wid_06{ width: 6%; }  .wid_07{ width: 7%; }  .wid_08{ width: 8%; }  .wid_09{ width: 9%; }  .wid_10{ width: 10%; }
.wid_11{ width: 11%; } .wid_12{ width: 12%; } .wid_13{ width: 13%; } .wid_14{ width: 14%; } .wid_15{ width: 15%; }
.wid_16{ width: 16%; } .wid_17{ width: 17%; } .wid_18{ width: 18%; } .wid_19{ width: 19%; } .wid_20{ width: 20%; }
.wid_21{ width: 21%; } .wid_22{ width: 22%; } .wid_23{ width: 23%; } .wid_24{ width: 24%; } .wid_25{ width: 25%; }
.wid_26{ width: 26%; } .wid_27{ width: 27%; } .wid_28{ width: 28%; } .wid_29{ width: 29%; } .wid_30{ width: 30%; }
.wid_31{ width: 31%; } .wid_32{ width: 32%; } .wid_33{ width: 33%; } .wid_34{ width: 34%; } .wid_35{ width: 35%; }
.wid_36{ width: 36%; } .wid_37{ width: 37%; } .wid_38{ width: 38%; } .wid_39{ width: 39%; } .wid_40{ width: 40%; }
.wid_41{ width: 41%; } .wid_42{ width: 42%; } .wid_43{ width: 43%; } .wid_44{ width: 44%; } .wid_45{ width: 45%; }
.wid_46{ width: 46%; } .wid_47{ width: 47%; } .wid_48{ width: 48%; } .wid_49{ width: 49%; } .wid_50{ width: 50%; }
.wid_51{ width: 51%; } .wid_52{ width: 52%; } .wid_53{ width: 53%; } .wid_54{ width: 54%; } .wid_55{ width: 55%; }
.wid_56{ width: 56%; } .wid_57{ width: 57%; } .wid_58{ width: 58%; } .wid_59{ width: 59%; } .wid_60{ width: 60%; } 
.wid_61{ width: 61%; } .wid_62{ width: 62%; } .wid_63{ width: 63%; } .wid_64{ width: 64%; } .wid_65{ width: 65%; }
.wid_66{ width: 66%; } .wid_67{ width: 67%; } .wid_68{ width: 68%; } .wid_69{ width: 69%; } .wid_70{ width: 70%; }
.wid_71{ width: 71%; } .wid_72{ width: 72%; } .wid_73{ width: 73%; } .wid_74{ width: 74%; } .wid_75{ width: 75%; }
.wid_76{ width: 76%; } .wid_77{ width: 77%; } .wid_78{ width: 78%; } .wid_79{ width: 79%; } .wid_80{ width: 80%; }
.wid_81{ width: 81%; } .wid_82{ width: 82%; } .wid_83{ width: 83%; } .wid_84{ width: 84%; } .wid_85{ width: 85%; }
.wid_86{ width: 86%; } .wid_87{ width: 87%; } .wid_88{ width: 88%; } .wid_89{ width: 89%; } .wid_90{ width: 90%; }
.wid_91{ width: 91%; } .wid_92{ width: 92%; } .wid_93{ width: 93%; } .wid_94{ width: 94%; } .wid_95{ width: 95%; }
.wid_96{ width: 96%; } .wid_97{ width: 97%; } .wid_98{ width: 98%; } .wid_99{ width: 99%; } .wid_100{ width: 100%; }

/**
 画面幅CSS（ピクセル表記）
 */
.wid_01_px{ width: 1px; }  .wid_02_px{ width: 2px; }  .wid_03_px{ width: 3px; }  .wid_04_px{ width: 4px; }  .wid_05_px{ width: 5px; }
.wid_06_px{ width: 6px; }  .wid_07_px{ width: 7px; }  .wid_08_px{ width: 8px; }  .wid_09_px{ width: 9px; }  .wid_10_px{ width: 10px; }
.wid_11_px{ width: 11px; } .wid_12_px{ width: 12px; } .wid_13_px{ width: 13px; } .wid_14_px{ width: 14px; } .wid_15_px{ width: 15px; }
.wid_16_px{ width: 16px; } .wid_17_px{ width: 17px; } .wid_18_px{ width: 18px; } .wid_19_px{ width: 19px; } .wid_20_px{ width: 20px; }
.wid_21_px{ width: 21px; } .wid_22_px{ width: 22px; } .wid_23_px{ width: 23px; } .wid_24_px{ width: 24px; } .wid_25_px{ width: 25px; }
.wid_26_px{ width: 26px; } .wid_27_px{ width: 27px; } .wid_28_px{ width: 28px; } .wid_29_px{ width: 29px; } .wid_30_px{ width: 30px; }
.wid_31_px{ width: 31px; } .wid_32_px{ width: 32px; } .wid_33_px{ width: 33px; } .wid_34_px{ width: 34px; } .wid_35_px{ width: 35px; }
.wid_36_px{ width: 36px; } .wid_37_px{ width: 37px; } .wid_38_px{ width: 38px; } .wid_39_px{ width: 39px; } .wid_40_px{ width: 40px; }
.wid_41_px{ width: 41px; } .wid_42_px{ width: 42px; } .wid_43_px{ width: 43px; } .wid_44_px{ width: 44px; } .wid_45_px{ width: 45px; }
.wid_46_px{ width: 46px; } .wid_47_px{ width: 47px; } .wid_48_px{ width: 48px; } .wid_49_px{ width: 49px; } .wid_50_px{ width: 50px; }
.wid_51_px{ width: 51px; } .wid_52_px{ width: 52px; } .wid_53_px{ width: 53px; } .wid_54_px{ width: 54px; } .wid_55_px{ width: 55px; }
.wid_56_px{ width: 56px; } .wid_57_px{ width: 57px; } .wid_58_px{ width: 58px; } .wid_59_px{ width: 59px; } .wid_60_px{ width: 60px; } 
.wid_61_px{ width: 61px; } .wid_62_px{ width: 62px; } .wid_63_px{ width: 63px; } .wid_64_px{ width: 64px; } .wid_65_px{ width: 65px; }
.wid_66_px{ width: 66px; } .wid_67_px{ width: 67px; } .wid_68_px{ width: 68px; } .wid_69_px{ width: 69px; } .wid_70_px{ width: 70px; }
.wid_71_px{ width: 71px; } .wid_72_px{ width: 72px; } .wid_73_px{ width: 73px; } .wid_74_px{ width: 74px; } .wid_75_px{ width: 75px; }
.wid_76_px{ width: 76px; } .wid_77_px{ width: 77px; } .wid_78_px{ width: 78px; } .wid_79_px{ width: 79px; } .wid_80_px{ width: 80px; }
.wid_81_px{ width: 81px; } .wid_82_px{ width: 82px; } .wid_83_px{ width: 83px; } .wid_84_px{ width: 84px; } .wid_85_px{ width: 85px; }
.wid_86_px{ width: 86px; } .wid_87_px{ width: 87px; } .wid_88_px{ width: 88px; } .wid_89_px{ width: 89px; } .wid_90_px{ width: 90px; }
.wid_91_px{ width: 91px; } .wid_92_px{ width: 92px; } .wid_93_px{ width: 93px; } .wid_94_px{ width: 94px; } .wid_95_px{ width: 95px; }
.wid_96_px{ width: 96px; } .wid_97_px{ width: 97px; } .wid_98_px{ width: 98px; } .wid_99_px{ width: 99px; } .wid_100_px{ width: 100px; }


/**
 文字色CSS
 */
.col_r, .col_1, .red{ color:#f33 !important; } .col_rB, .col_1B{ color:#f33; font-weight:bold; }
.col_g, .col_2, .green{ color:#3f3; } .col_gB, .col_2B{ color:#3f3; font-weight:bold; }
.col_b, .col_3, .blue{ color:#63f; } .col_bB, .col_3B{ color:#63f; font-weight:bold; }
.col_000{ color:#000; } .col_000B{ color:#000; font-weight:bold; }
.col_111{ color:#111; } .col_111B{ color:#111; font-weight:bold; }
.col_222{ color:#222; } .col_222B{ color:#222; font-weight:bold; }
.col_333{ color:#333; } .col_333B{ color:#333; font-weight:bold; }
.col_444{ color:#444; } .col_444B{ color:#444; font-weight:bold; }
.col_555{ color:#555; } .col_555B{ color:#555; font-weight:bold; }
.col_666{ color:#666; } .col_666B{ color:#666; font-weight:bold; }
.col_777{ color:#777; } .col_777B{ color:#777; font-weight:bold; }
.col_888{ color:#888; } .col_888B{ color:#888; font-weight:bold; }
.col_999{ color:#999; } .col_999B{ color:#999; font-weight:bold; }
.col_aaa{ color:#aaa; } .col_aaaB{ color:#aaa; font-weight:bold; }
.col_bbb{ color:#bbb; } .col_bbbB{ color:#bbb; font-weight:bold; }
.col_ccc{ color:#ccc; } .col_cccB{ color:#ccc; font-weight:bold; }
.col_ddd{ color:#ddd; } .col_dddB{ color:#ddd; font-weight:bold; }
.col_eee{ color:#eee; } .col_eeeB{ color:#eee; font-weight:bold; }
.col_fff{ color:#fff; } .col_fffB{ color:#fff; font-weight:bold; }

/**
 背景色CSS
 */
.bgc_red { background-color: red; }
.bgc_blue { background-color: blue; }
.bgc_green { background-color: green; }
.bgc_lgr { background-color: lightgreen; }

/** 
 回り込みCSS
 */
.fleft { float: left; }
.fright { float: right; }

/**
 display要素CSS
 */
.disp_block { display: block; }
.disp_inlineb { display: inline-block; }
.disp_none { display: none; }
.disp_inline { display: inline; }
.disp_con{ display: contents; }

/**
 太字CSS
 */
.strong {
	font-weight: bold;
}

/**
 入力項目制御CSS
 */ 
button:hover,
input[type=button],
input[type=checkbox],
select {
    cursor: pointer;
}

/* フォントサイズを設定 */
button,
input[type=button],
input[type=submit],
select, 
input[type=date],
input[type=month],
input[type=time] {
  font-size: 14px;
}

input[type=text],
input[type=tel] {
  font-size: 14px;
}

/* 入力項目にはフォントを親要素で設定しても継承されないので直接指定 */
button,
input,
select,
textarea,
legend,
fieldset,
label {
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

label {
  vertical-align: middle;
}

/* スピンボタン（上下ボタン）を非表示 */
input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=date]::-webkit-datetime-edit-year-field:not([aria-valuenow]),
input[type=date]::-webkit-datetime-edit-month-field:not([aria-valuenow]),
input[type=date]::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}
input[type=date]::-webkit-datetime-edit-text {
  color: #666;
}

input[type=date].date_empty,
input[type=date].date_empty::-webkit-datetime-edit-text {
  color: #fff;
}

/* clearボタンの非表示 */
input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}

/* カレンダーのインジケータ（▼）を非表示 */
input[type=date]::-webkit-calendar-picker-indicator {
    color: #666;
    margin-left: 0;
    /* position: relative; */
}

/* fontAwesomeのカレンダーアイコンをインジケータにする */
input[type=date]::-webkit-calendar-picker-indicator:before {
  color: #666;
  font-family: FontAwesome;
  /*content: "\f073";*/ /* fa-calendar */
  content: "\f133"; /* fa-calendar-o */
  position: absolute;
  left: -5px; /* ここら辺はいい感じの塩梅で */
  top: -5px;  /* ここも */
}

/**
 ロードとセンディングCSS
 */
#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 1.0;
  z-index: 99;
}
   
#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("../images/loading.gif") center center no-repeat;
  z-index: 100;
}

#sending {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 1.0;
  z-index: 99;
}

#sending .sendingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("../images/sending.gif") center center no-repeat;
  z-index: 100;
}