@charset "utf-8";
@import url(/assets/css/vender/css/all.min.css);

[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/*スマホ用*/
@media screen and (max-width:639px) {

	.login-container {
	  margin: auto;
	  width: fit-content;
	  height: fit-content;
	  margin-top: 50px;
	  /* margin-left: auto; */
	}

	#login-frm {
	  padding: 25px 30px;
	  border-radius: 5px;
	  box-shadow: 1px 1px 1px 1px #FFD091;
	  background-color: #fffdf9;
	  border: 1px solid #FFD091;
	  width: 400px;
	}

	#err-msg {
	  text-align: center;
	  color: #dc143c;
	  font-weight: 700;
	  font-size: 15px;
	  line-height: 17px;
	}

	#Login {
	  color: #F37021;
	  font-weight: bold;
	  text-transform: uppercase;
	  border: 1px solid #F37021;
	  height: 50px;
	  background-color: white;
	}

	.bg-o {
	  background: #63bf7000;
	}

	#Login:hover {
	  border: 2px solid #F37021;
	  color: #f5f5f5;
	  background-color: #F37021;
	}

	#user,
	#pass {
	  background-color: transparent;
	  color: #F37021;
	  border: 0px;
	  box-shadow: unset;
	}

	#user::placeholder,
	#pass::placeholder {
	  color: #F37021;

	}

	.input-group {
	  border-bottom: 1px solid #F37021;
	}

	.input-group:active,
	.input-group:hover {
	  border-color: #F37021;
	}

	.logo{
		width: 184px;
	    height: 77px;
	}

	body {
	  background-image: none;
	  background-color: #fffffb;
	}

	.login_title{
	    font-size: 25px;
	    font-weight: bold;
	    padding-top: .5em;
	    padding-bottom: .5em;
	    margin-bottom: 5px;
	    margin-left: 15px;
	    margin-right: 15px;
	    margin-top: -20px;
	    position: relative;
	    border-bottom: solid 3px #e3e3e2;
	    color: #E40011;
	}

	.login_title:after {
	    position: absolute;
	    content: " ";
	    display: block;
	    border-bottom: solid 3px #E40011;
	    width: 15%;
	    bottom: -3px;
	}

	.bannerTag{
		width: 300px;
	}

}

/*PC用*/
@media screen and (min-width:640px) {

	.login-container {
	  margin: auto;
	  width: fit-content;
	  height: fit-content;
	  margin-top: 50px;
	  /* margin-left: auto; */
	}

	#login-frm {
	  padding: 25px 30px;
	  border-radius: 5px;
	  box-shadow: 1px 1px 1px 1px #FFD091;
	  background-color: #fffdf9;
	  border: 1px solid #FFD091;
	  width: 400px;
	}

	#err-msg {
	  text-align: center;
	  color: #dc143c;
	  font-weight: 700;
	  font-size: 15px;
	  line-height: 17px;
	}

	#Login {
	  color: #F37021;
	  font-weight: bold;
	  text-transform: uppercase;
	  border: 1px solid #F37021;
	  height: 50px;
	  background-color: white;
	}

	.bg-o {
	  background: #63bf7000;
	}

	#Login:hover {
	  border: 2px solid #F37021;
	  color: #f5f5f5;
	  background-color: #F37021;
	}

	#user,
	#pass {
	  background-color: transparent;
	  color: #F37021;
	  border: 0px;
	  box-shadow: unset;
	}

	#user::placeholder,
	#pass::placeholder {
	  color: #F37021;

	}

	.input-group {
	  border-bottom: 1px solid #F37021;
	}

	.input-group:active,
	.input-group:hover {
	  border-color: #F37021;
	}

	.logo{
		width: 184px;
	    height: 77px;
	}

	body {
	  background-image: none;
	  background-color: #fffffb;
	}

	.login_title{
	    font-size: 25px;
	    font-weight: bold;
	    padding-top: .5em;
	    padding-bottom: .5em;
	    margin-bottom: 5px;
	    margin-left: 15px;
	    margin-right: 15px;
	    margin-top: -20px;
	    position: relative;
	    border-bottom: solid 3px #e3e3e2;
	    color: #E40011;
	}

	.login_title:after {
	    position: absolute;
	    content: " ";
	    display: block;
	    border-bottom: solid 3px #E40011;
	    width: 15%;
	    bottom: -3px;
	}

	.bannerTag{
		width: 595px;
	}

}