@charset "UTF-8";
@import "font-awesome.min.css";
body{
	/* webkit-text-size-adjust: 100%; */
	margin:0;
	padding:0;
	}

.sponly{
    display: none;
}
/*
--------------------*/
.navbar{
	padding: 10px 0;
	margin: 0;
	background-color: #FB0004;
	overflow: hidden;
}
/*
--------------------*/
.container-fluid{
	margin: 0 5%;
}
.navbar-header{
	font-size: 36px;
}
.navbar-header a{
	text-decoration: none;
	color: #fff;
}
/*
--------------------*/
.text-hide{
	display: none;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
/*
--------------------*/
.container{
	margin: 0 8%;
	padding: 0;
}
/*　余白
--------------------*/
.pb10{
	padding-bottom: 10px;
}

.mb10{
	margin-bottom: 10px;
	clear: both;
}

/*　レイアウト
--------------------*/
.col-1{float:left;width:8.333%;}
.col-2{float:left;width:16.667%;}
.col-3{float:left;width:25%;}
.col-4{float:left;width:33.33%;}
.col-5{float:left;width:41.5%;}
.col-6{float:left;width:50%;}
.col-7{float:left;width:58.33%;}
.col-8{float:left;width:66.67%;}
.col-9{float:left;width:74.8%;}
.col-10{float:left;width:74.8%;}
.col-11{float:left;width:91.667%;}
.col-12{float:left;width:100%;}

/*
--------------------*/
.alert{
	display: block;
	font-weight: 900;
	font-size: 16px;
	color: #D80200;
	background-color: #FFF692;
	padding: 8px 6px;
	margin: 5px 0 0;
}
.alert-warning{
	background-color: #FFF8C6;
	border-radius: 10px;
	padding: 10px;
	margin: 0 5% 2%;
}
.alert-error{
	background-color: #FF0000;
	border-radius: 10px;
	padding: 10px;
	color: #fff;
	margin: 0 5% 2%;
}


.no-check{
	background-color: #FFF692;
	padding: 8px 6px;
	margin: 5px 0 0;
}

/*
--------------------*/
.well {
	padding: 10px;
	border-radius: 10px;
	background-color: #FFE2E3;
	margin:10px 5% 10px;
}
/*
--------------------*/
.row {
	padding: 5px 10px;
	margin:10px 5% 10px;
	overflow: hidden;
}
.row-box{
	border:1px solid #ccc;
	border-radius: 8px;
	background-color: #FFF2F2;
}

#toGoTop{
	text-align: right;
}

/*
--------------------*/
.pdate{
	font-weight: 900;
	font-size: 21px;
}
.label {
	font-size: 14px;
	font-weight: normal;
	padding: 8px;
	background-color: #DBDBDB;
	border-radius: 8px;
	margin-left: 10px;
}
.label-danger {
	color: #FFFFFF;
	background-color: #FF0004;
}
.status{
	padding: 6px;
}
.status_now{
	background-color: #FF7173;
	border-radius: 4px;
	padding: 6px;
	font-weight: 900;
}

