
/*for phon verticalーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*－－－－－<div>ー－－－－－*/
	div#wrapper:before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100vh;
		background-size: cover;
		background-image: url(../../img/calenderBG.jpg); 
		margin: auto;
		clear: both;
		font-size: 15px;
	}
/*
		*/
	div#header {
		margin: auto;
		height: 40px;
		width: 95%;
		padding: 0px;
	}

	div#header p{
		padding: 13px 5px 0px 0px;
		margin:0px;
		text-align: right;
		font-style: italic;
	}
		
	#globalNavi {
		height: auto;
		width: 96%;
		margin: 0px auto 60px auto;
	}
		#globalNavi ul li{
			width: 24%;
			height: auto;
			margin: none;
			padding: 5px 0px 5px 0px;
			float: left;
			font-size: 13px;
			text-align: center;
			list-style-type: none;
			border: 1px solid #aaa;
			background-color: #faeacf;
		}
		.middle{
			margin: 3px 0px 0px 0px;
		}
	div#mainVisual{
		margin: auto;
		height: auto;
		width: 95%;	
	}

	div#info {
		width: 336px;
		margin: auto;
		padding:0px;
		overflow: hidden;
	}
		div#info ul{
			margin:3px;
			padding:0px;
			background-color:#000000;
		}
		div#info li{
			width: 80px;
			height: 20px;
			margin: 0px;
			float: left;
			font-size: 13px;
			text-align: center;
			list-style-type: none;
			border: 1px solid #ffffff;
			background-color:#eeeeff;
		}

	div#contents {
		height: auto;
		width: 95%;
		padding 0px;
		margin: auto;
		font-size:10px;
		clear: both;
		overflow: hidden;
		text-align: center;
	}
		#contents ul{
			text-align: left;
			padding: 10px 0px 10px 30px;
			list-style: none;
		}
			#contents li{
				line-height: 28px;
				font-size: 20px;
			}
	
		#contents p.main{
			font-size: 20px;
			margin: 5px;
			padding: 0px 0px 0px 0px;
			clear: both;
		}
		#contents aside{
			text-align: left;
			border: solid 1px #000;
			background-color: #faeacf;
		}
			#contents aside p{
				font-size: 13px;
			}
			#efficacy{
				text-align: left;
			}
		#contents h4{
			font-size: 20px;
		}
	
	div#form {
		height: auto;
		padding none;
		margin: auto;
		font-size:10px;
		clear: both;
		overflow: hidden;
	}
		#form h4{
			font-size: 20px;
			margin: 5px;
			padding: 10px 0px 0px 0px;
			clear: both;
			font-weight: bold;
		}
		#form p{
			margin: 5px;
			padding: 0px 0px 0px 0px;
			clear: both;
		}
		#form p.a{
			margin: auto;
			padding: 20px 0px 0px 0px;
			text-align: center;
		}
		#form input{
			height: auto;
			margin: 2%;
			font-weight: bold;
			font-size: 13px;
		}
		#form select{
			height: auto;
			font-size: 13px;
		}
		#form button{
			padding: none;
			height: auto;
			font-size: 13px;
		}
		
	div#menu {
		height: auto;
		padding 0px;
		margin: 0px;
		clear: both;
		overflow: hidden;
	}
		#menu p{
			font-weight: bold;
			margin: 10px;
			clear: both;
		}
		
	div#login{
		width: 85%;
		margin: auto;
		padding:0px;
	}
		#login input{
			width: 45%;
			height: auto;
			margin: 2%;
			padding: auto;
			float: left;
			font-weight: bold;
			font-size: 15px;
		}
	
	div#supplement{
		padding: 20px 0px 0px 0px;
		text-align: left;
	}
		#supplement p{
			font-weight: bold;
		}
	div.note{
		text-size; 20px;
	}
	#error{
		margin-bottom: 10px;
		color: red;
		font-size: 20px;
	}
	
	div.article {
		width: 60%;
		margin: 0px;
		float: left;
		border-right: 1px solid #ffcccc;
		border-bottom: 20px solid #ffffff;
	}
	
	div.aside{
		float: right;
		width: 38%;
		padding-top: 50px;
	}

	div#footer {
		margin: auto;
		clear: both; 
		width: 100%;
	}
		#footer ul{
			margin: auto;
			padding:0px;
			font-align: center;
		}
		#footer li{
			font-size:10px;
			color:#ff0000;
			list-style-position: inside;
			padding:0px;
		}
		#footer address{
			color: #333;
			text-align: right;
			padding: 0px 3% 25px 0px;
			margin: 0px;
		}
		#footer hr{
			padding: 0px;
			margin: 0px;
		}
		div#selectForm{ /*－－－－－<Calender>－－－－－*/
			text-align: right;
			margin: auto;
			padding: 0px;
			width: 95%;
			height: auto;
		}
			#selectForm p.cal{
				padding: 30px 0px 0px 0px;
				font-size: 13px;
			}
			#selectForm input{
				font-size: 13px;
			}
			#selectForm select{
				margin: 10px 0px 10px 0px;
				font-size: 13px;
			}
	
										/*－－－－－<heading>－－－－－*/
										
	h1{    /*－－mainVisual内タイトル－－*/
		font-size: 30px;
		color: #fff;
		float: right;
		margin: 0px;
		padding: px 0px 0px 0px;
	}

	h2{    /*－－赤線内タイトル(ログインで使用)－－*/
		color: #ffffff;
		padding:10px 0px 10px 0px;
		margin: auto;
		background: -webkit-linear-gradient(left,  #550000 0%,#b15252 20%,#c78383 51%,#8a0000 76%,#550000 96%,#570000 100%,#550000 100%);
		height: auto;
		font-size: 20px;
		text-align: center;
	}

	h3{    /*－－小見出し(コース内で使用)－－*/
		text-align: center;
		padding:7px;
		margin:auto;
		color: #000;
		font-size: 25px;
	}

	h4{    /*－－(registrationで使用中)－－*/
		margin:0px;
	}

	h5{
		font: 5px;
		padding: 0px;
	}

	h6{    /*－－注意－－*/
		text-align: center;
		padding:0px; 
		margin:0px;
	}

	small{    /*－－－－*/
		font-size: 16px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}


										/*－－－－－<Horizontal Rule>－－－－－*/
	hr{
		margin: 5px auto;
		clear: both;
	}
	
	hr.redGraduation{
		margin:0px;
		padding:0px;
		display:block;
		width: 100%;
		height: 10px;
		border: 1px solid #cacaca;
		-webkit-border-radius: 10px;
		background: #550000; 
		/* Chrome10+,Safari5.1+ */
		background: linear-gradient(to right,  #550000 0%,#b15252 20%,#c78383 51%,#8a0000 76%,#550000 96%,#570000 100%,#550000 100%); 
		/* W3C */
	}

	hr.blueGraduation{
		margin:0px;
		padding:0px;
		display:block;
		width: 100%;
		height: 10px;
		border: 0;
		border: 1px solid #cacaca;
		-webkit-border-radius: 10px;
		background: #550000;
		background: -webkit-linear-gradient(left,  #000055 0%,#5252b1 20%,#8383c7 51%,#00008a 76%,#000055 96%,#000057 100%,#000055 100%); 
		/*Chrome10+,Safari5.1+ */
	}

	hr.grayHr{
		margin:0px;
		padding:0px;
		border-color: #dddddd;
	}

	hr.colorHr{
		border-color: #bbbbff;
		padding:0px;
		margin:0px;
	}

	hr.r1{
		display:block;
		width: 100%;
		height: 10px;
		border: 0;
		border: 1px solid #cacaca;
		-webkit-border-radius: 10px;
		background: #550000; /* Old browsers */
		background: -moz-linear-gradient(left,  #550000 0%, #b15252 20%, #c78383 51%, #8a0000 76%, #550000 96%, #570000 100%, #550000 100%); 
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#550000), color-stop(20%,#b15252), color-stop(51%,#c78383), color-		stop(76%,#8a0000), color-stop(96%,#550000), color-stop(100%,#570000), color-stop(100%,#550000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #550000 0%,#b15252 20%,#c78383 51%,#8a0000 76%,#550000 96%,#570000 100%,#550000 100%); 
		/* Chrome10+,Safari5.1+ */
		background: linear-gradient(to right,  #550000 0%,#b15252 20%,#c78383 51%,#8a0000 76%,#550000 96%,#570000 100%,#550000 100%); 
		/* W3C */
	}

	hr.r2{
		display: block;
		border: 0;
		width: 100%;
		height: 28px;
		background: url("　　　") no-repeat top center;
		-webkit-background-size: 512px 28px;
		align: center;
	}

	hr.r3{
		display:block;
		width: 100%;
		height: 10px;
		border: 0;
		border: 1px solid #cacaca;
		-webkit-border-radius: 10px;
		background: #550000; /* Old browsers */
		background: -moz-linear-gradient(left,  #000055 0%, #5252b1 20%, #8383c7 51%, #00008a 76%, #000055 96%, #000057 100%, #000055 100%); 
		/*FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000055), color-stop(20%,#5252b1), color-stop(51%,#8383c7), color-		stop(76%,#00008a), color-stop(96%,#550000), color-stop(100%,#570000), color-stop(100%,#550000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #000055 0%,#5252b1 20%,#8383c7 51%,#00008a 76%,#000055 96%,#000057 100%,#000055 100%); 
		/*Chrome10+,Safari5.1+ */
		background: linear-gradient(to right,  #000055 0%,#5252b1 20%,#8383c7 51%,#00008a 76%,#000055 96%,#000057 100%,#000055 100%);
		/* W3C */
	}

										/*－－－－－<form_style>ー－－－－－*/
	form.login_form{
		padding: 0px;
		margin: auto;
		text-align: center;
	}
		.login_form input{
			height: 22px;
			text-size: 28px;
		}

										/*－－－－－<span>ー－－－－－*/
	span.green_font{
		color: #008800;
	}

	span.red_font{
		color: #ee0000;	
	}

	span.yellow_font{
		color: #889922;
	}

	span.green{
		background: linear-gradient(transparent 50%, #ddffdd -20%);
	}

	span.red{
		background: linear-gradient(transparent 50%, #ffddff -5%);
	}

	span.yellow{
		background: linear-gradient(transparent 50%, #ffffaa -5%); 
	}

	span.blue{
		background: linear-gradient(transparent 50%, #ddffff -5%); 
	}
	
										/*－－－－－reservationー－－－－－*/
	#title{
		margin:0px;
		padding: 0px;
		width: auto;
		height: auto;
	}
	
	#heading{
		margin:0px;
		padding: 0px;
		width: auto;
		height: auto;
	}
	
	div#schedule{
		margin:auto;
		padding: 15px 0px 15px 0px;
		width: auto;
		height: auto;
	}
	
	#attention{
		margin:0px;
		padding: 0px;
		width: auto;
		height: auto;
	}
	
	#reservation{
		margin:20px;
		padding: 0px;
		width: auto;
		height: auto;
	}
	
	div#reservationForm{
		margin: auto;
		padding: 0px;
		width: auto;
		height: auto;
	}
		#reservationForm select{
			margin:10px;
			padding: 0px;
			width: auto;
			height: auto;
			font-size: 12px;
		}
		
		#reservationForm input{
			margin: auto;
			padding: 0px;
			width: auto;
			height: auto;
			font-size: 20px;
		}
	
										/*－－－－－TABLEー－－－－－*/
	.price{
		margin: auto;
		width: 85%;
		border: solid 3px #722;
		text-align: center;
		font-size: 20px;
	}
		.price th{
			margin: 10px;
			padding: 10px;
			height: auto;
			border: solid 1px #aaa;
			vertical-align: middle;
		}
		.price td{
			margin: 10px;
			padding: 10px;
			height: auto;
			border: solid 1px #aaa;
			vertical-align: middle;
		}
							/*－－－－－course画像表示ー－－－－－*/
	#course{
		margin: 10px;
		padding: none;
		width: 95%;
	}
		#course td{
			margin: 100px;
			width: 50%;
			padding: 10px;
			vertical-align: middle;
			background-color:rgba(255,255,255,0.3);
			font-size: 15px;
		}
		#course th[colspan="2"]{
			height: 30px;
			font-weight: bold;
			font-size: 20px;
			color: #0dd;
			vertical-align: bottom;
		}

		.top{
			height: 20px;
			font-weight: bold;
			font-size: 20px;
			color: #0dd;
			vertical-align: bottom;
		}
		
		
							/*－－－－－confirmation確認ー－－－－－*/
	#confirmation{
		margin: auto;
		padding: 0px;
		width: 98%;
		font-size: 15px;
	}
		#confirmation th{
			margin: 5px;
			padding: 5px;
			border: solid 1px #ccc;
		}
		#confirmation td{
			margin: 5px;
			padding: 5px;
			border: solid 1px #ccc;
		}
		#confirmation tr:nth-child(odd){
			background-color: #fee;
			border: solid 1px #ccc;
		}
		.confirmation_button{
			text-align: right;
			border: none;
		}
		.confirmation_button button{
			font-size: 13px;
		}
	#inform_table{
		width: 98%;
		table-layout: fixed;
		font-size: 18px;
	}
		#inform_table tr:nth-child(odd){
			background-color: #fdd;
		}
		#inform_table th{
			width: 23%;
			text-align: right;
			letter-spacing: 1px;
			text-decoration: underline;
			text-decoration-color: #aaf;
			font-size: 13px;
		}
		#inform_table td{
			padding: 5px;
			text-align: left;
			letter-spacing: 1px;
			text-decoration: underline;
			text-decoration-color: #aaf;
		}

						/*－－－－－Calender用テーブルー－－－－－*/
	table.cTable{	//calenderTable
		border: solid 1px #000;
		width: 90%;
	}
		table.cTable th{
			margin: none;
			padding: 4px 0px 4px 0px;
			background-color: rgba(250,250,250,0.2);
			text-align: center;
			border: solid 1px #000;
		}
		table.cTable td.done{
			background-color: rgba(100,100,100,0.5);
			margin: none;
			padding: 4px 0px 4px 0px;
			text-align: center;
			width: 40px;
			border: solid 1px #000;
		}
		table.cTable td.day{
			background-color: rgba(175,255,175,0.5);
			margin: none;
			padding: 2px 0px 2px 0px;
			text-align: center;
			width: 40px;
			border: solid 1px #000;
		}
		table.cTable td.sun{
			background-color: rgba(220,175,175,0.5);
			margin: none;
			padding: 2px 0px 2px 0px;
			text-align: center;
			width: 40px;
			border: solid 1px #000;
		}
		table.cTable td.weekday{
			background-color: rgba(250,250,250,0.2);
			margin: none;
			padding: 2px 0px 2px 0px;
			text-align: center;
			width: 40px;
			border: solid 1px #000;
		}
		table.cTable td.sat{
			background-color: rgba(175,175,255,0.5);
			margin: none;
			padding: 2px 0px 2px 0px;
			text-align: center;
			width: 40px;
			border: solid 1px #000;
		}
			.cTable button{
				font-size: 13px;
			}

						/*－－－－－timeSchedule用テーブルー－－－－－*/
	table.timeSchedule{
		width: 95%;
		height: auto;
		margin: auto;
		padding: 0px;
		border-collapse: collapse;
		border-spacing: 0;
	}
		table.timeSchedule th{
			height: auto;
			width: 10%;
			padding: 5px 0px 0px 0px;
			margin-bottom: 0px;
			font-size: 20px;
			text-align: left;
		}
		table.timeSchedule td.none{
			height: 20px;
			padding-top: 0px;
			margin-top: 0px;
			border: 1px solid #aaa;
		}
		table.timeSchedule td.reserved{
			background-color: rgba(255,255,0,0.5);
			height: 20px;
			padding-top: 0px;
			margin-top: 0px;
			border: 1px solid #aaa;
		}
		table.timeSchedule td.closing{
			background-color: rgba(255,200,200,0.5);
			height: 20px;
			padding-top: 0px;
			margin-top: 0px;
			border: 1px solid #aaa;
		}
		table.timeSchedule td.space{
			border: none;
			height: 5px; 
		}
		
						/*－－－－－テーブルー－－－－－*/
	table.chart{
		margin: 0px;
		padding: 0px;
		border: solid 1px #000;
	}

						/*－－－－－テーブルー－－－－－*/
	table.menu{
		margin: auto;
		padding: 0px;
		whidth: 20px;
		border: solid 1px #000;
	}

						/*－－－－－テーブルー－－－－－*/
	.commentEdit{
		margin: auto;
		width: 95%;
		font-size: 15px;
	}
		.commentEdit th{
			padding: none;
			width: 20%;
			vertical-align: middle;
			text-align: right;
		}
		.commentEdit td{
			padding: none;
			width: 80%;
			vertical-align: middle;
		}
		.commentEdit textarea{
			width: 70%;
			font-size: 15px;
	}
						/*－－－－－テーブルー－－－－－*/
	table#member_list{
		margin: auto;
		padding: 0px;
		font-size: 13px;
	}
		#member_list th{
			width: 19%;
		}
		#member_list td{
			width: 19%;
		}

						/*－－－－－テーブルー－－－－－*/
	table.comment{
		margin: 25px auto 10px auto;
		padding: 0px;
		width: 90%;
		background-color: #fff;
		border: solid 1px #000;
		font-size: 15px;
	}
		.comment th{
			border: solid 1px #000;
		}
		.comment td.day{
			width: 20%;
			text-decoration: underline solid #faa;
			border: solid 1px #000;
		}
		.comment td.note{
			width: 25%;
			border: solid 1px #000;
		}
		.comment th[colspan="2"]{
			 border: solid 1px #000;
		 }
		.comment td[colspan="2"]{
			width: 55%;
			border: solid 1px #000;
		 }

						/*－－－－－テーブルー－－－－－*/
	table.course_edit{
		margin: auto;
		height: auto;
		font-size: 13px;
	}
		.course_edit td{
			padding: 7px 0px 2px 0px;
			border-bottom: solid 1px #000;
		}
		.course_edit td.color{
			background-color: rgba(220,230,190,0.5);
			border-bottom: solid 1px #000;
		}
		.course_edit td[colspan="6"]{
			border: none;
		}
										
									/*－－－－－<ul>タグー－－－－－*/
	ul#efficacy{
		font-size: 50px;
		list-style:none;
		margin: 0px;
		padding: 0px;
	}
		ul#efficacy li:before{
			content: "";
			height: 10px;
			width: 10px;
			display: inline-block;
			background-color: #000;
			margin: 0px 5px 0px 0px;
		}
		ul#efficacy li{
			margin: 20px;
			padding: 10px;
			font-size: 20px;
			border: solid 1px #faa;
			text-decoration: underline;
			text-decoration-color: #fcc;
		}
	ul#price-list{
		list-style:none;
		margin: 0px;
		padding: 0px;
		text-align: left;
	}
		ul#price-list li:before{
			content: "";
			height: 5px;
			width: 5px;
			background-color: #000;
			margin: 0px 5px 0px 0px;
		}
		ul#price-list li{
			font-size: 15px;
			margin: auto;
			padding: 5px;
			color: #007;
		}
	ul#explanation-list{
		list-style:none;
		margin: 0px;
		padding: 0px 20px 0px 10px;
		text-align: left;
	}
		ul#explanation-list li:before{
			content: "";
			height: 5px;
			width: 5px;
			display: inline-block;
			margin: 0px 5px 0px 0px;
			background-color: #000;
		}
		ul#explanation-list li{
			margin: auto;
			padding: 10px;
			color: #007;
		}
	ul#note-list{
		list-style:none;
		width: 85%;
		margin-top: 30px;
		padding: 0px 0px 0px 5%;
		text-align: left;
	}
		ul#note-list li:before{
			content: "";
			height: 5px;
			width: 5px;
			display: inline-block;
			margin: 0px 5px 0px 0px;
			background-color: #a00;
		}
		ul#note-list li{
			font-size: 17px;
			margin: auto;
			padding: 8px;
			color: #000;
			letter-spacing: 1px;
			text-decoration: underline;
			text-decoration-color: #aaf;
		}
		
										/*－－－－－単独タグー－－－－－*/
	p{
		font-size: 15px;
	}
	
	hr.note{
			margin: 15px 0px 15px 0px;
			padding: 0px;
			clear: both;
	}

	a.top{
		color: #00a;
		text-decoration: none;
	}
		a.top:visited{
			color: #f00;
		}
		a.top:hover{
			color: #aaf;
			text-decoration: underline;
		}
	p.right{
		text-align: right;
		padding: 10px 0px 0px 0px;
	}
	
	p.gest_form{
			text-align: left;
	}

	p.link{
		margin: auto;
		padding: 20px 0px 0px 0px;
	}

	.login{ //form
		margin: 10px;
		font-size: 13px;
	}
	
	p.center{
		text-arign: center;
		font-size: 25px;
	}
	address{
		font-size: 13px;
	}


