@charset "utf-8";

.container {
	max-width: 1280px;
}

.boxlayout {
	background-color: lightgray;
}

/* 変数 */

:root {
	--main-bg-gradient-webkit: -webkit-linear-gradient(left, #4a97b3 33%, #adcbd6 95%);
	--main-bg-gradient-moz: -moz-linear-gradient(left, #4a97b3 33%, #adcbd6 95%);
	--main-bg-gradient-ms: -ms-linear-gradient(left, #4a97b3 33%, #adcbd6 95%);
	--main-bg-gradient: linear-gradient(to right, #4a97b3 33%, #adcbd6 95%);
	--main-btn-color: #0f2c4a;
	--main-color: #4db0cd;
}



/* 追加スタイル*/
body {
	font-family: 'ヒラギノUD角ゴF Std', 'メイリオ', 'Meiryo',sans-serif,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';
	font-size: 16px;
	padding: 0;
	margin: 0;
}
html,body{
	height: 100%;
}

/**
 * 	共通クラス
 */
ul {
	padding-left: 0;
}

li {
	list-style: none;
}

.fleft { float: left; }
.fright { float: right; }
.fnone { float: none; }

.fs70 { font-size: 70%; }
.fs80 { font-size: 80%; }
.fs90 { font-size: 90%; }

.pa0 { padding: 0 !important; }
.pl0 { padding-left: 0 !important; }
.pr0 { padding-right: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.plr0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.ma0 { margin: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.ml0 { margin-left: 0 !important; }
.mr0 { margin-right: 0 !important; }
.mlr0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }

.pt10 { padding-top: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pr10 { padding-right: 10px !important; }

.mt20 { margin-top: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }

.mt30 { margin-top: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml30 { margin-left: 30px !important; }
.mr30 { margin-right: 30px !important; }

.mlrauto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.tcenter {
	text-align: center !important;
}
.tright {
	text-align: right !important;
}

.p_t30{ top: 30px !important; }
.p_r30{ right: 30px !important; }
.p_l30{ left: 30px !important; }
.p_b30{ bottom: 30px !important; }

.w25{ width: 25% !important; }
.w50{ width: 50% !important; }
.w75{ width: 75% !important; }
.w100{ width: 100% !important; }


.wh15px{
	width: 15px !important;
	height: 15px !important;
}
.wh20px{
	width: 20px !important;
	height: 20px !important;
}
.wh25px{
	width: 25px !important;
	height: 25px !important;
}
.wh30px{
	width: 30px !important;
	height: 30px !important;
}
.wh50px{
	width: 50px !important;
	height: 50px !important;
}
.wh75px{
	width: 75px !important;
	height: 75px !important;
}
.wh100px{
	width: 100px !important;
	height: 100px !important;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.wd-wp {
	word-wrap: break-word;
	word-break: break-all;
	/*white-space: nowrap;*/
}
.wr-wrap{
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-line;
}

.d-flex{
	flex-wrap: wrap;
}

.optgrp optgroup {
	color: #999;
}

.optgrp optgroup option {
	color: #000;
}

.link-w {
	color: #FFF;
}

.custom-btn{
	background: var(--main-btn-color);
	padding: 16px 40px;
	border-radius: 30px;
	color: #fff;
	border: none;
}


.nostyle-form{
	display: inline-block;
	border: none;
	background: transparent;
	color: inherit;
}
.nostyle-form:hover,
.nostyle-form:active,
.nostyle-form:focus
{
	border: none;
	box-shadow: none;
	outline: none;
}
.form-control {
    height: 50px;
    font-size: 15px;
    padding: 8px;
    box-shadow: none;
    color: #495057;
    border: none;
}
input.form-control:focus,
input.form-control:active {
	outline: none;
	box-shadow: none;
}
.input-group-text {
    color: #ccc;
    background: #fff;
    border: none;
    border-top-color: #fff;
    border-right-color: #fff;
    border-radius: 5px 0 0 5px;
	padding: .375rem .62rem;
    /*padding: 0.375rem 0.6rem;*/
}
.svg-wrap > svg {
    fill: currentColor;
}
/**
ログインフォーム
*/

body#body_Login{
	background: var(--main-bg-gradient-webkit);
	background: var(--main-bg-gradient-moz);
	background: var(--main-bg-gradient-ms);
	background: var(--main-bg-gradient);
}
header .header-wrap{
	background: var(--main-bg-gradient-webkit);
	background: var(--main-bg-gradient-moz);
	background: var(--main-bg-gradient-ms);
	background: var(--main-bg-gradient);
	padding-top: 10px;
	padding-bottom: 5px;
}
header .header-navi{
	background: #003444;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
}
header .header-navi ul{
	margin-bottom: 0;
}
header .header-navi ul li{
	padding: 0;
}
header .header-navi ul li a{
	padding: 10px 0;
	display: block;
	color: #fff;
	text-align: center;
}
header .header-navi ul li a:focus,
header .header-navi ul li a:active,
header .header-navi ul li a:hover{
	text-decoration: none;
	background: rgba(255,255,255,.1);
}
header .header-navi ul li.menu_active{
	text-decoration: none;
	background: rgba(0,0,0,.2);
}
header .header-navi ul li a .navi-icon{
	margin-bottom: 5px;
}
header .header-navi ul li a .navi-name{
	font-size: 0.6em;
}

.btn_menu-wrap{
	display: inline-block;
}
.btn_menu-wrap a.btn_menu{
	height: 40px;
	width: 40px;
	text-align: center;
	background: rgba(255,255,255,.3);
	border-radius: 50%;
	display: table;
	cursor: pointer;
	color: #fff;
}
.btn_menu-wrap a.btn_menu:hover,
.btn_menu-wrap a.btn_menu:focus,
.btn_menu-wrap a.btn_menu:active{
	background: rgba(255,255,255,1);
	color: var(--main-color);
}
.btn_menu-wrap a.btn_menu span{
	vertical-align: middle;
	display: table-cell;
}


#NoSearch,
#Nothing,
#NoHistory,
#NoUser{
	background: #f9f9f9;
	color: #aaa;
	font-size: 1em;
	padding: 20px 16px;
	border-radius: 5px;
	border: 1px solid #e1e1e1;
}
#Nothing{
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
}

.auto-height{
	min-height: 100%;
	flex-direction: column;
	display: flex;
}
.auto-height .flex-grow{
	flex-grow: 1;
}


#loginbox .login_form .main_title{
	/*margin-top: 2em;*/
	margin-bottom: 4em;
}

#loginbox .login_form .main_title h1{
	color: #fff;
	text-decoration: underline 1px;
	text-underline-offset:8px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}
#loginbox .login_form .login-form-body label{
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 5px;
}

#loginbox .login_form .login-form-body input::placeholder{
	color: #ccc;
}
.input-group input:-internal-autofill-selected,
.input-group input:-webkit-autofill{
	background-color: transparent;
	box-shadow: 0 0 0 1000px #fff inset;
}
.message_loginform{
	display: block;
	margin-top: 10px;
	color: #fff;
}

.page-header h1{
	/*padding: 0 15px;*/
	font-size: 1.6em;
	color: #fff;
}


input[type="checkbox"] {
    cursor: pointer;
    padding-left: 30px;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 20px;
    background: #f2f2f2;
    border: 2px solid #e6e6e6;
}
input[type="text"]::placeholder{
	color: #ccc;
}
#HeaderUser{
	font-size: 1.2em;
	color: #fff;
}
#HeaderUser .last-login{
	margin-bottom: 0;
	font-size: 0.6em;
}
#HeaderUser .loginuser-info{
	font-weight: bold;
}

