@charset "utf-8";
/* CSS Document */

/* default css edit */
body { font-size: 14px; }
* html body { font-size: 14px; } /* for lte ie6 */
html>body { font-size: 14px; } //
html:not(:target) body { font-size: 14px; } /* for modern browser not ie8 */

//基準14px
//10px	72%
//11px	79%
//12px	86%
//13px	93%
//14px	100%
//15px	108%
//16px	115%
//17px	122%
//18px	129%
//19px	136%
//20px	143%
//21px	150%
//22px	158%
//23px	165%
//24px	172%
//25px	179%
//26px	186%

p, dd, blockquote {
	text-align: left;
}

iframe { margin: 0; }

/* Bootstrap GoogleMap への影響修正 */
#depmap1 img,
#depmap2 img { max-width: none; }

// Bootstrap 修正(印刷)
@media print {
	.container {
		width: auto;
	}
}

// Bootstrap 修正
.container {
	max-width: 970px;
}

.row {
margin-right: -10px;
margin-left: -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-right:10px;
padding-left:10px;
	img {
		max-width: 100%;
		height: auto;
	}
}

.row.p0 {
	margin-right: 0;
	margin-left: 0;
}
.p0 {
	padding-right: 0;
	padding-left: 0;
}

.row.p1 {
	margin-right: -1px;
	margin-left: -1px;
	padding-right: 0;
	padding-left: 0;
}
.p1 {
	padding-right: 1px;
	padding-left: 1px;
}
.row.p5 {
	margin-right: -5px;
	margin-left: -5px;
	padding-right: 0;
	padding-left: 0;
}
.p5 {
	padding-right: 5px;
	padding-left: 5px;
}


.form-horizontal .form-group {
margin-right: -10px;
margin-left: -10px;
}
.form-group,
.form-inline .form-group {
	margin-bottom: 6px;
}

// keep inline for smartphone
// append .inline to .form-group 
.form-inline {
	.form-group.inline {
		display: inline-block;
		*display: inline;
		.form-control {
			display: inline;
			width: auto;
			max-width: 100%;
		}
	}
	.radio.inline {
		display: inline-block;
		*display: inline;
	}
}
.form-control.inline {
	display: inline-block;
	width: auto;
}

//アコーディオンクリック領域の修正
.panel-heading {
	padding: 0;
}
.panel-title>a {
	display: block;
	padding: 10px 15px;
}

// 影付け
.box-shadow {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #ccc 0px 2px 4px;
	-moz-box-shadow: #ccc 0px 2px 4px;
	box-shadow: #ccc 0px 2px 4px;
}

.out_shadow {
	position: relative;
	-webkit-box-shadow: #ccc 0px 2px 4px;
	-moz-box-shadow: #ccc 0px 2px 4px;
	box-shadow: #ccc 0px 2px 4px;
	z-index: 2;
}

// 横スクロール
.scroller-x {
	width: 100%;
//	margin-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	border: 1px solid #ddd;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
}

.opa:hover {
	opacity: 0.6;
	cursor: pointer;
}


.error-message {
	color: #F60;
}


pre, code, var, samp, kbd, .mono {
    font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
    font-size: 14px;
    line-height: 1.2;
}


#header {
//	margin-bottom: 20px;
	.container {
		background-color: #FFF;
		border-bottom: 4px solid #FB0;
	}
	h1 {
		display: none;
	}
	#top_navi {
		position: relative;
		z-index: 100;
		text-align: left;
		#optour_logo {
			width: 164px;
			height: 45px;
		}
	}
}
.navbar-inverse {
	background-color: transparent;
	border: 0;
	margin-bottom: 0;
	.container {
		background-color:#FB0;//#CDF;
	}
	.navbar-brand {
		color: #339;//#999
	}
	.navbar-nav>li>a {
		color: #339;//#999;
		font-weight: bold;
	}
/*
	.navbar-toggle {
		border-color: #9BF;//#333
		.icon-text {
			display:block;
			float: left;
			margin-right: 5px;
			color: #339;
			line-height: 1em;
		}
		.icon-img {
			float: right;
		}
		.icon-bar {
			background-color: #339;//#FFF
		}
	}
	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background-color: #9BF;//#333
	}
	.navbar-collapse,
	.navbar-form {
		border-color: #9BF;//#101010
	}
*/
}

