/*!
 * formex.css
 *   ★特殊フォーム FormEx( by jQuery FormBuilder / FormRender)用★　
 */
.rendered-form * {
	box-sizing: border-box
}

.rendered-form button,
.rendered-form input,
.rendered-form select,
.rendered-form textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

.rendered-form input {
	line-height: normal
}

.rendered-form textarea {
	overflow: auto
}

.rendered-form button,
.rendered-form input,
.rendered-form select,
.rendered-form textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

.rendered-form .btn-group {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.rendered-form .btn-group>.btn {
	position: relative;
	float: left
}

.rendered-form .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.rendered-form .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0
}

.rendered-form .btn-group .btn+.btn,
.rendered-form .btn-group .btn+.btn-group,
.rendered-form .btn-group .btn-group+.btn,
.rendered-form .btn-group .btn-group+.btn-group {
	margin-left: -1px
}

.rendered-form .btn-group>.btn:last-child:not(:first-child),
.rendered-form .btn-group>.dropdown-toggle:not(:first-child),
.rendered-form .btn-group .input-group .form-control:last-child,
.rendered-form .btn-group .input-group-addon:last-child,
.rendered-form .btn-group .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.rendered-form .btn-group .input-group-btn:first-child>.btn:not(:first-child),
.rendered-form .btn-group .input-group-btn:last-child>.btn,
.rendered-form .btn-group .input-group-btn:last-child>.btn-group>.btn,
.rendered-form .btn-group .input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.rendered-form .btn-group>.btn.active,
.rendered-form .btn-group>.btn:active,
.rendered-form .btn-group>.btn:focus,
.rendered-form .btn-group>.btn:hover {
	z-index: 2
}

.rendered-form .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 4px
}

.rendered-form .btn.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}

.rendered-form .btn.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.rendered-form .btn.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.rendered-form .btn.active,
.rendered-form .btn.btn-active,
.rendered-form .btn:active {
	background-image: none
}

.rendered-form .input-group .form-control:last-child,
.rendered-form .input-group-addon:last-child,
.rendered-form .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.rendered-form .input-group-btn:first-child>.btn:not(:first-child),
.rendered-form .input-group-btn:last-child>.btn,
.rendered-form .input-group-btn:last-child>.btn-group>.btn,
.rendered-form .input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.rendered-form .input-group .form-control,
.rendered-form .input-group-addon,
.rendered-form .input-group-btn {
	display: table-cell
}

.rendered-form .input-group-lg>.form-control,
.rendered-form .input-group-lg>.input-group-addon,
.rendered-form .input-group-lg>.input-group-btn>.btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.rendered-form .input-group {
	position: relative;
	display: table;
	border-collapse: separate
}

.rendered-form .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0
}

.rendered-form .form-control,
.rendered-form output {
	font-size: 14px;
	line-height: 1.42857143;
	display: block
}

.rendered-form textarea.form-control {
	height: auto
}

.rendered-form .form-control {
	height: 34px;
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px
}