#SearchForm{
	margin-bottom: 20px;
	color: #fff;
	background: #adcbd6;
	/*
	background: var(--main-bg-gradient-webkit);
	background: var(--main-bg-gradient-moz);
	background: var(--main-bg-gradient-ms);
	background: var(--main-bg-gradient);

	*/
	padding-top: 12px;
	padding-bottom: 12px;
}
#SearchForm h2{
	font-size: 1em;
	font-weight: bold;
}
#SearchForm .input-group .form-control{
	font-size: 1em;
}
#SearchForm form{
	margin-bottom: 0;
}

#SearchForm #SubmitBtn{
	margin-bottom: 10px;
}
#SearchForm #SubmitBtn button{
	height: 100%;
}
#ResvTime{
	line-height: 50px;
}

#ResvTime div {
    display: flex;
    line-height: 2.2em;
    vertical-align: super;
    color: #b3b3b3;
}

#ResvTime .time-clear {
    cursor: pointer;
}

#ResvTime input#ResvTimeStart,
#ResvTime input#ResvTimeEnd{
	text-align: center;
	width: 3.3em;
	color: #4d4d4d;
}
#ResvTime input#ResvTimeStart{
	margin-right: 5px;
}
#ResvTime input#ResvTimeEnd{
	margin-left: 2px;
}

