@charset "utf-8";

/* CSS Document */
/*
============================================================
*	reservation_n.css
==========================================================*/

/* 登録会予約 */
.ico_maru{
	color:#32ace7;
}
.ico_sankaku{
	color:#ff6600;
}
.entryScheduleBoxInner{
	display:none;
}
.entryScheduleBox .pageTit7{
	padding:0 10px;
}
.entryScheduleBox .entryScheduleBoxTit{
	background:#38b5d5;
	color:#fff;
	padding:7px 10px;
	font-size:18px;
	overflow:hidden;
	margin-bottom:20px;
}
.entryScheduleBox .entryScheduleBoxTit.ex{
	margin-bottom:10px;
}
.entryScheduleBox .entryScheduleBoxTit.ex2{
	margin-bottom:0;
}
.entryScheduleBox .entryScheduleBoxTit .btn_gray3{
	float:right;
	display:inline-table;
	width:82px;
	font-size:14px;
	padding:4px 0 2px 2px;
}
.entryScheduleBox .entryScheduleBoxTit .btn_gray3 img{
	margin:4px 0 4px 2px;
}
.entryScheduleBox .entryScheduleBoxTxt{
	padding-left:1em;
	text-indent:-1em;
}
.entryScheduleBox .errorTxt{
	padding-top:15px;
	margin-bottom:15px;
}
.pageTopPlus{
	padding:0 10px;
	overflow:hidden;
}
.pageTopPlus li.otherArea{
	float:left;
	background:url(/sp/img_n/ico_arw_l.png) 0 50% no-repeat;
	background-size:12px 12px;
	padding-left:16px;
}
.pageTopPlus li.otherArea a{
	color:#666;
}
.pageTopPlus li.pageTop{
	float:right;
}
.entryScheduleBox .btmBtn {
    background: none repeat scroll 0 0 #E2F3FA;
    border-bottom: 2px solid #06B1E6;
    border-top: 1px solid #FFFFFF;
    overflow: hidden;
    padding: 10px;
}
.entryScheduleBox #entryScheduleBoxTab{
	border-bottom:2px solid #32ace7;
	width:100%;
	margin-bottom:10px;
	height:40px;
	font-size:12px;
}
.entryScheduleBox #entryScheduleBoxTab ul{
	margin:0 0 0 10px;
	position:relative;
}
.entryScheduleBox #entryScheduleBoxTab ul li{
	height:14px;
	border-top:2px solid #0c7a9e;
	border-left:2px solid #0c7a9e;
	border-right:2px solid #0c7a9e;
	border-bottom:2px solid #0aafe3;
	margin:0 0 -2px 0;
	padding:10px 5px 10px 5px;
	width:130px;
	background:#fff;
	position:absolute;
	background: #33ace7; /* Old browsers */
	text-align:center; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33ace7), color-stop(100%,#2a9bcf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #33ace7 0%,#2a9bcf 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(to bottom,  #33ace7 0%,#2a9bcf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ace7', endColorstr='#2a9bcf',GradientType=0 ); /* IE6-9 */
	color:#fff;
}
.entryScheduleBox #entryScheduleBoxTab ul li.act{
	height:18px;
	border-top:2px solid #32ace7;
	border-left:2px solid #32ace7;
	border-right:2px solid #32ace7;
	border-bottom:2px solid #fff;
	margin:0 0 -2px 0;
	padding:10px 5px 10px 5px;
	background:#fff;
	position:absolute;
	color:#333;
}
.entryScheduleBox #entryScheduleBoxTab ul li.tab1{
	bottom:-40px;
	left:0;
}
.entryScheduleBox #entryScheduleBoxTab ul li.tab2{
	bottom:-40px;
	left:158px;
}

