@charset "utf-8";
@media screen and (max-width: 700px) {
	html, body {
		width:100%;
		height:100%;
		margin:0;
    }
	#wrap{
		width:100%;
		overflow-x: hidden;
	}
	header{
		width:100%;
	}
	#all > div#idou{
		display:none;
	}
	#all > div#yoyaku{
		display:block;
	}
	#mypage-menu > div{
		width:90%;
		margin:12px auto;
	}
	#view_log table{
		width:95%;
		margin:20px auto 40px auto;
	}
	#view_log table .hide{
		display:none;
	}
	#view_log table th#date{
		min-width:30px;
	}
	#view_log table th#time{
		min-width:30px;
	}
	#view_log table th#room{
		min-width:30px;
	}
	#view_log table th#type{
		min-width:30px;
	}
	#errf {
		width:90%;
	}
	#compf {
		width:90%;
	}
}
@media screen and (max-width: 600px) {
	.mailcaution{
		width:90%;
		text-align:left;
		margin:12px auto;
	}
}
@media screen and (max-width: 500px) {
	#f_login{
		width:90%;
	}
	#info_login{
		width:90%;
	}
	.cu_flow{
		width:90%;
	}
	#f_cu th {
		width:80px;
	}
	#f_cu td {
		word-break:break-all;
	}
}
@media screen and (max-width: 450px) {
	#info{
		min-height:55px;
	}
	#info > form > strong{
		display:block;
		text-align:left;
	}
	#info > form > strong > span{
		display:block;
	}
	#info .chip{
		min-width:50px;
		text-align:center;
		padding-top:0;padding-bottom:0;
	}
	.yoyaku_subinfo{
		width:90%;
	}
	#view_log table td{
		padding:5px;
	}
	#view_log table .l_com{
		padding:0;
		background:none;
	}
	#f_cu{
		width:95%;
	}
	.henko > span{
		display:block;
		margin:5px 0;
	}
}
@media screen and (max-width: 351px) {
	input[type="text"]{
		width:150px;
	}
	input[type="text"].mini,input[type="number"].mini,input[type="password"].mini{
		width:40px;
	}
	input[type="text"].nameinput{
		width:65px;
	}
	#inputerror{
		width:90%;
	}
	#wrap{
		min-width:320px;
	}
	#yoyakutable{
		padding-left:0;
	}
	#cday #daytitle{
		font-size:150%;
	}
	#cday span{
		margin:0 5px;
	}
	footer address{
		width:90%;
	}
	#user_tit{
		font-size:120%;
	}
	#view_log table .kai{
		display:block;
	}
}