/* kintone連携  -------------------------------------------------*/

.type036-block .detail_link,
.type037-block .detail_link,
.type038-block .detail_link,
.type040-block .detail_link,
.type041-block .detail_link {
	cursor: pointer;
}

/* type036 リスト表示 */
.record-lists .type036-table-wrap {
	margin-bottom : 0;
	overflow: hidden;
	overflow-x: auto;
}

.record-lists .type036-table-wrap td .kintone-subtable-wrap{
	overflow-x: auto;
}

.type036-table {
	word-break:break-all;
	/* コンテンツ幅からはみ出した場合はスクロール表示 */
	white-space: nowrap;
	width : auto;
	max-width: none;
	overflow: auto;
}

.kintone_MULTI_LINE_TEXT , .kintone_RICH_TEXT {
	white-space: pre-wrap;
}

#kintone-detail .kintone_MULTI_LINE_TEXT , #kintone-detail .kintone_RICH_TEXT{
	white-space: normal;
}

.type036-table th,
.type036-table td,
.kintone-subtable th,
.kintone-subtable td {
	vertical-align : middle;
/*	padding : 10px;*/
	border : 1px solid #C1C1C1;
}

.type036-table th,
.type036-table td,
.type040-table th,
.type040-table td,
.type041-table th,
.type041-table td,
.kintone-detailtable th,
.kintone-detailtable td,
/* .kintone-subtable th, */
.kintone-subtable td {
	padding : 10px;
}

.pc-one-column .type036-table th,
.pc-one-column .type036-table td,
.pc-one-column .type040-table th,
.pc-one-column .type040-table td,
.pc-one-column .type041-table th,
.pc-one-column .type041-table td,
/* .pc-one-column .kintone-subtable th, */
.pc-one-column .kintone-subtable td {
	padding : 15px;
}

.type036-table td.dad-direct-item,
.type036-table td.vi-direct-item,
.type040-table td.dad-direct-item,
.type040-table td.vi-direct-item,
.type041-table td.dad-direct-item,
.type041-table td.vi-direct-item,
.kintone-subtable td {
	padding : 5px;
}

.layout_clm_3 .type036-table th,
.layout_clm_4 .type036-table th,
.section_split_3 .type036-table th,
.section_split_4 .type036-table th
.layout_clm_3 .type036-table td,
.layout_clm_4 .type036-table td,
.section_split_3 .type036-table td,
.section_split_4 .type036-table td,
.layout_clm_3 .type040-table th,
.layout_clm_4 .type040-table th,
.section_split_3 .type040-table th,
.section_split_4 .type040-table th
.layout_clm_3 .type040-table td,
.layout_clm_4 .type040-table td,
.section_split_3 .type040-table td,
.section_split_4 .type040-table td,
.layout_clm_3 .type041-table th,
.layout_clm_4 .type041-table th,
.section_split_3 .type041-table th,
.section_split_4 .type041-table th
.layout_clm_3 .type041-table td,
.layout_clm_4 .type041-table td,
.section_split_3 .type041-table td,
.section_split_4 .type041-table td {
	padding: 5px;
}

.type036-table th,
.type040-table th,
.type041-table th{
/* .kintone-subtable th { */
	font-weight : bold;
	text-align : center;
	color : #2D2E39;
	background : #E3E7EE;
}

/* 20230323 subtable内のスタイル調整 */
table.kintone-subtable th {
	text-align : center;
    padding: 0px 10px;
    background: rgba(250,252,255,0.953);
    font-weight: initial;
}

/* type037 ブロック表示 カードビュー */
.type037-block .kintone-record {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 2px 5px #ccc;
}

.type037-block .kintone-record-row1 .kintone-record,
.type037-block .kintone-record-row2 .kintone-record,
.type037-block .kintone-record-row3 .kintone-record,
.type037-block .kintone-record-row4 .kintone-record,
.type037-block .kintone-record-row5 .kintone-record {
	padding: 20px;
}


.type037-block .kintone-record-row2 .kintone-record:nth-child(2n+1),
.type037-block .kintone-record-row3 .kintone-record:nth-child(3n+1),
.type037-block .kintone-record-row4 .kintone-record:nth-child(4n+1),
.type037-block .kintone-record-row5 .kintone-record:nth-child(5n+1){
	clear:both;
}

