@charset "utf-8";

/********* HTMLリセット *********************************************/

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, pre, blockquote, th, td, form, fieldset, input, textarea{
	margin: 0;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;	
}
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
h1, h2, h3, h4, h5, h6, textarea {
	font-size: 100%;
	font-weight: normal;
}
em, strong, code, address, th {
	font-weight: normal;
	font-style: normal;
}
ul, ol {
	list-style: none;
}
q:before, q:after {
	content: "";
}
abbr, acronym {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, .th {
	text-align: left;
}
fieldset, img {
	border: 0;
}



/********* HTML再定義 ***********************************************/

body {
	line-height: 1.4;
	margin: 0 auto;
	padding: 10px;
	background-color: #EEEEEE;
	color: #000000;
	font-size: 85%;
}
body.admin-page {
	background:#fff !Important;
	padding: 20px !Important;
	min-width:900px;
}
@media screen and (max-width: 640px) {
  body {
	margin: 0 !important;
	padding: 1% !important;
	background-color: #fff;
  }
  fieldset {
	margin: 0 !important;
	padding: 0 !important;
	border:none !important;
  }  
  #familiday-image {
  	width:100%;
  }
}

@media screen and (min-width: 641px) {
	h1 {
		line-height: 1.0;
		font-weight: bold;
		font-size: 200%;
	}
	body.pay-thanks h1 {
		padding:10px;
	}
	body.pay-thanks h1 br {
		display:none;
}
}
@media screen and (max-width: 640px) {
	h1 {
		line-height: 1.0;
		font-weight: bold;
		font-size: 155%;
		text-align:center;
	}

	body.pay-thanks h1 {
		padding:30px;
	}
}

h2 {
	margin: 20px 0 10px 0;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background:#ebeaff;
	font-weight: bold;
}
h3 {
	font-weight: bold;
	background:#FFF6DB;
	margin:20px 0 5px 0;
	padding:5px 10px;
}
h4, h5, h6 {
	margin: 10px 0;
	font-weight: bold;
}

p {
	margin: 10px 0;
}
em, strong {
	font-style: normal;
	font-weight: bold;
}
ul {
	margin: 10px 20px;
}
ul li {
	list-style: disc;
	margin-bottom:5px;
}
ol {
	margin: 10px 30px;
}
ol li {
	list-style: decimal;
}
dl {
	margin: 10px 0;
}
dl dd {
	margin-left: 30px;
}
@media screen and (max-width: 640px) {
	dl dd {
		margin-left: 1%;
	}
}
pre {
	overflow: auto;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #DDDDDD;
}
code {
	color: #000080;
}
pre, code {
	line-height: 1.2;
	font-size: 100%;
	font-family: "ＭＳ ゴシック", monospace;
}
blockquote {
	overflow: auto;
	margin: 10px 0;
	padding: 0 15px;
	border-left: 2px solid #7777AA;
}
blockquote div, blockquote p, blockquote li, blockquote dt, blockquote dd {
	color: #777777;
}
address {
	padding-top: 10px;
	border-top: 1px solid #999999;
}

table {
	width:100%;
	margin: 10px 0;
	border: 1px solid #666666;
}
table tr.cancelled * {
	background:#ddd;
}
table tr.mail-deleted * {
	background:crimson;
	color:#fff;
}
table tr th,
table tr .th {
	padding: 5px;
	border: 1px solid #AAAAAA;
	background-color: #EEEEEE;
	font-weight: normal;
	text-align: center;
}
table tr td {
	padding: 5px 3px;
	border: 1px solid #AAAAAA;
}
table tr td input {
	margin: -2px 0;
}

table.no-border,
table.no-border tr,
table.no-border th,
table.no-border td {
	border:none;
}


form legend {
	display: none;
}
form input {
	padding: 3px 6px;
}
@media screen and (max-width: 640px) {
	form input{
		padding: 6px 12px !important;
		font-size:14px !important;
	}
	form select {
		padding: 5px 8px !important;
		font-size:12px !important;
	}	
}

form input[name="user"],
form input[name="switch_to"],
form input[name="tel"],
form input[name="kwd_tel"],
form input[name="from"],
form input[name="to"],
form input[name="repeat_from"],
form input[name="repeat_to"],
form input.ime-disabled{
	ime-mode: disabled;
}

form textarea {
	padding: 3px;
	width:80%;
	font-size:100%;
	line-height:140%;
}
form dl {
	padding:5px;
}
form dl dt {
	float: left;
	clear: left;
	width: 7em;
	margin-bottom:5px;
}
form dl.w10em dt {
	width: 10em !important;
}
form dl dd {
	margin-bottom:5px;
}
form ul {
	margin: 15px 0;
}
form ul li {
	list-style: none;
}
form ul.disc li {
	list-style: disc !important;
	margin-left:15px;
}
form p input {
	padding: 2px;
}

@media screen and (max-width: 640px) {
	body#page-customer-form form dl dt {
		float: none;
		width: 100%;
	}
	body#page-customer-form form dl dd input[type=text],
	body#page-customer-form form dl dd input[type=password],
	body#page-customer-form form dl dd select {
		display:block;
		width:85% !important;
		margin-left:5% !important;
	}
	body#page-customer-form form p input[type=submit] {
		display:block  !important;	
		width:50% !important;	
		margin: 0 auto !important;	
	}
}



img {
	vertical-align: middle;
	margin: auto 1px;
}

a:link, a:visited {
	color: #0000CC;
	text-decoration: underline;
}
a:active, a:hover {
	color: #FF7700;
	text-decoration: underline;
}



/********* utility *********************************************/

a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
 
.clearfix {
  min-height: 1px;
}
 
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.green { color:#009900 !important; }
.f-grey { color:#aaa !important; }
.f-red { color:#dd1616 !important; }

.alL {
	text-align:left;
}
.alC {
	text-align:center;
}
.alR {
	text-align:right;
}
.f-bold {
	font-weight:bold;
}
.crimson {
	color:crimson;
}
.small {
	font-size:85%;
	color:#666;
}
.huge-alert {
	padding:10px; 
	background:#CC0000;
	color:#fff;
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	text-align:center;
}

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }

.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }



@media screen and (min-width: 641px) {
	.only-smp {
		display:none !important;
	}
}
@media screen and (max-width: 640px) {
	.only-pc {
		display:none !important;
	}
}

/********* IE6用設定 ************************************************/

* html body {
	text-align: center;
}
* html body div#container {
	width: 590px;
	text-align: left;
}
* html body pre {
	width: 100%;
}
* html body table tr th, * html body table tr td {
	font-size: 80%;
}


/********* 一覧印刷用 ************************************************/

body#container-list-page {
	margin: 0 !important;
	padding: 20px !important;
	background-color: #FFF !important;
}
div#container-list,
div#container-list table {
	width: 100%;
}

/********* 基本構造 *************************************************/

div#container {
	width: 640px;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}
@media screen and (max-width: 640px) {
  div#container {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
  }
}

body.admin-page div#container {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;	
}

div#menu {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
div#customer {
	margin-bottom: 20px;
}
div#work {
	margin-bottom: 20px;
}

#header-info {
	margin-bottom:15px;
	padding:10px;
	text-align:center;
	font-size:15px;
	line-height:140%;
	background:#FFCCCC;
}

/********* メニュー *************************************************/

div#menu h2 {
	display: none;
}
div#menu ul {
	margin: 5px 0;
}
div#menu ul li {
	display: inline;
	list-style: none;
}
div#menu ul li a {
	display:inline-block;
	font-size:13px;
	line-height:13px;
	padding:5px 8px 3px 8px;
	text-align:center;
}
div#menu ul li a.active {
	text-decoration:none;
	background:#0099CC;
	color:#fff;
}

