@charset "utf-8";
/* ========================================  解像度が480px以下の端末で読み込むcss */
@media screen and (max-width:480px) {
html {font-size: 62.5%;}/*初期値16pxの62.5%でルートが10px*/
body {
	-webkit-text-size-adjust : none; /*横向きでフォントサイズを変えない*/
	font-size: 1.0em;
}
p {	line-height: 1.5em;}
iframe {width: 100%;}
.float_right_img,.float_left_img {float: none !important;text-align: center; margin: 0 0 0 0;}
.float_right,.float_left{float: none !important;margin: 0 0 0 0;}
.sm_left{text-align: left !important;}
.pc_center{text-align: left !important;}
/* ---------    画像サイズ指定　　----------- */
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
.sm_img {
	float: none;
	text-align:center;
}
/* ---------    PCのみ表示　　----------- */
.pc,.pc_inline{
	display:none;
}
/* ---------    スマホのみ表示　　----------- */
.sm{
	display: inline-block;
}
.sm_block{
	display: block;
}

/* ---------------------- テーブル ---------------------- */
.sm_table tbody tr{
	display: block;
}
.sm_table tbody th,
.sm_table tbody td{
	display: block;
	width: auto !important;
}	
.table_bn tbody tr{
	display: block;
}
.table_bn tbody th,
.table_bn tbody td{
	display: inline;
	width: auto !important;
}
/*tableをスクロールさせる*/
/*tableのセル内にある文字の折り返しを禁止*/
table.sm_scroll  {
	overflow: auto;
	white-space: nowrap;
	display:block;
	width:auto;
}
table tbody.sm_scroll {
	width: 100%;
	display:table;
}
/*tableにスクロールバーを追加*/
table.sm_scroll::-webkit-scrollbar {
	height: 5px;
}
/*tableにスクロールバーを追加*/
table.sm_scroll::-webkit-scrollbar-track {
	background: #F1F1F1;
}
/*tableにスクロールバーを追加*/
table.sm_scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}	
	
/* ---------------------- フォーム ---------------------- */	
input{
	width: 100%;
}
input.width_inherit {
	width: inherit !important;
	}
/* ---------------------- 共通設定 ---------------------- */
/* ---------------------- flex ---------------------- */
.flex{
	display:block;
}
.flex_50{
	width: 100%;
}
.flex_45{
	width: 100%;
}
/* ---------------------- 文字サイズ ---------------------- */
.font_270 {	font-size:260% !important;}
.font_200 {	font-size:190% !important;}
.font_180 {	font-size:170% !important;}
.font_170 {	font-size:160% !important;}
.font_160 {	font-size:150% !important;}
.font_150 {	font-size:140% !important;}
.font_140 {	font-size:130% !important;}
.font_130 {	font-size:120% !important;}
.font_125 {	font-size:115% !important;}
.font_120 {	font-size:110% !important;}
.font_110 {	font-size:100% !important;}
.font_100 {	font-size:90% !important;}
.font_90 {	font-size:80% !important;}
.font_80 {	font-size:70% !important;}
.font_70 {	font-size:60% !important;}
.font_60 {	font-size:50% !important;}
.font_50 {	font-size:40% !important;}	
	
	


/* ---------------------- ヘッダー ---------------------- */
#header_content {
	max-width:95%;
}
#header_left { /*  左  */
	background: url("../images/logo.svg") no-repeat 0 15px;
	height: 65px;
	background-size: 22px;
}
#header_left.h75 { /*  左  */
	height: 55px;
}
#header_left .header_title { /*  タイトル  */
	font-size: 1.5rem;
	padding-left: 1.8em;
}
#header_left .header_login{ /*  ログイン中ユーザー  */
	font-size: 1.0rem;
	padding-left: 27px;
}
#header_right a.logout{ /*  ログアウト  */
	font-size: 1.3rem;
	width: 85px;
	
}
/* ---------------------- お知らせ ---------------------- */
.information{
	font-size: 1.4rem;	
}
/* ---------------------- 見出し---------------------- */
h1{
	font-size: 1.8rem;
	padding: 10px 0 12px 22px;
	margin-bottom: 15px;
}
h1:before {
	top: 14px;
	left: 10px;
	height: 20px;
}
/* ---------------------- コンテンツ部分 ---------------------- */
#contents { 
	padding: 30px 0;
	font-size: 1.4rem;
}
/* --------------------- ログイン画面 ---------------------- */	
.login{
	border: 3px solid #e2e3e8;
	margin-bottom: 20px;
	padding: 20px;
}
.login.master{
	border: 3px solid #d5d6dc;
}
.title{
	font-size: 1.8rem;
	margin: 0.5em 0;
}	
.login input{
	margin: 10px auto;
}	
.login a.button{
	font-size: 1.4rem;
	margin: 1em auto;
}	
/* --------------------- 地区一覧・施設一覧 ---------------------- */
.list_main_contents{
	padding: 20px 20px 30px;
}	
.list_main_contents ul li a{
	padding: 15px;
	font-size: 1.6rem;
}	
.list_main_contents ul li a::after {
    right: 10px;
}	
/* --------------------- 予約入力・予約完了 ---------------------- */
.form{
	padding: 20px 20px 30px;
}
.form dl{
	display: block;
	border-top:none;
	font-size: 1.5rem;
}
.form dl:last-of-type{
	border-bottom:none;
}
.form dl dt{
	padding: 0.7em 0.7em;
	width: 100%;
	margin: 2px 0;
}
.form dl dd{
	padding: 0.7em 0;
	width: 100%;
	margin: 2px 0;
}
.form dl dd.dd_02{
	padding: 0.2em 0;
}
.form ul.complete{
	justify-content:space-between;
	flex-wrap: wrap;
}
.form ul.complete li {
	width: 48%;
	margin-bottom: 10px;
}
.form ul.complete li a,.form ul.input li a{
	font-size: 1.4rem;
	padding: 1.0em 0 1.1em;
}
label input{
	width: auto;
}	
label{
	margin-right: 5px;
}
.date {
	width: 6.5em;
	margin-right: 0.2em;
}
.time {
	width: 8.5em;
	margin-right: 0.2em;
}
.cal_title{ /*  カレンダータイトル  */
	flex-wrap:wrap;
}
.cal_title div:nth-child(1) { 
	order:1;
	width: 50%;
	margin-bottom: 0.5em;
}
.cal_title div:nth-child(2) { 
	order:3;
}
div.cal_title_current{
	font-size: 1.6rem;
	order:4;
}
.cal_title div:nth-child(4) { 
	order:5;
}
.cal_title div:nth-child(5){ 
	order:2;
	width: 50%;
	margin-bottom: 0.5em;
}
.cal_title select{ 
	float: right;
}
.div_table{ /*  テーブルスクロール  */
	height: 400px;
}
table.cal_month{ /*  メインカレンダー(月)  */
}
table.cal_month span{
	display: none;
}	
table.cal_week{ /*  メインカレンダー(週)  */
}	
table.cal_week span{
	display: none;
}
table.cal_week th{
	height: 5.0em;
}
table.cal_week th div{
	font-size: 1.7rem;
	height: 28px;
}
table.cal_week th div.today{
	background-size: 23px;
	font-size: 1.7rem;
}	
table.cal_week td a{
-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	padding: 3px 2px;
	letter-spacing: 0.03rem;
}	
table.cal_day{ /*  メインカレンダー(日)  */
}
table.cal_day td{
	font-size: 1.2rem;
}

	
	
	
	
	
	
	
	
}