body {
	font-family: "メイリオ" , Meiryo , "Meiryo UI" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,   "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
	font-size: 1.6rem;
	 position: relative;
	background-color: #f2f2f0;
	overflow-y: scroll;
}
.wrap{display: flex; flex-direction: column; min-height: 100vh; }
main{min-height: calc(100vh - 120px);}
.commonWrap{ width:1260px; margin: 0 auto; display: flex; justify-content: space-between;}
button{ border: none; padding: 0; margin: 0; cursor: pointer;}
a{cursor: pointer;}
.tate{transform: rotate(90deg);}

/*ホバー時*/
button:hover{opacity: 0.7; transition: 0.3s; }
a:hover{opacity: 0.7; transition: 0.3s;}
/*アイコン*/
.english-icon {	display: inline-block;font-weight: bold;font-size: 16px;line-height: 1;	margin: 0 3px 0 0;position: relative;top: 1px;}
/*縦書き*/
.tategaki {	-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
/*文字色*/
.red{color: #f43509 !important;}
.green{color: #105618 !important;}
.gray{color: #888 !important;}
/*線*/
.white_left{ border-left: 1px solid #fff;}
.white_right{ border-right: 1px solid #fff;}
.white_top{ border-top: 1px solid #fff;}
.white_bottom{ border-bottom: 1px solid #fff;}
.red_bottom2{border-bottom: 3px double #f43509;}
.green_top{ border-top: 1px solid #2c4b2c;}
.gray_top{ border-top: 1px solid #ddd;}
.gray_left{ border-left: 1px solid #ddd;}
.gray_right{ border-right: 1px solid #ddd;}
.gray_bottom{ border-bottom: 1px solid #ddd;}
.gray_all{ border: 1px solid #ddd;}
.dot_right{ border-right: 1px dotted #ccc;}
.border_none{border: none !important;}
.bottom_none{border-bottom: none !important;}
/*背景色*/
.bg_white{background-color: #fff !important;}
.bg_red{ background-color:#f43509 !important;}
.bg_yellow{ background-color: #ffffe9 !important;}
.bg_gray{ background-color: #f2f2f0 !important;}
.bg_blue{background-color:#f2feff !important;}
.bg_black{background-color: hsla(0,0%,0%,0.5);}
/*区域内・区域外はこのクラスを付け外しします*/
/*区域外*/
.idou-color-gai{ background-color:#D8EbF9 !important;}
.bg_gai{  background-color:#00BC39 !important; }
/*区域内*/
.idou-color-nai{ background-color:#fddfdf !important;}
.bg_nai{background-color:#56A9E7 !important; }
/*モーダル表示非表示*/
.cont .modal-off{display: inline-block !important;}
.cont .modal-on{display: none !important;}
.cont .modal-on-table{display: none !important;}
.kyotsu_scroll .modal-off{display: inline-block !important;}
.kyotsu_scroll .modal-on{display: none !important;}
.kyotsu_scroll .modal-on-table{display: none !important;}
.modal-cont .modal-off{display: none!important;}
.modal-cont .modal-on{display: inline-block !important;}
.modal-cont-in .modal-off{display: none!important;}
.modal-cont-in .modal-on{display: inline-block !important;}
/*テーブル幅*/
.table100per{ width: 100%;}
.table100per table{ width: 100%; }
table{word-break: break-all;}
.kensakuTh01{width: 150px;}
.tdmin01{ min-height: 22px;}
.tablefix780 td{table-layout: fixed; width:780px;}
.tablefix750 td{table-layout: fixed; width:750px;}
.tablefix{table-layout: fixed;}
/*リード*/
.lead{margin-bottom: 10px; font-size: 1.5rem;}
/* -------------------------------------------------- */
/* ime-mode ※IEのみ */
.ime-mode-active{ime-mode: active;}
.ime-mode-disabled{ime-mode: disabled;}
/* - FormStyle */
input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {font-size:1.4rem;}

input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="submit"],
input[type="password"],
input[type="button"],
input[type="reset"],
textarea {-webkit-appearance: none; border-radius: 0;}
/* -------------------------------------------------- */
/* ボタンのリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}		
input,textarea{font-size: 1.4rem;}
input[type="text"],input[type="password"]{ height: 21px; margin: 1px 0; padding: 0 5px; border: 1px solid #ddd;}
.readonly{ height: 21px; margin: 1px 0; padding: 0 5px; border: 1px solid #ddd; display: inline-block;}
select{height: 21px; padding: 0 5px;  border: 1px solid #ddd;}
textarea{  min-height: 21px; margin: 1px 0; padding: 0 5px; border: 1px solid #ddd; }
/*=====ラジオボタン=====*/

/*css radio02*/
.radio02,.radio02 input,.radio02 label{vertical-align: middle; line-height: 1; padding: 0; font-size: 1.4rem; cursor: pointer;}
.radio02-input{
  display: none;
}
.radio02-input + label{
  padding-left: 23px;
  position:relative;
  margin-right: 10px;
  line-height: 21px;
  cursor: pointer;
	display: inline-block;
	}
.radio02-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
background-color: #fff;
  border-radius: 50%;
}
.radio02-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 4px;
  width: 10px;
  height: 10px;
  background-color: #105618;
  border-radius: 50%;
}

/*=====セレクトボックス=====*/
label.select_label {
	position: relative;
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #fff;
}
label.select_label:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 6px;
	display: block;
	width: 0;
	height: 0;
	margin: -2px 0 0 0;
	border: 4px solid transparent;
	border-top: 4px solid #555;
}
label.select_label select {
	cursor: pointer;
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	display: block;
/*	color: #555; */
	border: none;
	background: transparent;
}
::-ms-expand {
	display: none;
}
.select-lb01{ display: inline-block; height: 23px; line-height: 23px; margin-left: 5px; }



/*=====チェックボックス=====*/
/* css checkbox01 */
.checkbox01-input{
  display: none;
}
.checkbox01-Readonly{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  background-color: #ddd;
}

.checkbox01-parts{
  padding-left: 23px;
  position:relative;
  margin-right: 20px;
	font-size: 1.4rem;
	cursor: pointer;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 5px;
  height: 8px;
  transform: rotate(40deg);
  border-bottom: 3px solid #105618;
  border-right: 3px solid #105618;
}
.checkbox01-readonly{
  padding-left: 23px;
  position:relative;
  margin-right: 20px;
	font-size: 1.4rem;
	cursor: pointer;
}
.checkbox01-readonly::before{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  background-color: #ddd;
}
.checkbox01-input:checked + .checkbox01-readonly::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 5px;
  height: 8px;
  transform: rotate(40deg);
  border-bottom: 3px solid #105618;
  border-right: 3px solid #105618;
}
/*=====ボタン=====*/
.btn{ display: block; border-radius: 3px; text-align: center; }
.btnGreen{ background-color: #0b7006 !important; color: #fff;}
.btnEng-color {	background-color: #074da5 !important; color: #fff;}
.btnInactive{background-color: #e0e0de; color: #868686; border: 1px solid #ddd;}
.btnOrange{background-color: #f08109; color: #fff;}
.btnGray{background-color: #e0e0de; color: #222;}
.btnWhite{padding: 0 10px; background-color:#fff; border: 1px solid #105618; color:#105618; font-weight: bold; display: inline-block; min-width: 50px; height: 21px; margin:1px 0 1px 3px; text-align: center; border-radius: 3px; font-size: 1.2rem; line-height: 21px;}
.btnBig{ width:230px; height: 43px; line-height: 43px; margin: 0 auto; background-color: #f2f2f2; color: #105618; font-size: 1.5rem; font-weight: bold;}
.btnBig:hover{ opacity: 1; background-color:#dde7e1; }
.btnSky{background-color: #4eaee2; color: #fff;}
.btnNavy{background-color: #154798; color: #fff; }
.btnPink{background-color: #fddfdf; color: #000; }
.btnDark{background-color: #555; color: #fff;}
.header_btn01{ width: 80px;
height: 30px; line-height: 30px; margin-top: 3px; border: 1px solid #fff; font-size: 1.2rem; }
.middle_btn{ width:88px; padding-left: -14px; height: 36px; line-height: 36px; font-size: 1.4rem;}
.middle_btn i{margin-right: 5px;}
.toroku_btn{ width:92px; padding-left: -12px; height: 28px; line-height: 28px; font-size: 1.3rem; display: block; border-radius: 3px; text-align: center; }
.toroku_btn i{margin-right: 5px;}
.torokuBtnArea{ margin-bottom: 5px;}
.torokuBtnArea_kotai{margin-top: -28px;}
.kensakuBtnArea{padding:5px 0 5px; margin-bottom: 20px; position: relative;}
a.kensaku_btn{ width:94px; height: 36px; margin: 0 auto; padding-left: -5px; line-height: 36px; font-size: 1.4rem; }
a.kensaku_btn i{margin-right: 5px;}
.mini_btn{  display:inline-block; padding-left: -10px; width: 60px; height: 23px; line-height: 23px; font-size: 1.2rem; margin: 1px 0; border-radius: 3px; text-align: center;}
.mini_btn i{margin-right: 5px;}
.reset{position: absolute; right: 0; top:5px;}
.delBtnA{ background-color: #f43509;}
.syusei-delBtn{display: block; width:88px; height: 36px; line-height: 36px; position: absolute; right: 0; background-color: #fddfdf; font-size: 1.4rem; cursor: pointer;}
.syusei-delBtn:hover{opacity: 0.7; transition: 0.3s;}
.syusei-delBtn i,.btnPink i{color:#f43509; margin-right: 5px;}

.syusei-NotdelBtn{display: block; width:88px; height: 36px; line-height: 36px; position: absolute; right: 0; font-size: 1.4rem; cursor: pointer;}
.syusei-NotdelBtn:hover{opacity: 0.7; transition: 0.3s;}
.syusei-NotdelBtn i,.btnPink i{margin-right: 5px;}


/* =====
	header==================================== */
header{ width:100%; height: 60px; margin-bottom: 15px; background-image:url(../images/header_bg.jpg); /*background-position: center;*/ background-repeat: no-repeat; background-size: cover; min-width: 1260px; 
}
.header_in{width: 1260px;  margin: 0 auto; display: flex; justify-content: space-between;}
.header_l{width:268px; height: 60px; display: flex; justify-content: center; align-items: center;}
.header_r ul{display: flex; margin: 12px 0;}
.header_r ul li:first-child{ height: 36px; line-height: 36px; padding: 0 10px; margin-right: 10px; display: flex; background-color: #dde7e1; font-size: 1.4rem;}
.header_date{margin-right: 10px;}
/*サイドバー*/
.sideBar{
    width: 200px;
    background-color: #d8d5c8;
    -webkit-box-shadow: 2px 2px 1px 0px rgba(9,9,9,0.30);
    box-shadow: 2px 2px 1px 0px rgba(9,9,9,0.30);
	background-image: url(../images/side-bg.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
/*クリックgnav*/
/*---------------all open close------------------*/
ul.allopen{ padding-top: 10px; display: flex; justify-content: center; height: 52px; border-bottom: 2px solid #fff; }
ul.allopen li:first-child{margin-right: 3px;}
ul.allopen li a { width:93px; height:30px; line-height:30px; padding-right: 16px;  background-color:hsla(24,15%,47%,0.80); color:#fff; font-size: 1.2rem; border:1px solid #fff; background-position: 70px center; background-repeat: no-repeat; background-size: 16px; }
.down{ background-image: url(../images/toggleDown.svg);}
.up{ background-image: url(../images/toggleUp.svg);}
/*---------------アコーディオン------------------*/
ul.acc li:first-child{border-top: 1px solid #BFB8AA;}
ul.child{display: none;}
.menu:after {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -8px;
    content: url(../images/toggleDown.svg);
	width: 16px;
	height: 16px;
}
.menu.active{background: #c2bbae;}
.menu.active:after {
      position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -8px;
    content: url(../images/toggleUp.svg);
	width: 16px;
	height: 16px;
}
a.menu{font-size: 1.5rem; display: block; width:100%; height: 40px; padding:13px  10px; border-bottom: 1px solid #BFB8AA;  position: relative; line-height: 1; font-weight: bold; color: #222; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0dad0+1,dfdcce+12,d8d5c8+76,d8d5c8+99 */
background: rgb(224,218,208); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224,218,208,1) 1%, rgba(223,220,206,1) 12%, rgba(216,213,200,1) 76%, rgba(216,213,200,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(224,218,208,1) 1%,rgba(223,220,206,1) 12%,rgba(216,213,200,1) 76%,rgba(216,213,200,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(224,218,208,1) 1%,rgba(223,220,206,1) 12%,rgba(216,213,200,1) 76%,rgba(216,213,200,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dad0', endColorstr='#d8d5c8',GradientType=0 ); /* IE6-9 */}
a.menu i{ margin-right: 4px; color:#222;}
a.menu i.fa-chevron-right{ margin-right: 0px;}
a.menu .small{font-size: 1.3rem;}
ul.inner li{ border-bottom: 1px solid #fff;}
ul.inner li:last-child{ border-bottom: 2px solid #fff;}
ul.inner li button{ width:100%; text-align: left;}
ul.inner li a,ul.inner li button{padding: 6px 10px 6px 16px; display: block; font-size: 1.3rem; line-height: 1; position: relative; background-color:#e6eeed;}
ul.inner li a i,ul.inner li button i{position: absolute; right: 5px; color: #fff;}
ul.inner li a:hover,ul.inner li button:hover{ opacity: 1; background-color:#BDE1E1;}
.sideCurrent a{background-color:#BDE1E1 !important; border: 1px solid hsla(11,93%,50%,0.65);}
/* ========
	cont===============================================*/
.cont{ width:1040px; padding: 20px; min-height: calc(100vh - 118px); background-color: #fff;}
.subttlArea{width: 100%; margin:0px auto 10px;  display: flex; justify-content: space-between; border-bottom: 1px solid #105618}
.subttlArea h2{ font-size: 1.8rem; font-weight: bold;  color: #555; box-sizing: border-box; padding-left: 5px; letter-spacing: 1px}
.subttlArea ul{display:flex; justify-content: flex-end; }
.subttlArea ul li{ margin-left: 3px;}
/*検索エリア*/

.kensakuArea{background-color: #f2f2f0; padding: 5px 10px 10px; margin-top: -5px; }
.kensakuArea table{ border:1px solid #fff;}
.kensakuArea h3{ padding-left:5px; margin-bottom: -1px; font-size: 1.4rem; font-weight: bold; color: #223451; }
.inputTable table{font-size: 1.4rem;}
.inputTable,.inputTable table{ width: 100%;}
.inputTable th{ padding:0px 5px; background-color:#dde7e1; border-bottom: 1px solid #fff; text-align: center; font-size: 1.3rem;}
.inputTable td{ min-height: 23px; padding:0px 5px; background-color:#f2f2f0; border-bottom: 1px solid #fff;}
.inputTable tr:last-child th,.inputTable tr:last-child td{border-bottom: none;}
.tbl-radio{margin-bottom: 8px; }
.tbl-radio td{background-color:#ffffe9;}
.tbl-radio th,.tbl-radio td{ }
.radio-in label{ font-size: 1.2rem;}




/*表示件数*/
.kensuArea{ height:28px; display: flex;  justify-content: flex-end; margin-bottom: 1px; vertical-align: bottom;}
.kensuArea dl{display: flex; height: 25px;font-size: 1.4rem; margin-right: 15px; border-bottom: 1px dotted #000;}
.kensuArea dl:last-child{margin-right: 0px; }
.kensuArea dl dt{ margin-right: 5px; line-height: 28px;}
.kensuArea dl dd{line-height: 28px;}
.kensu-aukkekka{margin:0px 0 5px 0;}

/*検索結果*/
table.kekka{ width: 100%; margin-bottom: 20px; font-size: 1.4rem; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
table.kekka th{ padding:2px 5px; background-color:#dde7e1; border-right: 1px solid #ddd; font-size: 1.3rem; text-align: center;}
table.kekka td{ padding:0px 5px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
table.kekka td.tableBtnBox{  padding: 0px; width: 126px; text-align: center;}
table.kekka td.tableBtnBox a:last-child{margin-left: 3px; }
table.kekka td.tableBtnBox button:hover{opacity: 0.7; transition: 0.3s;}
.kekkaTh01{width:134px;}
/*表中チェックマーク*/
.kekka-gaitou::before  {
    content: "";
    display: inline-block;
	top: 50%;
	margin: 0 0 0 5px;
    width: 4px;
    height: 7px;
    transform: rotate(40deg);
    border-bottom: 3px solid #555;
    border-right: 3px solid #555;
}






/*ツールチップ*/
.ttpArea{position: relative;}
.ttpSow{ display: none; position:absolute; top:7px; left:9px; font-size:1.1rem; border:1px solid #ddd; background-color: #fff; padding: 3px 5px; border-radius: 3px; }


/*並べ替え*/
.order-wrap{display: flex; justify-content:center;}



.order-wrap li:first-child{margin-right: 3px;}
.orderBtn{ width: 15px; height: 13px; line-height: 13px; text-align: center; border-radius: 2px;
	display: block;  background-color: #555; color: #fff; }
.orderBtn i{font-size: 1.1rem;}
.orderActive{background-color: #75b94a;}



/*ページネーション*/
.pageArea{ width: 100%; display: flex; justify-content: center; color: #555; font-size:1.2rem;}
.pageArea p{ height:26px; line-height:26px; display: inline-block; margin-right: 8px;}
.pageArea ul{display: flex;}
.pageArea ul li { margin-right: 3px;}
.pageArea ul li:last-child { margin-right: 0px;}
.pageArea ul li.current_page,.pageArea ul li a{ display: block; min-width: 26px; height: 26px; line-height: 26px; padding: 0 8px; border: 1px solid #ddd; text-align: center; font-size:1.2rem; border-radius: 3px; }
.pageArea ul li.current_page{background-color: #dde7e1; }
.pageArea ul li a{color: #555;}
/* ========
	修正===============================================*/
.inputTable_in{ width: 100%;/* margin-bottom: 8px; */display: flex; justify-content: space-between; margin-bottom: 16px;}
.inputTable_hiikubasho{margin: -16px 0 16px;}
.inputTableBox{ width: 495px; padding: 0px; }
.inputTableBox table{ margin: 0;}
.inputTableBox table th{font-size: 1.3rem;}
.inputTableBox table td{ width: calc(100% - 150px);}
.inputTableBox h3,.small-ttl{font-size: 1.5rem;	font-weight: bold;line-height: 1;color: #555;box-sizing: border-box;padding-left: 5px;margin: 1px 0;}
td.kotaiNo_r{ display: flex; justify-content: flex-end;}
td.kotaiNo_r p{ display: inline-block; }
td.kotaiNo_r p span { margin-left: 10px;}

/*枝番*/
.eda-area{display: flex; justify-content: flex-end; margin-bottom: 2px; margin-top: -6px;}
ul.upDown { display: flex; justify-content: flex-end;}
ul.upDown li{ margin-left: 2px;}
ul.upDown li:first-child{ line-height: 1; padding-top: 6px; margin-right: 5px; font-weight: bold; color: #555;  font-size: 1.4rem; }
ul.upDown li a{ display: inline-block; padding: 0 12px; border:1px solid #154798; color: #154798; border-top-left-radius: 5px;  font-size: 1.3rem; height: 20px; line-height: 20px; background-color:#E1E8F1; }
.current_eda{display: inline-block; margin-top: 1px; padding: 0 12px; background-color: #154798; color: #fff; border:1px solid #154798; border-top-left-radius: 5px; font-size: 1.3rem; height: 20px; line-height: 20px;}
/*枝番ここまで*/
table.syuseiTable{width: 100%;}
table.syuseiTable tr td{width:335px;}
.syuseiTh01{width: 150px;}
.input_date{width: 98px;}
.input_sansyo{width: 250px}
.select_num{width: 50px;}
.pict-link{text-decoration: underline !important; color: #154798;}

a.calendar{ display: inline-block; width: 18px; height: 18px; margin-left: 2px; text-align: center; }
a.calendar i{color: #555;}
a.btnInTable,button.btnInTable{display: inline-block; min-width: 50px; height: 21px; margin:1px 0 1px 3px; padding: 0 5px; text-align: center; background-color:#555; color: #fff; border-radius: 3px; font-size: 1.2rem; line-height: 21px;}
span.btnInTable{display: inline-block; min-width: 50px; height: 21px; margin:1px 0 1px 3px; padding: 0 5px; text-align: center; background-color:#e0e0de; color: gray; border-radius: 3px; font-size: 1.2rem; line-height: 21px;}
/*span.btnInTable{display: inline-block; width: 50px; height: 21px; margin-left: 8px; text-align: center; font-size: 1.2rem; line-height: 21px;}*/
.thIntd{ display: inline-block; padding: 0; height: 23px; background-color: #dde7e1; text-align: center; margin: 0px 5px; border: 1px solid #dde7e1;}
.submit_ul{display: flex; justify-content: center; margin-top: 10px; width: 100%; position: relative;}
.submit_ul li{ margin: 0 2px;}
/*中タイトル*/
.ttl_middle{font-size: 1.5rem; font-weight: bold; line-height:1; color: #555; box-sizing: border-box; padding-left: 5px; margin: 2px 0;}
/*----------別窓で開いたときここから-------------------*/
.betsu_scroll{ overflow: auto;  width: 100%; max-height:calc(100vh - 56px); min-height:calc(100vh - 56px); margin: 0 auto; }
.betsu_scroll .cont{ margin: 0 auto; min-height: 1px !important;}
/*カレンダー画面用*/
.betsu_scroll_calendar{ overflow: auto;  width: 100%; max-height:calc(100vh - 100px); min-height:calc(100vh - 100px); margin: 0 auto; }
.betsu_scroll_calendar .cont{ margin: 0 auto; min-height: 1px !important;}
.kyotsu_scroll{ overflow: auto;  width: 100%; max-height:calc(100vh - 99px); margin: 0 auto; }
/*削除ボタンの位置*/
.ul-size-kotai{min-width:790px; }
.ul-size-kobai{ min-width:410px; }
.ul-size-nouka{ min-width:790px; }
.ul-size-syuppinsya{ min-width:780px;}

.kyotsu_cont{ width:1000px; padding: 0px; background-color: #fff; margin: 0 auto;}
ul.submit_ul_betsu{width: 100%; position: relative; padding: 10px 0; margin-top: 0px !important;/* min-width: 1040px;*/}
.submit_ul_betsu .syusei-delBtn{right: 10px;}
.submit_ul_betsu .syusei-NotdelBtn{right: 10px;}


body.scroll_hidden {overflow:hidden;}
.subttlArea_syusei{ position: relative; width:100%; min-width: 1040px; height: 32px; margin-bottom: 10px;
 box-shadow: 0px 2px 1px 0px rgba(9,9,9,0.30);	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f6706+0,085100+100 */
background: rgb(15,103,6); /* Old browsers */
background: -moz-linear-gradient(top, rgba(15,103,6,1) 0%, rgba(8,81,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(15,103,6,1) 0%,rgba(8,81,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(15,103,6,1) 0%,rgba(8,81,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f6706', endColorstr='#085100',GradientType=0 ); /* IE6-9 */}
.subttlArea_syusei::before{width: 100%; height: 32px; display: block; position: absolute; top: 0; left: 0; z-index: 1; background-image:url(../images/betsu-header.png); content: "0"; color: hsla(0,0%,100%,0.00); }	
.subttlArea_print{ min-width: 780px;}
.subttlArea_syusei h2{ width:1040px; padding: 5px 0 3px 20px;  margin: 0 auto; font-size: 1.6rem; font-weight: bold; /*line-height: 44px;*/  color: #fff; background-image:url(../images/logo_betsu.svg); background-repeat: no-repeat; background-size: 28px; background-position: 22px 5px; padding-left: 58px; letter-spacing: 1px;}
.subttlArea_print h2{ width:780px;}
/*小さい小画面*/
.mini-wrap{ width:760px; margin: 0 auto; height: 352px;}
/*肥育場所*/
.hiiku-ichiran{  height: calc(100vh - 200px); overflow-y: auto; overflow-x: hidden; border: 1px solid #ddd; width: 100%;}
.hiiku-ichiran th{ text-align: left; }
.hiiku-ichiran table td{ border-right: 1px solid #fff;}
.hiiku-ichiran .tableBtnBox{ padding: 2px; width:134px;}
/*住所*/
.hiikubasyoCont table td{border-right: 1px solid #fff; vertical-align: top;}
.hiikubasyoCont table tr td:last-child{border-right: none;}
/*.adddres-wrap{display: flex;}
.adddres-in{width: 50%;}
.adddres-wrap .adddres-in:first-child{margin-right: 5px;}
.adddres-in table{margin-bottom: 5px;}
.relative{position: relative;}
.hiiku-add-del{position: absolute; top:1px; right:5px;}
.adddres-th{width: 80px !important; table-layout: fixed;}*/




/*個体履歴-松阪牛*/
.reached{color: #f43509; font-weight: bold; padding: 0 5px; border: 1px solid #f43509; background-color: #fff;}
.unreached{color: #154798; font-weight: bold; padding: 0 5px; border: 1px solid #154798; background-color: #fff;}

/*オークション情報-落札結果*/
.traded{color: #f43509; font-weight: bold; padding: 0 5px; border: 1px solid #f43509; background-color: #fff;}
.untraded{color: #154798; font-weight: bold; padding: 0 5px; border: 1px solid #154798; background-color: #fff;}


/*----------------別窓で開いたときここまで----------------------------------------*/
#windowclose:hover{opacity: 0.7; transition: 0.3s;}
#windowclose{cursor: pointer;}
/*別窓でないスクロール*/
.system-scroll{ overflow: auto; max-height:calc(100vh - 248px); border: 1px solid #ddd; padding: 5px 5px 0; margin: -5px 0 0; }
ul.submit-ul-system{ margin-top: 0; padding: 10px 0;}
/*金額内訳*/

.breakdown {padding: 5px; background-color:#f2fafa; }
.breakdown ul{display: flex;}
.breakdown ul li{padding: 0 5px;font-size: 1.3rem; text-align: right;}
.minus{width: 20px;}
.plus{width: 30px;}
.bd01{width: 50px;}
.bd02{width: 100px;}
.bd03{width: 98px;}
.bd04{width: 64px;}
.bd05{width: 83px;}

.zeinuki{background-color:#f2fafa; }
.zeinuki td{background-color:#f2fafa !important; border:none !important; }
.zeinuki01{width: 178px !important; text-align: right;}
.zeinuki02{width: 130px !important;}
.zeinuki03{width: 64px !important;}
.zeinuki04{width: 113px !important;}
.zeinuki-icon{vertical-align: top;}
/* ========
	footer===============================================*/
footer p{ width: 1040px; height: 40px; line-height: 40px;margin: 0 auto;font-size: 1.0rem; text-align: center; }
/* ========
	結果===============================================*/
.done{font-size: 1.5rem; background-color: #f2f2f2; padding: 10px 20px;}
/* ========
	error===============================================*/
.error{ font-size: 1.5rem; background-color: #f2f2f2; padding: 10px 20px; display: flex;}
.error i{ color: #f43509;  margin-right: 15px;}
/* ========
	エラーメッセージ===============================================*/
.messageIcon::after{ content: url(../images/error.svg); position: relative; top:4px; display: inline-block; width:18px; height: 18px; }
.message-th01{vertical-align: super; padding-top: 3px !important; }
.message{color:#f43509; font-size: 1.2rem; clear: both; word-break: break-all;}
/* ----------- 無効なフィールド ----------- */
.clsReadonly{ color: #666; background: #f0f0f0; }
label.select_label select.clsReadonlySelect{ color: #666; background: #f0f0f0; }
label.inlineBlock input[type="checkbox"]{ color: #666; background: #f0f0f0; }
.clsReadonlyRadio { color: #666; background: #f0f0f0; }
/* ========	パスワード入力===============================================*/
.pass-ttl{}
.pass-cont{ font-size: 1.5rem; }
.pass-cont > p{padding: 10px 20px; margin-bottom: 20px; overflow-y: auto; max-height:calc(100vh - 420px); min-height: 100px; background-color: #f2f2f2;  }
.pass-cont dl{display: flex; justify-content: center; padding-bottom: 20px;}
.pass-cont dt{color: #555; font-weight: bold}
.pass-cont dl dd:nth-child(2){margin: 0 5px;}

/* ========
	4Fで追加したクラス===============================================*/
.lbl-name {position:relative;top:2px;}
.cursor_na {cursor:not-allowed;}