/*for phon horizontalーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 551px) and (max-width: 700px){
	/*DIV*/
	#contents{
		font-size: 200px;
	}
	#header p{
		font-size: 15px;
	}
	#globalNavi {
		margin: 0px auto 80px auto;
	}
		#globalNavi ul li{
			font-size: 20px;
		}
	#login input{
		font-size: 20px;
	}
	#form input{
		font-size: 15px;
	}
		#form select{
			font-size: 20px;
		}
		#form input{
			font-size: 20px;
		}
		#form button{
			font-size: 18px;
		}
	#selectForm p.cal{
		font-size: 12px;
	}
		#selectForm input{
			font-size: 15px;
		}
		#selectForm select{
			font-size: 15px;
		}
	#error{
		font-size: 25px;
	}
/*header*/
	h1{
		font-size: 30px;
	}

	h2{
		font-size: 25px;
	}

	h3{
		font-size: 30px;
	}

	h4{   
	
	}

	h5{
		font: 10px;
	}

	h6{    /*－－注意－－*/
		font-size: 25px;
	}

	small{    /*－－－－*/
		font-size: 12px;
	}
/*table*/
	#course td{
			font-size: 20px;
		}
		#course th[colspan="2"]{
			font-size: 25px;
		}
		
	#inform_table td{
		font-size: 23px;
	}
		#inform_table th{
			font-size: 15px;
		}
	
	.cTable{
		font-size: 18px;
	}
		.cTable button{
			font-size: 18px;
		}
	
	table.timeSchedule th{
			font-size: 25px;
		}
		table.timeSchedule td.none{
			height: 30px;
		}
		table.timeSchedule td.reserved{
			height: 30px;
		}
		table.timeSchedule td.closing{
			height: 30px;
		}
	
	.price{
		font-size: 25px;
	}
	
	table.course_edit{
		font-size: 18px;
	}
	
	table#member_list{
		font-size: 18px;
	}
	#confirmation{
		font-size: 20px;
	}
		.confirmation_button button{
			font-size: 18px;
		}
	table.comment{
		font-size: 20px;
	}
	.commentEdit{
		font-size: 20px;
	}
		.commentEdit textarea{
			font-size: 20px;
		}
	