/*
--------------------*/
.formColumn1,.form-group{
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

.input-lg{
	display: block;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #bbb;
	border-radius: 4px;
	font-size: 21px;
	padding: 8px;
	margin: 0;
	line-height: 1.3;
	background-color: #fff;
  background-image: none;
}
select.input-lg{
	height: 42px;
}
.input-md-label{
	display: inline-block;
	font-size: 18px;
	padding: 8px;
	margin: 0 6px 0 auto;
	line-height: 1.3;
}
.input-md{
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #bbb;
	border-radius: 4px;
	font-size: 21px;
	padding: 8px;
	margin: 0 6px 0 auto;
	line-height: 1.3;
	background-color: #fff;
    background-image: none;
}

.md-helf{
    width:4em;
}
.md-quarter{
    width:2em;
}
.btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 4px;
display: inline-block;
text-decoration: none;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-end {
	color: #fff;
	background-color: #EC0000;
	border-color: #BD0D0D;
}
.btn-end:hover {
	color: #fff;
	background-color: #FF3434;
	border-color: #DA2E2E;
}
.mb-20{
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
}
.attention{
	margin: 0 5% 0 0;
}
.attention li{
	margin-bottom: 14px;
	line-height: 1.3;
}

/*
予約確認
----------------------------------------*/
.hosoku2{
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}

.yoyaku-check{
	font-size:1.5em;
	font-weight: 900;
}

.ycheck2 h4{
	margin: 0;
	padding: 0;
}
.cy-cation1{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.yc-detail {
    margin-left: 1em;
    margin-top: 1em;
    font-size: 1.1em;
}
.cy-gokei{
	font-size:1.1em;
}
.cy-gokei span{
	border-bottom: 2px solid #222;
	padding: 0.5em;
}


/*---------------------------------------

予約フォームページ
マーク画面
---------------------------------------*/
.marktable{
	border-collapse: collapse;
	width: 800px;
	margin: 12px auto 0;
	border: 1px solid #d8d8d8;
}
.marktable tr:nth-child(odd){
	background-color:#fcffe8; 
}
.marktable th{
	vertical-align:middle;
	color: #ee0000;
	font-weight: bold;
	border: 1px solid #d8d8d8;
}
.marktable td{
	vertical-align: top;
	border: 1px solid #d8d8d8;
	font-size: 12px;
}
.upBtn,.downBtn {
    display: inline-block;
    vertical-align: middle;
	padding-right: 8px;
}

/* カレンダーレイアウト3段組
---------------------------------------*/
.cal-container{
	width:900px;
	overflow:hidden;
	zoom:1;
	margin: 20px auto 0px;
	padding: 0px;
	}

.cal-column1{
	width:280px;
	float:left;
	margin-right:10px;
}
.cal-column1:last-child{
	margin-right:0px;
}
.cal-column1 h3{
	font-size:14px;
	text-align:center;
	margin-bottom:12px;
	width:auto;
	background-color:#FCC;
	border-radius:6px;
	line-height:28px;
}
/* 
-------------------------------------------------- */
.formCal{
	border-collapse: collapse;
	border: 1px solid #F66;
	margin-bottom:20px;
	width:280px;
}
.formCal th{
	background-color:#FCC;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	padding:3px;
}
.formCal th.sta{
	color:#00F;
}
.formCal th.sun{
	color:#F00;
}
.formCal td{
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	text-align:center;
}
.formCal td:nth-child(7n){
	background-color: #e1e5ff;
}
.formCal td:nth-child(8n){
	background-color: #ffdcdc;
}
.formCal td a{
	display:block;
	padding:3px;
	font-weight: bold;
	text-decoration:none;
}
.formCal td a:hover{
	background-color:#CCFFCC;
	color:#003300;
}
.formCal .days{
	background: #eee;
	font-weight: bold;
	}
.formCal .ptime{
	font-size:12px;
	font-weight:bold;
	text-align:right;
	}
.formCal .plan1{
	color:#F00;
	}
.formCal .plan2{
	color: #F60;
	background: #fee;
	}
.formCal .plan3{
	color: #693;
	}
.formCal .plan4{
	color: #066;
	background: #fee;
	}

.table-bordered {
  border: 1px solid #ddd;
  border-collapse: collapse;
  width:100%;
  margin: 30px 0;
}
.table-bordered td,
.table-bordered th {
  border: 1px solid #ddd;
  padding: 6px;
}

#chk_policy{
	transform: scale(2);
	margin: 0.5em 1em;
}

/* プラン入力の一覧用
------------------------------------------*/
.planoption{
    overflow: hidden;
    margin-bottom: 1.4em;
}
.plantotal{
    overflow: hidden;
    padding: 1em 0;
    margin-bottom: 0;
}
/* プラン入力の一覧用
------------------------------------------*/
.pSel_Tbl{
	border-collapse: collapse;
	border:0;
	width:100%;
}
.pSel_Tbl tr{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.pSel_Tbl th{
	font-size: 0.8em;
	border:0;
	background-color: #ffe3e3;
}
.pSel_Tbl tr:nth-child(even){
	background-color: #fff;
}
.pSel_Tbl tr.plast{
	background-color: #ffe3e3;
}

.pSel_Tbl span{
	font-weight: 900;
	font-size: 1.1em;
}
.pSel_Tbl td{
	padding: 0.4em 0;
	border:0;
}

.pkakaku{
	font-size: 0.85em;
}
.pnum{
	text-align: right;
}
.pnum span{
	padding-right: 6px;
}
#totalPrice{
	font-size:1.2em;
	font-weight: 900;
	border: 3px solid #f00;
	padding: 0.4em;
}


.alart-box{
border:4px solid #f00;
border-radius:6px;
padding:0 8px;
background: #fff;
}

/* クレジットカードレイアウト
---------------------------------------*/
.ccardTbl{
    border-collapse: collapse;
    overflow: hidden;
    clear: both;
    margin: 2em auto 1em;
}

/* 予約ページに設定するボタン
-------------------------------------*/
.btn_pp{
	display: block;
	width:340px;
	margin: 2em auto;
	background-color: #ffe200;
	border:1px solid #999;
	border-radius: 4px;
	padding: 20px 0;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	box-shadow: 0 5px 0 #999;
	color:#f00;
	font-weight: bolder;
	letter-spacing: -1px;
	box-sizing: border-box;
}
.btn_pp:hover{
	opacity: 0.8;
	box-shadow: 0 5px 0 #aaa;

}
.btn_pp:active{
	box-shadow: 0 0 0 #fff;
	margin: 2.2em auto 1.8em;
}






@media (max-width:640px){
	
/* レイアウト用
---------------------------------------*/
.container{
    width: 100%;
    margin: 0;
    padding: 0;
}

.row{
    margin: 0 3%;
}

.col-x-1{float:left;width:8.333%;}
.col-x-2{float:left;width:16.667%;}
.col-x-3{float:left;width:25%;}
.col-x-4{float:left;width:33.33%;}
.col-x-5{float:left;width:41.5%;}
.col-x-6{float:left;width:50%;}
.col-x-7{float:left;width:58.33%;}
.col-x-8{float:left;width:66.67%;}
.col-x-9{float:left;width:74.8%;}
.col-x-10{float:left;width:74.8%;}
.col-x-11{float:left;width:91.667%;}
.col-x-12{float:left;width:100%;}


/* カレンダーレイアウト3段組
---------------------------------------*/
.cal-container{
	width:100%;
	overflow:hidden;
	zoom:1;
	margin: 20px auto 0px;
	padding: 0px;
	}

.cal-column1{
	width:96%;
	float:none;
	margin:0px auto;
}
.cal-column1:last-child{
	margin-right:auto;
}
.cal-column1 h3{
	font-size:14px;
	text-align:center;
	margin-bottom:12px;
	width:auto;
	background-color:#FCC;
	border-radius:6px;
	line-height:28px;
}

.formCal {
    border-collapse: collapse;
    border: 1px solid #F66;
    margin:0 auto 20px;
    width: 96%;
}

/* クレジットカードレイアウト
---------------------------------------*/
.ccardTbl{
    border-collapse: collapse;
    margin: 2em 0 1em;
}
    .ccardTbl th{
        display: block;
        text-align: left;
    }
    .ccardTbl td{
        display: block;
        padding: 6px 0 18px;
    }

    .resimg{
        width:100%;
        height: auto;
    }

.sponly{
    display: block;
}

/*スマホメニュー
------------------------------------------*/
        .sp-gnav{
            position: fixed;
            width: 100%;
            background-color: #FF8E02;
            height:70px;
            bottom:0;
        }
        .sp-gnav ul{
            width: 100%;
            margin: 0;
            padding: 0;
            list-style-type: none;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
        }
        .sp-gnav li{
            width: 100%;
            padding: 0;
            text-align: center;
            line-height: 1;
        }
        .sp-gnav span{
            font-size:10px;
            font-weight: normal;
        }
        .sp-gnav a{
            display: block;
            padding: 45px 0;
            text-decoration: none;
            color:#fff;
        }
.sp-btn-home a {
background-image: url(../../../images/sp/home.svg);
background-repeat: no-repeat;
background-size: 34px;
background-position: center 10px;
}
.sp-btn-access a {
background-image: url("../../../images/sp/accesss.svg");
background-repeat: no-repeat;
background-size: 34px;
background-position: center 10px;
}
.sp-btn-kanko a {
background-image: url("../../../images/sp/kanko.svg");
background-repeat: no-repeat;
background-size: 28px;
background-position: center 10px;
}
.sp-btn-cafe a {
background-image: url("../../../images/sp/cafe.svg");
background-repeat: no-repeat;
background-size: 36px;
background-position: center 10px;
}
.sp-btn-shop a {
background-image: url("../../../images/sp/cafe.svg");
background-repeat: no-repeat;
background-size: 40px;
background-position: center 10px;
}
.sp-btn-contact a {
background-image: url("../../../images/sp/contact.svg");
background-repeat: no-repeat;
background-size: 28px;
background-position: center 10px;
}
        .sp-gotop{
            position: fixed;
            width: 100%;
            bottom: 70px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.65);
            
        }
        .sp-gotop a{
            text-decoration: none;
            text-align: center;
            display: block;
            width: 100%;
            line-height: 40px;
            height: 40px;
            padding: 0;
            margin: 0;
            background-image: url("../../../images/sp/btn_go_top.svg");
            background-repeat: no-repeat;
            background-position: center;
        }
        .sp-gotop a span{
            font-size: 0;
        }

		.yc-detail {
			margin-left: 0;
			margin-top: 1em;
			font-size: 1.3em;
		}
		.cy-gokei {
			font-size: 1.5em;
		}
	

}
.sp-block label{
    display: block;
    text-align: left;
}

.btn{
    font-size: 1em;
    font-weight: bold;
    white-space: normal;
}

.zaseki-alart{
	font-size:1.5em;
	padding-bottom: 0.6em;
}