@charset "utf-8";
/* CSS Document */


/*全体*/
*{
box-sizing:border-box;
margin:0;
padding:0;
}

body {
	-webkit-text-size-adjust: 100%; 
	box-sizing:border-box; 
	word-break: break-all; 
	background-color:#FFF;
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body img{
 max-width:100%;
 height:auto;
}

#footer{
 text-align:center;
 font-size:9px;
 margin-top:4em !important;
 padding-top:0.5em;
 padding-bottom:0.5em;
 border-top:solid 1px #ccc !important;
}


input, textarea, select{
line-height:1.4;
vertical-align:middle;
}
input[type="radio"]{
appearance:none;
}
/*input[type=checkbox] {
  -moz-transform: scale( 2 , 2 );
}*/
input placeholder{
color:#9C9C9C!important;
}


/*ヘッダー部分*/
 .toolbar{
	background-color: #235FCA;
	}
 .toolbar h1{
	color: #fff;
font-size: 1.4em;
text-align: center;
padding-top: 0.6em;
padding-bottom: 0.4em;
}



/*会員特典*/
#kaiin01{
 background-color:#5A5555;
 margin:0 0 1.4em 0;
 padding:1em;
 color:#FFFFFF;
 line-height:170%;
}
#kaiin01_01{
 background-color:#B0D9FC;
 margin:0 0 1.4em 0;
 padding:1em;
 color:#333;
 line-height:170%;
}
 .kaiin_btn01{
 padding:0.4em 0.2em 0.3em;
 margin:1em auto;
 width:10em;
 background-color:#0087FD;
 display:block;
 color:#FFFFFF;
 font-weight:500;
 text-align:center;
}
.kaiin_btn01 a:visited {
  color:#FFFFFF;
  text-decoration:none;
}
.kaiin_btn01 a:link {
  color:#FFFFFF;
  text-decoration:none;
}
.kaiin_p01{
 font-size:0.8em !important;
 text-align:center;
}
.kaiin_p02{
 font-size:0.8em !important;
 margin-left:1.4em;
}
.kaiin_p03 {
 margin:0 auto 0em !important;
 text-align:center !important;
 font-size:1em !important;
 font-weight:600 !important;
 color:#585858 !important;
 background-color:#C0BFBF !important;
 padding:0.2em 0.8em !important;
 width:8em !important;
}
.kaiin_p04{
padding:0.2em 0 0em!important;
} 
.kaiin_p05 {
 font-size:0.9em !important;
 padding:0.2em 1em 0!important;
	margin-bottom: 0!important;
}
.kaiin_bukkenbox{
 margin:0 auto  !important;
 background-color:#E4E4E4 !important;
	padding-top: 1em;
padding-left: 1em;
padding-bottom: 0.6em;
}





/*フォーム*/
.body_main h2 {
 background-color: #5A5555 !important;
 color:#FFFFFF !important;
 font-size:1em;
 font-weight:normal !important;
 padding:1em !important;
 margin:0em auto 0.4em !important;
}
.body_main h3 {
 background-color: #5A5555;
 color:#FFFFFF;
 font-size:1em;
 font-weight:normal;
 padding:0.5em;
 margin:1.4em auto 0.4em;
}

#kaiin02{
 margin-bottom:1em;
 float:none;
 overflow:hidden;
 padding: 10px 10px 10px;
}

.body_main form{
 padding:0em;
 margin:0em ;
}

.body_main ul{
 list-style:none;
 border-bottom:none !important;
 padding:0em;
 margin:0em;
}
.body_main li{
 font-size:1em;
 color:#000000;
 font-weight:500 !important;
 padding:0.6em 0.1em 0.1em 0.1em;
 margin:1em;
 line-height:160%;
	 list-style:none;
}
 .jusho02{
 margin-top:0.2em!important;
}