/* type039 グラフ表示 */
.type039-block ul.legend {
	list-style: none;
    text-align: left;
    height: 100%;
}

.type039-block .type039-legend-box {
	display: flex;
	justify-content: center;
}

/* type040 レコード表示 */
.type040-block table.type040-table,
.type041-block table.type041-table{
	width: 100%;
	table-layout: fixed;
}

.type040-table th,
.type040-table td,
.type041-table th,
.type041-table td  {
	vertical-align : middle;
	border : 1px dotted #C1C1C1;
}

.type040-table th {
	/* 左右枠線非表示 */
	/* border-left : none; */
}
.type040-table td {
	/* 左右枠線非表示 */
	/* border-right : none; */
}

.type040-block .type040-table th,
.type041-block .type041-table th{
    width: -webkit-calc(100% / 4);
    width: calc(100% / 4);
}

.type040-block .type040-table td .kintone-subtable-wrap,
.type041-block .type041-table td .kintone-subtable-wrap{
	overflow-x: scroll;
}

/* 詳細画面 */
#kintone-detail .detail-item-title {
	width       : 100%;
	font-weight : bold;
	color       : #2D2E39;
	background  : #E3E7EE;
	box-sizing  : border-box;
	padding     : 10px;
}

.type036-block p.slogan,
.type037-block p.slogan,
.type038-block p.slogan,
.type040-block p.slogan,
.type041-block p.slogan {
	line-height:1.5;
	width:auto;
	border-bottom:2px solid #ccc;
}

.kintone_detail_main_img_box {
    float: left;
    overflow:hidden;
}
.kintone_detail_main_img_box .caption{
	font-size:85%;
}

table.kintone-detail-table{
	width: 100%;
}

.kintone-detail-table td.kintone-detailtable-td{
	padding: 5px 0px 5px 20px;
}

table.kintone-detail-table th{
    width: -webkit-calc(100% / 5);
    width: calc(100% / 5);
	vertical-align: baseline;
}


/* //////////////////////////////////////////// 検索 ////////////////////////////////////////////*/

div.kintone_search_box {
	margin-top : 10px;
	margin-bottom : 30px;
}

div.kintone_search_box table.SearchFomTbl {
	width  : 100%;
}

div.kintone_search_box table.SearchFomTbl th {
	width: -webkit-calc(100% / 4);
    width: calc(100% / 4);
	background-color : #E3E7EE;
	border     : 1px solid #c1c1c1;
}

div.kintone_search_box div.SearchTh {
	width       : auto;
	height      : 100%;
	line-height : 26px;
	color       : #2D2E39;
	padding     : 10px;
}

div.kintone_search_box table.SearchFomTbl td {
	width   : auto;
	padding : 10px;
	border     : 1px solid #c1c1c1;
}

/* check　と radio　デザイン */

.br-class::before{
	content: "\A" ;
	white-space: pre ;
}

div.kintone_search_box table.SearchFomTbl input[type="radio"],
div.kintone_search_box table.SearchFomTbl input[type="checkbox"] {
	/* border        : 2px solid #333333; */
	border-radius : 30px;
}

div.kintone_search_box table.SearchFomTbl td .radio {
	display : block;
}


div.kintone_search_box table.SearchFomTbl td .radio [type="radio"]:first-child {
    margin-right : 10px;
    margin-left  : 0;
}

div.kintone_search_box table.SearchFomTbl td .radio input[type="radio"]{
	margin-right : 10px;
	margin-left  : 20px;
}

div.kintone_search_box table.SearchFomTbl td .radio label {
    margin-right : 20px;
}

div.kintone_search_box table.SearchFomTbl td .search_checkbox input[type="checkbox"]{
	margin-right : 10px;
	margin-left  : 20px;
	-webkit-appearance: auto;
}

div.kintone_search_box table.SearchFomTbl td .search_checkbox input[type="checkbox"]:first-child {
    margin-right : 10px;
    margin-left  : 0;
	-webkit-appearance: auto;
}
div.kintone_search_box table.SearchFomTbl td .search_checkbox label {
    margin-right : 20px;
}