#flow-wrapper {
	margin:10px 0;
}
#flow-wrapper img {
	display:block;
	width:100%;
}
#flow-wrapper div {
	padding:5px 0 0 5px;
}
#flow-wrapper div a{
	text-decoration:none;
	font-size:12px;
	color:#333;
}
#flow-wrapper div a:hover{
	text-decoration:underline;
}

/********* 施設一覧 *************************************************/

div#plan h2 {
	display: none;
}
div#plan h3 {
	font-size: 150%;
	margin: 0 0 20px;
}
div#plan div.plan {
	margin: 15px 0;
	padding: 10px;
	border: 1px solid #AAAAAA;
}
div#plan div.plan p img {
	width:auto !important;
	height:auto !important;
}
div#plan dl {
	padding: 10px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}
div#plan dl dt {
	float: left;
	clear: left;
	width: 6em;
}

.plan-list {
}
.plan-list-left {
	float:left;
	width:35%;
	margin-right:5%;
}
.plan-list-left img {
	width:100%;
	margin: 0 auto;
}
.plan-list-right {
	float:left;
	width:60%;
	margin-bottom:10px;
}
.plan-list-apply {	
	clear:both;
	border: 1px solid #0000CC;
	background-color: #EEEEEE;
	font-weight: bold;
	text-align:center;
}	
.plan-list-apply a{
	display:block;
	padding: 12px;	
}

@media screen and (max-width: 640px) {
	.plan-list-left {
		width:90% !important;
		margin: 0 auto !important;	
		float:none !important;
		margin-bottom:10px !important;
	}
	.plan-list-right {
		width:90% !important;
		margin: 0 auto !important;		
		float:none !important;
		margin-bottom:10px !important;
	}
}

/********* ページ移動 ***********************************************/

div#page h2 {
	display: none;
}
div#page ul {
	margin: 5px 0;
}
div#page ul li {
	display: inline;
	margin-right: 10px;
}

/********* ナビゲーション *******************************************/

div#navi h2 {
	display: none;
}
div#navi ul {
	margin: 5px 0;
	text-align: right;
}
div#navi ul li {
	display: inline;
	margin-left: 5px;
}
div#navi ul li a {
	display:inline-block;
	padding:20px 0;
}


/********* 顧客情報 *************************************************/

div#customer dl dt {
	float: left;
	clear: left;
	width: 6em;
}
#nletter-histroy {
	display:block;
	float:left;
	width:210px;
	height:75px;
	margin-right:10px;
	padding:8px;
	border:solid 1px #ccc;
	overflow:hidden;
	overflow-y:scroll;
}
#nletter-histroy-right {
	display:block;
	float:left;
	height:75px;	
}
#nletter-histroy-right select {
	margin-bottom:10px;
}
#nletter-histroy span {
	width:22%;
	margin-bottom:4px;
	display:inline-block;
	text-align:center;
	border:solid 1px #ccc;
	background:#eee;
}
#nletter-histroy div {
	margin-left:8%;
	margin-bottom:4px;
	display:inline-block;
	border-bottom:dotted 1px #ccc;
}
#nletter-histroy input {
	margin-left:8%;
	margin-bottom:4px;
	display:inline-block;
}
#copied {
	display:none;
	position:absolute;
	top:25px;
	left:80px;
}
#quest-table1 {
}
#quest-table2 {
	width:95%;
	box-sizing:border-box;
	margin:15px;
}
#quest-table2 th {
	text-align:left;
	width:30%;
	background:#eed;
}

/*  ユーザーログイン
-------------------------------------------*/

#mark-vip {
	padding:10px;
}
#mark-vip * {
	display:inline-block;
	vertical-align:middle;
}



/********* 処理選択 *************************************************/

div#work form {
	margin: 10px 0;
}
div#work form dl dt {
	display: none;
}
div#work form dl dd {
	margin: 0;
}

/********* 設定編集 *************************************************/

div#config form div.data {
	margin-bottom: 20px;
}
div#config form div.data h3 {
	margin: 20px 0 15px 0;
	padding: 3px;
	background-color: #EED;
}
div#config form div.data p.comment {
	margin: 0 3px 3px 3px;
}
div#config form div.data p.config {
	margin: 0 3px 20px 10px;
}

#config-mokuji {
	margin:20px 20px 0 20px;
	padding:10px 20px;
	border:dotted 2px #ccc;
}
#config-mokuji a {
	box-sizing:border-box;
	display:inline-block;
	width:45%;
	margin: 0 3% 3px 0;
	padding-left:24px;
	background:url(../img/ico_mail2.gif) no-repeat 0 2px;
	font-size:0.8rem;
	color:#996600;
	text-decoration:none;
}
#config-mokuji a:hover{
	color:#0099CC;
	text-decoration:underline;
}



/********* 個別指定 *************************************************/

.attention {
	color: #FF0000;
	font-weight: bold;
}
.number {
	text-align: right;
}




/********* カレンダー *************************************************/

#cal-month-navi {
	text-align:center;
}
#cal-month-navi font {
	font-size:16px;
}

table.calender {
	width:100%;
}
table.calender tr th {
	width:14.28%;
}
table.calender tr td {
	width: 14.28%;
	vertical-align: top;
	text-align:center;
	overflow:visible;
}
table.calender.c-multi tr th,
table.calender.c-multi tr td {
	width:calc((100% - 15px) / 7);
}
table.calender.c-multi tr th:nth-child(1),
table.calender.c-multi tr td:nth-child(1) {
	width:15px !important;
}
table.calender tr td.yasumi-all {
	background:#ccc !important;
}
table.calender tr td.yasumi-all input{
}
table.calender tr td p { /* ACT- room セレクト*/
	padding:0;
	margin:0;
	font-size:80%;
}
table.calender tr td input {
	margin-top: 2px;
}
table.calender tr td input[type='checkbox'] {
	display:inline-block;
	width:40%;
	min-height:20px;
}
table.calender tr input[type='checkbox'].c-multi {
	display:inline-block;
	width:15px;
}
table.calender tr td input[type='text'] {
	display:none; /* 数値を入力すると、1時間あたりの利用料金として認識 ・・・ を消す */
}
table.calender tr td.available {
	background-color: #EEFFEE;
}
table.calender tr td.available.actually-unavailable {
	background-color: #eee !important;
}
table.calender tr td span {
	display:block;
	color: #222222;
}
table.calender tr span.satday {
	color: #2222CC !important;
}
table.calender tr span.sunday {
	color: #CC2222 !important;
}

#ymlinks {
	padding:10px;
}
#ymlinks a {
	display:inline-block;
	margin: 0 10px 5px 0;
	font-size:15px;
}

.msg-on-calendar-by-timer {
	padding:15px; 
	text-align:center; 
	line-height:170%; 
	border:solid 1px #aaa;
}
.msg-on-calendar-by-timer a {
	font-size:0.9rem;
	font-weight:bold;
}

/********* 予約フォーム *************************************************/

.msg-success {
	display:block;
	padding:5px;
	margin-bottom:3px;
	background:#CCFFCC;
	color:green;
	font-weight:bold;
	text-align:center;
}
.msg-error {
	display:block;
	padding:5px;
	margin-bottom:3px;
	background:#FFCCCC;
	color:crimson;
	font-weight:bold;
	text-align:center;
}
table.apply {
	width:auto;
}
table.apply tr td {
	text-align: center;
}
table.preview tr th {
	width:20%;
}
table.preview2 {
	width:auto;
	min-width:70%;
}

