@charset "utf-8";

/* ==========================================================

title : 多度予約システム

scope : モーダル各種

2016/03/04 230inagaki 新規

rule : 

last modify : 

memo  :


========================================================== */
/*--モーダル基礎--*/
.modal_box {
    margin: 0 auto;
    background-image: url("../image/cmn/mrk_t_l.gif"),
                      url("../image/cmn/mrk_t_r.gif"),
                      url("../image/cmn/mrk_b_l.gif"),
                      url("../image/cmn/mrk_b_r.gif");
    background-repeat: no-repeat,
                       no-repeat,
                       no-repeat,
                       no-repeat;
    background-position: left 2px,
                         right 2px,
                         left bottom 2px,
                         right bottom 2px;
	text-align: center;
	overflow:hidden;
}
.modal_inner{
	width:95%;
	margin:0 auto;
	border-top:1px solid #c9a982;
	border-bottom:1px solid #c9a982;
}
.modal_box h1{
	text-align:center;
}
.under_deco{
	padding:5px 15px;
	border-bottom:1px solid #c9a982;
}
.top_deco{
	border-top:1px solid #c9a982;
}
.modal_inner input[type="text"] {
    width: 210px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #fff8f0;
    text-align: center;
}
.modal_inner input[type="text"]:disabled{
	background:#eee;
	color:#999;
}
.modal_inner input.error {
    background: #f9ff9d;
}
.input_error{
	color:#fff;
	text-align:center;
	line-height:25px;
}
.input_error:before{
	content:url("../image/modal/bg_error.png");
	position:relative;
	top:4px;
	margin-right:5px;
}

.modal_inner input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.modal_inner input[type="radio"] + label {
    display: block;
    background: url("../image/cmn/img_radio.gif") 0 0 no-repeat;
    background-size: 28px;
    padding-left: 30px;
    line-height: 30px;
    cursor: pointer;
}
.modal_inner input[type="radio"]:checked + label {
    background:url("../image/cmn/img_radio_on.gif") 0 0 no-repeat;
}
.modal_inner input[type="radio"] + label.disabled {
    background:url("../image/cmn/img_radio_gr.gif") 0 0 no-repeat;
	color:#999;
}
/*--宿泊日数選択--*/
.ttl_stay_day{
	margin:40px auto 30px;
}
.stay_day_input{
	margin:40px auto 20px;
	text-align:left;
}
.stay_day_input h2{
    margin:0 0 10px 20px;
	color:#c24b4d;
	font-size:1em;
}
.stay_day_input li{
    display:inline-block;
	vertical-align:middle;
	margin:10px 0 0 20px;
	font-size:1.1em;
}
.btn_input_days{
	margin:40px auto 30px;
}
/*--チケット追加--*/
.ttl_ticket_add{
	margin:50px auto 20px;
}
.ticket_add_input{
	width:500px;
	margin:20px auto 40px;
}
.ticket_read{
	line-height:1.5em;
	padding-bottom:40px;
}
.ticket_read span.attention{
	display:block;
	margin-bottom:20px;
	font-weight:800;
	color: #f00;
	line-height:1.5em;
	font-size:1.1em;
}
.ticket_add_read{
	margin:20px 0 10px;
	text-align:center;
}
.ticket_add_read p{
	margin:12px 0;
}
.ticket_add_read span.add_space{
	display:inline-block;
	margin:0 10px;
}
.ticket_add_read span.price_ticket{
	color:#8ec6a1;
	font-weight:800;
}
.ticket_add_input ul{
    width:500px;
	margin:0 auto;
}
.ticket_add_input li{
    display:inline-block;
	vertical-align:middle;
	width:222px;
	min-height:36px;
	margin-top:20px;
	background:url("../image/modal/bg_input_li.png") repeat-x 0 0;
}
.ticket_add_input li:nth-child(odd){
    margin-right:30px;
}
.ticket_notice{
	margin-top:30px;
	font-size:0.8em;
	line-height:1.5em;
	color:#f00;
	text-align:center;
}
.ticket_notice:before{
	content:"※";
}
.btn_input_ticket{
	margin:20px auto;
}
.btn_input_ticket a{
	display:block;
	margin:20px auto;
}
/*---宿泊---*/