#footer {
//	margin-bottom: 20px;
	.container {
		background-color: #FFF;
		border-top: 4px solid #FB0;
	}
	#site-generator {
		color: #4D4D4D;
		margin: 20px 20px;
		text-align: center;
		text-shadow: #fafafa 1px 1px 0;
	}
}

//共通

.date .form-control {
background-color: #FFF;
cursor: default;
}

.Posts,
.Items,
.Groups,
.Users,
.Reserves {
	background-color: #888;
	#content {
		background-color:  #EEF2F6;//#EEE;//#F2F2F2
//		padding-top: 20px;
	}
	#alpha {
		background: #F6F6F6;//#FFF
		padding-top: 20px;
		h2 {
			font-size: 14px;
			font-weight: bold;
			margin-top: 0;
		}
		small {
			color: #37E;//#48F;
		}
		dl {
			dt {
				margin-top: 4px;
				color: #444;
				small {
					font-weight: normal;
				}
				.hissu {
					color: #F0F;
				}
			}
		}
	}
	#beta {
		padding-top: 20px;
	}
}

//ユーザーログイン
//管理者ログイン
.Users.login,
.Users.admin_login {
	#alpha {
		.announce {
			text-align: center;
			line-height: 1.5em;
			margin-bottom: 30px;
		}
		.text-big {
			font-size: 20px;
		}
		.idpw {
			max-width: 280px;
			margin: 20px auto;
			background: #EEF4FF;//#CEF;
			border: 1px solid #EEE;
			border-radius: 4px;
			padding: 20px 30px;
			dl {
				margin: 0;
			}
			dt,
			dd {
//				padding: 4px;
				margin-top: 10px;
				&:first-child {
					margin-top: 0;
				}
			}
			dt {
//				color: #999;
			}
			dd {
				input {
					font-size: 20px;
					text-align: center;
				}
				.btn {
					width: 100%;
				}
			}
		}
	}
}

//予約リクエスト
//予約リクエスト送信完了
.Posts.index {
//	background: #888;
	#content {
//		background-color: #DEF;
	}
	#alpha {
		background: #DEF;
		h2 {
			color: #036EB8;
		}
		.plan-name {
			background: #BDE;//#036EB8;
			padding: 10px;
			font-size: 18px;
			font-weight: bold;
			color: #036EB8;
		}
		.plan-info {
			padding: 15px;
			background: #EEF4FF;
			border: 3px solid #CDF;
			border-radius: 4px;
		}
		dl {
			margin-bottom: 10px;
			dt {
				color: #036EB8;//#357;
			}
			dd {
			}
		}
		.text-big {
			font-size: 20px;
		}
		.idpw {
			width: 200px;
			margin: 20px auto;
			background: #EEF4FF;//#E4F0FF;
			border: 2px dotted #8AF;
			border-radius: 4px;
			padding: 15px 20px;
			dl {
				margin: 0;
			}
			dt,
			dd {
//				padding: 4px;
				margin-top: 10px;
				&:first-child {
					margin-top: 0;
				}
			}
			dt {
//				color: #999;
			}
			dd {
				input {
					font-size: 20px;
					text-align: center;
				}
			}
		}
		.btn-success {
			display: block;
			margin: 0 auto;
			width: 80%;
//			min-height: 80px;
			padding: 20px;
			font-size: 24px;
			font-weight: bold;
		}
		.deco-arrow {
			margin-bottom: 10px;
			text-align:center;
			font-size:32px;
			color:#BDE;
		}
	}
}


//ユーザーマイページ


