@charset "utf-8";

html {font-size: 62.5%;}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {html {font-size: 62.5%;}}

/*予約フローレイアウト*/
body#reserve {padding:0;background-color: #EEE;}
#rsv-header {overflow: hidden; margin-bottom: 20px;}
#rsv-header .inner {background-color: #fff; border-radius: 0 0 8px 8px; padding: 15px 20px; overflow: hidden; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.065); margin-bottom: 5px;}
#reserve h1{
font-size: 1.5rem;
font-weight: bold;
background-color: #ffa502;
color: #fff;
display: inline-block;
padding: 6px 15px;
border-radius: 3px;
margin-left: 20px;
margin-top: 15px;
}
#reserve #logo{
display: inline-block;
width: 50%;
}
@media (min-width: 768px) {
#reserve #logo{
width: 250px;
}
}

ul li,ol li {list-style: none;list-style-image: none;}
dl,ol,ul,dd,p {padding: 0; margin: 0;}

body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	/*line-height: 1.4;*/
	font-size: 1.4rem;padding: 0; margin: 0; font-weight: normal;
}



.row {
margin-left: 0px;
margin-right: 0px;
}
.container {
	padding-left: 10px;
	padding-right: 10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 10px;
	padding-right: 10px;
}

.aln-rt {text-align: right;}


#header {padding: 15px 0; background-color: #fff; border-top: 5px solid #018FAD;}
#header #hp {float: right;}
#header h1 {margin-bottom: 5px; float: right;}

#footer {background-color: #1F4788; padding: 20px 0; margin-top: 30px;}

#footer p {text-align: center; color: #fff; font-size: 1.2rem;}

#gMenu {background-color: #01AFD4;  margin-bottom: 20px; border-top: 1px solid #DADADA;  border-bottom: 2px solid #018FAD;}
#gMenu ul {overflow: hidden;  margin: 0 10px; border-right: 1px solid #018FAD;}
#gMenu li {padding: 0;}
#gMenu li a {display: block;text-align: center; color: #264D77; font-size: 1.7rem; padding: 14px 0; border-left: 1px solid #018FAD; color: #fff; box-shadow: 1px 0 0 #01BBE2 inset; font-weight: bold;}
#gMenu li a:hover {background-color: #018FAD;  box-shadow: 1px 0 0 #018FAD inset;}

#hnav {float: right; padding-top: 15px;}
#hnav li {display: inline-block; margin-left: 15px; }
#hnav li a {font-size: 1.2rem;}