.popover{
	color: #fff;
	background: #4d4d4d;
	font-weight: bold;
	font-size: 0.8rem;
	vertical-align: middle;
}

.popover .pop_start_time,
.popover .pop_end_time{
	font-size: 1.1rem;
}

.popover-body{
	padding: 0.3rem 0.5rem;
	color: #fff;
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #4d4d4d;
}

/* timeselectorjs */
.timeselector {
	font-size: 1.3em;
	background: #f2f2f2;
	line-height: 100%;
	color: #404c66;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 6px;
	position: absolute;
	overflow: hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.timeselector-value{
	border: none;
	background: transparent;
}
.timeselector-button{
	border: none;
	background: transparent;
}
.timeselector-up .dli-chevron-up,
.timeselector-down .dli-chevron-down{
	width: 0.5em;
	height: 0.5em;
	border-color: var(--main-color);
	border-width: 0.15em;
}
.timeselector-value,
.timeselector-button{
	padding: 4px 10px;
}
.timeselector-separator{
	margin-top: 30%;
}
/* //timeselectorjs */


/* paginationjs */
ul.pagination{
	margin-top: 20px;
}
ul.pagination .page-link{
	color: var(--main-color);
	padding: .5rem .6rem;
}
ul.pagination .navi-active .page-link{
	background: var(--main-color);
	color: #fff;
}
ul.pagination .page-item.disabled .page-link{
	color: #ccc;
}

/* //paginationjs */


#SearchResult{
	margin-top: 40px;

}
#SearchResult,
#History {
	color: #666;
	margin-bottom: 80px;
}
#History {
	margin-bottom: 80px;
}

h3{
	font-size: 1.2rem;
	font-weight: bold;
}


#NoUser .custom_form .form-group{
	background: #fff;
	width: 400px;
	border: 1px solid #ccc;
}


.card{
	background: #f2f2f2;
    border: none;
    height: 100%;
}
.room-img .room_img1,
.room-img .room_img2,
.history-img .history-img1{
	border: 1px solid #e4e4e4;
	background: #fff;
}
.room-img img,
.history-img img{
}

.result-num,
.history-num{
	/*margin-bottom: 1.4em;
	*/
	font-size: 0.75em;
	color: #999;
	margin-bottom: 16px;
}
.result-num strong,
.history-num strong{
	font-size: 1.5em;
	color: #666;
}

.room-info h4,
.history-info h4,
.room-info_title h4{
	margin-top: 10px;
	margin-bottom: 16px;
	font-size: 1.4em;
	font-weight: bold;
	color: #0f2c4a;
}

.room-info .room-info-tag,
.history-info .history-info-tag,
.room-info .room-info_tag{
	margin-bottom: 1.3em;
	font-size: 0.7em;
	color: #999;
}
.room-info .room-info-tag span,
.history-info .history-info-tag span,
.room-info .room-info_tag span{
	padding-right: 5px;
}

.room-info .room-info-tag span.tag_price,
.history-info .history-info-tag span.tag_price,
.room-info .room-info_tag span.tag_price{
	color: var(--main-color);
	font-size: 1.3rem;
	font-weight: bold;
	vertical-align: middle;
    line-height: 0.6em;
}

.room-info .room-info-caption,
.room-info .room-info_caption{
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.3em;
	padding: 6px;
	border-radius: 5px;
}
.room-info .room-info-caption{
	background: #fff;
	margin-bottom: 1.3em;
}
.room-info .room-info_caption{
	padding: 6px 0;
	margin-bottom: 1.3em;
}
.room-info .room-info-resv,
.room-info .room-info_resv{
	margin-bottom: 1.3em;
}
.room-info .room-info-resv h5,
.room-info .room-info_resv h5{
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 0.3em;
}
.room-info .room-info-control button,
.history-info .history-info-control button{
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	/*font-size: 1em;*/

    font-size: 0.8rem;
	width: calc(100% - 10px);
	margin: 0 5px;
}
.history-info .resv-status{
	margin-bottom: 0.4em;
}
.tags{
	display: inline-block;
	font-size: 0.75rem;
	margin-right: 10px;
	margin-bottom: 3px;
	color: #666;
}
.tags .svg-wrap{
	color: #aaa;
}
span.notice{
	color: var(--main-color);
	margin-left: 5px;
}