select.stays {
	display:block;
	margin-bottom:3px;
}

ul.apply {
	margin: 15px 0 10px 0;
}
ul.apply li {
	display: inline;
	list-style: none;
	padding: 7px;
	border: 1px solid #0000CC;
	background-color: #EEEEEE;
	font-weight: bold;
}
h3 span {
	display:block;
	float:right;
}
h3 span a{ 
	font-weight:normal;
}
@media screen and (max-width: 640px) {
	h3 span {
		float:none !important;
		text-align:right;
	}
	h3 span a{ 
		font-size:10px !important;
	}
}
.family-day {
	background:#339900;
	color:#fff;
	text-align:center;
	padding:1px;
}
.event-day {
	background:#FF6600;
	color:#fff;
	text-align:center;
	padding:1px;
}
.event-day a {
	color:#fff;
}

/* カヌー詳細 選択 */
td.canoe-date {
	vertical-align:top;
}
#canoe-detail-select {
}
#canoe-detail-select h6 {
	font-weight:normal;
	margin:0;
	padding:0;
}
#canoe-detail-select div {
	margin-bottom:5px;
	padding:2px;
	background:#fafafa;
	border:dotted 1px #ccc;
}
#canoe-detail-select div p.canoe-num-select-wrapper {
	display:block;
	margin:0;
	min-width:70px;
}
/* BBQバナー */
#bnr-bbqset {
	float:right;
	text-align:right;
}
#bnr-bbqset img{
	display:inline;
}


#pay-by-creditcard {
	margin:20px 5px;
	padding:15px;
	border:solid 2px #1BC0BF;
	text-align:center;
	line-height:160%;
}
#pay-by-creditcard input[type="image"] {
	display:block;
	margin: 0 auto;
}
#pay-by-creditcard input[type="image"]:hover {
	cursor:pointer;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}


#loading { /* old */
	font-size:90%; 
	color:green; 
	display:block; 
	margin-bottom:15px;
}
div#loading2 {
	margin:10px;
	padding:30px 10px;
	text-align:center;
	border:solid 3px #1BC0BF;
	color:#1BC0BF;
	font-size:1.2rem;
}
div#loading2 em {
	display:block;
	padding:35px 0 30px;
	font-size:3rem;
	line-height:3rem;
	background:#fff;
}
@media screen and (max-width:640px){
	div#loading2 br {
		display:none;
	}
}

#kessai-kyuusai {
	padding:10px;
}
#kessai-kyuusai input {
	display:block;
	margin: 10px auto;
	padding:5px;
}
#registBtn {
	color:crimson;
	font-size:105%;
	font-weight:bold;
	padding:5px 15px;
}


@media screen and (min-width: 641px) {/* for PC */

	td#person_select_td div { /* 人数プルダウンが増えたので */
		width:145px;
		float:left;
		text-align:right;
	}
	td#person_select_td div:nth-child(2) {width:165px;}
	td#person_select_td div:nth-child(3) {width:165px;}
}







/***************************************************
	map
****************************************************/

#stage,
#stage2 {
	width:640px;
	margin:0 auto;
	font-size:16px;
	background:#FAFAF0;
}
@media screen and (max-width:640px){
	#stage,
	#stage2 {
		width:100%;
		font-size:13px;
	}
}
#stage {
	position:relative;
}

body#select-map {
	background:#FAFAF0;
}
body.mid-editing-on-map .map-date-wrapper a {/*日付移動なし*/
	display:none;
}

#map-ttl {
	position:absolute;
	z-index:999;
	top:620px;
	left:10px;
	width:330px;
	height:140px;
	
	color:#009900;
	background:#fff;
	border:solid 1px crimson;
	
	text-align:center;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}
#map-ttl .map-ttl{
	text-decoration:underline;
	font-size:110%;
}
@media screen and (max-width:640px){
#map-ttl {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	height:auto;
}
}

.ui-datepicker {
	z-index:999999 !important;
}
#panel {
	position:absolute;
	top:0;
	left:-200%;
	width:100%;
	height:100%;
	z-index:9999;
	background:url(../img/black-alpha50.png) repeat;
	text-align:center;
}
#panel a{
	display:block;
	width:90%;
	margin: 10px auto;
	height:100%;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
}
@media screen and (max-width:640px){
	#panel a { width:100%; }
}

#panel img {
	display:block;
	margin:10px auto;
}
#panel a:hover img {
  filter: alpha(opacity=100) !Important;
  -moz-opacity:1 !Important;
  opacity:1 !Important;
}


#map-wrapper {
	width:100%;
}

#map-navi-wrapper1 {
	position:absolute;
	width:60%;
	z-index:99;
	top:1%;
	left:3%;
	color:#0066CC;
	font-size:14px !important;	
	line-height:14px !important;
	text-align:left !important;
	border:none !important;
	font-weight:normal !important;
}
@media screen and (max-width:640px){
	#map-navi-wrapper1 {
		width:90% !Important;
	}
}
#map-navi-wrapper1 a{
	display:block;
	margin-bottom:10px;
	color:blue !important;
	text-decoration:underline !important;
}