/*solo*/
	p{
		font-size: 23px;
	}
	p.center{
		font-size: 30px;
	}
	.login{
		font-size: 20px;
	}
	address{
		font-size: 18px;
	}
	#contents li{
		line-height: 35px;
		font-size: 25px;
	}
}


/*for pad verticalーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 701px) and (max-width: 900px){
	#wrapper{
		font-size: 25px;
	}
	#header p{
		font-size: 20px;
	}
	#globalNavi {
		margin: 0px auto 90px auto;
	}
		#globalNavi ul li{
			font-size: 25px;
		}
	#login input{
		font-size: 25px;
	}
	#form input{
		font-size: 20px;
	}
		#form select{
			font-size: 25px;
		}
		#form input{
			font-size: 25px;
		}
		#form button{
			font-size: 23px;
		}
	#selectForm p.cal{
		font-size: 17px;
	}
		#selectForm input{
			font-size: 20px;
		}
		#selectForm select{
			font-size: 20px;
		}
	#error{
		font-size: 30px;
	}
/*header*/
	h1{
		font-size: 35px;
	}

	h2{
		font-size: 30px;
	}

	h3{
		font-size: 35px;
	}

	h4{   
	
	}

	h5{
		font: 15px;
	}

	h6{    /*－－注意－－*/
		font-size: 30px;
	}

	small{    /*－－－－*/
		font-size: 17px;
	}