.rendered-form .form-control:focus {
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.rendered-form .form-group {
	margin-left: 0px;
	margin-bottom: 15px
}

.rendered-form .btn,
.rendered-form .form-control {
	background-image: none
}

.rendered-form .pull-right {
	float: right
}

.rendered-form .pull-left {
	float: left
}

.rendered-form .fb-required,
.rendered-form .required-asterisk {
	color: #c10000
}

.rendered-form .fb-checkbox-group input[type='checkbox'],
.rendered-form .fb-checkbox-group input[type='radio'],
.rendered-form .fb-radio-group input[type='checkbox'],
.rendered-form .fb-radio-group input[type='radio'] {
    margin: 5px 3px 5px 3px;
    transform: scale(1.5);
    cursor: pointer;            
}


.rendered-form .fb-checkbox,
.rendered-form .fb-radio {
	margin-bottom: 3px;
}

.rendered-form .fb-checkbox-inline,
.rendered-form .fb-radio-inline {
	margin-right: 12px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0
}

.rendered-form .fb-checkbox-inline label input[type='text'],
.rendered-form .fb-radio-inline label input[type='text'] {
	margin-top: 0
}

.rendered-form .fb-checkbox-inline:first-child,
.rendered-form .fb-radio-inline:first-child {
	padding-left: 0
}

.rendered-form .fb-autocomplete-list {
	background-color: #fff;
	display: none;
	list-style: none;
	padding: 0;
	border: 1px solid #ccc;
	border-width: 0 1px 1px;
	position: absolute;
	z-index: 20;
	max-height: 200px;
	overflow-y: auto
}

.rendered-form .fb-autocomplete-list li {
	display: none;
	cursor: default;
	padding: 5px;
	margin: 0;
	transition: background-color 200ms ease-in-out
}

.rendered-form .fb-autocomplete-list li:hover,
.rendered-form .fb-autocomplete-list li.active-option {
	background-color: rgba(0, 0, 0, 0.075)
}

.rendered-form .kc-toggle {
	padding-left: 0 !important
}

.rendered-form .kc-toggle span {
	position: relative;
	width: 48px;
	height: 24px;
	background: #e6e6e6;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 2px;
	overflow: hidden;
	float: left;
	margin-right: 5px;
	will-change: transform
}

.rendered-form .kc-toggle span::after,
.rendered-form .kc-toggle span::before {
	position: absolute;
	display: inline-block;
	top: 0
}

.rendered-form .kc-toggle span::after {
	position: relative;
	content: '';
	width: 50%;
	height: 100%;
	left: 0;
	border-radius: 3px;
	background: linear-gradient(to bottom, #fff 0%, #ccc 100%);
	border: 1px solid #999;
	transition: transform 100ms;
	transform: translateX(0)
}

.rendered-form .kc-toggle span::before {
	border-radius: 4px;
	top: 2px;
	left: 2px;
	content: '';
	width: calc(100% - 4px);
	height: 18px;
	box-shadow: 0 0 1px 1px #b3b3b3 inset;
	background-color: transparent
}

.rendered-form .kc-toggle input {
	height: 0;
	overflow: hidden;
	width: 0;
	opacity: 0;
	pointer-events: none;
	margin: 0
}

.rendered-form .kc-toggle input:checked+span::after {
	transform: translateX(100%)
}

.rendered-form .kc-toggle input:checked+span::before {
	background-color: #6fc665
}

.rendered-form label {
	font-weight: normal        
}



.form-group .fb-required{
    color: #c10000;
}

.rendered-form .form-group > label{
    padding: 5px 7px;
    background-color: #eee;
    border-radius: 3px;
    margin-right: 7px; 
    margin-bottom: 5px;
    font-weight: bold;
    display: inline-block;
}

.rendered-form .form-group > label .fb-required,
.rendered-form .form-group > label .required-asterisk{
    font-weight: normal;
    margin-left: 5px;
    color:#fff;    
    padding:2px 3px;
    background: #DF0101;    
    border-radius: 2px;
}

.other-option:checked+label input {
	display: inline-block
}

.other-val {
	margin-left: 5px;
    padding:1px 4px;
    border: 1px solid #ccc;
    border-radius: 2px;
	display: none
}

*[tooltip] {
	position: relative;
}

*[tooltip]:hover::after {
    /* background: rgba(0, 0, 0, 0.9); */
    background: rgba(78,186,219, 0.9);
	border-radius: 5px 5px 5px 0;
	bottom: 23px;
	color: #fff;
	content: attr(tooltip);
	padding: 5px 7px;
	position: absolute;
	z-index: 98;
	left: 2px;
	width: 250px;
	text-shadow: none;
	font-size: 12px;
	line-height: 1.5em;
    text-align: left;
}

*[tooltip]:hover::before {
	border: solid;
    /* border-color: #222 transparent; */
    border-color: #4ebadb transparent;
	border-width: 6px 6px 0;
	bottom: 17px;
	content: '';
	left: 2px;
	position: absolute;
	z-index: 99
}

.tooltip-element {
	color: #fff;
	background: #4ebadb;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	display: inline-block;
	text-align: center;
	line-height: 16px;
	margin: 0 0 0 5px;
    /*
	font-size: 12px
    */  
    font-weight: normal;
}
@media screen and (max-width: 479px){
    *[tooltip]:hover::after {
        border-radius: 5px;
        left: -55px;
        width: 130px;
    }    
}


.form-control.number { width: auto; }
.form-control[type='color'] {
	width: 60px;
	padding: 2px;
	display: inline-block
}
.form-control[multiple] {	height: auto }


#fb-editor h1,.rendered-form h1 { font-size: 36px; }
#fb-editor h2,.rendered-form h2 { font-size: 30px; }
#fb-editor h3,.rendered-form h3 { font-size: 24px; }
#fb-editor h4,.rendered-form h4 { font-size: 18px; }
#fb-editor h5,.rendered-form h5 { font-size: 14px; } 
#fb-editor h6,.rendered-form h6 { font-size: 12px; }

#fb-editor h1,.rendered-form h1
#fb-editor h2,.rendered-form h2,
#fb-editor h3,.rendered-form h3,
#fb-editor h4,.rendered-form h4,
#fb-editor h5,.rendered-form h5,
#fb-editor h6,.rendered-form h6{
    margin-top: 10px;
    margin-bottom: 10px;
}

.rendered-form .form-control.w-auto{ width: auto !important; }
.rendered-form .form-control.w-25{ width: 25px; }
.rendered-form .form-control.w-50{ width: 50px; }
.rendered-form .form-control.w-60{ width: 60px; }
.rendered-form .form-control.w-75{ width: 75px; }
.rendered-form .form-control.w-100{ width: 100px; }
.rendered-form .form-control.w-125{ width: 125px; }
.rendered-form .form-control.w-150{ width: 150px; }
.rendered-form .form-control.w-200{ width: 200px; }
.rendered-form .form-control.w-250{ width: 250px; }
.rendered-form .form-control.w-300{ width: 300px; }

.rendered-form .form-control.d-inline-block{ display: inline-block; }
.rendered-form .fb-right-text{ margin-left: 3px; }




.form-ex i{ margin-right: 3px; }
.form-ex i.fa-file-pdf-o{ color:#d03434; }
.form-ex input[type="radio"],
.form-ex input[type="checkbox"]{
    vertical-align: -2px;
}
.form-ex input[type="radio"] + label,
.form-ex input[type="checkbox"] + label{
    margin-left: 3px;
    margin-bottom: 0;
    padding:2px 3px;
    font-weight: normal;
}
.form-ex input[type="radio"]:checked + label,
.form-ex input[type="checkbox"]:checked + label{
    background-color: #fbd850;
}
.form-ex .stepBar { margin-top: 0; }


/* Start Add T2 19.09.04 */
.form-wrap.form-builder .fb-radio input[type="radio"] + label,
.form-wrap.form-builder .fb-checkbox input[type="checkbox"] + label,
.rendered-form .fb-radio input[type="radio"] + label,
.rendered-form .fb-checkbox input[type="checkbox"] + label,
.form-ex .fb-radio input[type="radio"] + label,
.form-ex .fb-checkbox input[type="checkbox"] + label{
    display: inline-block;
    max-width:95%;
    vertical-align:middle;	
}
@media screen and (max-width: 479px){
    .form-wrap.form-builder .fb-radio input[type="radio"] + label,
    .form-wrap.form-builder .fb-checkbox input[type="checkbox"] + label,
    .rendered-form .fb-radio input[type="radio"] + label,
    .rendered-form .fb-checkbox input[type="checkbox"] + label,
    .form-ex .fb-radio input[type="radio"] + label,
    .form-ex .fb-checkbox input[type="checkbox"] + label{
        max-width:90%;
    }
}
/* End Add T2 19.09.04 */

/* -----------------------------------------
  form/index
----------------------------------------- */
.form-ex .page-main{
    margin-bottom: 50px;
}

.form-ex .page-main .panel:nth-child(n + 2) table thead{ display: none; }

.form-ex .form-ex-category{}
.form-ex .form-ex-category-no-category{}
.form-ex .form-ex-category-name {
	font-size:1.5em;
	font-weight:bold;
}

.form-ex .form-ex-form-entry,
.form-ex .form-ex-form-title,
.form-ex .form-ex-form-outline{
    vertical-align: middle; 
}

.form-ex tbody .form-ex-form-title {
    /* font-size:110%;  */
    font-size: 1.3em;
    line-height: 180%;
}

.form-ex .form-ex-form-entry{
    width:100px;
    text-align: center; 
}
.form-ex .form-ex-form-title{ 
    /* width:40%; */
    width:35%;
}
.form-ex .form-ex-form-title a{ font-weight: bold; }
.form-ex .form-ex-form-outline{ width:auto; }
.form-ex .form-ex-form-file-download{
    text-align: center; 
    vertical-align: middle;
}


@media screen and (max-width: 768px){
    
    .form-ex th,
    .form-ex td{
        padding: 1.3em !important;
    }    
    
    .form-ex th.form-ex-form-entry,
    .form-ex th.form-ex-form-title,
    .form-ex th.form-ex-form-outline,
    .form-ex-form-file-download{
        display: none;
    }    
    .form-ex td.form-ex-form-entry,
    .form-ex td.form-ex-form-title,
    .form-ex td.form-ex-form-outline,
    .form-ex td.form-ex-form-file-download{
        display: block !important;
        width:100%;
    }
    .form-ex td.form-ex-form-title{
        background-color: #eee;
        font-size: 1em;
        border-top: 3px solid #ccc;
    }
    .form-ex td.form-ex-form-entry.hidden-xs{ display: none !important; }
    .form-ex td.form-ex-form-title,
    .form-ex-form-file-download{
        text-align: center;
    }
    
    .form-ex td.form-ex-form-outline.hidden-xs,
    .form-ex th.form-ex-form-file-download.hidden-xs,
    .form-ex td.form-ex-form-file-download.hidden-xs{
        display: none !important;
    }

}


/* -----------------------------------------
  form/input & confirm
----------------------------------------- */
.form-ex .form-input .file-info-box{ margin: 0 0 15px 5px; }
.form-ex .form-input .file-info > .text-center.hidden-print { display: block !important; }
.form-ex .form-input .file-info > .text-center.hidden-print .file-info-size,
.form-ex .form-input .file-info > .text-center.hidden-print .file-info-operation a.file-ctrl-rename,
.form-ex .form-input .file-info > .text-center.hidden-print .file-info-operation a.file-ctrl-resort,
.form-ex .form-input .file-info > .text-center.hidden-print .file-info-operation a.file-ctrl-download{ 
    display: none !important; 
}
.form-ex .form-input .file-info > .text-center.hidden-print .file-info-operation a.file-ctrl-delete{
    font-size: 120%; 
    color: #df0101;
}
.form-ex .form-input .file-info > .text-center.hidden-print .file-info-operation a.file-ctrl-delete:after{
    margin-left: 2px;
    content:"削除";
}

.form-ex .form-confirm .file-info-box{ margin: 15px 0 30px 0; }
.form-ex .form-confirm iframe.ajax-upload-box{ display: none; }
.form-ex .form-confirm .file-info > .text-center.hidden-print { display: none; }

.form-ex .form-confirm .value-text.purchase-price{
    vertical-align: -6px;
    font-size:2.5em;
    color:#0F6DFF;
}

/* --- #privacy-policy --- */
.form-ex #privacy-policy{
    margin: 30px 0 30px 0;
    border: 1px #ccc solid;
    border-radius: 3px;
    padding:25px;
}
.form-ex #privacy-policy #privacy-policy-note{
    margin-bottom: 20px;
}
.form-ex #privacy-policy #privacy-policy-content{
    padding:15px;
    overflow: auto;
    height: 200px;
    border: 1px #ccc dotted;
}
.form-ex #privacy-policy #privacy-policy-content > .page-top-image{
    display: none;
}
.form-ex #privacy-policy #privacy-policy-content > .container,
.form-ex #privacy-policy #privacy-policy-content > .container > .row > .col-sm-8{
    width:auto;     /* 横幅設定を親(新規登録ページ)に合せる(デザインAを推奨) */
}
.form-ex #privacy-policy #privacy-policy-content > .container > .row > .col-sm-4{
    display: none;
}
.form-ex #privacy-policy #privacy-policy-content > .container .page-head{
    padding-bottom:0;
}
.form-ex #privacy-policy #privacy-policy-content > .container .page-head h3{
    margin-top: 0;
    font-size: 24px;
}
.form-ex #privacy-policy #privacy-policy-content > .container .page-main .unit-title{}