div.kintone_search_box table.SearchFomTbl td table.checkbox_tbl {
	width : 100%;
}

div.kintone_search_box table.SearchFomTbl td table.checkbox_tbl td {
	width          : 25%;
	border         : none;
	vertical-align : top;
}

div.kintone_search_box table.SearchFomTbl select {
	border    : 1px solid #aaa;
	font-size : 15px;
	padding   : 8px;
	border    : 1px solid #959EA7;
	height    : 40px;
}

div.kintone_search_box table.SearchFomTbl input {
	vertical-align : middle;
	font-size      : 14px;
	border         : 1px solid #A6B1CE;
	box-shadow     : none;
	border-radius  : 3px;
}
div.kintone_search_box table.SearchFomTbl input:not([type="radio"]) {
	height         : 40px;
}

.kintone-search-submit-btn {
	width                 : 200px;
	height                : 36px;
	display               : inline-block;
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	border-radius         : 5px;
}

/* 検索結果表示 */
.type036-block .search_info_box,
.type037-block .search_info_box {
    border-bottom: solid 1px #707070;
    margin: 30px 0px;
}

/* データがないときのメッセージ */
.not_data {
	font-weight : bold;
	color       : #cc0000;
	text-align  : center;
	margin      : 40px 0px 0px 0px;
}

.not_data_black {
	font-weight : bold;
	color       : #000;
	text-align  : center;
	margin      : 40px 0px 0px 0px;
}

/*データピッカー、タイムピッカー*/
input[type=text].dateTimepicker{
	width		: 150px !important;
}

input[type=text].datepicker:not(.copy-datepicker){
	width		: 140px !important;
}

input[type=text].dateTimepicker ~ a.dad-picker-btn,
input[type=text].datepicker:not(.copy-datepicker) ~ a.dad-picker-btn,
input[type=text].timepicker ~ a.dad-picker-btn{
	width		: 32px;
	height		: 30px;
	line-height		: 30px;

	text-align	: center;
	color		: #333333;
	display		: inline-block;
	border		: solid 1px #999999;

	margin	: 0 5px;
	border-radius	: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	background: #f9fafc; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9fafc 0%, #e8e9eb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fafc), color-stop(100%,#e8e9eb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9fafc 0%,#e8e9eb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9fafc 0%,#e8e9eb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9fafc 0%,#e8e9eb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9fafc 0%,#e8e9eb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafc', endColorstr='#e8e9eb',GradientType=0 ); /* IE6-9 */
}

/* kintoneレコード編集完了時のフラッシュ */
.kintone-record-edit-comp{
	margin-bottom: 10px;
    width: 100%;
    text-align: center;
    color: #333333; /*g1*/
	border : 1px solid #69b200;
    background :#eefff2;
    padding: 10px;
}
.kintone-record-edit-error{
	margin-bottom: 10px;
    width: 100%;
    text-align: center;
	color: #96141E; /*a1*/
	border : 1px solid #f44;
    background :#FFEEEE;
    padding: 10px;
}


.a-ctrl-btn
{
	-webkit-appearance: none;
	position:relative;
	display: inline-block;
	/* padding-left: 10px;
	padding-right: 10px; */
	/* color : #666; */
	/* border : none; */
	/* font-size: var(--xs-pc); */
	/* font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif; */
	border-radius: 3px;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	/* height: var(--btn-m-size); */
	/* line-height: var(--btn-m-size); */
	/* padding: 2px 8px; */
	text-align: center;
	color:var(--a-ctrl-btn-clr);
	border: 1px solid #cccccc;
	background-color:#ffffff;	
	white-space: nowrap;
}
.a-ctrl-btn:hover{
	border: 1px solid;
}
.a-ctrl-btn.kintone_edit{
	text-decoration: none!important;
	padding: 2px 8px;
}

.type036-table th div::-webkit-scrollbar, .type036-table td div::-webkit-scrollbar { 
	display: none;
}
.type036-table th div, .type036-table td div{
	scrollbar-width: none;
}

 
.type036-table th div, .type036-table td div.presetbtn{
    padding: 5px;
}

.kintone-search-word .radio-label{
	margin-right:20px;
}

