@charset "UTF-8";

.edit-form-item{
	display:none;
}
.edit-form-on .edit-form-item{
	display:inherit;
}

.invalid,
.form-item.invalid,
.table-zebra tbody tr.form-item.invalid{
	background-color:#FCECEC;
}


/*
	フォーム
*/
.form-item-bg-icon{
	position:relative;
}
.form-item-bg-icon .fa{
	color:#DEDEDE;
	position:absolute;
	right:.5em;
	top:.5em;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="mail"],
textarea,
select{
	border:1px solid #DEDEDE;
	outline:0;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="mail"],
textarea,
select{
	padding:.5em;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button{
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="mail"],
textarea,
select,
.btn,
.api-form label,
.pagination,
.cell-list-wrap.toggle-bt-wrap,
.border-box,
.border-content{
	_border-radius:.3em;
	border-radius:4px;
}

.api-form label{
	_font-size:120%;
	padding:.75em 1em;
	margin:.5em;
	margin-right:0;
	display:inline-block;
	border:1px solid #DEDEDE;
	cursor:pointer;
}
.api-form .label-item{
	cursor:pointer;
}
.api-form label:hover,
.api-form label.checked,
.api-form .label-item.checked{
  background-color: #E2EDD7;
}
.table-zebra .checked:nth-of-type(odd),
.zebra-list .checked:nth-of-type(odd){
  background-color:#edf7e3;
}
.api-form label input[type="radio"],
.api-form label input[type="checkbox"]{
	margin-right:2px;
	cursor:pointer;
}

.radio-toggle-box{
	overflow:hidden;
}




/*
	ボタン
*/
.btn{
	border:none;
	padding:1em;
	line-height:1;
	cursor:pointer;
	text-align:center;
	display:inline-block;
}
.btn.btn-off{
	border:1px solid #DEDEDE;
	background-color:#FFF;
	color:inherit;
}
.btn.btn-small{
	font-size:90%;
	_padding:.5em;
	padding:8px;
}
.btn.btn-2x{padding-right:2.0em;padding-left:2.0em;}
.btn.btn-3x{padding-right:3.0em;padding-left:3.0em;}
.btn.btn-4x{padding-right:4.0em;padding-left:4.0em;}
.btn.btn-2y{padding-top:2.0em;padding-bottom:2.0em;}
.btn.btn-3y{padding-top:3.0em;padding-bottom:3.0em;}

.info-window-button.btn{
	padding:.5em 1em;
	font-size:85%;
	margin:-.5em .2em;
}
.info-window-button.btn:hover{
	background:#FFF;
	color:#000;
	opacity:.75;
}



/*
	ボタングループ
*/
.pagination,
.cell-list-wrap.toggle-bt-wrap{
	border:1px solid #DEDEDE;
	background-color:#FFF;
	overflow:hidden;
}
.pagination .pager-bt,
.cell-list-wrap.toggle-bt-wrap .cell-box.btn{
	border-right:1px solid #DEDEDE;
}
.pagination .pager-bt:last-child,
.cell-list-wrap.toggle-bt-wrap .cell-box.btn:last-child{
	border-right:none;
}
.tab-bt{
}


.cell-box.btn,
.pagination .pager-bt,
.cell-list-wrap.toggle-bt-wrap .cell-box.btn{
	border-radius:0;
}
.index-map-wrap .cell-list-wrap.toggle-bt-wrap{
	border-top:none;
	border-right:none;
	border-left:none;
	border-radius:4px 4px 0 0;
}


/*
	ナビ（前後ボタンなど）
*/
.info-window .info-window-nav{
	float:right;
	_margin-top:-8px;
	_margin-right:3px;
	margin-top:-.3em;
}
.info-window .info-window-nav .prev{
	_margin-right:-15px;
}
.nav-bt{
	font-size:100%;
	line-height:1;
	display:inline-block;
	float:left;
	position:relative;
	font-weight:normal;
	border:1px solid #DEDEDE;
	padding:.5em 1em;
	background-color:#fff;
	cursor: pointer;
}
.prev{
	border-radius:4px 0 0 4px;
}
.next{
	border-radius:0 4px 4px 0;
}
.nav-bt:hover,
.prev.pointer,
.next.pointer{
	color: #FFF;
	border-color:inherit;
	background-color:inherit;
	_border:1px solid #405b78;
	_background-color: #405b78;
}
.nav-bt:hover i,
.prev.pointer i,
.next.pointer i{
	color:#FFF;
}



fieldset{
	border: none;
	margin: 0;
	padding:0;
}
.select-field select.select-form{
	position:relative;
	width:100%;
	max-width:100%;
	min-height:1px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:1px solid #DEDEDE;
	background:#FFF;
	cursor:pointer;
	outline:0;
}
fieldset.select-field{
	position:relative;
	border:none
}
fieldset.select-field:after{
	display:block;
	content:"▼";
	position:absolute;
	top:6px;
	right:5px;
	font-size:8px;
	pointer-events:none;
}
.cell-box .select-fieldset select,
.table-cell .select-fieldset select{
	position:relative;
	width:100%;
	max-width:100%;
	min-height:38px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:1px solid #DEDEDE;
	background:#FFF;
	cursor:pointer;
	outline:0;
}
.cell-box fieldset.select-fieldset,
.table-cell fieldset.select-fieldset{
	position:relative;
	border:none
}
.cell-box fieldset.select-fieldset:after,
.table-cell fieldset.select-fieldset:after{
	display:block;
	content:"▼";
	position:absolute;
	top:50%;
	right:15px;
	width:20px;
	height:20px;
	font-size:80%;
	margin-top:-7px;
	background-size:20px;
	pointer-events:none;
}



