#container {
  min-height: 100%;
	background-color: rgb(255, 153, 153);
}

#containerSearch, #containerBookmark, #containerSignin, #containerReset, #containerPassword {
  min-height: 100%;
	background-color: #fff
}

#containerMenu{
  min-height: 100vh;
	background-color: rgb(255, 153, 153);
}

#containerIndex {
	height: auto;
	background-color: rgb(255, 153, 153);
}

#containerTerms {
	height: auto;
	background-color: rgb(228, 228, 228);
}

#content {
	width : 100%;
	position: relative;
	line-height: normal !important;
}

#contentIndex, #contentMenu {
	width : 100%;
	position: relative;
}

#contentTerms {
	width : 100%;
	position: relative;
}

.eyecatch {
	max-height: 600px;
}

.yohoIcons {
	max-height: 100px;
}

.tagline {
	max-width: 90% !important;
}

#copy {
	color: white !important;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 700;
}

#nextPageButton{
	padding: 0 !important;
	background-color: rgb(255, 153, 153)
}

.whoareyou {
	max-width : 600px;
}

#loadingArea {
	background: rgba(0, 0, 0,.5);
}

.loadingmap {
	width : 5vh;
	height : 5vh;
}

html {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
	height: 100%;
  margin: 0;
  padding: 0;
	display: flex;
	flex-direction: column;
	background-color: #e4e4e4;
}

.loading {
	width: 100%;
	height: 100%;
	background: rgb(255, 153, 153);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.splash {
	width: 150px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -75px;
	text-align: center;
}

.splash > .load {
	width: 50px;
}

footer {
	color: rgb(102, 102, 102) !important;
	line-height: normal !important;
	font-size: 0.75rem !important;
}

div.container {
  margin-bottom: auto;
}

.uk-button-large.my-button-xlarge {
  font-size: 1.2rem;
}

.title {
	padding : 0vh !important;
}

.backFromRecruit {
	padding : 2vh 0 !important;
}

.navlinks {
	padding : 0 !important;
}

.fav_on_map {
	width : 2vh;
	height : 2vh;
}

.name_on_map {
	font-size: 1.0rem;
  line-height: 1.5;
}

.menu_icon {
	width : 3vh;
	height : 3vh;
}

.menu_item {
	font-size: 1.0rem !important;
}

.enmap-nav {
	min-height: 0vh !important;
}

.uk-close {
	color: white !important;
}

button.uk-offcanvas-close svg{
	height: 16px !important;
	width: 16px !important;
}

.enMenu {
	background-color: rgba(255, 153, 153, .95) !important;
}

.uk-offcanvas-bar {
	color: white !important;
}

.uk-offcanvas-bar .uk-nav-primary>li>a {
	color: white !important;
}

.menu-subcontents-text {
	font-size: .8rem !important;
}

.guide_caption{
	font-size : 0.75rem !important;
}

.terms{
	background: rgb(255, 153, 153);
	color: white !important;
	margin : 5px !important;
	border-radius: 20px !important;
	padding : 10px 5px !important;
	width: 70% !important;
	max-width: 400px !important;
	margin: 0 auto !important;
	font-size: 1.3rem !important;
}

.privacypolicy{
	background: rgb(255, 153, 153);
	color: white !important;
	margin : 5px !important;
	border-radius: 20px !important;
	padding : 10px 5px !important;
	width: 100% !important;
	max-width: 400px !important;
	margin: 0 auto !important;
	font-size: 1.3rem !important;
}

.terms_line {
	border-top: 4px solid  rgb(255, 153, 153) !important;
	margin : 8px 0 !important;
}

.policy_line {
	border-top: 4px solid  rgb(255, 153, 153) !important;
	margin : 30px 0 8px -30px !important;
}

.policy {
	margin-top : 10px !important;
}

input[type="checkbox"].uk-checkbox-danger {
	border-color: #f0506e !important;
}

#logo {
	z-index: 1 !important;
	max-width: 100% !important;
}

.uk-button.enmap-button-primary{
  background-color:  rgb(255, 153, 153);
  color: #fff;
  border-radius : 2rem;
  font-size: 1.0rem;
}

.uk-button.enmap-button-primary-reverse{
  background-color: #fff;
  color: rgb(255, 153, 153);
  border-radius : 2rem;
  border-color: rgba(255, 153, 153);
  border: 1px solid;
  font-size: 1.0rem;
}

.uk-button.enmap-button-secondary{
  background-color: #333333;
  color: #fff;
  border-radius : 2rem;
  font-size: 1.0rem;
	padding : 5px 10px;
}

.uk-button.enmap-button-secondary-reverse{
  background-color: #fff;
  color:#333333;
  border-radius : 2rem;
  border-color:#333333;
  border: 1px solid;
	font-size: 1.0rem;
	padding : 0 15px;
}

.enmap-text-small {
	font-size: 0.75rem !important;
}

.enmap-text-pink {
	color: rgb(255, 153, 153) !important;
}

.uk-accordion-content.enmap-accordion-content {
  margin-top : 5px !important;
}

.private_color_icon {
	color: #FFC000;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin-right : 8px;
}

.public_color_icon {
	color: #5B9BD5;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin-right : 8px;
}

.uk-grid-column-small>*, .uk-grid-xsmall>* {
	padding-left: 5px !important;
}

.enmap-additional-doc {
	padding-left : 0 !important;
	margin: auto 0 !important;
  text-decoration-line: underline !important;
}

.enmap-additional-doc-icon {
	height: 30px !important;
	margin: auto 0 !important;
}

hr.enmap-additional-doc-hr {
  margin : 0 !important;
	border-top-color: white;
}

#title_top_margin {
  background-color: white;
}

#title_bottom_margin {
  background-color: white;
}

#navlinks_bottom_margin {
  background-color: rgb(255, 153, 153) !important;
}

#formSection {
	padding: 16px 0 !important;
	font-size: 0.9rem !important;
}

#buttonSection {
	position:sticky !important;
	bottom: 5px !important;
}

.enmap-input-margin {
	height: 300px !important;
}

@media screen and (min-width:960px) {
  img.logo {
    width: auto;
    height: 80px;
	}

	img.guide {
    width: auto;
    height: 80px;
	}

	.guide_caption{
		font-size : 1.2rem !important;
	}

	.enmap-input-margin {
		height: 0 !important;
	}
}