@media (max-width: 479px) {       
    .form-ex #privacy-policy{
        padding:10px;
    }
    .form-ex #privacy-policy #privacy-policy-content{
        padding:10px;
    }
    .form-ex #privacy-policy #privacy-policy-content > .container .page-head h3{
        font-size:20px;
    }    
}


/* -----------------------------------------
  form/datalist 
----------------------------------------- */
.form-ex .main-nav{ margin-bottom: 25px; }
.form-ex .main-nav .nav > li > a{
    text-decoration: none;
    background-color: #eee;
    font-size:130%;
}
.form-ex .main-nav .nav-pills > li > a:hover{ background-color: #ddd; }    
.form-ex .main-nav .nav-pills > li.active > a,
.form-ex .main-nav .nav-pills > li.active > a:focus{
    color: #fff;
    background-color: #337ab7;        
}

.form-ex .datalist h3{
    text-align: center;
    margin-bottom:20px;
}

.form-ex .datalist-category,
.form-ex .datalist-sort{
    padding-left: 5px;
}
.form-ex .datalist-category-label,
.form-ex .datalist-sort-label{
    font-size: 130%;
    padding:0 0 0.25em 0;
}
.form-ex .datalist-category .list-group,
.form-ex .datalist-sort .list-group{
    box-shadow:none;
    margin-bottom: 15px;
}
.form-ex .datalist-category .list-group.list-inline > a,
.form-ex .datalist-sort .list-group.list-inline > a{
    display: inline-block;
    border-radius: 4px;
    margin-bottom: 3px;
}
.form-ex .datalist-category .list-group .list-group-item,
.form-ex .datalist-sort .list-group .list-group-item{
    padding:7.5px 7.5px;
}

.form-ex .datalist .datalist-list-purchase input.ctrl-item-checked{
    margin: 0;
    transform: scale(1.5);
    cursor: pointer;    
}

.form-ex .datalist .datalist-list-purchase tr.checked{
    background-color: #fbd850;
}

@media screen and (max-width: 767px){
    .form-ex .col-datalist-sort.col-sm-3.text-right{
        text-align: left;
    }
}

.form-ex .datalist .table > thead > tr > th,
.form-ex .datalist .table > tbody > tr > th,
.form-ex .datalist .table > tfoot > tr > th,
.form-ex .datalist .table > thead > tr > td,
.form-ex .datalist .table > tbody > tr > td,
.form-ex .datalist .table > tfoot > tr > td {
    padding: 5px;
}

/* -----------------------------------------
  form/datalist - datalist-box
----------------------------------------- */
.form-ex .datalist-box .datalist-operation{ text-align: center; }
.form-ex .datalist-box .datalist-box-content{
    padding: 10px;
    border:2px dotted #ddd;
    margin-bottom:25px;
} 
.form-ex .datalist-box .datalist-file-info .file-info-item{
    margin:10px 0px 10px 0;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ddd;
}
.form-ex .datalist-box .datalist-file-info .file-info-item:last-child{
    border-bottom: none;
}
.form-ex .datalist-box .datalist-file-info .file-info-item.no-files{ margin: 15px 0 !important; }       
.form-ex .datalist-box .datalist-file-info .datalist-exif{ font-size:120%; }
.form-ex .datalist-box .datalist-file-info .datalist-exif .datalist-exif-time{}
.form-ex .datalist-box .datalist-file-info .datalist-exif .datalist-exif-map{}
.form-ex .datalist-box .datalist-file-info .datalist-exif .datalist-exif-address{}

.form-ex .datalist-box .datalist-file-info .datalist-file-download,
.form-ex .datalist-box .datalist-file-info .datalist-movie-download{
    font-size:120%; 
}

.form-ex .datalist-box .datalist-list-fixed{
    margin-top: 10px;
    margin-bottom: 10px;
}
.form-ex .datalist-box .datalist-list-fields,
.form-ex .datalist-box .datalist-list-purchase{
    margin-top: 10px;
}
.form-ex .datalist-box .datalist-list-fixed th,
.form-ex .datalist-box .datalist-list-fields th,
.form-ex .datalist-box .datalist-list-purchase th{
    width:120px; 
}

.form-ex .datalist-box .datalist-data-note.existing{
    background-color: #FFFFCC;
    margin-top: 10px;
    padding:5px;
    border-radius: 4px;
    border: 1px #ccc dotted;
}

.form-ex .datalist-box table .datalist-list-purchase-item-image{
    width:70px;
    vertical-align: middle;
}
.form-ex .datalist-box table .datalist-list-purchase-item-quantity{ font-size:1.5em;font-weight: bold; }


/* -----------------------------------------
  form/datalist - datalist-list
----------------------------------------- */
.form-ex .datalist-list tbody td{ vertical-align: middle !important; }    
.form-ex .datalist-list td .file-info-item{
    margin:2px 0px;
    text-align: center;
    display:inline-block;
}

.form-ex .datalist-list td .file-info-item i{ margin-right: 3px; }  
.form-ex .datalist-list .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}
.form-ex .datalist-list .table-responsive > .table { margin-bottom: 0; }
.form-ex .datalist-list .table-responsive > .table > thead > tr > th,
.form-ex .datalist-list .table-responsive > .table > tbody > tr > th,
.form-ex .datalist-list .table-responsive > .table > tfoot > tr > th,
.form-ex .datalist-list .table-responsive > .table > thead > tr > td,
.form-ex .datalist-list .table-responsive > .table > tbody > tr > td,
.form-ex .datalist-list .table-responsive > .table > tfoot > tr > td { 
    white-space: nowrap; 
}
.form-ex .datalist-list .table-responsive > .table-bordered { border: 0; }
.form-ex .datalist-list .table-responsive > .table-bordered > thead > tr > th:first-child,
.form-ex .datalist-list .table-responsive > .table-bordered > tbody > tr > th:first-child,
.form-ex .datalist-list .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.form-ex .datalist-list .table-responsive > .table-bordered > thead > tr > td:first-child,
.form-ex .datalist-list .table-responsive > .table-bordered > tbody > tr > td:first-child,
.form-ex .datalist-list .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}
.form-ex .datalist-list .table-responsive > .table-bordered > thead > tr > th:last-child,
.form-ex .datalist-list .table-responsive > .table-bordered > tbody > tr > th:last-child,
.form-ex .datalist-list .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.form-ex .datalist-list .table-responsive > .table-bordered > thead > tr > td:last-child,
.form-ex .datalist-list .table-responsive > .table-bordered > tbody > tr > td:last-child,
.form-ex .datalist-list .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}
.form-ex .datalist-list .table-responsive > .table-bordered > tbody > tr:last-child > th,
.form-ex .datalist-list .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.form-ex .datalist-list .table-responsive > .table-bordered > tbody > tr:last-child > td,
.form-ex .datalist-list .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
}