.badge.custom-badge{
	font-size: 0.6em;
	font-weight: normal;
	padding: 5px 8px;
}



#Account{
	margin-bottom: 60px;
}
#Account .form-group{
	font-size: 1.2em;
    color: #404c66;
    padding: 15px;
}
#Account .checkin_wrap{
	padding: 1rem 1rem;
	background: #fff;
	border: 1px solid rgba(0,0,0,.125);
}
#Account .checkin_wrap .checkin_title{
	margin-bottom: 25px;
}
#Account .checkin_wrap .checkin_title span{
	color: var(--main-color);
}
#Account .checkin_wrap .checkin_caption{
	color: var(--main-color);
	font-size: 0.8em;
	margin-bottom: 10px;
}


/*schedulerjs*/
/*
.sjs-wrapper .sjs-wrapper,
.sjs-wrapper .sjs-grid{
	width: 100%;
}*/
.sjs-wrapper{
	padding: 0;
}
.sjs-wrapper .sjs-grid{
	border: none;
	padding: 0;
}
.sjs-wrapper .sjs-grid-overlay{
	padding: 0;
}
.sjs-wrapper .sjs-name-col{
	display: none;
}
.sjs-wrapper .sjs-grid-row-head{
	background: transparent;
	border: none;
}
.sjs-wrapper .sjs-grid-overlay-row-head{
	display: none;
}
.sjs-wrapper .sjs-app-col{
	overflow-x: hidden;
	overflow-y: hidden;
	height: 32px;
	border: none;
}
.sjs-wrapper .sjs-app-col .sjs-grid{
	padding: 0;
}
.sjs-wrapper .sjs-grid-overlay-col{
	height: 16px;
	opacity: 0.8;
}

.sjs-wrapper .sjs-selector{
	background-color: rgba(247,147,30,.75);
	margin-top: 0;
	cursor: inherit;
	height: 16px !important;
}

.sjs-wrapper .sjs-selector-edge.sjs-selector-left,
.sjs-wrapper .sjs-selector-edge.sjs-selector-right{
	display: none;
	cursor: inherit;
}
.sjs-wrapper .sjs-selector .sjs-selector-text{
	background-color: transparent;
	display: none;
	height: 16px;
}
.sjs-wrapper .sjs-selector .sjs-selector-inner{
	height: 16px;
}

.sjs-wrapper .sjs-grid-overlay-col.reserve{
	background-color: var(--main-color);
}
.sjs-wrapper .sjs-grid-overlay-col.interval{
	background-color: var(--main-color);
	opacity: 0.2;
}
.sjs-wrapper .sjs-grid-overlay-col.used{
	background-color: #ccc;
}
.sjs-wrapper .sjs-grid-overlay-row{
	height: 16px;
}
.sjs-wrapper .sjs-grid-row{
	height: 16px;
	border-bottom: 1px solid #aaa;
	box-sizing: border-box;
}
.sjs-wrapper .sjs-grid-col{
	padding: 0;
	border-right: 1px solid #aaa;
}
.sjs-wrapper .sjs-grid-col:first-child{
	border-left: 1px solid #aaa;
}
.sjs-wrapper .sjs-grid-col:last-child{
	border-right: 1px solid #aaa;
}
.sjs-wrapper .sjs-grid-col,
.sjs-wrapper .sjs-grid-row{
	background-color: #fff;
}
.sjs-wrapper .sjs-grid-col-head{
	background: transparent;
}
/*
.sjs-wrapper .sjs-grid-row:nth-child(2n),
.sjs-wrapper .sjs-grid-col:nth-child(2n){
	background-color: #fff;
}*/


/*//schedulerjs*/

/*datepicker*/
.dropdown-menu{
	background: #f2f2f2;
	color: #404c66;
}