/*table*/
	#course td{
			font-size: 25px;
		}
		#course th[colspan="2"]{
			font-size: 30px;
		}
		
	#inform_table td{
		font-size: 28px;
	}
		#inform_table th{
			font-size: 20px;
		}
	
	.cTable{
		font-size: 23px;
	}
		.cTable button{
			font-size: 23px;
		}
	
	table.timeSchedule th{
			font-size: 30px;
		}
		table.timeSchedule td.none{
			height: 35px;
		}
		table.timeSchedule td.reserved{
			height: 35px;
		}
		table.timeSchedule td.closing{
			height: 35px;
		}
	
	.price{
		font-size: 30px;
	}
	
	table.course_edit{
		font-size: 23px;
	}
	
	table#member_list{
		font-size: 23px;
	}
	#confirmation{
		font-size: 25px;
	}
		.confirmation_button button{
			font-size: 23px;
		}
	table.comment{
		font-size: 23px;
	}
	.commentEdit{
		font-size: 23px;
	}
		.commentEdit textarea{
			font-size: 23px;
		}
/*solo*/
	p{
		font-size: 28px;
	}
	p.center{
		font-size: 35px;
	}
	.login{
		font-size: 25px;
	}
	address{
		font-size: 16px;
	}
	#contents li{
		line-height: 42px;
		font-size: 30px;
	}
}