.form-ex .datalist-list .datalist-data-note.existing{ margin-left: 5px; }

.form-ex #datalist-map-box{ margin-bottom: 50px; }
.form-ex #datalist-map-box #datalist-map-btn{ margin-bottom: 7.5px; }
.form-ex #datalist-map-box #datalist-map { 
    height: 600px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width: 100%;
}

.form-ex .datalist-list table.datalist-list-purchase-item-info th,
.form-ex .datalist-list table.datalist-list-purchase-item-info td{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.form-ex .datalist-list table.datalist-list-purchase-item-info td:last-child,
.form-ex .datalist-list table.datalist-list-purchase-item-info th:last-child{
    border-right: none;
}
.form-ex .datalist-list table.datalist-list-purchase-item-info tbody tr:last-child td{
    border-bottom: none;
}

.form-ex .datalist-list table .datalist-list-purchase-item-image{
    width:70px;
    vertical-align: middle;
}
.form-ex .datalist-list table .datalist-list-purchase-item-name{ min-width:200px; }
.form-ex .datalist-list table .datalist-list-purchase-item-standard{ min-width:200px; }
.form-ex .datalist-list table .datalist-list-purchase-item-price{ min-width:60px; }
.form-ex .datalist-list table .datalist-list-purchase-item-quantity{ min-width:40px; font-size:1.5em;font-weight: bold; }
.form-ex .datalist-list table .datalist-list-purchase-item-subtotal{ min-width:80px; }

/* -----------------------------------------
  form/datalist - datalist-single
----------------------------------------- */
.form-ex .datalist-single .datalist-operation{ text-align: center; }
.form-ex .datalist-single .datalist-single-content{
    padding: 10px;
    border:2px dotted #ddd;
    margin-bottom:25px;
} 
.form-ex .datalist-single .datalist-file-info .file-info-item{
    margin:10px 0px 10px 0;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ddd;
}
.form-ex .datalist-single .datalist-file-info .file-info-item:last-child{
    border-bottom: none;
}
.form-ex .datalist-single .datalist-file-info .file-info-item.no-files{ margin: 15px 0 !important; }       
.form-ex .datalist-single .datalist-file-info .datalist-exif{ font-size:120%; }
.form-ex .datalist-single .datalist-file-info .datalist-exif .datalist-exif-time{}
.form-ex .datalist-single .datalist-file-info .datalist-exif .datalist-exif-map{}
.form-ex .datalist-single .datalist-file-info .datalist-exif .datalist-exif-address{}

.form-ex .datalist-single .datalist-file-info .datalist-file-download,
.form-ex .datalist-single .datalist-file-info .datalist-movie-download{
    font-size:120%; 
}

.form-ex .datalist-single .datalist-list-fixed{
    margin-top: 10px;
    margin-bottom: 45px;
}
.form-ex .datalist-single .datalist-list-fields{
    margin-top: 10px;
    margin-bottom: 10px;
}

.form-ex .datalist-single .datalist-list-fixed th,
.form-ex .datalist-single .datalist-list-fields th{
    min-width: 150px;
    width:35%;
}

.form-ex .datalist-single .datalist-data-note.existing{
    background-color: #FFFFCC;
    margin-top: 10px;
    margin-bottom: 45px;
    padding:5px;
    border-radius: 4px;
    border: 1px #ccc dotted;
}


/* -----------------------------------------
  table.consent <- for sitemanage
----------------------------------------- */
table.consent tr{
    
}
table.consent thead td{
    background-color:#b5cbe4;
    padding:5px 3px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;         
}
table.consent tbody td{
    background-color: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0;
    vertical-align: middle;
}
table.consent tbody td.v-al-m
table.consent tbody td.dt-delete,
table.consent tbody td.dt-no{
    width:35px;
}
table.consent tbody td input,
table.consent tbody td textarea{
    border:none;
}
table.consent tbody td input.form-control,
table.consent tbody td textarea.form-control{
    -webkit-box-shadow:none;
    box-shadow: none;
}

table.consent tbody td input + label{
    display:none;
}
table.consent .inner-radio-inline, .inner-checkbox-inline{
    margin: 0;
}
/* 最終行は常に非表示にしておくことでJS(jquery.timepicker.js)の不正動作を回避！(汗) → [Model_Mst_Event::HIDE_DATETIME_ROWS]を参照 */
table.consent tbody tr:last-child{
    display: none;
}

/* -----------------------------------------
  consent <- form/input & confirm
----------------------------------------- */

.form-ex #form-button-fields-load.form-button{
    margin: 30px 0;
}
.form-ex #form-button-fields-save.form-button{
    margin: 30px 0 0 0;
}
.form-ex #consent-wrapper{}
.form-ex #consent-wrapper .consent-common-header,
.form-ex #consent-wrapper .consent-complete-header{
    margin: 30px 0;
}
.form-ex #consent-wrapper .consent-item-box{}
.form-ex #consent-wrapper .consent-item{
    margin: 25px 0;
}
.form-ex #consent-wrapper .consent-item .consent-item-title{
    font-size: 1.5em;
}
.form-ex #consent-wrapper .consent-item .consent-item-body{}
.form-ex #consent-wrapper .consent-item .consent-item-time{
    margin-top:10px;
}
.form-ex #consent-wrapper .consent-item .form-button{
    margin-top: 25px;
}