.ttl_stay_num{
	margin:40px auto 10px;
}
.staynum_read {
    line-height: 1.5em;
    margin-bottom: 40px;
}
.set_room_box{
	margin:0;
	padding: 10px 0;
	border-top: 1px solid #c9a982;
}
.set_room_wrap{
	padding: 20px 0;
	border-bottom: 1px solid #c9a982;
}
.set_room_inner{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:600px;
}
.set_room_inner ul:nth-child(1){
	display:block;
	width: auto;
	text-align:left;
}
.set_room_inner ul:nth-child(1) li{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}

.set_room_inner ul:nth-child(1) li span {
  font-weight: bold;
}
.set_room_inner ul{
	display:table;
	width: 540px;
	margin-left:10px;
}
.set_room_inner li{
	display:table-cell;
	vertical-align:middle;
}
span.lmt_num{
	margin-left:20px;
	font-size:0.9em;
	color:#009d42;
	font-weight:100;
}
.set_room_img{
	display:inline-block;
	vertical-align:top;
	border:1px solid #eee;
	margin:0;
}
.set_room_inner h2 {
    margin: 25px 0 15px 10px;
    color: #c24b4d;
    font-size: 1em;
	text-align:left;
}
.room_slct_num{
	display:table;
}
.room_slct_num li{
	display:table-cell;
}

.set_room_inner select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    height: 30px;
    margin-right: 5px;
    padding: 3px 25px 3px 5px;
    background: url("../image/cmn/bg_srh_select.png") #fff no-repeat right 0;
    border: 1px solid #684036;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}
.set_room_inner select.error{
    background: url("../image/cmn/bg_srh_select_error.png") #f9ff9d no-repeat right 0;
}
.set_room_note{
	margin:20px auto 10px;
	width:570px;
	text-align:left;
	color:#f00;
	font-size:0.9em;
  padding-left: 1em;
  text-indent: -1em;
}
.set_room_note:before{
	content:"※";
}
.error_case{
	display:inline-block;
	background: #fe0000;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	margin-top: 6px;
	padding:0 15px;
    text-align: left;
}
/*--チケット追加--*/
.set_ticket_box{
	margin:20px 0;
}
.ticket_input_add{
	display: inline-block;
    vertical-align: middle;
    width: 460px;
    margin: 20px auto 0;
	text-align: left;
}

.ticket_input_add > .input_error{
	margin-bottom:15px;
}

.ticket_input_add li {
    display: inline-block;
    vertical-align: middle;
    width: 210px;
    margin-bottom: 20px;
}
.ticket_input_add li:nth-child(odd) {
    margin-right: 20px;
}
.ticket_input_add_one{
	display: inline-block;
    vertical-align: middle;
    width: 230px;
    margin: 20px auto 0;
	text-align: left;
}
.ticket_input_add_one > .input_error{
	background: url("../image/modal/bg_error.png") no-repeat 10px center #fe0000;
	margin-bottom:15px;
    padding: 5px 0 5px 32px;
    line-height: 18px;
    text-align: left;
    font-size: 0.9em;
}

.ticket_input_add_one li {
    display: inline-block;
    vertical-align: middle;
    width: 210px;
}
.ticket_input_ttl{
	margin-bottom:5px;
}
.ticket_note{
	margin-top:20px;
	color:#d9314b;
}
.ticket_note span{
	margin:0 10px;
}
.ticket_note span.price_member{
	font-weight:800;
	font-size:1.1em;
}
.ticket_img{
	display: inline-block;
    vertical-align: top;
    margin: 20px 20px 0 0;
	width:221px;
	color:#f00;
	font-weight:800;
	font-size:0.9em;
	text-align:center;
}
.ticket_img > img{	
	border:1px solid #eee;
}
/*--ゴルフプレー日--*/
.golf_day_wrap{
	margin:40px auto;
}