/*for pad horizontalーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 901px) and (max-width: 1200px){
	#wrapper{
		font-size: 30px;
	}
	#header p{
		font-size: 30px;
	}
	#globalNavi {
		margin: 0px auto 90px auto;
	}
		#globalNavi ul li{
			font-size: 30px;
		}
	#login input{
		font-size: 30px;
	}
	#form input{
		font-size: 25px;
	}
		#form select{
			font-size: 30px;
		}
		#form input{
			font-size: 30px;
		}
		#form button{
			font-size: 28px;
		}
	#selectForm p.cal{
		font-size: 22px;
	}
		#selectForm input{
			font-size: 25px;
		}
		#selectForm select{
			font-size: 25px;
		}
	#error{
		font-size: 35px;
	}
/*header*/
	h1{
		font-size: 40px;
	}

	h2{
		font-size: 35px;
	}

	h3{
		font-size: 40px;
	}

	h4{   
	
	}

	h5{
		font: 20px;
	}

	h6{    /*－－注意－－*/
		font-size: 35px;
	}

	small{    /*－－－－*/
		font-size: 22px;
	}
/*table*/
	#course td{
			font-size: 30px;
		}
		#course th[colspan="2"]{
			font-size: 35px;
		}
		
	#inform_table td{
		font-size: 33px;
	}
		#inform_table th{
			font-size: 25px;
		}
	
	.cTable{
		font-size: 28px;
	}
		.cTable button{
			font-size: 28px;
		}
	
	table.timeSchedule th{
			font-size: 35px;
		}
		table.timeSchedule td.none{
			height: 40px;
		}
		table.timeSchedule td.reserved{
			height: 40px;
		}
		table.timeSchedule td.closing{
			height: 40px;
		}
	
	.price{
		font-size: 35px;
	}
	
	table.course_edit{
		font-size: 28px;
	}
	
	table#member_list{
		font-size: 28px;
	}
	#confirmation{
		font-size: 30px;
	}
		.confirmation_button button{
			font-size: 28px;
		}
	table.comment{
		font-size: 28px;
	}
	.commentEdit{
		font-size: 28px;
	}
		.commentEdit textarea{
			font-size: 28px;
		}