.dropdown-menu .datepicker-days .datepicker-switch{
	color: #404c66;
	font-size: 1em;
	width: auto;
	height: 30px;
}
.dropdown-menu thead .next,
.dropdown-menu thead .prev{
	color: var(--main-color);
	font-size: 1.3em;
}
.dropdown-menu .datepicker-days thead th.dow{
	color: #aaa;
	font-size: 0.6em;
	padding-top: 8px;
	padding-bottom: 4px;
}
.dropdown-menu .datepicker-days tbody td.day{
	font-size: 1em;
	height: 35px;
	width: 35px;
}


.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled]{
	background-color: #c6dee7;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled]{
	background-color: var(--main-color);
	background-image: none;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover{
	background-color: #c6dee7;
	background-image: none;
	border-radius: 50%;
	font-weight: bold;
	color: initial;
}


footer{
	color: #aaa;
	background: #333;
}

footer .footer-contact{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 0.8em;
}
footer address small{
	font-size: 0.6em;

}

#FooterLogo{
	height: 30px;
}
#FooterLogo .footer-logo-wrap{
	position: relative;
	top: -38px;
	background: #fff;
	border: 1px solid #f2f2f2;
	box-shadow: 0 5px 3px rgba(0,0,0,0.3);
	border-radius: 50%;
	padding: 0.9em;
	margin: 0 auto;
}
#FooterLogo img{
	background-size: cover;
}


.modal-header{
	border-bottom: none;
}
.modal-header .modal-title{
	font-size: 1em;
}
.modal-header .modal-title span{
	color: var(--main-color);
	margin-right: 1em;
}

.modal_label-title{
	display: block;
	color: var(--main-color);
	font-size: 0.7rem;
	margin-bottom: 4px;
}
.modal h3{
	font-size: 0.9rem;
}
.custom_form .form-group{
	font-size: 0.8em;
	color: #ccc;
	background: #f2f2f2;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#modal-roominfo .room-info_resv {
    padding: 8px;
    background: #f2f2f2;
    border-radius: 5px;
}
#modal-roominfo .room-img .room_img1,
#modal-roominfo .room-img .room_img2{
	border: 1px solid #e4e4e4;
    display: flex;
	justify-content: center;
	align-items: center;
}

#modal-reserve .err_mes_area,
#modal-reserveedit .err_mes_area{
	font-size: 0.8rem;
	margin-bottom: 10px;
	text-align: center;
}

#modal-reserve .modal_resvparts .form-group input:-internal-autofill-selected,
#modal-reserve .modal_resvparts .form-group input:-webkit-autofill{
	background-color: transparent;
	box-shadow: 0 0 0 1000px #f2f2f2 inset;
}
.modal_resvparts.resv-conf .form-group,
#modal-reserve .modal_resvparts.resv-conf .form-group,
#modal-resvcancel .modal_resvparts.resv-conf .form-group,
#modal-reserveinfo .modal_resvparts.resv-conf .form-group{
	font-size: 1.1rem;
    color: #404c66;
}
#modal-reserve input#ModalResvTimeStart,
#modal-reserve input#ModalResvTimeEnd,
#modal-reserveedit input#ModalEditResvTimeStart,
#modal-reserveedit input#ModalEditResvTimeEnd{
	text-align: center;
	width: 4em;
    background: transparent;
    font-size: 1.4em;
    line-height: 0.8em;
    color: #404c66;
}
#modal-reserve .modal_resvparts .modal_resv-name,
#modal-reserveedit .modal_resvparts .modal_resv-name{
	margin-left: 0.8em;
    width: 90%;
    display: inline-block;
}
.modal-body h3{
	color: #404c66;
}
#modal-reserve .modal_resvparts .modal_resv-starttime,
#modal-reserveedit .modal_resvparts .modal_resv-starttime{
	margin-left: 0.8em;
    margin-right: 1em;
}
#modal-reserve .modal_resvparts .modal_resv-endtime,
#modal-reserveedit .modal_resvparts .modal_resv-endtime {
    margin-left: 1em;
}