.entryScheduleBox table.schedulTable{
	width:100%;
	margin-bottom:20px;
	border-top:2px solid #e5e5e5;
}
.entryScheduleBox table.schedulTable th{
	border-bottom:2px solid #e5e5e5;
	border-left: 2px solid #E5E5E5;
	font-weight:normal;
	color:#333;
}
.entryScheduleBox table.schedulTable th.day{
	background:#f4f2f2;
	width:16%;
}
.entryScheduleBox table.schedulTable td{
	border-bottom:2px solid #e5e5e5;
	border-left:2px solid #e5e5e5;
	text-align:center;
}
.entryScheduleBox table.schedulTable td.day{
	text-align:left;
	padding-left:5px;
	color:#333;
	width:70px;
}
.entryScheduleBox table.schedulTable td.maru{
	background:url(/sp/reservation/img_n/bg_maruArea.png) right top no-repeat;
}
.entryScheduleBox table.schedulTable td.maru span{
	display:block;
	border:1px solid #c6d7df;
	color:#32ace7;
	font-size:30px;
	text-indent:-9999px;
	background: url(/sp/reservation/img_n/ico_maru.png) no-repeat 50% 50%,-moz-linear-gradient(top, #eef9ff, #e9f7fe 50%, #c9e9fa);
	background: url(/sp/reservation/img_n/ico_maru.png) no-repeat 50% 50%,-webkit-gradient(linear,left top, left bottom,color-stop(0, #c9e9fa),color-stop(50%, #e9f7fe),color-stop(100%, #c9e9fa));
}
.entryScheduleBox table.schedulTable td.sankaku span{
	display:block;
	border:1px solid #f4da93;
	color:#f57113;
	font-size:30px;
	text-indent:-9999px;
	background: url(/sp/reservation/img_n/ico_sankaku.png) no-repeat 50% 50%,-moz-linear-gradient(top, #fffef0, #fffeec 50%, #fffccd);
	background: url(/sp/reservation/img_n/ico_sankaku.png) no-repeat 50% 50%,-webkit-gradient(linear,left top, left bottom,color-stop(0, #fffef0),color-stop(50%, #fffeec),color-stop(100%, #fffccd));
}
.entryScheduleBox table.schedulTable td.batu span{
	display:block;
	border:1px solid #fff;
	color:#999999;
	font-size:30px;
	text-indent:-9999px;
	background:url(/sp/reservation/img_n/ico_batu.png) 50% 50% no-repeat #e5e5e5;
}
.entryScheduleBox .paging{
	clear:both;
	overflow:hidden;
	padding-top:15px;
}
.entryScheduleBox .paging .previusLink{
	float:left;
	background:url(/sp/img_n/ico_arw_l.png) 0 50% no-repeat;
	background-size:12px 12px;
	padding-left:20px;
}
.entryScheduleBox .paging .nextLink{
	float:right;
	background:url(/sp/img_n/ico_arw_r.png) 100% 50% no-repeat;
	background-size:12px 12px;
	padding-right:20px;
}
.entryScheduleBox .paging .previusLink a,
.entryScheduleBox .paging .nextLink a{
	color:#666666;
	font-size:12px;
}
.bnrFreeDialEntryBox{
	text-align:center;
	/*background:#e2f3fa;*/
}
.stepInner p{
	padding: 15px 10px 20px 10px;
}
.entryScheduleBox .btmBtn .btntorokukai a:after{
	content:"";
	background:url(/sp/img_n/btn_arrow_down.png) center right no-repeat;
	background-size:12px 11px;
	display:block;
	float:right;
	width:24px;
	height:22px;
	margin-right:20px;
}
.entryScheduleBox .btmBtn .btntorokukai.close a:after{
	background:url(/sp/img_n/btn_arrow_up.png) center right no-repeat;
	background-size:12px 11px;
}

/* 会場地図 */
#mapBox{
	background:#fff;
	width:320px;
}
#mapBox .pageTit{
	width:320px;
}
#mapBox .inner{
	padding:0 0 25px;
}
#mapBox .inner .pageTit7{
	font-size:14px;
}
#mapBox .inner .mapImage{
	text-align:center;
	padding-bottom:10px;
}
#mapBox .inner table{
	margin:0 10px 15px 10px;
}
#mapBox .inner table th{
	text-align:left;
	vertical-align:top;
	color:#2ba295;
	width:36px;
}
#mapBox .inner table td{
}