/*solo*/
	p{
		font-size: 33px;
	}
	p.center{
		font-size: 40px;
	}
	.login{
		font-size: 30px;
	}
	address{
		font-size: 20px;
	}
	#contents li{
		line-height: 50px;
		font-size: 35px;
	}
}
/*for pcーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media (min-width: 1201px){
#wrapper{
		font-size: 30px;
	}
	#header p{
		font-size: 30px;
	}
	#globalNavi {
		margin: 0px auto 90px auto;
	}
		#globalNavi ul li{
			font-size: 30px;
		}
	#login input{
		font-size: 30px;
	}
	#form input{
		font-size: 25px;
	}
		#form select{
			font-size: 30px;
		}
		#form input{
			font-size: 30px;
		}
		#form button{
			font-size: 28px;
		}
	#selectForm p.cal{
		font-size: 22px;
	}
		#selectForm input{
			font-size: 25px;
		}
		#selectForm select{
			font-size: 25px;
		}
	#error{
		font-size: 35px;
	}
/*header*/
	h1{
		font-size: 40px;
	}

	h2{
		font-size: 35px;
	}

	h3{
		font-size: 40px;
	}

	h4{   
	
	}

	h5{
		font: 20px;
	}

	h6{    /*－－注意－－*/
		font-size: 35px;
	}

	small{    /*－－－－*/
		font-size: 22px;
	}