#modal-reserve .modal_resvparts .modal_resv-name,
#modal-reserve .modal_resvparts .modal_resv-mail{
	margin-left: 0.8em;
	width: 90%;
	display: inline-block;
}
#modal-reserve .modal_resvparts .modal_resv-name input,
#modal-reserve .modal_resvparts .modal_resv-mail input{
	width: 100%;
}
#modal-reserve .modal_resvparts .modal_resv-name input::placeholder,
#modal-reserve .modal_resvparts .modal_resv-mail input::placeholder{
	color: #ccc;
}
#modal-reserve .modal-resvcaption,
#modal-resvcancel .modal-resvcaption{
	color: var(--main-color);
	font-size: 0.8rem;
	margin-bottom: 20px;
}
#modal-noticemail textarea{
	font-size: 1rem;
	line-height: 1.2;
}
.modal-purpose{
	margin-bottom: 15px;
}
.modal-purpose .purpose-wrap{
	font-size: 0.7em;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow-y: scroll;
	height: 100px;
}
.modal-purpose .purpose-wrap h4{
	font-size: 0.8em;
}
.modal-purpose .purpose-wrap ol li{
	list-style: inherit;
}
.agree{
	margin-bottom: 20px;
	font-size: 0.9em;
	text-align: center;
}
.agree label{
	margin: 0 auto;
}
.modal .submit button {
    font-size: 0.9rem;
    margin-bottom: 10px;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}
.modal .submit button:disabled{
	background-color: #999;
	border-color: #999;
}


@media ( min-width : 1px) {

}
/* jqueryなしのラジオボタンカスタマイズ */

/*ボタンカスタマイズ トグル*/
@media ( min-width : 1px) {

}

/*ボタンカスタマイズ トグル*/


div.form-control:focus {
	border: 3px solid #DDD;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
}

.form-subtitle {
	background: #EAF1F7;
	color: #09729C;
	padding: 15px 20px;
}

.form-subtitle h3 {
	margin: 0;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 2px;
}

.form-caption {
	color: #808080;
	padding: 30px 0 15px;
	font-size: 1.1em;
}

.glyphicon-wrapper {
	position: relative;
}

.glyphicon.form-glyphicon {
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 16px;
}

.reserve-conference-form .glyphicon.form-glyphicon {
	right: 15px;
}

.submit-wrapper {
	background: #D8D7C9;
	padding: 20px 0;
	margin: 0 20px;
}

.regist_button {
	margin: 0 20px 0;
	text-align: center;
}

.regist_button .ghost-btn {
	border-radius: 0;
	padding: 18px 0;
	max-width: 540px;
	width: 100%;
	font-size: 1.4em;
}

.form-open {
	background: -webkit-linear-gradient(top, #F3F2E9 33%, #BDB1A3 95%);
	background: -moz-linear-gradient(top, #F3F2E9 33%, #BDB1A3 95%);
	background: -ms-linear-gradient(top, #F3F2E9 33%, #BDB1A3 95%);
	background: linear-gradient(to bottom, #F3F2E9 33%, #BDB1A3 95%);
}

.form-toggle-btn {
	position: relative;
	cursor: pointer;
	color: #736357;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
	width: 400px;
	margin: 0 auto;
	display: none;
}

.form-toggle-btn span {
	padding-left: 0.5em;
}

.no-result {
	color: #999;
	padding: 20px 30px;
	background: #f1f1f1;
	font-size: 18px;
}

@media ( min-width : 1200px){
/* bootstrap extra large devices */

}


@media ( min-width : 992px) and (max-width: 1199px) {
/* bootstrap large devices */

}

@media ( min-width : 768px) and (max-width: 991px) {
/* bootstrap medium devices */

}


@media ( min-width : 576px) and (max-width: 767px) {
/* bootstrap small devices */

}

@media ( max-width : 767px){
/* bootstrap medium devices:  less than; */

	body {
		font-size: 14px;
	}
	.page-header h1{
		font-size: 1.5em;
	}

	.card-body{
		padding: 1rem;
	}
	/* timeselectorjs */
	.timeselector {
		font-size: 1.7em;
	}
	/* //timeselectorjs */
	#SearchForm .input-group .form-control{
		font-size: 1em;
		height: 40px;
	}
	#ResvTime > div{
		line-height: 1.3em;
	}
}

/* iPhone5 */
@media ( min-width : 320px) and (max-width: 413px) {
	body {
		font-family: "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "sans-serif";
		font-size: 14px;
	}
	#wrap>.container-fluid {
		margin-bottom: 60px;
	}

}

/* fixedmidashi */
div.scroll_div {
	overflow: auto;
}

#wrap .navbar-fixed-top,
#wrap .navbar-fixed-bottom{
	position: fixed;
	z-index: 10;
}

.version{
	color: #333;
	font-size: 0.7em;
}