#map-wrapper .map-date-wrapper {
	padding:1%;
	background:#333;
	color:#fff;
	font-weight:bold;
	border:none;
	text-align:center;
}
#map-date-wrapper2 {
	display:none !Important; /*スマホで変な位置に出るのでやめた @ 2023/8/15*/
}
#map-wrapper .map-date-wrapper .map-date {
}
#map-wrapper .map-date-wrapper .map-date a {
	color:#fff;
	font-size:90%;
	font-weight:normal;
}
#map-wrapper .map-date-wrapper .submit-btn {
	position:relative;
	padding:1% 0;
	text-align:center;
	border:none;
}
#map-wrapper #map-submit-wrapper1,
#map-wrapper #map-submit-wrapper2 {
	margin:5px 0;
}
#map-wrapper #map-submit-wrapper1 .submit-btn input{
	padding:5px;
	color:#CC3300;
	background:#E9E9E9;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	width:100%;
}
#map-wrapper #map-submit-wrapper2 .submit-btn input{
	padding:5px;
	color:#CC3300;
	background:#E9E9E9;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	width:100%;
}
#map-submit-wrapper3,
#map-submit-wrapper4 {
	margin:20px 0;
}
#map-submit-wrapper3 .submit-btn input,
#map-submit-wrapper4 .submit-btn input {
	display:block;
	margin:0 auto;
	padding:15px !important;
	color:#fff;
	font-weight:bold;
	font-size:20px !important;
	line-height:20px;
	width:60%;
	cursor: pointer;

	border:solid 1px #ccc;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff7538), color-stop(0.00, #ffe72e));
	background: -webkit-linear-gradient(top, #ffe72e 0%, #ff7538 88%);
	background: -moz-linear-gradient(top, #ffe72e 0%, #ff7538 88%);
	background: -o-linear-gradient(top, #ffe72e 0%, #ff7538 88%);
	background: -ms-linear-gradient(top, #ffe72e 0%, #ff7538 88%);
	background: linear-gradient(to bottom, #ffe72e 0%, #ff7538 88%);
}
#map-submit-wrapper3 .submit-btn input:hover,
#map-submit-wrapper4 .submit-btn input:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ffbf20), color-stop(0.00, #f8f1d3));
	background: -webkit-linear-gradient(top, #f8f1d3 0%, #ffbf20 88%);
	background: -moz-linear-gradient(top, #f8f1d3 0%, #ffbf20 88%);
	background: -o-linear-gradient(top, #f8f1d3 0%, #ffbf20 88%);
	background: -ms-linear-gradient(top, #f8f1d3 0%, #ffbf20 88%);
	background: linear-gradient(to bottom, #f8f1d3 0%, #ffbf20 88%);
}

#map-wrapper #map-lis-wrapper {
	width:100%;
	position:relative;	
}
#map-wrapper #map-lis-wrapper div {
	position:absolute;
/*	width:15%;
	height:1.5%;*/
	z-index:99;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	font-size:16px;	
	line-height:23px;
	border: #333 solid 1px;
	text-align:center;
}
#map-wrapper #map-lis-wrapper div * {
	vertical-align:top;
}
@media screen and (max-width:640px){
	#map-wrapper #map-lis-wrapper div { 
		font-size:11px !important;
		line-height:14px !important;
	}
}
#map-wrapper #map-lis-wrapper div span{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:88888 !important;/* きいてないな・・・*/
}
@media screen and (max-width:640px){
	#map-wrapper #map-lis-wrapper div span select{
		padding:0 !important;
		font-size:12px !important;
		line-height:12px !important;
		background:#fff;		
	}
}
#map-wrapper #map-lis-wrapper div input[type=radio],
#map-wrapper #map-lis-wrapper div input[type=checkbox] {
	margin-top:4px;
}
@media screen and (max-width:640px){
	#map-wrapper #map-lis-wrapper div input[type=radio] {
		margin-top:0px !important;
		padding:0 !important;
		font-size:7px !important;
		line-height:7px !important;	
				
		display:block;
		position:absolute;
		top:0;
		left:0;
		z-index:88888 !important;		
	}
}
#map-wrapper #map-lis-wrapper div a,
#map-wrapper #map-lis-wrapper div label {
	color:#fff;
	text-decoration:none;
}
@media screen and (max-width:640px){
	#map-wrapper #map-lis-wrapper div label {
		display:block;
		text-align:right;
	}
}
#map-wrapper #map-lis-wrapper div a:hover {
	color:yellow;
}
#map-wrapper #map-lis-wrapper div span {/* 泊数セレクトコンテナ*/
	display:none;
}
#map-wrapper #map-lis-wrapper div font {
	font-weight:normal;
}
#map-wrapper #map-lis-wrapper div option.selectable-option {
	background:green;
	color:#fff;
	font-weight:bold;
}
#map-wrapper #map-lis-wrapper div option.unselectable-option {
	background:#eee;
	color:#aaa;
}
#map-wrapper #map-lis-wrapper div em {/* 凡例 */
	display:block;
	margin-bottom:5px;
	padding: 5px 7px 3px 7px;
	border: #333 solid 1px;
	text-align:center;
	color:#fff;
	line-height:120%;
}

#map-wrapper #map-lis-wrapper .skey-K { background-color:#A1DB1A; }
#map-wrapper #map-lis-wrapper .skey-T { background-color:#c96aad; }
#map-wrapper #map-lis-wrapper .skey-P { background-color:#C6A771; }
#map-wrapper #map-lis-wrapper .skey-G { background-color:#A0C99D; }
#map-wrapper #map-lis-wrapper .skey-R { background-color:#A74D4C; }
#map-wrapper #map-lis-wrapper .skey-V { background-color:#7E9DD4; }
#map-wrapper #map-lis-wrapper .skey-B { background-color:#31782C; }

#map-wrapper #map-lis-wrapper div.ng1 {
	background-color:#ccc;
	color:#aaa;
	font-weight:normal;
	border-color:#fff;
}
#map-wrapper #map-lis-wrapper div.ng2 {
	background-color:#aaa;
	color:#666;
	font-weight:normal;
}
#map-wrapper #map-lis-wrapper div.ask {
	background-color:crimson !important;
	color:#fff;
	font-size:0.74rem;
	font-weight:normal;
}
#map-wrapper #map-lis-wrapper div.only-show-reserved {
	background-color:red;
	color:#fff;
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;	
}
@-webkit-keyframes blink{
    0% {opacity:0.1;}
	20% {opacity:1;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.1;}
	20% {opacity:1;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.1;}
	20% {opacity:1;}
    100% {opacity:1;}
}




#map-wrapper #map-lis-wrapper div.only-show-notreserved {
	background-color:#ddd;
	color:#fff;
}
#map-wrapper #map-lis-wrapper div.road {
	position:absolute;
/*	width:15%;
	height:1.5%;*/
	z-index:97;
	background:#ddd;
	border:none;
}
#map-wrapper #map-lis-wrapper div.hanrei {
	position:absolute;
	width:auto;
	height:auto;
	z-index:98;
	padding:15px 15px 12px 15px;
	background:#fff;
	font-size:12px;	
	border: solid 1px #ddd;
	color:#555;
	text-align:left;
	font-weight:bold ;
}
@media screen and (max-width:640px){
#map-wrapper #map-lis-wrapper div.hanrei {
	padding:3px !important;
	font-size:11px !important;
	line-height:130% !important;
}
}
#map-wrapper #map-lis-wrapper div.other {
	position:absolute;
/*	width:15%;
	height:1.5%;*/
	z-index:98;
	background:#F7CA7E;
	font-size:12px;	
	border:none;
}
#map-wrapper #map-lis-wrapper div#o-location {/* 現在位置*/
	background:none !Important;
	padding-top:3px !important;
	font-weight:bold !Important;
	font-size:1rem !Important;
	color:red !Important;
}
@media screen and (max-width:640px){
	#map-wrapper #map-lis-wrapper div#o-sani {
		width:26% !important;
	}
}
#map-wrapper #map-lis-wrapper div#o-hiroba2 {
	background:#FAFAF0;
}
#map-wrapper #map-lis-wrapper div.other font.name{
	display:block;
	padding:3px;
}
div#o-hiroba1,
div#o-to_club,
div#o-to_kukakub{
	background:none !important;
	color:#555 !important;
}
div#o-bbq font {
	padding: 0;
	line-height:12px;
}
a#switch-smp-map-or-act {
	display:block;
	margin: 20px auto 0 auto;
	padding:6px 0;
	text-align:center;
	
	font-weight:bold;
	font-size:14px;
	line-height:14px;
	color:#0066CC;
}


#your-site-is-here {
	display:none;
}
@media screen and (max-width:640px){
	#your-site-is-here {
		display:block !Important;
		position:absolute;
		width:46vw !Important;
		padding:2vw 0.5vw 1.5vw !Important;
		top:12vw !Important;
		left:-35vw !Important;
		text-align:center;
		cursor:pointer !Important;
		background:#444;
		color:#fff;
		font-size:0.8rem !Important;
		
		-webkit-animation:blink 0.5s ease-in-out infinite alternate;
		-moz-animation:blink 0.5s ease-in-out infinite alternate;
		animation:blink 0.5s ease-in-out infinite alternate;		
	}
}

















/*　清掃状況
------------------------------------ */
#cleanup {
	background:none;
}
#cleanup .map-date-wrapper {
	display:none;
}
#cleanup #stage,
#cleanup #o-hiroba2 {
	background:none !important;
}
#cleanup #debugging {
	display:none;
}

