@charset "UTF-8";


footer {
    padding-top: 1px;
}

main {
    margin-top: 120px;
}

/*メインビジュアル*/
#hero_Wrap {
    position: relative;
    width: 100%;
    background: url(../../common/img/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding: 50px 0;
}
#hero_Wrap h2 {
    font-size: min(6vw,30px);
    text-align: center;
    color: #fff;
    letter-spacing: 0.2em;
}
#hero_Wrap h2 span {
    font-size: 12px;;
}



/*メインコンテンツ*/
.contents {
    color: #E2E3E6;
    padding:50px 0 70px;
    /*background: url(../../top/img/bg.jpg) repeat-y;
    background-size: 100%;*/
    color: #552121;
}


.pass_Area{
    width: 100%;
    margin: 50px auto 0px;
    align-items: flex-start;
}
.pass_box {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    padding: 0 0 20px;
}
.pass_box h2{
    width: 100%;
    color: #552121;
    font-size: 36px;
    line-height: 1.3;
    text-align: center;
    padding: 0px 0 0;
    background: #fff;
}
.pass_box.box_01 h2{
    background: url(../img/login/bg_member.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.pass_box.box_02 h2{
    background: url(../img/login/bg_visitor.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.pass_box h2 span{
    display: block;
    font-size: 23px;
    padding: 10px 0 0px;
}
/* .pass_box.box_01 h2,.pass_box.box_02 h2{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pass_box.box_01 h2{ background-image: url(../img/limited_bg.jpg);}
.pass_box.box_02 h2{ background-image: url(../img/visitor_bg.jpg);} */
.pass_box form {
	padding-right: 0px;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    max-width: 600px;
    margin: 0 auto;
}
.pass_box input[value] {
	font-family: 'Noto Serif JP', "游明朝 Medium", "YuMincho Medium" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","MS P明朝", "MS PMincho", serif;
	font-size: 16px;
    border-radius: 0px !important;
        -webkit-appearance: none;
}
.pass_box input[placeholder] {
	font-family: 'Noto Serif JP', "游明朝 Medium", "YuMincho Medium" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","MS P明朝", "MS PMincho", serif;
	font-size: 17px;
    border-radius: 0px !important;
        -webkit-appearance: none;
}
.pass_box input[placeholder]:hover {
}
.pass_box input[class^="password_"] {
	width: 78%;
	height: 55px;
	color: #552121;
	line-height: 0;
	padding: 2%;
	background-color: #fff;
    border: 1px solid #552121;
}
.pass_box input[class^="btn_"] {
	width: 20%;
	height: 55px;
	color: #fff;
	line-height: 0;
    padding: 0;
    border: none;
	background-color: #9a8f5a;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 0px !important;
    text-align: center
}
.pass_box .btn_01:hover {
    background-color: #b2a45e;
}
.att_pass {
    text-align: center;
    line-height: 1.8;
    font-size: 16px;
    padding: 20px 10px 50px;
	color: #552121;
}
.att_pass2 {
    text-align: center;
    line-height: 1.8;
    font-size: 14px;
    padding: 20px 10px 0px;
	color: #552121;
}
.att_pass2 a {
    transition: 0.3s;
    text-decoration: underline;
}
.att_pass2 a:hover {
    text-decoration: none;
}
.err_text{
    display: block;
    font-size: 18px;
    color: #f44;
    margin:10px 0 0 0;
}

.pass_box .entry_Btn {
margin: 20px auto ;
}
.pass_box .entry_Btn a span {
display: block;
text-align: center;
background: rgb(203,191,110);
background: linear-gradient(90deg, rgba(203,191,110,1) 0%, rgba(187,172,74,1) 100%);
margin: 0 auto;
padding: 15px 20px;
width: 250px;
max-width: 90%;
font-size: 18px;
letter-spacing: 2px;
color:#fff;
border-radius: 50px;
position:relative;
}
.pass_box .entry_Btn a span::after {
display: block;
content: '';
position: absolute;
top: 50%;
width: 7px;
height: 7px;
border-top: 1px solid #FEFEFE;
border-right: 1px solid #FEFEFE;
box-sizing: border-box;
transform: translateY(-50%) rotate(45deg);
transition: .5s;
right: 25px;
}
.pass_box .entry_Btn a span:hover {
transition: .5s;
opacity: 0.5;
}
.pass_box .entry_Btn a span:hover::after {
transition: .5s;
right: 15px;
}
.pass_box .reserve_Btn {	
margin: 20px auto ;	
}	
.pass_box .reserve_Btn a span {	
display: block;	
text-align: center;
margin: 0 auto;
padding: 15px 20px;	
width: 410px;
max-width: 90%;
font-size: 18px;	
letter-spacing: 2px;	
color:#FEFEFE;	
position:relative;	
    /*グラデーション*/
    background: #07314f;
    background: -moz-linear-gradient(left,  #07314f 0%, #1d6293 50%, #07314f 100%);
    background: -webkit-linear-gradient(left,  #07314f 0%,#1d6293 50%,#07314f 100%);
    background: linear-gradient(to right,  #07314f 0%,#1d6293 50%,#07314f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07314f', endColorstr='#07314f',GradientType=1 );
    /*グラデーション*/
}	
.pass_box .reserve_Btn a span::after {	
display: block;	
content: '';	
position: absolute;	
top: 50%;	
width: 7px;	
height: 7px;	
border-top: 1px solid #FEFEFE;	
border-right: 1px solid #FEFEFE;	
box-sizing: border-box;	
transform: translateY(-50%) rotate(45deg);	
transition: .5s;	
right: 25px;	
}	
.pass_box .reserve_Btn a span:hover {	
transition: .5s;	
opacity: 0.5;	
}	
.pass_box .reserve_Btn a span:hover::after {	
transition: .5s;	
right: 15px;	
}
.pass_box .visitor_address {
    width: 94%;
    margin: 20px auto;
}
.pass_box .visitor_address .visitor_ttl {
    text-align: center;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 1px;
}
.pass_box .visitor_address .visitor_ttl small {
    font-size: 12px;
}
.pass_box address a {
    display: block;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px auto;
}
.pass_box address a img {
    width: 300px;
    max-width: 60%;
    margin-right: 10px;
}
.pass_box address a p {
    font-size: 11px;
    color: #fff;
    text-align: left;
    line-height: 1.3;
}

.notes {
    margin-top: 0px;
}
.notes p {
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
    
    /*メインビジュアル*/
    main {
        margin-top: 60px;
    }
    #hero_Wrap {
        background: url(../../common/img/bg.jpg) no-repeat;
        background-size: cover;
        background-position: center bottom;
    }
  
  .pass_box h2 {
    font-size: 25px;
  }
  .pass_box h2 span {
    font-size: 18px;
  }
  .att_pass {
    font-size: 14px;
  }
  .pass_box form {
    padding: 0;
  }
    
    
    /*メインコンテンツ*/
    .contents {
        padding: 0px 0;
    }

}