/* -----------------------------------------
  purchase <- form/input & confirm
----------------------------------------- */

.form-ex #purchase-wrapper{}
.form-ex #purchase-wrapper .purchase-common-header,
.form-ex #purchase-wrapper .purchase-complete-header{
    margin: 30px 0;
}
.form-ex #purchase-wrapper .purchase-item-box{}
.form-ex #purchase-wrapper .purchase-item{
    margin: 0 0 15px 0;
    padding:2em;
    border:1px dotted #aaa;
    border-radius:7px;
}
.form-ex #purchase-wrapper .purchase-item .purchase-item-select{
    margin: 0.5em 0;
    display: flex;
    justify-content: left;
    align-items: center;    
}
.form-ex #purchase-wrapper .purchase-item .purchase-item-select input[type="radio"],
.form-ex #purchase-wrapper .purchase-item .purchase-item-select input[type="checkbox"]{
    margin: 3px;
    transform: scale(2.0);
    cursor: pointer;    
}
.form-ex #purchase-wrapper .purchase-item .purchase-item-select input[type="radio"] + label,
.form-ex #purchase-wrapper .purchase-item .purchase-item-select input[type="checkbox"] + label{
    margin-left: 0.75em;
    cursor: pointer; 
    padding:0.25em 0.5em;
    display: inline-block;
    width:100%;
}
.form-ex #purchase-wrapper .purchase-item .purchase-item-code{
}
.form-ex #purchase-wrapper .purchase-item .purchase-item-name{
    font-size: 1.25em;
}
.form-ex #purchase-wrapper .purchase-item .purchase-item-price{
    font-size: 1.5em;
}
.form-ex #purchase-wrapper .purchase-item .purchase-item-quantity{
    margin:5px 0;
}
.form-ex .form-confirm #purchase-wrapper .purchase-item .purchase-item-price{
    font-size: 1.0em;
}
.form-ex .form-confirm #purchase-wrapper .purchase-item .purchase-item-quantity{
    margin:0;
}


.form-ex #purchase-wrapper .purchase-item .purchase-item-info{}
.form-ex #purchase-wrapper .purchase-item .purchase-item-standard{
    margin-bottom: 5px;
}
.form-ex #purchase-wrapper .purchase-item .purchase-item-body{}

@media screen and (max-width: 479px){
    .form-ex #purchase-wrapper .col-xs-6 .purchase-item{
        padding:0.75em;
    }
}

/* -----------------------------------------
  other
----------------------------------------- */
.form-ex .ctrl-disp-group-no-add-btn{
    margin-bottom:30px;
}