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

@media only screen and (min-width:640px) and (max-width:820px){
/* ------------------------------ */
/* 下層ページ共通 */
.under{
	margin:45px 0 0;
}
/* パララックス風背景 */
.under h1{
	text-shadow:none;
	color:#000;
	font-size:0.95em;
	font-weight:normal;
	text-align:center;
	line-height:140%;
	padding-top:40px;
	margin:0;
}
.under h2{
	color:#000;
	font-family:'Ludica Sans Unicode';
	font-size:2.4em;
	font-weight:normal;
	text-align:center;
	line-height:140%;
	letter-spacing:0.05em;
	padding-bottom:40px;
	margin:0;
}
.under-cont{
	background-color:#FFF;
	padding:40px 20px;
}
/* 右側固定メニュー */
.r-menu{
	z-index:100;
	position:fixed;
	top:50px;
	right:0;
	background-color:#FFF;
}
.r-menu ul{
	
}
.r-menu ul li a{
	display:block;
	width:30px;
	height:24%;
	background-color:#CCC;
	color:#000;
	font-size:0.90em;
	text-align:center;
	line-height:80%;
	vertical-align:middle;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	padding:0 5px 0 5px;
	margin-bottom:1px;
}
/* ------------------------------ */
/* フロア */
.floor{
	max-width:900px;
	margin:0 auto;
}
.floor .list{
	padding:0;
	margin:0 auto 50px;
}
.floor .list .madori{
	width:50%;
	text-align:center;
	margin:20px auto 30px;
}
.floor .list div img{
	width:100%;
}
.floor h2{
	width:80%;
	background: linear-gradient(transparent 60%, #EFEFEF 60%);
	font-size:1.8em;
	font-weight:normal;
	text-align:center;
	line-height:120%;
	padding:0;
	margin:0 auto 20px;
}
.floor .list .left{
	float:left;
	width:31%;
	height:260px;
	margin:5px 1% 20px;
}
.floor .list h3 a{
	color:#000;
	font-size:0.80em;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	line-height:140%;
}
.floor .list p{
	font-size:0.80em;
	line-height:110%;
}
.floor .list p a{
	color:#000;
	font-size:0.95em;
}
.floor .list .thum{
	overflow:hidden;
	width:auto;
	height:210px;
	margin-bottom:5px;
}
.floor .list .thum img{
	width:auto;
	height:100%;
	border:1px solid #EFEFEF;
	margin-bottom:3px;
}
/* フロア詳細 */
.floor .wrap section{
	width:80%;
	margin:0 auto;
}
.floor .main_img{
	width:100%;
	border-top:1px solid #333;
	padding:4px 0 1px;
	margin-top:30px;
	margin-bottom:10px;
}
.floor .main_img img{
	width:100%;
}
.floor .sub_img_wrap{
	width:80%;
	margin:0 auto;
}
.floor .sub_img{
	float:left;
	width:19%;
	margin-right:5px;
	margin-bottom:1px;
}
.floor .sub_img img{
	width:100%;
	border:1px solid #EFEFEF;
}
.floor .cont p{
	font-size:0.90em;
	line-height:180%;
	margin:40px;
}
/* PREV NEXT */
.floor .wrap .prev,.floor .wrap .next{
	font-size:1.0em;
	font-weight:bold;
	margin-top:20px;
}
.floor .wrap .prev{
	float:right;
}
.floor .wrap .next{
	float:left;
}
/* ------------------------------ */
/* 料金案内 */
.price{
	max-width:600px;
	border:5px solid #EFEFEF;
	padding:40px 40px 80px;
	margin:0 auto;
}
.price h2{
	width:80%;
	background:linear-gradient(transparent 60%, #EFEFEF 60%);
	font-size:1.8em;
	font-weight:normal;
	text-align:left;
	line-height:120%;
	padding:0;
	margin:0 0 40px;
}
.price dl{
	margin:0 0 40px;
}
.price dt{
	font-size:1.10em;
	font-weight:bold;
	line-height:120%;
	margin:0 0 10px;
}
.price dd{
	font-size:0.95em;
	line-height:120%;
	padding-left:10px;
	margin:0 0 5px;
}
.price table{
	width:100%;
	margin:0 0 60px;
}
.price th{
	background-color:#CCC;
	border:1px solid #666;
	font-size:0.95em;
	font-weight:bold;
	text-align:center;
	line-height:120%;
	padding:20px 0;
}
.price th.th_01{
	width:30%;
	background-color:#FFF;
}
.price th.th_02{
	width:35%;
}
.price td{
	border:1px solid #666;
	font-size:0.85em;
	text-align:center;
	line-height:150%;
	padding:10px 10px;
}
.price td.td_01{
	background-color:#EFEFEF;
	font-weight:bold;
}
.price td.td_03{
	text-align:left;
}
/* ------------------------------ */
/* 備品・オプション */
.option{
	max-width:900px;
	margin:0 auto;
}
.option .list{
	padding:0;
	margin:0 auto 50px;
}
.option h2{
	width:50%;
	background: linear-gradient(transparent 60%, #EFEFEF 60%);
	font-size:1.8em;
	font-weight:normal;
	text-align:center;
	line-height:120%;
	padding:0;
	margin:0 auto 40px;
}
.option .list p{
	float:left;
	width:23%;
	font-size:0.80em;
	line-height:110%;
	margin:5px 1% 20px;
}
.option .list p a{
	color:#000;
	font-size:0.95em;
}
.option .list p img{
	width:100%;
	border:1px solid #EFEFEF;
	margin-bottom:3px;
}
/* ------------------------------ */
/* アクセス */
.access{
	max-width:800px;
	border:5px solid #EFEFEF;
	padding:40px 40px 80px;
	margin:0 auto;
}
.access h2{
	width:50%;
	background:linear-gradient(transparent 60%, #EFEFEF 60%);
	font-size:1.8em;
	font-weight:normal;
	text-align:left;
	line-height:120%;
	padding:0;
	margin:0 0 20px;
}
.access p{
	font-size:0.95em;
	line-height:160%;
	margin:0 0 40px;
}
.access p a{
	color:#000;
	font-size:0.95em;
	text-decoration:underline;
}
/* ------------------------------ */
/* ご予約・空室状況 */
.reserve{
	padding:0;
}
.reserve p{
	font-size:0.95em;
	line-height:140%;
	text-align:center;
}
/* ------------------------------ */
/* カレンダー */
.multiple-calendar h3.calendar-title{
	font-size:1.2em;
	padding:10px 0;
}
.multiple-calendar{
	width:80%;
	margin:20px auto;
}
.multiple-calendar a{
	color:#000;
	text-decoration:underline;
}
.multiple-calendar table a{
	text-decoration:none;
}
.multiple-calendar caption{
	margin-bottom:20px;
}
.multiple-calendar table{
	margin-bottom:20px;
}
.multiple-calendar th{
	width:14%;
	font-size:0.85em;
	padding:10px;
}
.multiple-calendar td{
	border:1px solid #999;
}
.day-number{
	font-size:0.95em;
	padding:5px 10px;
}
.calendar-mark{
	padding:5px 10px;
}
.calendar-mark a{
	font-size:0.75em;
}
.calendar-mark a .article-name{
	font-size:0.75em;
	text-decoration:underline;
}
/* 時間選択 */
.day-calendar{
	width:50%;
	margin:20px auto;
}
.day-calendar h3{
	font-size:0.95em;
}
.day-calendar p{
	font-size:0.85em;
	margin-bottom:20px;
}
.day-calendar table{
	width:100%;
	margin-bottom:20px;
}
.mtssb-timetable-name{
	font-size:1.6em;
	line-height:140%;
}
.mtssb-timetable-date{
	font-size:1.2em;
	line-height:140%;
	margin-bottom:10px;
}
.day-calendar table th,.day-calendar table td{
	border-radius:0px; /* CSS3草案 */
	-webkit-border-radius:0px; /* Safari,Google Chrome用 */
	-moz-border-radius:0px; /* Firefox用 */
}
.day-calendar .day-left{
	border:1px solid #CCC;
	margin:10px;
}
.day-calendar .day-right{
	border:1px solid #CCC;
	margin:10px;
}
.day-calendar a{
	color:#000;
}
.mtssb-daily-action button{
	width:30%;
	padding:10px 0;
}
/* 予約フォーム */
.content-form{
	width:90%;
	margin:20px auto;
}
.content-form td input{
	margin-bottom:5px;
}
.content-form td select{
	margin-bottom:5px;
}
/* ボタン */
#action-button button{
	width:50%;
	padding:10px 0;
}
/* ------------------------------ */
/* 利用規約 */
.privacy{
	max-width:800px;
	border:5px solid #EFEFEF;
	padding:40px 40px 80px;
	margin:0 auto;
}
.privacy h2{
	width:50%;
	background:linear-gradient(transparent 60%, #EFEFEF 60%);
	font-size:1.8em;
	font-weight:normal;
	text-align:left;
	line-height:120%;
	padding:0;
	margin:0 0 20px;
}
.privacy h3{
	font-size:1.1em;
	margin:30px 0 10px;
}
.privacy p{
	font-size:0.95em;
	line-height:160%;
	margin:0 0 5px;
}
.privacy p a{
	color:#000;
	font-size:0.95em;
	text-decoration:underline;
}
.privacy p a:hover{
	color:#069;
}
/* ------------------------------ */
/* カレンダー */
.reserve .p_01{
	font-size:1.6em;
	font-weight:bold;
	line-height:140%;
	text-align:center;
}
.reserve .p_02{
	font-size:2.0em;
	font-weight:bold;
	line-height:140%;
	text-align:center;
}
.reserve .p_03{
	font-size:1.2em;
	line-height:140%;
	text-align:center;
}
.reserve .p_04{
	font-size:.95em;
	line-height:140%;
	text-align:center;
	margin-bottom:30px;
}
.reserve .p_04 a{
	color:#069;
	text-decoration:underline;
}
#ai1ec-container{
	margin:20px;
}
.ai1ec-event{
	cursor:default;
	font-size:1.6em;
	text-align:center;
}
.ai1ec-event-time{
	display:none;
}
/* ------------------------------ */
}