.golf_stay_day{
	margin: 40px auto 20px;
    text-align: center;
}
.golf_stay_day h2{
	display:inline-block;
	padding:8px 20px;
	margin-bottom:10px;
	background:#c04c4d;
	-moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
	color:#fff;
	font-weight:100;
	font-size:1.1em;
}
.golf_stay_day p{
	margin-top:15px;
	font-size:1.2em;
}
.golf_day_input{
    margin: 40px auto 20px;
    text-align: center;
}
.golf_day_input h2{
    color:#2fa67c;
	font-size:1.1em;
}
.golf_day_input select{
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    height: 30px;
    margin:10px auto 0;
    padding: 3px 25px 3px 5px;
    background: url("../image/cmn/bg_srh_select.png") #fff no-repeat right 0;
    border: 1px solid #684036;
    cursor: pointer;
}
/*--宿泊ゴルフ日--*/
.golf_stay_day h2.staygolf{
	background:#2fa67c;
}
.stay_golf_input{
	width: 425px;
    margin: 0 auto;
}
.stay_golf_input dl{
	display:inline-block;
	vertical-align:middle;
	width:170px;
	margin:10px 0 35px;
}
.stay_golf_input dt{
	text-align:center;
	color:#c04c4d;
}
.stay_golf_input select{
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    height: 30px;
    margin:10px auto 0;
    padding: 3px 25px 3px 5px;
    background: url("../image/cmn/bg_srh_select.png") #fff no-repeat right 0;
    border: 1px solid #684036;
    cursor: pointer;
}
/*--ipadセレクタ--*/
.stay_golf_input  .easy-select-box{
	display:inline-block;
	vertical-align:middle;
	background: #fff;
	border: 1px solid #684036;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-right: 5px;
}
.stay_golf_input  .easy-select-box .esb-displayer{
	cursor: pointer;
	width:140px;
	padding:0 5px;
	background: url("../image/cmn/bg_srh_select.png") #fff no-repeat right 0;
	color:#000;
	line-height:30px;
	text-indent:-5px;
}
.stay_golf_input  .easy-select-box .esb-displayer:hover {
  opacity: 0.8;
}
.stay_golf_input  .easy-select-box:hover .esb-displayer{
	text-decoration:none;
}
.stay_golf_input  .easy-select-box .esb-dropdown{
  display: none;
  position: absolute;
  z-index: 9999;
  background: #fff;
  border: 1px solid #799bd2;
}
.stay_golf_input  .easy-select-box  .esb-item{
	cursor:default;
	padding:3px 10px;
	background:#fff;
	line-height:30px;
	text-align:left;
}
.stay_golf_input  .easy-select-box .esb-item:hover{
	background:#1e90ff;
	color:#fff;
	text-decoration:none;
}
/*--ipadセレクタ迄--*/
/*--ipadセレクタ--*/
.golf_day_input  .easy-select-box{
	display:inline-block;
	vertical-align:middle;
	background: #fff;
	border: 1px solid #684036;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-right: 5px;
}
.golf_day_input  .easy-select-box .esb-displayer{
	cursor: pointer;
	width:300px;
	padding:0 5px;
	background: url("../image/cmn/bg_srh_select.png") #fff no-repeat right 0;
	color:#000;
	line-height:30px;
	text-indent:-5px;
}
.golf_day_input  .easy-select-box .esb-displayer:hover {
  opacity: 0.8;
}
.golf_day_input  .easy-select-box:hover .esb-displayer{
	text-decoration:none;
}
.golf_day_input  .easy-select-box .esb-dropdown{
  display: none;
  position: absolute;
  z-index: 9999;
  background: #fff;
  border: 1px solid #799bd2;
}
.golf_day_input  .easy-select-box  .esb-item{
	cursor:default;
	padding:3px 10px;
	background:#fff;
	line-height:30px;
	text-align:left;
}
.golf_day_input  .easy-select-box .esb-item:hover{
	background:#1e90ff;
	color:#fff;
	text-decoration:none;
}
/*--ipadセレクタ迄--*/
.stay_golf_input span{
	display:inline-block;
	vertical-align:top;
	padding:10px 20px;
    font-size:2em;
	color:#674134;
}
p.stay_golf_note{
	width:425px;
	margin:20px auto 0;
	padding-left:1em;
	text-indent:-1em;
	color:#f00;
	font-size:0.9em;
	line-height:1.5em;
	text-align:left;
}
p.stay_golf_note:before{
	content:"※";
}