/* popeasy */
.overlay{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}

.modal{
  display: none;
  background:none;
  padding:0 0 50px 0;
  overflow:auto;
  z-index:10001;
  position:absolute;
  width: 320px;
  min-height: 400px;
}
.modalCloseBtn {
    height: 20px;
    position: absolute;
    right: 11px;
    text-indent: -9999px;
    top: 11px;
    width: 54px;
	cursor:pointer;
}

.modalCloseBtn2 {
    position: absolute;
    left: 0;
    bottom: 10px;
	cursor:pointer;
	width:100%;
}
.modalCloseBtn2 .btn_gray{
	width:110px;
	margin:0 auto;
}

/*-------------------
	会場地図
--------------------*/

.placeInfoBox{
	margin:20px 10px;
	clear:both;
}
.placeInfoBox .placePhoto{
	display:inline-block;
	float:left;
}

.placeInfoBox .placeInfo{
	overflow:hidden;
	padding:0 10px;
}
.placeInfoBox .placeInfo .placeName{
    color: #2BA295;
    font-weight: bold;
    margin-bottom: 2px;
}
.placeInfoBox .placeInfo p{
	margin-bottom:5px;
}
 .placeInfoBox .placeMap {
    clear: both;
    padding: 30px 0;
    text-align: center;
	overflow:hidden;
}


/* 説明会予約 */
.pageTit.ta_l{
	margin-bottom:0;
}
.formItemBox dl.jobinfolist{
	padding-bottom:0;
}
.formItemBox dl.jobinfolist dd{
	border-bottom:1px solid #dcdcdc;
}
.formItemBox dl.jobinfolist dd.none{
	border-bottom:none;
}
.formItemBox dl.jobinfolist dt.errorItem{
	color:#ff6666;
}
.formItemBox dl.jobinfolist dt.errorItem,
.formItemBox dl.jobinfolist dd.errorItem{
	background:#ffe0e0;
}

.selectArea{
	background:#f3f9ff;
	padding:10px 10px 15px;
	margin-bottom:20px;
	border-bottom:#53c1dd solid 1px;
	border-top:#53c1dd solid 1px;
	overflow:hidden;
}
/*No.3817011 2018.05.23 ここから修正*/
.selectBox{
	background:#FFF;
	border:#dde6f0 solid 1px;
	border-radius:10px;
	margin:10px 0 0;
	padding:15px;
	overflow:hidden;
	float:left;
	width:182px;
}
/*No.3817011 2018.05.23 ここまで修正*/
/*ミラエール自動予約 2018.08.03 ここから修正*/
.selectBox02{
	background:#FFF;
	margin:10px 0 0;
	padding:15px;
	overflow:hidden;
	float:left;
	width:50%;
}
.rightArea02{

}
.rightArea02 .btn_blue{
	display:block;
	float:right;
	padding:8px 10px;
	overflow:hidden;
  line-height: 30px;
  font-size: 12px;
  margin: 10px 0 0;
}
/*ミラエール自動予約 2018.08.03 ここから修正*/