#cleanup input[type="submit"],
#cleanup input[type="button"] {
/*    appearance: none;
    -webkit-appearance: none;*/
	cursor:pointer;
}
#cleanup input[type="submit"]:hover,
#cleanup input[type="button"]:hover {
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
#cleanup #map-wrapper #map-submit-wrapper1 {
	position:absolute;
	z-index:999999999999;
	width:100%;
	height:150px;
	top:0;
	left:0;
}
#cleanup #map-wrapper #map-submit-wrapper1 .submit-btn {
	padding: 0 2%;
	text-align:center;
}
#cleanup #map-wrapper #map-submit-wrapper1 .submit-btn input{
	display:block;
	width:100%;
	margin: 15px auto !important;
	padding:15px !important;
	border-color:#888;

	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;	
}
#cleanup #map-wrapper #map-submit-wrapper1 .submit-btn input[type=submit] {color:crimson; background:yellow;}
#cleanup #map-wrapper #map-submit-wrapper1 .submit-btn input[type=button] {color:#fff; background:#555;}
#cleanup #set-sumi {
	text-align:center;
}
#cleanup #set-sumi input {
	display:inline-block;
	margin: 0 5px;
	font-weight:bold;
	font-size:90% !important;

	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
}
#cleanup #set-sumi input:nth-child(1) {
	padding:5px 15px;
	background:#E4ECF9;
	color:#456399;
	border-color:#456399;
}
#cleanup #set-sumi input:nth-child(2) {
	padding:5px 25px;
	background:#E5D8F2;
	color:#631688;
	border-color:#631688;
}


#cleanup #map-summary-wrapper{
	position:absolute;
	z-index:9999998;
	width:50%;
	height:150px;
	top:150px;
	left:5px;
}
#cleanup #map-summary-wrapper th {
	width:25%;
	padding:3px;
	line-height:120%;
}
#cleanup #map-summary-wrapper td {
	padding:3px;
	line-height:120%;
}

#cleanup #map-wrapper #map-lis-wrapper {
	height:1700px; /* これでマップのタテ距離感が決まる大事な数字 */
	top:50px;
}
#cleanup #map-wrapper #map-lis-wrapper div {
	font-size:80% !important;
}
#cleanup #map-wrapper #map-lis-wrapper b {
	display:inline-block;
	padding:3px 0;
	line-height:100% !important;
}
#cleanup #map-wrapper #map-lis-wrapper div img { /* 人型アイコン */
	display:block;
	position:absolute;
	top:-8px;
	left:2px;
}
#cleanup #map-wrapper #map-lis-wrapper div b {
	color:#fff !important;
}

#cleanup .cl-white{ background:#fff; }
#cleanup .cl-blue{ background:#2971c5; }
#cleanup .cl-lightblue{ background:#b9d9ff; }
#cleanup .cl-yellow{ background:#F1E52D; }
#cleanup .cl-blue2{ background:#8770FE; color:#fff; }
#cleanup .cl-red{ background:#EB2929; color:#fff; }
#cleanup .cl-orange{ background:#FF9933;}
#cleanup .cl-purple{ background:#CC3399; color:#fff; }
#cleanup .cl-f-gray{ background:#bbb; color:#aaa; }

#cleanup option {color:#333 !Important;}

#cleanup a.manually { font-style:italic !Important; font-weight:bold !Important; }

#r-F8,#r-G8,#r-H8,#r-I8,#r-J8,#r-K8,#r-L8,#r-M8,#r-N8,#r-O8,#r-P8,#r-Q8,#r-R8,
#r-E13,#r-F13,#r-G13,#r-H13,#r-I13,#r-J13,#r-K13,#r-L13,#r-M13,#r-N13,#r-O13,#r-P13,#r-Q13,#r-R13,
#r-G27,#r-H27,#r-I27,#r-J27,#r-K27,#r-L27,#r-M27,#r-N27,#r-O27,
#r-N29,#r-O29,
#r-C30,#r-D30,#r-E30,#r-F30,#r-G30,#r-H30 {
	height:20px !Important;
}
#K-1,#K-2,#K-3,#K-4,#K-6,#K-7,#K-8,#K-9,#K-25 {
    z-index: 100 !Important;/* > 99 */
}


@media screen and (max-width:640px){
    #cleanup #map-wrapper #map-submit-wrapper1 {
        height:50vw;
    }
	#cleanup #map-wrapper #map-submit-wrapper1 .submit-btn input {
        margin-top: 5px !important;
		padding:5px 25px !important;
		line-height:200%;
		font-size:120% !important;
	}
	#cleanup #map-wrapper #map-lis-wrapper {
		height:200vw;/* これでマップのタテ距離感が決まる大事な数字 */
	}
	#cleanup #map-wrapper #map-lis-wrapper div img {
		top:-2vw;
		left:-2vw;
	}
	#cleanup #h-1 {/* 凡例 */
		top:95% !important;
		left:17% !important;
	}
	#cleanup #h-2 {
		top:155% !important;
		left:17% !important;
	}	
}


/* ------------------------ 印刷時　-------------------------------- */

@media print {
	
	* {
		font-size:90%;
		font-weight:normal;
	}
	#cleanup #map-wrapper #map-submit-wrapper1 {
		display:none;
	}
	#cleanup #map-summary-wrapper{
		top:10px;
		left:5px;
	}
	#cleanup #map-wrapper #map-lis-wrapper {
		top:50px !important;
	}	
	#cleanup #map-wrapper #map-lis-wrapper b {
		padding:2px 0 0 0; /* 印刷時は１枚目に 区Ｂ より上が収まるようにこれでマップ高さを調整 */
	}
}


































/* アクティビティ一覧
--------------------- */

#stage2 {
	background:#FAFAF0;
	font-size:15px;
	line-height:150%;
}
#stage2-in {
	padding:3%;
}
td.title {
	padding:10px;
	font-size:16px;
	line-height:140%;
	text-align:center;
	background:#f7f7c0;	
}
td.map-act-name {
	background:#fffff9;
}
td.map-act-sub {
	text-align:center;
	background:#eee;
}
td.map-act-qty {
	text-align:center;
}




/*  ユーザー登録・編集
----------------------------------------------------- */
#privacy-policy {
	width:96%;
	height:150px;
	margin: 10px auto 0;
	padding:15px;
	border:solid 1px #ccc;
	box-sizing:border-box;
	font-size:80%;
	line-height:170%;

	overflow:scroll;
	overflow-x:hidden;
	overflow-y:scroll;
}




/*  チェックイン
----------------------------------------------------- */

#pre-checkin-agreement {
}
#pre-checkin-agreement table td {
	padding:10px;
}


#btn-checkin {
	padding:30px 0;
	text-align:center;
}
#btn-checkin input {
	padding:5px 10px;
	color:crimson;
	font-weight:bold;
}

ul#after-checkin-info {
	border:solid 2px crimson;
	padding:4vw 4vw calc(4vw - 10px) 7vw;
}
ul#after-checkin-info li {
	color:crimson;
	list-style:disc;
	margin-bottom:10px;
	font-size:4vw;
	text-align:left;
}

ul#after-checkin-info2 {/* 前日オンラインチェックインせずに来場受付した場合 */
	display:list-item;
	border:solid 2px crimson;
	margin:0 0 20px 0;
	padding:4vw 4vw calc(4vw - 10px) 7vw;
}
ul#after-checkin-info2 li {
	display:list-item;
	color:crimson;
	list-style:disc;
	margin-bottom:10px;
	font-size:4vw;
	line-height:140%;
	text-align:left;
}


#checkin-dialog {
	padding-top:10vw;
}
#checkin-dialog input[type="submit"],
#checkin-dialog input[type="button"] {
    appearance: none;
    -webkit-appearance: none;
}
#checkin-dialog div {
	font-size:5vw;
	display:none;
}
#checkin-dialog div:nth-child(1) {
	display:block;
}
#checkin-dialog div img {
	display:block;
	width:96%;
	margin: 2vw auto;
}
#checkin-dialog div input[type="button"]{
	display:block;
	width:90%;
	margin:5vw auto 0;
	font-size:4vw;
	padding:3vw 1vw;
	font-weight:bold;
}
#checkin-dialog div em {
	font-size:140%;
	font-weight:bold;
	color:crimson;
}








