@charset "UTF-8";
.p-txt-sml{
    font-size:var(--font-sml);
}
.p-loginForm__row {
    margin-bottom: 24px;
}
.p-loginForm__row input {
    font-size: var(--font-defaultsize);
    border:1px solid var(--border-input);
}


.p-loginForm__btnArea{
    margin-bottom: 20px;
}


.p-btn__userAdd c-btn__solid{
    position: relative;
}

.p-login{
    text-align:center;
    padding:64px 0;
}

.p-login .logo{
    margin-bottom: 48px;
}

.p-login .disc{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom:8px;
}

.p-loginForm {
    max-width: 350px;
    margin:0 auto;
}
.p-logincheck{
    font-size: var(--font-defaultsize);
    margin-bottom: 40px;
}

.p-logincheck input{
    width:auto;
}

.p-loginForm__switchArea{
	margin-bottom: 60px;
}
.p-loginForm__switchArea .c-btn__solid.color-master button{
	font-size: 1.6rem;
}
.p-loginForm__switchArea .c-btn__solid.color-master:not(:first-child){
	margin-top: 20px;
}

.p-loginTerms{
    display: inline-flex;
    align-items: center;
    font-size: 1.2rem;
    margin-bottom:48px;
}
.p-loginTerms a{
    font-size: 1.2rem;
    color: var(--color-blue);
}

.p-loginForgot{
    font-size: var(--font-defaultsize);
    margin-bottom: 24px;
}

.p-loginForgot a{
    color:var(--color-blue);
}

.p-loginCreate a{
    color: var(--color-red);
    display: block;
    font-size: 1.8rem;
    text-decoration: none;
    font-weight:bold;
}


/* メールアドレス入力 */

.p-inputAd{
    padding:64px 0;
}

.p-inputTtl{
    font-size:1.8rem;
    font-weight:bold;
    margin-bottom:24px;
}

.p-inputTxt{
    font-size:var(--font-defaultsize);
    margin-bottom:24px;
}

.p-inputTxt02{
    font-size:12px;
    margin-bottom:24px;
}

.p-inputForm{
    width:474px;
    margin:0 auto;
}

.p-inputForm input[type=text],
.p-inputForm input[type=email]{
    width:330px;
    border: 1px solid var(--border-input);
}

.p-inputForm .mail{
    font-size: 14px;
    font-weight: bold;
}