.selectBox p{
	float:left;
}
.selectBox p.right{
	float:right;
}
.selectBox p.right a{
	text-decoration:underline;
}
.rightArea{
	display:block;
	float:right;
	padding:25px 10px 15px 5px;
	overflow:hidden;
	line-height:20px;
}
.selectArea .rightArea{
	font-size:9px;
}
/*No.3817011 2018.05.23 ここから修正*/
.btn_rightArea a {
	display:block;
	float:right;
	margin: 12px 0 10px 0;
	padding: 13px 15px;
	overflow:hidden;
}
.selectArea .btn_blue {
	width: 102px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
/*No.3817011 2018.05.23 ここまで修正*/

/**/

.schedulCont{
	position:relative;
}
.timeBox{
	float:left;
	width:60px;
}
.timeRow > p{
	height:40px;
	text-align:center;
	line-height:35px;
	font-size:12px;
	color:#333;
	border-top:solid 2px #E5E5E5;
	border-right:solid 2px #E5E5E5;
	border-left:solid 2px #E5E5E5;
	padding:6px 0 0;
}
.timeRow > p{

}
.timeBox ul{
	border-top:solid 2px #E5E5E5;
	border-right:solid 2px #E5E5E5;
	border-left:solid 2px #E5E5E5;
}
.timeBox li{
	border-bottom:solid 2px #E5E5E5;
	height:38px;
	line-height:38px;
	text-align:center;
	vertical-align:middle;
	color:#333;
	font-size:10px;
}
.balloonBtn{
	position:relative;
	overflow: visible!important;
}
.dayBox{
	float:left;
	width:400px;
	position: relative;
}
.dayBox .balloonBox{
	position: absolute;
	bottom: 50px;
	left: 0;
	display:none;
	width: 100%;
}
.balloonBox a{
	/*width:213px;
	padding:12px 10px 24px 10px;
	border-top:1px solid #42b0cc;
	background:url(/sp/img_n/bg_helpBox.png) 0 100% no-repeat;
	background-size:233px 200px;*/
	border: solid 1px #06B1E6;
	background: #F3FCFF;
	font-size:10px;
	font-weight:normal;
	line-height:1.8;
	display: block;
	text-align: center;
}
.dayBox .balloonBox::before{
position: absolute;
margin: auto;
content: "";
vertical-align: middle;
}
.dayBox .balloonBox::before{
	bottom: -4px;
left: 50%;
width: 8px;
height: 8px;
border-top: 1px solid #06B1E6;
border-right: 1px solid #06B1E6;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
background: #F3FCFF;
margin-left: -6px;
}
.dayBox .balloonBox.column1::before{
	left: 7.5%;
}
.dayBox .balloonBox.column2::before{
	left: 21.5%;
}
.dayBox .balloonBox.column3::before{
	left: 36%;
}
.dayBox .balloonBox.column4::before{
	left: 50%;
}
.dayBox .balloonBox.column5::before{
	left: 64.5%;
}
.dayBox .balloonBox.column6::before{
	left: 79%;
}
.dayBox .balloonBox.column7::before{
	left: 93%;
}
.dayTable{
	float:left;
	width:400px;
	height:100%;
}
.dayRow{
	float:left;
	width:40px;
}
.dayRow > p{
	height:35px;
	padding-top:11px;
	text-align:center;
	line-height:1.2;
	font-size:12px;
	color:#333;
	border-top:solid 2px #E5E5E5;
	border-right:solid 2px #E5E5E5;
	background:#f4f2f2;
}
.dayRow > p.colBlue{
	color:#06F;
}
.dayRow > p.colRed{
	color:#F00;
	/*border-bottom:solid 2px #E5E5E5;*/
}


.dayBox ul{
	border-top:solid 2px #dcdcdc;
	border-right:solid 2px #dcdcdc;
}
.dayBox li{
	border-bottom:solid 2px #dcdcdc;
	text-align:center;
	vertical-align:middle;
}
.dayBox li > a,
.dayBox li > span{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height:38px;
	overflow:hidden;
	font-weight:bold;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	/*text-indent:-999px;*/
	line-height: 1;
}
.dayBox li.maru{
	border-left:1px solid #34a1c7;
	/*background: url(/sp/reservation/img_n/ico_maru.png) no-repeat 50% 50%,-moz-linear-gradient(top, #eef9ff, #e9f7fe 50%, #c9e9fa);
	background: url(/sp/reservation/img_n/ico_maru.png) no-repeat 50% 50%,-webkit-gradient(linear,left top, left bottom,color-stop(0, #c9e9fa),color-stop(50%, #e9f7fe),color-stop(100%, #c9e9fa));*/
	background:url(/sp/reservation/img_n/bg_maruArea.png) right top no-repeat;
	background-size:100% 38px;
}
.dayBox li a{
	/*background: url(/sp/reservation/img_n/ico_maru.png) no-repeat 50% 50%;
	background-size:20px 20px;*/
	color:#32ace7;
}
.dayBox li .batu{
	border-left:1px solid #f4f2f2;
	/*border:2px solid #f4f2f2;*/
	background:/*url(/sp/reservation/img_n/ico_batu.png) 50% 50% no-repeat*/ #f4f2f2;
	/*background-size:20px 20px;*/
	color:#999999;
}
.dayBox li .none{
	border-left:1px solid #f4f2f2;
	background:/*url(/sp/reservation/img_n/ico_none.png) 50% 50% no-repeat*/ #f4f2f2;
	/*background-size:20px 20px;*/
	color:#c6c5c5;
}
.dayBox li.sankaku{
	border-left:1px solid #f56d11;
	/*background: url(/sp/reservation/img_n/ico_sankaku.png) no-repeat 50% 50%,-moz-linear-gradient(top, #fffef0, #fffeec 50%, #fffccd);
	background: url(/sp/reservation/img_n/ico_sankaku.png) no-repeat 50% 50%,-webkit-gradient(linear,left top, left bottom,color-stop(0, #fffef0),color-stop(50%, #fffeec),color-stop(100%, #fffccd));*/
	background:url(/sp/reservation/img_n/bg_sankakuArea.png) right top no-repeat;
	background-size:100% 38px;
	color:#ff6600;
}
.dayBox li.sankaku a{
	/*background: url(/sp/reservation/img_n/ico_sankaku.png) no-repeat 50% 50%;
	background-size:20px 20px;*/
	color:#f57113;
}
.dayBox ul.blank{
	border-right:none;
}
.dayBox ul.blank.txt{
	position:relative;
}
.dayBox .dayRow:nth-of-type(7) ul.blank{
	border-right:2px solid #DCDCDC;
}
.dayBox li.blank{
	display: block;
	height: 39px;
	background-color:#F4F2F2;
	border-bottom: 1px solid #F4F2F2;
	color: #333333;
	font-size: 12px;
}
.dayBox li.blank.txt{
	position:absolute;
	top:50%;
	left:-65%;
	height: 30px;
	width:200px;
}
.dayBox li.blank.txt.last{
	width:200px;
	left:-65%;
	padding-top:3px;
	top:0;
}
.dayBox li.blank:last-child{
	height: 38px;
	border-bottom: 2px solid #DCDCDC;
}

.entryScheduleBox .paging .previusLink .off,
.entryScheduleBox .paging .nextLink .off{
	display:none;
}
.titleMonth{
	position:absolute;
	top:0;
	left:-2px;
	text-align:center;
	border-top:solid 2px #E5E5E5;
	border-right:solid 2px #E5E5E5;
	display:block;
	width:100%;
	height:20px;
	line-height:20px;
	padding:5px 0;
	background:#f4f2f2;
	color:#333333;
}
.pcSiteBtn{
	background:url(/sp/img_n/ico_insite.png) 100% 50% no-repeat;
	background-size: 13px 12px;
	padding-right:17px;
	text-decoration:underline;
}
.borderBottom{
	border-bottom:#CCC solid 1px;
}

.entryScheduleBox .btmBtn .btntorokukai a.btn_blue{
	display:block;
}
.entryScheduleBox .btmBtn.close .btntorokukai a.btn_blue{
	display:none;
}
.entryScheduleBox .btmBtn .btntorokukai a.textClose{
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	display:none;
}
.entryScheduleBox .btmBtn.close .btntorokukai a.textClose{
	display:block;
}
.entryScheduleBox .btmBtn .btntorokukai a.textClose:after{
	background:url(/sp/img_n/ico_arw_t.png) 100% 20% no-repeat;
	background-size: 13px 12px;
}

.entryBlock{
	border-top:#53c1dd solid 2px;
	border-bottom:#53c1dd solid 2px;
	background:#f3f9ff;
	padding:10px;
	margin-bottom:15px;
}
 .formItemBox .entryBlock dl{
	border:1px solid #dcdcdc;
	border-radius:10px;
	background:#FFF;
}
 .formItemBox .entryBlock dl dt{
	color:#ff6600;
}
.formItemBox dl dd ul.twoCoulmn li.firstname{
	margin-right:10px;
}

.formItemBox dl dd .btn_gray select{
	width:100%;
}


/*-------------------
	WEB登録
--------------------*/

.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}