/* 管理者メニュー
----------------------------------------------------- */

#admin-header-status {
	padding:10px 0;
	text-align:center;
}

#admin-header-status a,
#admin-header-status span  {
	display:inline-block;
	margin: 0 10px 0 0;
	padding:8px 14px 5px;
	line-height:100%;
	text-decoration:none;
	background:#aaa;
	color:#fff;

	border:solid 1px #fff;

	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
#admin-header-status a#no-1 {background:#391;}
#admin-header-status a#no-2 {background:#839;}
#admin-header-status a#no-3 {background:#169;}
#admin-header-status a#no-4 {background:#A72;}
#admin-header-status a#no-5 {background:#A72;}
#admin-header-status a#no-6 {background:crimson;}/*ｷｬﾝｾﾙ未完了は即ｱﾗｰﾄ*/
#admin-header-status a#no-7 {background:#333;}
#admin-header-status a#no-8 {background:#333;}

#admin-header-status a.with-expired {background:crimson !important; }

#admin-header-status a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#admin-header-status a em {
	font-weight:normal;
}
#admin-header-status a.with-expired em {
	font-weight:bold;
	text-decoration:underline;
}






#admin-menu {
	text-align:center;
	background:#69A16C;
	color:#fff;
	padding:8px 0 5px;
}
#admin-menu a {
	display:inline-block;
	padding:4px 8px 1px 8px;
	color:#fff;
	text-decoration:none;
}
#admin-menu a:hover {
	color:yellow;
	text-decoration:underline;
}
#admin-menu a.active {
	text-decoration:none;
	background:#fff;
	color:#69A16C;
	font-weight:bold;
}
@media screen and (max-width: 640px) {
	#admin-menu a {
		display:inline-block;
		padding:4px 8px;
		margin-bottom:2px;
		text-decoration:none;
		border:solid 1px #ccc;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;		
	}
	#admin-menu a.active {
		background:#0099CC;
		color:#fff;
	}
}

ul#admin-sub-menu{
	padding:7px;
	text-align:center;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
ul#admin-sub-menu li{
	display:inline-block;
	padding:2px 8px;
	list-style-type:none;
	font-size:14px;
}
ul#admin-sub-menu li.active {
	text-decoration:none;
	background:#0099CC;
	color:#fff;
}

/* 社内メモ */
#memo_whole,
#memo_day,
#memo_reserve {
	font-size:12px;
	width:90%;
	height:45px;
}

#admin_apply {
	font-size:12px;
}
#admin_apply tr.today * {
	font-weight:bold;
}
#admin_apply tr.not-today * {
	background:#fcfcfc;
}
#admin_apply tr.kari * {
	background:#bbb;
}
#admin_apply td.mid {
	font-size:10px;
}
#admin_apply td.hover {
    background-color:#FFFFDD !important;
}
#admin_apply td.black,
#admin_apply td.black a {
    background-color:#ddd !important;
}
#apply-cal-toggle {
	padding-top:20px;
	text-align:right;
}
table#admin_calendar {
}
table#admin_calendar td.today {
	border-width:2px;
}
table#admin_calendar td.selected {
	border-width:2px;
	border-color:#00CC00;
	background:#CCFF99;
}
table#admin_calendar td a.reserve-sit {
	width:100%;
	display:inline-block;
	margin-bottom:3px;
	text-align:center;
	background:#0099CC;	
	color:#fff;
}
table#admin_calendar td a.reserve-act {
	width:100%;
	display:inline-block;
	margin-bottom:3px;
	text-align:center;
	background:#b72fb0;	
	color:#fff;
}
table#admin_calendar td span.no-reserve{
	width:100%;
	display:inline-block;
	margin-bottom:3px;
	text-align:center;
	color:#777;
	font-size:12px;
}
table#admin-view td a.reserve-rnt {
	width:100% !important;
	display:inline-block !important;
	margin-bottom:3px !important;
	text-align:center !important;
	background:#0099CC !important;	
	color:#fff !important;
}


dl.admin-apply-search {
	padding:10px 20px 5px 20px;
	border:solid 1px #ccc;
}
@media screen and (max-width: 640px) {
	dl.admin-apply-search {
		padding:1% !important;
		border:none !important;
		border-bottom:dotted 1px #ccc !important;
	}
}
dl.admin-apply-search dd {
	border-bottom: dotted 1px #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
}
dl.admin-apply-search dd {
	margin-left:100px;
}
dl.admin-apply-search dd div{
	float:left;
	margin: 0 5px 5px 0;
}

dl.admin-apply-search #fd-list {
	display:block; 
	float:left; 
	width:50%; 
	margin:0; 
}
dl.admin-apply-search #fd-list a {
	display:inline-block;
	width:48px;
	text-align:center;
	text-decoration:none;
}
dl.admin-apply-search #fd-list a.small {
	width:42px !important;
	font-size:85%;
}
dl.admin-apply-search #fd-list a.first {
	margin-top:7px;
}



/* レター管理 */
#lg-table {
	width:60%;
	margin: 0 auto;
	padding:15px 0;
}
#lg-table em {
}
#lg-table table {
	width:100%;
	margin:0;
}
#lg-table table tr.searched-lgid {
	background:#fef;
}
#lg-table td .lg-btns {
	position:relative;
	display:inline-block;
	margin: 0 5px;
}
#lg-table td .lg-btns input.active[type=button]{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor:pointer;
}
.lg-btn-tl.active { border:solid 1px #E82; background:#F93; color:#fff;}
.lg-btn-jl.active { border:solid 1px #5B5; background:#6C6; color:#fff;}
.lg-btn-ml.active { border:solid 1px #5BB; background:#6CC; color:#fff;}


#lg-table td .lg-btns .balloon {
	width:280px !important;
	padding:15px 0 !important;
	left:-100px !important;
	z-index:999;
}

.mletter-btn-wrapper { /* レター情報等、モーダル開くとこ */
	display:inline-block;
	position:relative;
	width:150px;
}
.balloon {
	position:absolute;
	left:-10px;
	top:35px;
	width:140px;
	padding:15px 0 5px 0;
	background:#fafafa;
	border:solid 1px #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	box-shadow: 4px 4px 4px 4px rgba(0,0,0,0.2);
	text-align: center;
}
.balloon#modal-2 {
	width:330px;
}

.balloon:before,
.balloon:after{
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
}
.balloon:before{
  top: -20px;
  border-style: solid;
  border-color: transparent transparent #ccc transparent;
  border-width: 0 25px 21px 0;
}
.balloon:after{
  top: -16px;
  border-style: solid;
  border-color: transparent transparent #fafafa transparent;
  border-width: 0 21px 17px 0;
  z-index: 10;
}

.mletter-btn-wrapper .balloon#modal-1 input {
	display:block;
	width:80%;
	margin: 0 auto 10px;
}
#modal-2 div {
	margin: 0 10px 10px 10px;
	padding: 5px 10px;
	text-align:left;
	border:solid 1px #eee;
}
#modal-2 div#modal-2-t,
#modal-2 div#modal-2-j,
#modal-2 div#modal-2-m,
#modal-2 div#modal-2-n {
	background:#fff;
	border:solid 1px #eee;	
}




/* 予約詳細   admin-apply-detail
-------------------------------------------- */