.p-btn__back button{
    width:200px;
    color:#778597;
    border-radius:10px;
    padding:13px 12px;
    border:2px solid #778597;
    background: linear-gradient(#f8f8f8 0%, #fff 21.18%, #fff 34.48%, #e3e3e3 80.3%, #ebebeb 100%);
    transition:var(--duration);
    font-weight:bold;
}

.p-btn__back button:hover{
    opacity:var(--opacity);
}

.p-inputForm__btnArea .p-btn__userAdd {
    width:242px;
}
/* アカウント登録確定ボタン */
.p-inputForm__btnArea .p-btn__userAdd.addCmfrm {
    width:350px;
}

.p-inputForm__btnArea {
    gap:20px;
}

/* 地点登録ステップ */
.p-midashi{
   font-size:var(--font-defaultsize);
}

.p-midashi .p-txt-sml{
    margin-top:6px;
}


.p-cautionTxt{
    color:var(--color-red);
    font-weight:bold;
}

.p-addComment{
    color:var(--color-comment);
    font-weight:normal;
}
.p-cautionTxt.must.hide{
	display: none;
}

.p-cate{
    width:336px;
    font-size:var(--font-defaultsize);
    font-weight:bold;
}

.p-inputRight {
    position:relative;
    font-size:var(--font-defaultsize);
}

.p-inputRight input {
    font-size:var(--font-defaultsize);
    border:1px solid var(--border-input)
}
.p-inputRight input:readonly {
	pointer-events: none;
}

.p-inputRight input.w-100{
    width:560px;
}
.p-inputRight__posNoRow {
    margin-bottom: 10px;
}

.errormessage{
	display: none;
	font-size: 16px;
}
.errormessage.active{
	display: block;
	margin-bottom: 24px;
}
.p-inputRight .p-cautionTxt{
    font-size:var(--font-defaultsize);
}
.p-inputRight .p-cautionTxt.is-active{
	display: block;
}
.p-inputRight.p-col-2{
    gap:16px;
}

.p-inputRight.p-col-2 .p-harf-text{
    width:225px;
}

.p-inputRight.p-col-2 .p-button-adress{
    width:166px;
    background: linear-gradient(#e3e3e3 0%, #fdfdfd 5.42%, #b7b7b7 100%);
    font-weight:bold;
    color: var(--font-color);
}

.p-Confirm-pdng{
    padding:16px;
    border-bottom:1px dotted #CCCCCC;
}

.p-Confirm-pdng:last-child{
    border-bottom:0;
}


.p-uploadWrap {
    margin-bottom: 0px;
}

.p-uploadWrap label {
    width: 116px;
    text-align: center;
    line-height: 32px;
    font-size:var(--font-defaultsize);
    height: 36px;
    border: 1px solid #778597;
    color:#778597;
    font-weight:bold;
    background: linear-gradient(#f8f8f8 0%, #fff 21.18%, #fff 34.48%, #e3e3e3 80.3%, #ebebeb 100%);
    cursor: pointer;
    border-radius:6px;
}

.p-uploadWrap input[type="file"] {
    display: none;
}

.p-uploadWrap .p-fileName {
    width:334px;
    height: 36px;
    padding:6px;
    font-size:1.4rem;
    border:1px solid var(--border-black);
    position:relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
}

.p-cancelWrap{
    display:none;
    position: absolute;
    top: 5px;
    right: 9px;
    cursor:pointer;
}

.p-cancelBtn{
    position: relative;
    display: inline-block;
    width: 16px;
    height: 2px;
    background: #818080;
    transform: rotate(45deg);
    vertical-align: middle;
}
.p-cancelBtn::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #818080;
    transform: rotate(90deg);
}

.p-conTtl{
    font-size:1.8rem;
    margin-bottom:24px;
    text-align:center;
}

.p-editArea{
    text-align:center;
    margin-top:24px;
}
.p-editBtn{
    font-size:1.8rem;
    background: linear-gradient(#f8f8f8 0%, #fff 21.18%, #fff 34.48%, #e3e3e3 80.3%, #ebebeb 100%);
    color:#778597;
    font-weight:bold;
    text-decoration:none;
    border:2px solid #778597;
    border-radius:10px;
    padding:10px 40px;
}

.c-Confirm-inner .p-Confirm-pdng:last-child{
    border:none;
}

.suggestion-wrapper,
.suggestion-car-wrapper{
	position: absolute;
	top: 0;
	left: 0;
	padding: 7px 0px;
	border: 1px solid #999;
	background-color: #fff;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 50%);
	z-index: 10;
	text-align: left;
	max-width: 85vw;
}
.suggestion-wrapper .suggestion-line,
.suggestion-car-wrapper .suggestion-car-line{
	font-size: 13px;
	padding: 2px 15px;
	cursor: pointer;
	white-space: nowrap;
}
@media screen and (max-width: 569px) {
  .suggestion-wrapper .suggestion-line,
  .suggestion-car-wrapper .suggestion-car-line {
    white-space: normal;
  }
}
.suggestion-wrapper .suggestion-line:hover,
.suggestion-car-wrapper .suggestion-car-line:hover{
	background-color: #eef;
}
.suggestion-wrapper .suggestion-line.selected,
.suggestion-car-wrapper .suggestion-car-line.selected{
	background-color: #eef;
}

.suggestion-wrapper .suggestion-sub,
.suggestion-car-wrapper .suggestion-sub{
	display: inline-block;
	font-size: 11px;
	color: #999;
	margin-left: 10px;
}



.p-2grade{
    display:flex;
    margin-bottom:10px;
}

.c-Confirm.p-info-wrap .p-input-Confirm{
    color:#444;
}

.c-Confirm.p-info-wrap .c-Confirm-inner .p-Confirm-pdng:last-child{
    border-bottom:none;
}

.u-border-none{
    border-bottom:none;
}

.p-info-wrap .p-Confirm-pdng {
    padding:8px 16px;
}

.p-info-wrap .p-editArea{
    margin-top: 50px;
}

.form-title{
    font-size: 2.6rem;
}