.kaiin_textbox {
width:92% !important;
 padding: 0.4em 0.2em 0.4em 0.6em !important;
font-size:1.1em !important;
font-weight:normal !important;
border:solid 1px #333 !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
color:#000 !important;
margin-right:1em !important;
display:flex;
align-items:center;
cursor:pointer;
}
.kaiin_textbox02 {
width:30% !important;
padding:0.4em 0.2em!important;
font-size:1.1em !important;
font-weight:normal !important;
border:solid 1px #333 !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
color:#000 !important;
margin-left:0.4em;
align-items:center;
cursor:pointer;
}

.kaiin_textbox03 {
padding:0.4em 0.2em!important;
font-size:1.1em !important;
font-weight:normal !important;
border:solid 1px #333 !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
background-color:#fff !important;
color:#000 !important;
margin:0.2em !important;
width:80% !important;
align-items:center;
cursor:pointer;
}

.kaiin_textbox04 {
padding:0.4em 0.2em!important;
font-size:1.1em !important;
font-weight:normal !important;
border:solid 1px #333 !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
background-color:#fff !important;
color:#000 !important;
margin:0.2em !important;
width:36% !important;
align-items:center;
cursor:pointer;
}

.kaiin_textbox05 {
padding:0.4em 0.2em!important;
font-size:16px !important;
font-weight:normal!important;
line-height: 160%;
border:solid 1px #333 !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
background-color:#fff !important;
color:#000 !important;
margin:0.2em !important;
width:95% !important;
word-break: break-all;
overflow: scroll;
align-items:center;
cursor:pointer;
}


.kaiin_hissu {
 font-size:0.6em;
font-weight:normal !important;
 background-color:#E48A8B;
 padding:0.1em 0.2em !important;
 margin-left:0.4em !important;
 color:#FBFBFB;
 position:relative;
 top:-3px;
}

.kaiin_rei{
font-size:0.8em;
font-weight:normal !important;
white-space: nowrap !important;
text-wrap:none !important;
word-break:break-all !important;
position: relative;
top: -0.1em;
}
.posi01{
position: relative;
top: -0.2em;
}
.kaiin_doui{
 font-size:0.8em;
 line-height:140%;
 margin:3em 0 1em 0em;
 padding:1em ;
 background-color:#ECECEC;
}

.kaiin_chk01 {
 width:24px !important;
 margin:0.6em 0.3em 0.6em 0.6em !important;
 position:relative;
 top:0.4em;
	border:solid 1px #333 !important;
}


.select01 {
width:44% !important;
padding:0.4em 0.2em!important;
font-size:1.1em !important;
font-weight:normal !important;
border:solid 1px #333 !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
color:#000 !important;
margin-left:0.4em !important;
}
.select02 {
width:60% !important;
padding:0.6em  0.2em !important;
font-size:1em !important;
height: 40px!important;
font-weight:normal !important;
border:solid 1px #333 !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
color:#000 !important;
margin-left:0.2em !important;
margin-top: 0.4em;
margin-bottom: 0.4em;
}


.kaiin_input {
 font-size:1.4em;
 font-weight:600;
 padding:0.8em 2em;
 margin:1em auto;
}


.kaiin_err01{
border:solid 1px #FB0004 !important;
background-color:#fff !important;
padding:1em !important;
margin:-0.4em 1em -1em 1em !important;
}



#matubi{
   font-size: 11px;
   color: #000;
   position:relative;
			top:-0.2em;
			left: 4em;
   padding: 6px 5px 12px 5px;
   background: url("/member/images/baloon02.png") no-repeat top left;
   z-index: 99;
   opacity: 0.9;  
			}
#matubi div {
   background: url("/member/images/baloon_right02.png") no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
			opacity: 0.9;  
}




/*見学予約*/