/* サイト料の入金管理 */
#apply-detail-pay-multimode {
	width:100%;
}
#apply-detail-pay-multimode tr td{
	width:100%;
	padding: 15px;
	border-bottom: solid 1px #bbb;
}
#apply-detail-pay-multimode tr:last-child td {
	border-bottom:none;
}
td.kick-canceled {
	background:#eee;
	border: solid 1px #bbb !important;
}

span.s-gray {
    font-size:90%;
    color:#666;
}
body.admin-page td img {
    vertical-align:text-top !important;
}







/* 入金
-------------------------------------------- */

table#pay-list {
}
table#pay-list tr.payed td{
	background:#DFD;
}
table#pay-list tr.unpayed td{
	background:#FFB;
}
table#pay-list tr.expired td{
	background:#F99;
}
table#pay-list tr.canceled td{
	background:#ccc;
}

/* new */


table#pay-list tr.return_cash td {
	color:#009999;
}
table#pay-list tr.return_bank td {
	color:#009999;
}
table#pay-list tr.return_card td,
table#pay-list tr.exec_cancel td {
	color:#009999;
	background:#FFFF66;
}
table#pay-list tr.remind_web td {
	color:crimson;
}
table#pay-list tr.remind_bank td {
	color:crimson;
}
table#pay-list tr.abnormal td,
table#pay-list tr.cancel_fee_payed_on_active_reserve td {
	background:#e2d3d3;
}


body#admin-pay input[type="checkbox"] + span {
	font-weight:bold;
	color:#444;
}
body#admin-pay input[type="checkbox"][checked] + span {
	color:#CC3333;
}
body#admin-pay input[type="checkbox"][disabled] + span{
	color:#888;
	font-weight:normal;
}









#alertMsg {
	display:inline-block;
	padding:3px 10px;
	background:crimson;
	color:#fff;
	text-decoration:none;
}
#alertMsg a {
	color:#fff;
	text-decoration:none;
}
#alertMsg a:hover {
	background:#F88;
}
#btn-quit-reserve {
	text-align:right;
}
#btn-quit-reserve input {
	color:#CC0000;
}
#update-btn-with-msg {
	text-align:center;
}
#update-btn-with-msg input{
	display:inline-block;
	margin-left:150px;
}
#update-btn-with-msg #btn-right-msg{
	display:inline-block;
	width:150px;
	font-size:12px;
	color:#009900;
	font-weight:bold;
}


/* 全予約早見表
------------------------------ */
h2#hayami div {
	display:inline-block;
	float:right;
}
h2#hayami div input {
	width:100px;
	padding:0 5px;
}
#all-reserve-navi {
	margin-bottom:10px;
}
#all-reserve-navi a {
	display:inline-block;
	padding:5px 10px;
	font-size:16px;
	line-height:16px;
}

table#all-reserve {
}
table#all-reserve .td-left {
	width:40px;
}
table#all-reserve .td-left2 {
	width:20px;
}
table#all-reserve td {
	text-align:center;
	width:30px;
	padding:0;
	background-repeat:no-repeat;
}
table#all-reserve td a,
table#all-reserve td span {
	display:inline-block;
	width:100%;
	height:25px;
	line-height:25px;
	text-decoration:none;
}
table#all-reserve .act-link1 {
	width:55% !Important;
	margin-left:10%;
	text-align:center;
}
table#all-reserve .act-link2 {
	width:35% !Important;
	color:#777;
	font-size:10px;
	letter-spacing:-1px;
	text-align:right;
}
table#all-reserve td a:hover{
	background:#FFFF00;
}
table#all-reserve .act-link2:hover{
	background:#bfefff;
}
table#all-reserve tr.today th{
}
table#all-reserve tr.past th {
	padding: 1px !important;
}
table#all-reserve tr.past td a,
table#all-reserve tr.past td span {
	height: 15px !important;
	line-height: 15px !important;
}
table#all-reserve tr.past * {
	color:#bbb !important;
}
table#all-reserve tr.day1 th,
table#all-reserve tr.day1 td{
	border-top: solid 2px #333;
}
table#all-reserve td.yasumi-all,
table#all-reserve tr.yasumi-all th {
	color:#666;
	background-color:#aaa;
}
table#all-reserve td.yasumi{
	color:#666;
	background-color:#eee;/* @2022/7/25修正前は #fafafa */
}
table#all-reserve td.ari{
	background-color:#efe;
}
table#all-reserve td.full{
	background-color:#ccc;
}
table#all-reserve td.tejimai{
	background-color:#ccc;
}
table#all-reserve td.test{
	background-color:red;
}
table#all-reserve td.ari a,
table#all-reserve td.full a {
	text-decoration:none;
}



table#all-reserve td.day {
	background-image: url(../img/i_day.gif);
	background-position: right bottom;
}
table#all-reserve td.day-haya {
	background-image: url(../img/i_day.gif), url(../img/i_haya.gif);
	background-position: right bottom, top left;
}
table#all-reserve td.day-haya-asa {
	background-image: url(../img/i_day.gif), url(../img/i_haya.gif),url(../img/i_asa.gif);
	background-position: right bottom, top left, top right;
}
table#all-reserve td.day-haya-asa-oso {
	background-image: url(../img/i_day.gif), url(../img/i_haya.gif),url(../img/i_asa.gif), url(../img/i_oso.gif);
	background-position: right bottom, top left, top right, left bottom;
}
table#all-reserve td.day-haya-oso {
	background-image: url(../img/i_day.gif), url(../img/i_haya.gif),url(../img/i_oso.gif);
	background-position: right bottom, top left, top right, left bottom;
}
table#all-reserve td.day-asa {
	background-image: url(../img/i_day.gif), url(../img/i_asa.gif);
	background-position: right bottom, top right;
}
table#all-reserve td.day-asa-oso {
	background-image: url(../img/i_day.gif), url(../img/i_asa.gif), url(../img/i_oso.gif);
	background-position: right bottom, top right, left bottom;
}
table#all-reserve td.day-oso {
	background-image: url(../img/i_day.gif), url(../img/i_oso.gif);
	background-position: right bottom, left bottom;
}
table#all-reserve td.haya {
	background-image: url(../img/i_haya.gif);
	background-position: top left;
}
table#all-reserve td.haya-asa {
	background-image: url(../img/i_haya.gif), url(../img/i_asa.gif);
	background-position: top left, top right;
}
table#all-reserve td.haya-asa-oso {
	background-image: url(../img/i_haya.gif), url(../img/i_asa.gif), url(../img/i_oso.gif);
	background-position: top left, top right, left bottom;
}
table#all-reserve td.haya-oso {
	background-image: url(../img/i_haya.gif), url(../img/i_oso.gif);
	background-position: top left, left bottom;
}
table#all-reserve td.asa {
	background-image: url(../img/i_asa.gif);
	background-position: top right;
}
table#all-reserve td.asa-oso {
	background-image: url(../img/i_asa.gif), url(../img/i_oso.gif);
	background-position: top right, left bottom;
}
table#all-reserve td.oso {
	background-image: url(../img/i_oso.gif);
	background-position: left bottom;
}

/* 答え合わせアイコン（宝探し）は、早出等とバッティングしないACT用なのでこれでOK */
table#all-reserve td.kotaeawase {
	background-image: url(../img/i_kotaeawase.gif);
	background-position: left top;
}

table#all-reserve td.act select {
	padding:0;
	font-size:10px;
	color:#777;
}

table#all-reserve tr.month-head th {
	background:#888;
	color:#fff;
	font-weight:bold;
	text-align:left;
}
table#all-reserve tr.month-head th div{
	float:right;
}
table#all-reserve tr.month-head th a {
	display:inline-block;
	margin-right:10px;
	font-size:90%;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