//管理者
.Posts.admin_post_list {
	//
	.pagination {
		margin: 0 0 10px 0;
	}
	.pagination>li>a,
	.pagination>li>span {
		padding: 3px 8px;
	}
	//
	#alpha {
		small { color: #888; }
		.reply { background: #FEC !important; }
		//画面
		table.post-list {
			thead {
				background: #EEE;
				th {
					font-size: 80%;
//					font-weight: normal;
				}
			}
			tbody {
				background: #F4F8FF;
				border: 1px solid #DDF;
				&>tr:nth-child(odd)>td,
				&>tr:nth-child(odd)>th {
					background-color: #E8F2FF;
				}
			}
		}
		//印刷
		table.post-list-print {
			font-size: 13.5px;
			.post-name {//代表者名
				max-width: 126px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.plan-name {
				max-width: 170px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}
	}
	#beta {
		#search {
			dl {
				margin-bottom: 10px;
				dt {
				}
				dd {
					padding-bottom: 8px;
				}
			}
		}
	}
}



//管理者
.Posts.msg,
.Posts.admin_edit {
//	background: #888;
	#alpha {
		.now {
			background: #EEEEEE;
			margin: 0 -10px 15px -15px;
			padding: 0 10px 0 15px;
			span {
				display: inline-block;
				background: #FB4;//#FFF;
				border-radius: 4px;
				padding: 5px;
				font-size: 20px;
				font-weight: bold;
				color: #FFF;
			}
		}
		.status {
			margin-bottom: 30px;
			dl {
				margin-bottom: 8px;
				dt {
					color: #999;
					small {
						font-weight: normal;
						color: #69F;
					}
				}
				dd {
					padding-bottom: 8px;
				}
			}
			#PostMemo {
				color: #30C;
			}
			#MsgText {
				background: #FFE;
			}
		}
		.plan-info {
			padding: 15px;
			background: #EEF4FF;
			border: 3px solid #CDF;
			border-radius: 4px;
		}
		.plan-name {
			margin: 0;
			background: #BDE;//#036EB8;
			padding: 10px;
			a {
				font-size: 18px;
				font-weight: bold;
				color: #036EB8;//#FFF;
			}
		}
		.msgs {
			dl {
				background: #FFE;
				padding: 15px;
				dd {
					margin-bottom: 20px;
				}
			}
		}
	}
}
.Posts.admin_plan_change,
.Posts.admin_plan_change_edit {
	ul {
		padding-left: 0;
		li {
			list-style: none;
			margin-bottom: 10px;
		}
	}
}

//集計
.Reserves.admin_reserve_list {
	.cal {
		table {
			font-size: 9px;
		}
		.table-condensed>thead>tr>th:first-child,
		.table-condensed>tbody>tr>th:first-child,
		.table-condensed>tfoot>tr>th:first-child,
		.table-condensed>thead>tr>td:first-child,
		.table-condensed>tbody>tr>td:first-child,
		.table-condensed>tfoot>tr>td:first-child {
//			width: 50px;
		}
		.table-condensed>thead>tr>th,
		.table-condensed>tbody>tr>th,
		.table-condensed>tfoot>tr>th,
		.table-condensed>thead>tr>td,
		.table-condensed>tbody>tr>td,
		.table-condensed>tfoot>tr>td {
			padding: 2px;
		}
	}
}
//商品一覧
.Items.admin_item_list {
	#alpha {
		table {
			.plan-name {
				max-width: 380px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}
	}
}
//料金編集
.Prices.admin_edit {
	#alpha {
		.comm {
			margin-top: 10px;
			text-align:right;
		}
	}
}


/* Tablets
------------------------- */
@media (max-width: 991px) {
/*
	//table-responsive fix
	.table-responsive {
	  width: 100%;
	  margin-bottom: 15px;
	  overflow-y: hidden;
	  overflow-x: scroll;
	  -ms-overflow-style: -ms-autohiding-scrollbar;
	  border: 1px solid #ddd;
	  -webkit-overflow-scrolling: touch;
	}
	.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
	  white-space: nowrap;
	}
*/
}

/* WidePhone
------------------------- */
@media (max-width: 767px) {
}

/* Landscape phones
------------------------- */
//@media (max-width: 480px) {
//}




/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

// Small devices (tablets, 768px and up)
@media (min-width: 768px) {
	#header {
		h1 {
			display: block;
			text-align: left;
			margin:0;
			color: #70a8de;
			font-size: 86%;
			font-weight: bold;
			line-height: 1.5em;
		}
	}
}

// Medium devices (desktops, 992px and up)
@media (min-width: 992px) {
}

// Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
}