/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

.container {
	position:relative;
	margin-right: auto;
	margin-left: auto;
}
.container:before, .container:after {
	display: table;
	content: " ";
}
.container:after {
	clear: both;
}
.container {
 	*zoom: 1;
}
.column{
	padding: 1rem;
	position: relative;
	float: left;
	min-height: 1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}
.column img{
	max-width: 100%!important;
}

#map img {
  	max-width: none!important;
}
/*.sm-1, .md-1, .lg-1, .sm-2, .md-2, .lg-2, .sm-3, .md-3, .lg-3, .sm-4, .md-4, .lg-4, .sm-5, .md-5, .lg-5, .sm-6, .md-6, .lg-6, .sm-7, .md-7, .lg-7, .sm-8, .md-8, .lg-8, .sm-9, .md-9, .lg-9, .sm-10, .md-10, .lg-10, .sm-11, .md-11, .lg-11, .sm-12, .md-12, .lg-12 {
	position: relative;
	float: left;
	min-height: 1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}*/
.column.full{
	width:100%;
}
@media (max-width: 767px) {
.container {
	padding-right: 1%;
	padding-left: 1%;
}
.sm-1 {
	width: 8.333333333%;
}
.sm-2 {
	width: 16.666666667%;
}
.sm-3 {
	width: 25%;
}
.sm-4 {
	width: 33.333333333%;
}
.sm-5 {
	width: 41.666666667%;
}
.sm-6 {
	width: 50%;
}
.sm-7 {
	width: 58.333333333%;
}
.sm-8 {
	width: 66.666666667%;
}
.sm-9 {
	width: 75%;
}
.sm-10 {
	width: 83.333333333%;
}
.sm-11 {
	width: 91.666666667%;
}
.sm-12 {
	width: 100%;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.container {
	max-width: 767px;
}
.md-1 {
	width: 8.333333333%;
}
.md-2 {
	width: 16.666666667%;
}
.md-3 {
	width: 25%;
}
.md-4 {
	width: 33.333333333%;
}
.md-5 {
	width: 41.666666667%;
}
.md-6 {
	width: 50%;
}
.md-7 {
	width: 58.333333333%;
}
.md-8 {
	width: 66.666666667%;
}
.md-9 {
	width: 75%;
}
.md-10 {
	width: 83.333333333%;
}
.md-11 {
	width: 91.666666667%;
}
.md-12 {
	width: 100%;
}
}

@media (min-width: 1024px) {
.container {
	max-width: 1024px;
}
.lg-1 {
	width: 8.333333333%;
}
.lg-2 {
	width: 16.666666667%;
}
.lg-3 {
	width: 25%;
}
.lg-4 {
	width: 33.333333333%;
}
.lg-5 {
	width: 41.666666667%;
}
.lg-6 {
	width: 50%;
}
.lg-7 {
	width: 58.333333333%;
}
.lg-8 {
	width: 66.666666667%;
}
.lg-9 {
	width: 75%;
}
.lg-10 {
	width: 83.333333333%;
}
.lg-11 {
	width: 91.666666667%;
}
.lg-12 {
	width: 100%;
}
}

@media (max-width: 767px) {
.sm-offset-1 {
	margin-left: 8.333333333%;
}
.sm-offset-2 {
	margin-left: 16.666666667%;
}
.sm-offset-3 {
	margin-left: 25%;
}
.sm-offset-4 {
	margin-left: 33.333333333%;
}
.sm-offset-5 {
	margin-left: 41.666666667%;
}
.sm-offset-6 {
	margin-left: 50%;
}
.sm-offset-7 {
	margin-left: 58.333333333%;
}
.sm-offset-8 {
	margin-left: 66.666666667%;
}
.sm-offset-9 {
	margin-left: 75%;
}
.sm-offset-10 {
	margin-left: 83.333333333%;
}
.sm-offset-11 {
	margin-left: 91.666666667%;
}
.sm-offset-12 {
	margin-left: 100%;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.md-offset-1 {
	margin-left: 8.333333333%;
}
.md-offset-2 {
	margin-left: 16.666666667%;
}
.md-offset-3 {
	margin-left: 25%;
}
.md-offset-4 {
	margin-left: 33.333333333%;
}
.md-offset-5 {
	margin-left: 41.666666667%;
}
.md-offset-6 {
	margin-left: 50%;
}
.md-offset-7 {
	margin-left: 58.333333333%;
}
.md-offset-8 {
	margin-left: 66.666666667%;
}
.md-offset-9 {
	margin-left: 75%;
}
.md-offset-10 {
	margin-left: 83.333333333%;
}
.md-offset-11 {
	margin-left: 91.666666667%;
}
.md-offset-12 {
	margin-left: 100%;
}
}

@media (min-width: 1024px) {
.lg-offset-1 {
	margin-left: 8.333333333%;
}
.lg-offset-2 {
	margin-left: 16.666666667%;
}
.lg-offset-3 {
	margin-left: 25%;
}
.lg-offset-4 {
	margin-left: 33.333333333%;
}
.lg-offset-5 {
	margin-left: 41.666666667%;
}
.lg-offset-6 {
	margin-left: 50%;
}
.lg-offset-7 {
	margin-left: 58.333333333%;
}
.lg-offset-8 {
	margin-left: 66.666666667%;
}
.lg-offset-9 {
	margin-left: 75%;
}
.lg-offset-10 {
	margin-left: 83.333333333%
}
.lg-offset-11 {
	margin-left: 91.666666667%;
}
.lg-offset-12 {
	margin-left: 100%;
}
}
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

*[data-role="button"] {
	display: inline;
	width: auto;
	min-width: 144px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 1px;
	padding-right: 1.957494407rem;
	padding-bottom: 1px;
	padding-left: 1.957494407rem;
	font-family: inherit;
	font-size: .894rem;
	line-height: 34px;
	white-space: nowrap;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	border: 1px solid #95a5a6;
	outline: none;
	background-color: transparent;
	cursor: pointer;
}
*[data-role="button"]:hover {
	background-color: #ecf0f1;
}
a[data-role="button"] {
	border: none;
}
a[data-role="button"]:hover {
	background-color: transparent;
}
input, textarea, select {
	display: inline;
	width: inherit;
	padding-right: 13px;
	padding-left: 13px;
	font-family: inherit;
	font-size: .894rem;
	border: 1px solid #95a5a6;
}
input, textarea {
	line-height: 34px;
}
input:focus, textarea:focus, select:focus {
	outline: none;
}
input[type="checkbox"], input[type="radio"] {
	width: 34px;
}
textarea {
	min-height: 144px;
	padding-top: 8px;
	padding-bottom: 8px;
}
select {
	height: 38px;
	padding-right: 13px;
	padding-left: 13px;
	line-height: 38px;
}
option {
	height: 38px;
	padding-top: 8px;
	padding-right: 13px;
	padding-bottom: 8px;
	padding-left: 13px;
	line-height: 38px;
}
 option:selected {
 padding-top: 0;
 padding-bottom: 0;
}
label {
	display: block;
	font-size: .816rem;
	font-weight: 700;
	line-height: 2.144607843;
}

.li-unstyled li {
	list-style: none;
}
.li-inline li {
	float: left;
	padding-right: 34px;
	padding-left: 0;
	list-style: none;
}

table {
	width: 100%;
}
.table-no-border, .table-no-border * {
	border: none;
	background-color: transparent;
}
.table-striped tr:nth-of-type(even) {
	background: #ecf0f1;
}
.table-hover tbody tr:hover {
	background-color: #ecf0f1;
}
.table-responsive {
	max-width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	overflow-x: auto;
	overflow-y: hidden;
}
.table-responsive table {
	margin: 0;
	border: none;
}

@media (max-width: 767px) {
.table-responsive {
	border: 1px solid #95a5a6;
}
.table-responsive caption,  .table-responsive caption[data-position="top"] {
	border-bottom: 1px solid #95a5a6;
	background-color: #ecf0f1;
}
.table-responsive caption[data-position="bottom"] {
	border-top: 1px solid #95a5a6;
	background-color: #ecf0f1;
}
.table-striped caption {
	background-color: transparent;
}
.table-responsive thead {
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #95a5a6;
	border-left: none;
}
.table-responsive tbody {
	border: none;
}
.table-responsive .table-no-border thead,  .table-responsive .table-no-border tbody {
	border: none;
}
}
 .table-responsive::-webkit-scrollbar {
 height: 8px;
 width: 55%;
}
 .table-responsive::-webkit-scrollbar-track {
 -webkit-box-shadow: none;
 box-shadow: none;
 background-color: #ecf0f1;
}
 .table-responsive::-webkit-scrollbar-thumb {
 background-color: #bdc3c7;
}
.alert {
	padding-right: 13px;
	padding-left: 13px;
	font: inherit;
}
.alert.alert-info {
	background-color: #e8eff3;
	color: #678fa9;
	border: 1px solid #c5d7e3;
}
.alert.alert-success {
	background-color: #daeee4;
	color: #358f7f;
	border: 1px solid #b6dfca;
}
.alert.alert-danger {
	background-color: #fdf4f1;
	color: #d2a596;
	border: 1px solid #f7cfc4;
}
.panel {
	border: 1px solid #c0c0c0;
}
.panel > .panel-head, .panel > .panel-head * {
	padding-top: 8px;
	padding-right: 13px;
	padding-bottom: 8px;
	padding-left: 13px;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 2.333333333;
	text-align: left;
	background-color: #ecf0f1;
	border-bottom: 1px solid #95a5a6;
}
.panel > .panel-body {
	padding-right: 13px;
	padding-left: 13px;
	font: inherit;
}

@media (max-width: 767px) {
.visible-lg {
	display: none;
}
.hidden-lg {
	display: block;
}
.visible-md {
	display: none;
}
.hidden-md {
	display: block;
}
.visible-sm {
	display: block;
}
.hidden-sm {
	display: none;
}
}
@media (min-width: 768px) {
.hidden-pc{
	display:none;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.visible-lg {
	display: none;
}
.hidden-lg {
	display: block;
}
.visible-md {
	display: block;
}
.hidden-md {
	display: none;
}
.visible-sm {
	display: none;
}
.hidden-sm {
	display: block;
}
}

@media (min-width: 1024px) {

.visible-lg {
	display: block;
}
.hidden-lg {
	display: none;
}
.visible-md {
	display: none;
}
.hidden-md {
	display: block;
}
.visible-sm {
	display: none;
}
.hidden-sm {
	display: block;
}
}
.ui-full-width {
	width: 100%;
}
.ui-half-width {
	width: 50%;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-justify {
	text-align: justify;
}
.text-center {
	text-align: center;
}
*[data-ellipsis="true"] {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
/* iOSでのデフォルトスタイルをリセット */
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;
}
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}