@charset "utf-8";

html {font-size: 62.5%;}

/*予約フローレイアウト*/
body#reserve {padding:0 0 30px;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: #e6001b;
color: #fff;
display: inline-block;
padding: 6px 15px;
border-radius: 3px;
margin-left: 20px;
margin-top: 15px;
}
#reserve #logo{
display: inline-block;
}

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: -10px;
margin-right: -10px;
}
.container {
  padding-left: 20px;
  padding-right: 20px;
}
.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;}
/**************************
タイトル
****************************/
.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: #0080C0; font-weight: bold; border-bottom: 3px solid #0080C0;}

.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: #e6001b; color: #fff; padding: 8px 15px; border-radius: 3px; margin-bottom: 15px;}

.ttl-c,
.ttl-midasi { font-size: 2.4rem; color: #0080C0; 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: #0080C0; font-weight: bold; border-radius: 5px 5px 0 0;}

/*パンくず*/
.pankuzu {overflow: hidden; padding-bottom: 20px; padding-top: 20px;}
.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: #0080C0;display: block;}
.sub-menu li a:hover {color: #0080C0;}
.sub-menu li a span:before {
	content: " \f0da";
	font-family: FontAwesome;
	padding-right: 5px;
}



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


.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 #b61024; background-color: #e5142d; border: 1px solid #b61024 !important; font-weight: bold;}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  box-shadow: 0 5px 0 0 #b61024; background-color: #ed2e45; border: 1px solid #b61024 !important;
}

.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.new,
.datepicker table tr td.day {
	color: #fff !important;
	background-color: #3276B1 !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: #FF8040 !important;}

.datepicker table tr td.disabled {color: #B3B3B3 !important; background-color: #EFEFED !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;
  margin: 0 !important;
  border-color:#ccc !important;
}

.cal-dep, .cal-arv {
    cursor: pointer;
    padding-left: 26px !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;}



.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;}


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

.clear {clear: both;}


.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover {color: #444;}



.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%;
}

/*dh用調整*/
..breadcrumb{

}