/*table*/
	#course td{
			font-size: 30px;
		}
		#course th[colspan="2"]{
			font-size: 35px;
		}
		
	#inform_table td{
		font-size: 33px;
	}
		#inform_table th{
			font-size: 25px;
		}
	
	.cTable{
		font-size: 28px;
	}
		.cTable button{
			font-size: 28px;
		}
	
	table.timeSchedule th{
			font-size: 35px;
		}
		table.timeSchedule td.none{
			height: 40px;
		}
		table.timeSchedule td.reserved{
			height: 40px;
		}
		table.timeSchedule td.closing{
			height: 40px;
		}
	
	.price{
		font-size: 35px;
	}
	
	table.course_edit{
		font-size: 28px;
	}
	
	table#member_list{
		font-size: 28px;
	}
	#confirmation{
		font-size: 30px;
	}
		.confirmation_button button{
			font-size: 28px;
		}
	table.comment{
		font-size: 28px;
	}
	.commentEdit{
		font-size: 28px;
	}
		.commentEdit textarea{
			font-size: 28px;
		}
/*solo*/
	p{
		font-size: 33px;
	}
	p.center{
		font-size: 40px;
	}
	.login{
		font-size: 30px;
	}
	address{
		font-size: 20px;
	}
	#contents li{
		line-height: 50px;
		font-size: 35px;
	}
}