/* STEP表記 */
.WebReservation .entryStep.es1{
	background:url(/sp/reservation/entry/img_n/img_entryStep1.png) 50% bottom no-repeat;
	background-size:320px 40px;
}
.WebReservation .entryStep.es2{
	background:url(/sp/reservation/entry/img_n/img_entryStep2.png) 50% bottom no-repeat;
	background-size:320px 40px;
}
.WebReservation .entryStep.es3{
	background:url(/sp/reservation/entry/img_n/img_entryStep3.png) 50% bottom no-repeat;
	background-size:320px 40px;
}

.WebReservation .formItemBox{
	border-bottom:none;
	margin-bottom:0px;
}
.WebReservation .formItemBox.BGcolWhite{
	background:#fff;
}
.WebReservation .formItemBox dl{
	padding-bottom:0;
}
.WebReservation .formItemBox dl dd{
	border-bottom:1px solid #dcdcdc;
}
.WebReservation .formItemBox dl dd .btn_gray select{
	width:100%;
}

.WebReservation .defSectionBox .cautionBox ol li {
	margin-bottom:5px;
	padding-left:1em;
	text-indent:-1em;
}
.WebReservation .defSectionBox .cautionBox ol li span {
	padding-left:1em;
	text-indent:-1em;
	display:block;
}