/**************************
タイトル
****************************/
.ttl-a {padding: 12px 10px; color: #000; font-size: 1.7rem; margin-bottom: 16px; border-top: 2px solid #0883D1; border-bottom: 1px solid #D9DDE1; background-color: #fff; box-shadow: 0 1px 2px 0 #E9E9E4; font-weight: bold;}

.page-ttl {font-size: 3.7rem; padding: 5px 10px 18px 10px; color: #274dbb; font-weight: bold; border-bottom: 3px solid #274dbb;}

.subsTtl,
.subTtl,
.faqCate,
.defaList h3,
.priceList h3 {padding: 10px; background-color: #4D8FAC; color: #fff; margin-bottom: 16px;}
.defaList h3 a {color: #fff;}


#gMenu,
#mainImg,
.m-bmm,
.txt p {
	margin-bottom: 20px;
}

#mainImg img {width: 100%;}


.ttl-b {font-size: 1.4rem;font-weight: bold; background-color: #ffa502; color: #fff; padding: 8px 15px; border-radius: 3px; margin-bottom: 15px;}

.ttl-c,
.ttl-midasi { font-size: 2.4rem; color: #ffa502; text-align: center; font-weight: bold; margin-bottom: 20px;}
.ttl-c .label {font-size: 1.3rem; margin-right: 10px; position: relative; top: -8px;}
.font-style-a {font-weight: bold; padding-bottom: 15px; text-align: center; padding-top: 15px; }

.ttl-d {padding: 30px 0 30px 15px; color: #fff; font-size: 1.7rem;  background-color: #ffa502; font-weight: bold; border-radius: 5px 5px 0 0;}

/*パンくず*/
.pankuzu {overflow: hidden; padding: 20px 10px;margin: 0 auto;width: 970px;}
.pankuzu li {float: left; margin-left: 8px; }
.pankuzu li:before {
	content:">";
	margin-right: 8px;
}
.pankuzu li.home {margin-left: 0;}
.pankuzu li.home:before {
	content:"";
	margin-right: 0;
}
.pankuzu li a {clear: both; color: #444;}
.pankuzu li.current a span {color: #444; text-decoration: none; font-weight: bold;}
.pankuzu li.current a:hover {text-decoration: none; cursor: default;}


.fsize-md {font-size: 2.1rem; padding: 12px 0;}


/*サイドバナー*/
#side {overflow: hidden;}
.side-bnr li {text-align: center; margin-bottom: 10px;}

/*ニュース*/
.side-news {margin-bottom: 24px;}
.side-news li span {display: block;}
.side-news li {margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #C0C0C0;}
.side-news li p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.side-nav { border-radius: 0 0 5px 5px; background-color: #39BBEC; margin-bottom: 25px;}
.side-nav li {border-bottom: 1px solid rgba(255,255,255,.6);}
.side-nav li a {display: block; color: #fff; padding: 15px 15px;}
.side-nav li a:hover {background-color: #CEEEF9; color: #004080;}
.side-nav li a span:before {
	content: " \f0da";
	font-family: FontAwesome;
	margin-right: 5px;
}



.sub-menu {border-radius: 5px; background-color: #fff; margin-bottom: 25px; border: 2px solid #01AFD4;}
.sub-menu li {border-bottom: 1px solid #E6E6E6;}
.sub-menu li:last-child {margin-bottom: 0;}
.sub-menu li a { padding: 10px 15px; color: #274dbb;display: block;}
.sub-menu li a:hover {color: #274dbb;}
.sub-menu li a span:before {
	content: " \f0da";
	font-family: FontAwesome;
	padding-right: 5px;
}


#indArea,
#sec-cmp,
#sec-class,
#sec-cmp,
.defaList {overflow: hidden;}

.i-detail:before {
	font-weight: normal;
	content: " \f0f6";
	font-family: FontAwesome;
	padding-right: 5px;
	font-size: 2.1rem;
}
.i-reserve:before {
	font-weight: normal;
	content: " \f1b9 ";
	font-family: FontAwesome;
	padding-right: 5px;
	font-size: 2.9rem;
}

.datepicker {padding: 10px !important;}
.datepicker table tr td, .datepicker table tr th {
/*width: 50px !important;*/
border: 1px solid #fff !important;
}
.datepicker table tr td, .datepicker table tr th {border-radius: 0px !important;}
th.datepicker-switch:hover {background-color: #fff !important; cursor: default !important;}

.datepicker table tr td.day {
	color: #000 !important;
	background-color: #fff !important;
}
.datepicker table tr td.new:hover:not(.disabled),
.datepicker table tr td.day:hover:not(.disabled) {
	background-color: #FFF362 !important;
	color: #444 !important;
}

.datepicker table tr td.active {background-color: #3276B1 !important;color: #fff !important;}

.datepicker table tr td.disabled {color: #B3B3B3 !important; background-color: #EFEFED !important;}
.datepicker table tr td.old, .datepicker table tr td.new {color: #999 !important;}

.datepicker table tr td:first-child, .datepicker table tr td.new.day:first-child, .datepicker table tr td.old.day:first-child {color: #F00 !important;}
.datepicker table tr td:last-child, .datepicker table tr td.new.day:last-child, .datepicker table tr td.old.day:last-child {color: #0074D7 !important;}
.datepicker table tr td.new.day, .datepicker table tr td.old.day {opacity: 0.5 !important;}

/*.datepicker-dropdown:after,
.datepicker-dropdown:before {border-style: none !important;}*/

.aln-rt {text-align: right;}

.btn-toggle-wp {overflow: hidden;}
.btn-toggle {
background-color: #F6F6F6;
border: 1px solid #c0c0c0;
border-radius: 5px;
cursor: pointer;
display: block;
overflow: hidden;
position: relative;
float: left;
margin-right: 10px;
text-align: center;
 /*box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075) ;*/
 box-shadow: 0 2px 0 0 #A2A2A2;
}
.btn-toggle.inline {
display: inline-block;
width: auto;
}
.btn-toggle:hover {
background-color: #E7E7E7;
}
.btn-toggle input {
left: -9999px;
position: absolute;
top: 0;
margin-right: 5px;
}
.btn-toggle.btn-toggle-on {
	 box-shadow: none;
	 position: relative;
	 bottom: -1px;
background-color: #FFFF80 ;
background-position: right center;
background-repeat: repeat-x;
border: 1px solid #FBB704;
color: #fff ;
}

.toggle-radio label {padding: 5px 15px;}
.toggle-radio label.btn-toggle-on {background-color: #0080FF; color: #fff; border: 1px solid #0071E1;}

textarea {
		height: 70px !important;
		width: 98% !important;
}

.btn-toggle img {max-width: 100%;}
.form-control {padding-left: 6px !important; padding-right: 6px !important;}

.cal-dep, .cal-arv {
		cursor: pointer;
		padding-left: 30px !important;
		padding-right: 0 !important;
		 display: inline-block;
				 background: url(/wp/wp-content/themes/original/img/icon-calendar.png) no-repeat scroll 6px 5px #fff;
}
.form-control[readonly] {
		background-color: #fff !important;
		cursor: default !important;
}

#st,#et {display: inline-block; width: auto;}

/*ボタン類*/
.btn-default {background-color: #F2F2F2 !important;}
.btn-default:hover {background-color: #E4E4E4 !important; color: #444;}
.btn-default:after {content: none;}

.clear {clear: both;}


.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover {color: #444;}
.btn-default.btn, .btn-primary.btn {padding: 10px 16px;}

.btn-more-wp {text-align: center; padding: 15px 0; clear: both;}
.btn-more-wp .btn-lg {padding: 15px 0; font-size: 2.2rem; display: inline-block !important; width: 80%;}

.btn-lg {display: block; }
.btn-primary { box-shadow: 0 5px 0 0 #17368d; background-color: #214cc7; border: 1px solid #17368d; font-weight: bold;}
.btn-primary:hover {box-shadow: 0 5px 0 0 #17368d; background-color: #2e5bdc; border: 1px solid #17368d;color: #FFF !important;}
.btn-primary:hover{background-color: #2e5bdc; border: 1px solid #17368d;}
.btn-primary:active,
.btn-primary:focus {background-color: #2e5bdc; border: 1px solid #17368d;}
.btn-primary:after {content: none;}


.input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 1%;
	vertical-align: middle;
	display: table-cell;
}
.input-group-btn-vertical > .btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 8px;
	margin-left: -1px;
	position: relative;
	border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
	border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
	margin-top: -2px;
	border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
	position: absolute;
	top: 0;
	left: 4px;
}



.bottom-conts { padding-top: 15px; background-color: #fff;}


/*エラーメッs-じ*/
#error_return_msg p,
#error_option_msg p,
.error-msg {font-weight: bold; margin-top: 10px; margin-bottom: 10px; color: #FF0000; background-color: #FFECEC; padding: 5px 10px; border-radius: 2px; clear: both;}
.error-msg.mb-0 {margin-bottom: 0;}


#error_return_msg p:before,
#error_option_msg p:before {content: "\f00c ";font-family: FontAwesome;font-weight: normal;}

.sns-btns {
	float: right;
		border-radius: 5px;
		margin-top: 3px;
		padding: 8px 0 0 8px;
}
.sns-btns li {
	display: inline-block;
		margin-bottom: 8px;
		margin-right: 10px;
}
.i-detail{
	font-size:85%;
}

/*事前決裁*/
.mycardmodal .modal-header{border-bottom: 1px solid #e5e5e5;}
.mycardmodal .modal-header h4{font-weight: bold;}
.mycardmodal .modal-body{padding: 25px 30px 0;}
.mycardmodal .modal-footer{padding-bottom: 30px;}
.mycardmodal .modal-footer button{width: 100%;}
.mycardmodal .form-inline .form-control{display: inline-block;width: auto;vertical-align: middle;}

.pay-type{margin-bottom: 50px;}
/*.pay-type .ttl-b{background-color: #03a9f4;}*/
.pay-type .ttl-b:before{font-family: FontAwesome;content: "\f0a4";margin-right: 5px;}
.pay-type .pay-select{margin-bottom: 15px;border-bottom: 1px dotted #CCC;padding-bottom: 15px;}

.pay-type .pay-select input[type="radio"]{display: none;}
.pay-type .pay-select label{display: block;float: left;margin-right: 20px;}
@media (max-width: 640px) {
	.pay-type .pay-select label{
	float: none;
	margin-bottom: 10px;
	}
}
.pay-type .pay-select .pay-radio{display: block;background-color: #FFF;border: 1px solid #b3b3b3;-webkit-border-radius: 4px;border-radius: 4px;padding: 8px;width: 180px;cursor: pointer;}
.pay-type .pay-select .pay-radio:before{font-family: FontAwesome;content: "\f10c";color: #B3B3B3;margin-right: 5px;}
.pay-type .pay-select label input[type="radio"]:checked + .pay-radio{background-color: #DBF1FB;border: 1px solid #6ec7ef;}
.pay-type .pay-select label input[type="radio"]:checked + .pay-radio:before{content: "\f192";color: #444;}
.pay-type .pay-select-text{overflow: hidden;}
.pay-select-notice{text-align: center;color: #F00;margin-bottom: 15px;}
.pay-select-notice strong{background: linear-gradient(transparent 70%,#ff0 0%);}
.pay-credit,.pay-covenience,.pay-save{display: none;}
.pay-type .btn-sm {padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;margin-top: 10px;-webkit-box-shadow: none;box-shadow: none;}