/*--エラーモーダル--*/
.er_modal_box {
    margin: 0 auto;
	padding:20px 20px 30px 20px;
	border-top:2px solid #fe0000;
	border-bottom:2px solid #fe0000;
	text-align: center;
	overflow:hidden;
}
.er_modal_box h1{
	margin:20px 0 40px;
	font-size:1.5em;
	color:#fe0000;
}
.er_img{
	margin:20px auto 0;
}
.er_txt{
	width:450px;
	margin:10px auto 20px;
	line-height:1.8em;
	text-align:left;
}
.er_txt02{
	width:450px;
	margin:10px auto 20px;
	line-height:1.8em;
}
.dlt_btn_box {
	margin:40px auto 20px;
}
.dlt_btn_box li{
	display:inline-block;
	vertical-align:middle;
	margin:0 20px;
	width:150px;
	text-align:center;
}

/*--予約案内モーダル--*/
.res_modal_box{
}
.ttl_res{
	margin-top:40px;
}

.res_modal_box dl{
	margin:40px auto 0;
}
.res_modal_box dl:last-child{
	margin:40px auto;
}
.res_modal_box dt{
	width:250px;
	margin:0 auto;
	padding:0 15px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
	color:#fff;
	font-weight:800;
	text-align:center;
	line-height: 30px;
}
.res_modal_box dd{
	width:400px;
	margin:20px auto 0;
	font-size:2em;
	text-align:center;
	letter-spacing:5px;
}
.res_tel dt{
	background:#c04c4d;
}
.res_tel02 dt{
	background:#4261a4;
}
.company_name{
	margin:50px auto 30px;
	text-align:center;
}
.company_name img{
	margin:15px auto 0;
}
.comp_add{
	font-size:1.2em;
	letter-spacing:2px;
}
.comp_time{
	margin-bottom:20px;
	font-size:1.5em;
	letter-spacing:2px;
	font-weight:800;
}
select::-ms-expand {
  display: none;
}
/*--宿泊セレクタ--*/
.set_room_inner .easy-select-box{
	display:inline-block;
	vertical-align:middle;
	background: #fff;
	border: 1px solid #684036;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-right: 5px;
}
.set_room_inner .easy-select-box .esb-displayer{
	cursor: pointer;
	width:40px;
	padding:0 5px;
	background: url("../image/cmn/bg_srh_select.png") #fff no-repeat right 0;
	color:#000;
	line-height:30px;
	text-indent:-13px;
}
.set_room_inner .easy-select-box .esb-displayer:hover {
  opacity: 0.8;
}
.set_room_inner .easy-select-box:hover .esb-displayer{
	text-decoration:none;
}
.set_room_inner .easy-select-box .esb-dropdown{
  display: none;
  position: absolute;
  z-index: 9999;
  background: #fff;
  border: 1px solid #799bd2;
}
.set_room_inner .easy-select-box  .esb-item{
	cursor:default;
	padding:0 3px;
	background:#fff;
	line-height:30px;
}
.set_room_inner .easy-select-box .esb-item:hover{
	background:#1e90ff;
	color:#fff;
	text-decoration:none;
}
/*--セレクタ--*/