.yoyaku-bukken{
font-size: 1em;
color: #000000;
padding: 1em;
}
.yoyaku-bukken02{
font-size: 18px;
padding: 0.4em 0.6em;
border: 2px solid #005FD5;
 -webkit-border-radius: 10px;
font-weight: 600!important;
line-height: 150%;
margin-top: 0.4em;
margin-bottom: 0.3em
}
.yoyaku-bukken03{
font-size: 1.4em!important;
padding: 0 0.2em;
}
.yoyaku-box{
margin: 1em auto;
padding-bottom: 0.1em;
}
.yoyaku-box li{
font-size: 1em;
color: #000000;
font-weight: 500 !important;
padding: 0.6em 0.1em 0.1em 0.1em;
margin: 1em;
line-height: 160%;
list-style: none;
}
.yoyaku-box .yoyaku-day{
width: 62% ;
height: 2.2em;
 padding: 0.12em 0.6em 0.12em 0.2em ;
 font-size: 1.1em ;
 font-weight: normal ;
 border: solid 1px #333 ;
 -webkit-border-radius: 3px ;
 -moz-border-radius: 3px ;
 border-radius: 3px ;
 color: #000 ;
 margin-left: 0.4em;
	background-color: #fff;
}
.yoyaku-time select {
width: 70% ;
height: 2.6em;
 padding: 0.4em 0.6em ;
 font-size: 1.1em ;
 font-weight: normal ;
 border: solid 1px #333 ;
 -webkit-border-radius: 3px ;
 -moz-border-radius: 3px ;
 border-radius: 3px ;
 color: #000 ;
 margin-left: 0.4em;
		background-color: #fff;
}

.yoyaku-box02{
margin: 1em auto;
padding-bottom: 0.1em;
}
.yoyaku-box02 li{
font-size: 1em;
color: #000000;
font-weight: 500 !important;
padding: 0.2em 0.1em 0.1em 0.1em;
margin: 0.2em 1em 0.2em;
line-height: 160%;
list-style: none;
}
.yoyaku-box02 .yoyaku-eki{
width:70% ;
height: 2.6em;
 padding: 0.4em 0.2em 0.4em 0.6em ;
 font-size: 1.1em ;
 font-weight: normal ;
 border: solid 1px #333 ;
 -webkit-border-radius: 3px ;
 -moz-border-radius: 3px ;
 border-radius: 3px ;
 color: #000 ;
 margin-left: 1.4em;
	margin-right: 0.3em;
	margin-top:0px;
}
.yoyaku-box02 .station-input{
margin-bottom: 0.4em;
padding-top: 0em;
margin-left:0px;
margin-top:-8px;
}
.yoyaku-box02 input[type="radio"]{
display:none;
}
.yoyaku-box02 label{
display:flex;
align-items:center;
margin-bottom:10px;
cursor:pointer;
transition:0.2s;
background:#fff;
}
.yoyaku-box02 label:hover{
border-color:#999;
}
.yoyaku-box02 label::before{
content:"";
width:18px;
height:18px;
border:1px solid #333;
border-radius:50%;
margin-right:6px;
flex-shrink:0;
}
.yoyaku-box02 input[type="radio"]:checked + label::before{
background:#4F93DB;
border-color:#007bff;
border: solid 1px #333 ;
}
/* 選択時 */
.yoyaku-box02 input[type="radio"]:checked + label{
font-weight: 600;
color: #5A5555 ;
}
.yoyaku-box02 .yoyaku-sonota{
width:80% ;
 padding: 0.4em 0.2em ;
 font-size: 1.1em ;
 font-weight: normal ;
 border: solid 1px #333 ;
 -webkit-border-radius: 3px ;
 -moz-border-radius: 3px ;
 border-radius: 3px ;
 color: #000 ;
 margin-left: 1.4em;
	margin-right: 0.6em;
	margin-bottom: 0.4em;
margin-top:-8px;
}

.form-assurance{
font-size:0.8em;
line-height:140%;
padding: 1em;
}

.yoyaku-notes{
font-size: 0.8em;
padding: 0.1em 1.4em 0em;
}