/* 電話番号 */
.formItemBox dl dd ul.threeCoulmn{
	overflow:hidden;
}
.formItemBox dl dd ul.threeCoulmn li{
	padding-right:4%;
	width:26%;
	float:left;
}
.formItemBox dl dd ul.threeCoulmn li.hyphen{
	padding-top:0.5em;
	text-align:center;
	width:1%;
	float:left;
}

/* 外国籍の方 */
.ForeignNationals .cbxbd label{
	background:url(/sp/img_n/bg_cbx.png) 0 0 no-repeat;
	background-size:22px 22px;
    display: block;
    padding: 0 0 0 30px;
    cursor: pointer;
    overflow: hidden;
	min-height:22px;
}
.ForeignNationals .cbxbd label.c_on{
	background:url(/sp/img_n/bg_cbx_on.png) 0 0 no-repeat;
	background-size:22px 22px;
}
.ForeignNationals .cbxbd label.none,
.ForeignNationals .cbxbd label.none.c_on{
	background:url(/sp/img_n/bg_cbx_none.png) 0 0 no-repeat;
}

/* 完了ページ 修正ボタン */
.WebReservation .completeTxt {
	padding:5px 0 15px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

.confirmFoot{
	background:#e2f3fa;
	border-top:1px solid #fff;
	border-bottom:2px solid #04b0e6;
	padding:10px;
	overflow:hidden;
}
.btnRepair{
	float:right;
	width:120px;
}

.WebReservation .IP {
	border:3px solid #e0e0e0;
	margin-bottom:30px;
	padding:20px 0;
}
.WebReservation .IP table {
	margin:0 auto 15px;
	width:250px;
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-align:left;
}
.WebReservation .IP .cautionBox {
	margin:20px 7px 0;
}
.defSectionBox {
	overflow: hidden;
}
.pt0 {
	padding-top: 0;
}
/*no.4117055 no.4117058 2021.12.24 ここから修正*/
.displayBlock { display: block !important; }
/*no.4117055 no.4117058 2021.12.24 ここまで修正*/