table#all-reserve tr.month-head th a:hover {
	text-decoration:underline;
}

table#all-reserve td.hover,
table#all-reserve th.hover {
    background-color:#FFFFDD !important;
}

th.th-date {
	background-repeat:no-repeat;
	background-color:#eee;
}
th.th-date a {
	display:block;
	padding-left:5px;
}

/* 早見表のアイコン（その日メモ、ブラック、配慮  増えるかも...）
-------------------------------------------------------------------- */
th.th-date.sonohi-memo {
	background-image:url(../img/ico_yellow_baloon.png);
	background-position:top right;
}
th.th-date.has-black {
	background-image:url(../img/ico_black.png);
	background-position:bottom right;
}
th.th-date.has-hairyo {
	background-image:url(../img/ico_hairyo.png);
	background-position:bottom right;
}


th.th-date.sonohi-memo.has-black {
	background-image:url(../img/ico_yellow_baloon.png), url(../img/ico_black.png);
	background-position:top right, bottom right;
}
th.th-date.sonohi-memo.has-hairyo {
	background-image:url(../img/ico_yellow_baloon.png), url(../img/ico_hairyo.png);
	background-position:top right, bottom right;
}
th.th-date.has-black.has-hairyo {
	background-image:url(../img/ico_hairyo.png), url(../img/ico_black.png);
	background-position:bottom right, bottom right;
}


th.th-date.sonohi-memo.has-black.has-hairyo {
	background-image:url(../img/ico_yellow_baloon.png), url(../img/ico_hairyo.png), url(../img/ico_black.png);
	background-position:top right, bottom right, bottom right;
}


tr.sonohi-familyday {
	border: solid 2px #006600 !important;
}
tr.sonohi-familyday th.th-date a {
	background:url(../img/ico_familyday_F.png?d=1) left 2px no-repeat !important;
}
th.bg-pink {
	background:#ffeaf4 !Important;
}











/* その他
------------------------------ */

#admin_after_regist_menu {
	padding:10px;
	text-align:center;
}

#admin-mailmagazine-list-wrapper {
	width:98%;
	height:200px;
	margin:0 auto;
	padding:0 10px;
	border:dotted 1px #ccc;

	overflow:scroll;
	overflow-x:hidden;
	overflow-y:scroll;
}
#admin-mailmagazine-arrow {
	font-size:30px;
	text-align:center;
	padding:10px;
}
#admin-mailmagazine-send {
	width:850px;
	margin:0 auto;
	border: solid 1px #ccc;	
}
#admin-mailmagazine-send dl{
	padding:20px;
}
#admin-mailmagazine-send dt{
	width:8em;
	float:left;
	margin-bottom:15px;
}
#admin-mailmagazine-send dd{
	margin-bottom:15px;
	float:left;
}


#nap-analized-result {
	margin:20px 30px;
}
#nap-analized-result table {
	width:100%;
}
#nap-analized-result th{
	width:20%;
}
#nap-analized-result .gray{
    color: #777;
}

/* 予約詳細 */
#cancel-mail-setting {
	display:inline-block;
	margin: 0 5px;
	padding:5px 5px 3px;
	line-height:100%;
}
#cancel-mail-setting.value-1{
	background:#33CC00;
	color:#fff;
}
#cancel-mail-setting.value-2{
	background:#FF6600;
	color:#fff;
}
#cancel-mail-setting.value-3{
	background:#CC0000;
	color:#fff;
}
#cancel-mail-check {
	padding: 0 0 10px;
}

#bank-info {
	padding: 0 0 10px 0;
}
#bank-info th {
	width:25%;
}
#bank-info td input[type=text]{
	display:inline-block;
	width:60%;
}
#bank-info td span {
	display:block;
	padding:5px;
	color:#444;
	font-size:0.7rem;
}


/* 顧客詳細のメルマガ履歴 */
.mailmagazine-history-body-0 {
}
.mailmagazine-history-body-1 {
	display:none;
	border-top: dotted 1px #aaa;
	margin-top:10px;
	padding:10px;
}

tr.questionary-kizon td {
	background:#ddd;
}


/* データメニュー冒頭 */
#other-mokuji {
	border: dotted 1px #ccc;
	margin: 30px 0;
	padding:20px 20px 5px 20px;
	background:#fafafa;
	text-align:center;
}
#other-mokuji a {
	display:inline-block;
	margin: 0 25px 15px 0;
	font-size:0.95rem;
}
.other-unit {
	display:none; /* init */
}









/* Yoxview 関連
------------------------------ */

#yox-btn {
	padding:10px;
}
#yox-btn a {
	display:inline-block;
	cursor:pointer;
	
	border:solid 1px #888;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
		
	padding:5px 10px;
	text-decoration:none;
	color:#333;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #eee), color-stop(1.00, #ccc));
    background: -webkit-linear-gradient(#eee, #ccc);
    background: -moz-linear-gradient(#eee, #ccc);
    background: -o-linear-gradient(#eee, #ccc);
    background: -ms-linear-gradient(#eee, #ccc);
    background: linear-gradient(#eee, #ccc);	
}
#yox-btn a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#yoxview {
	padding:0 !important;
}
#yoxview div {
	display:none !important;
}
#yoxview, #yoxview * {
	background:#fff !important;
}
#yoxview * {
	border:none !important;
}



/* 管理者用メニュー > その他
------------------------------ */
.admin-other-unit {
	border:solid 1px #ccc;
	background:#fafafa;
	padding:20px 25px;
	margin-bottom:20px;
}
#admin-other-report {
    width: 93%;
    margin:  0 auto;
    padding: 10px 0;
}
#admin-other-report table {
    width: 100%;
    border: none;
}
#admin-other-report th {
    width: 12%;
    padding: 0.1em 0.5em; 
    border: solid 1px #555;
    text-align: center;
    background: none;
}
#admin-other-report td {
    width: 38%;
    padding: 0.1em 0.5em; 
    border: none;
    line-height: 200%;
}


/* コロナ対応 ... ＜同意モーダル＞
-------------------------------------- */

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	z-index:9999999;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 30px 60px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
	min-height:600px;
}
@media screen and (max-width: 640px) {
	.modal__content{
		top: 10% !important;
		transform: translate(-50%,-10%) !important;
		padding: 5% !important;
		width: 80% !important;
	}
}
.modal__content div.in {
	display:none;
}
.modal__content div.in:nth-child(1) { 
	display:block;
}
.modal__content div.in h5 {
	padding:10px;
	text-align:center;
	background:crimson;
	color:#fff;
	font-size:1.3rem;
}
@media screen and (max-width: 640px) {
	.modal__content div.in h5 {
		padding:6px !important;
		font-size:1.1rem !important;
	}
}
.modal__content div.in p {
	padding-top:20px;
	font-size:1rem;
	line-height:160%;
}
@media screen and (max-width: 640px) {
	.modal__content div.in p {
		padding-top:10px !important;
		line-height:140% !important;
	}
}
.modal__content div.in p strong {
	display:block;
	margin-bottom:5px;
	font-weight:bold;
	text-decoration:underline;
}
.modal__content div.in a {
	display:block;
	width:50%;
	margin: 30px auto 0 auto;
	padding:10px;
	text-align:center;
	font-size:1.3rem;
	text-decoration:none;
	color:#fff;
	background:#444;

	border:solid 1px #000;

	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}
@media screen and (max-width: 640px) {
	.modal__content div.in a {
		margin: 10px auto 0 auto !important;
	}
}
.modal__content div.in a:hover {
	background:#aaa;
}