@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,mainArea
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	/*font-size: 100%;*/
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
    width:100%;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

.mini{
	font-size:small;
}

.center{
	text-align:center;
}
/*リセットここまで*/

body{
	font-family:
	"メイリオ",
	Meiryo,
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"ＭＳ Ｐゴシック",
	MS PGothic,
	Osaka,
	sans-serif,
	Alegreya SC,
	serif;	
}

a:visited{ color: #333;}
a:active{ color: #333;}
a:hover{ color: #FF1111;}
/*a {text-decoration:underline; color: #333;}*/
a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
/*opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";*/
background:none!important;
	margin:2px -2px -2px 2px;
}

.red{
	color:#B20000;
	font-size:large;
	font-weight:bold;
}

.background-pink{
	background:#ff99cc;
}

.background-blue{
	background:#99ccff;
}

.bold{
	font-weight: bold;
}

.right{
	text-align: right;
}

.numberStyle{
	list-style: decimal;
	margin: 0 0 0 20px;
}

/*----------------------------------
= 表のスタイル設定
----------------------------------*/
.list-1,
.list-2 {
	margin-bottom: 1.25rem;
}

.borderHeader th {
	border-bottom:2px #333 solid;
	padding:10px;
	font-weight: bold;
}

.borderNone td{
	border:none;
}

tbody td,tbody th  {
	border-bottom:1px #333 solid;
	padding:10px;
	vertical-align: top;
}

input.detailStyle,input.submitStyle, button.courseChange {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff975b+0,ff670f+100 */
    background: #abd1cf;
	/*background: #ff975b;
	background: -moz-linear-gradient(top,  #ff975b 0%, #ff670f 100%);
	background: -webkit-linear-gradient(top,  #ff975b 0%,#ff670f 100%); 
	background: linear-gradient(to bottom,  #ff975b 0%,#ff670f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff975b', endColorstr='#ff670f',GradientType=0 );
	border:1px #ff670f solid;*/
	cursor: pointer;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	border-radius: 5px;
}

input.cancelStyle, button.courseCancel {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff975b+0,ff670f+100 */
    background:#cc0000;
	/*background: #ff975b;
	background: -moz-linear-gradient(top,  #ff975b 0%, #ff670f 100%);
	background: -webkit-linear-gradient(top,  #ff975b 0%,#ff670f 100%); 
	background: linear-gradient(to bottom,  #ff975b 0%,#ff670f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff975b', endColorstr='#ff670f',GradientType=0 );
	border:1px #ff670f solid;*/
	cursor: pointer;
	color:#fff;
	font-size:16px;
	border-radius: 5px;
}

input.returnStyle {
    background:#ccc;
	cursor: pointer;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	border-radius: 5px;
}

input.detailStyle {
	width: 100px;
	height: 50px;
}

input.returnStyle,input.cancelStyle, input.submitStyle {
	width: 170px;
	height: 50px;
}

input.detailStyle:hover, button.courseChange:hover, .buttonArea li:hover, .clientButtonArea li:hover, button.clientReservation:hover,input.cancelStyle:hover, button.courseCancel:hover{
filter: alpha(opacity=0.7);
-ms-filter: alpha(opacity=0.7);
opacity: 0.7;
}

input.deleteStyle {
	width: 100px;
	height: 50px;	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
background: #cedce7; /* Old browsers */
background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	color:#fff;
	font-size:16px;
	border-radius: 5px;
}

input[type="text"],input[type="tel"],input[type="password"],input[type="number"],select {
  border: 2px solid #aaa;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 5px;
  box-sizing: border-box;
  transition: 0.3s;
	font-size: large;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
.normalStyle select:active,
.normalStyle textarea:active,
input[type="number"]:focus,
.normalStyle select:active,
.choiceTimeStyle select:active
{
  border-color: dodgerBlue;
  box-shadow: 0 0 8px 0 dodgerBlue;
}

/* 読み取り専用の <input> 要素を選択 */
/* Firefox では接頭辞付きで対応 */
input:-moz-read-only {
  background-color: #ccc;
}

/* Blink/WebKit/Edge では接頭辞なしで対応 */
/*input:read-only {
  background-color: #ccc;
}
*/

.inputWithIcon input[type="text"],.inputWithIcon input[type="tel"]  {
  padding-left: 40px;
}

.inputWithIcon {
  position: relative;
}

.inputWithIcon i {
  position: absolute;
  left:10px;
  top: 22px;
  padding: 9px 8px;
  color: #aaa;
  transition: 0.3s;
}

.inputWithIcon input[type="text"]:focus + i {
  color: dodgerBlue;
}

.inputWithIcon.inputIconBg i {
  background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
}

.inputWithIcon.inputIconBg input[type="text"]:focus + i,.inputWithIcon.inputIconBg input[type="tel"]:focus + i {
  color: #fff;
  background-color: dodgerBlue;
}

.acceptable input[type="radio"] {
   display: none;
}

.choiceTimeStyle input[type="text"]{
	width:120px;
	text-align: center;
}

.normalStyle select, .normalStyle textarea, .choiceTimeStyle select, .acceptable select{
	font-size:14px;
  	padding: 8px;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	outline: none;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	position: relative;
  	border: 2px solid #aaa;
  	border-radius: 4px;
	background: #ffffff;	
}

.normalStyle, .choiceTimeStyle, .acceptable {
	width: 100%;
	margin: 0 auto;
}

.normalStyle thead th, .choiceTimeStyle tfoot th, .acceptable thead th{
	text-align: center;
}

.acceptable thead td{
	width:40px;
}

 .choiceTimeStyle select{
	width:40px;
	text-align: center;
	font-size:24px;
	 padding: 0 0 5px 10px;
}

.acceptable tbody td select{
	width:130px;
	text-align: center;
	font-size:10px;
	padding: 0 0 5px 0;
}

.normalStyle thead th a,.choiceTimeStyle thead th a{
	text-decoration: none;
}

.normalStyle td,.normalStyle th, .choiceTimeStyle th, .acceptable th{
	border-bottom:1px #333 solid;
	padding:10px;
}

 .acceptable td{
	 vertical-align: middle;
}

.choiceTimeStyle td{
	border-bottom:1px #333 solid;	
	text-align: center;
	padding:5px 10px;
}

.acceptable td{
	border-bottom:1px #333 solid;	
	text-align: center;
	padding:5px 0;
}

.normalStyle th, .choiceTimeStyle th {
	font-weight: bold;
	padding:10px 0;
	vertical-align: top;
}

.acceptable th{
	padding:10px 5px;
	vertical-align: middle;
}

button.courseChange,button.courseCancel {
	width: 200px;
	height: 50px;
}

button.clientReservation {
	width: 182px;/*なぜか幅が合わない*/
	height: 65px;
	border: none;
}

/*----------------------------------
= お申し込みのページネーション
----------------------------------*/
.PagenationArea{
	margin: 20px 0;
	height: 30px;
}

.PagenationArea button, .PagenationArea li{
	/*float:left;*/
	margin:0  20px 0 0 ;
}

/*お申込みのページネーションの戻るボタン*/
.prev-page button{
	color: rgb(255, 57, 0);
    cursor: pointer;
    margin-right: 0px;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    background-color: #fff;
    line-height: 2.4;
    padding: 0 10px;
    margin-bottom: 3px;
	float: left;
}

/*お申込みのページネーションの進むボタン*/
.next-page button{
	color: rgb(255, 57, 0);
    cursor: pointer;
    margin-right: 0px;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    background-color: #fff;
    line-height: 2.4;
    padding: 0 10px;
    margin-bottom: 3px;	
	float: right;	
}

.displayNone{
 display:none;
}

form.items button{
    cursor: pointer;
	background-color: #ffd8de;
    border: 1px solid #ffd8de;
    color: #f5381e;
	padding: 5px 20px;
	border-radius: 10px;
}

.textBox50{
	width: 50px;
}

.textBox100{
	width: 100px;
}

.textBox150{
	width: 150px;
}

.textBox200{
	width: 200px;
}

.textBox300{
	width: 300px;
}

.mt50{
	margin-top: 50px;
}

.mb100{
	margin-bottom: 100px;
}


/*----------------------------------
= header
----------------------------------*/
header h1 a{
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
}



/*----------------------------------
= content
----------------------------------*/

.content{
	width:1024px;
	height: auto;
	margin:40px auto;
	background-color:#FFFFFF;
	padding:10px 10px 0 10px;
	overflow:hidden;
		/*border:1px #00FF5C solid;*/
}

.clientContent{
	width:970px;
	height: auto;
	margin:40px auto;
	background-color:#fafafa;;
	padding:15px;
	overflow:hidden;
		border:1px #aaa solid;
}

.clientContent table{
	padding: 0 10px;
}

.contentParticipantsList{
	width:1400px;
	height: auto;
	margin:40px auto;
	background-color:#FFFFFF;
	padding:10px 10px 0 10px;
	overflow:hidden;
		/*border:1px #00FF5C solid;*/
}

.menuArea{
	width:1024px;
	margin: 20px auto;
	/*border:1px #ff0000 solid;*/
}

.mainArea{
	/*width:1600px;	*/
	/*border:1px #0000ff solid;*/
}

/*----------------------------------
= menuArea
----------------------------------*/
.menuArea li{
	display:inline;
	margin: 0 20px 0 0 ;
}

/*----------------------------------
= buttonArea
----------------------------------*/
.buttonArea{
	margin: 10px 10px 50px 10px;
	padding:10px 10px 50px 10px;
}

.buttonArea li{
	width: 180px;
	padding: 20px 10px;	
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#abd1cf+0,96b7b4+100 */
	background: #abd1cf; /* Old browsers */
	background: -moz-linear-gradient(top,  #abd1cf 0%, #96b7b4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #abd1cf 0%,#96b7b4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #abd1cf 0%,#96b7b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abd1cf', endColorstr='#96b7b4',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	font-size:18px;
	border-radius: 5px;	
}

.clientButtonArea{
    width: 320px;
	margin: 10px auto 50px auto;
	padding:10px 10px 50px 10px;
}

.clientButtonArea li{
	width: 320px;
	padding: 120px 10px;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#abd1cf+0,96b7b4+100 */
	background: #abd1cf; /* Old browsers */
	background: -moz-linear-gradient(top,  #abd1cf 0%, #96b7b4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #abd1cf 0%,#96b7b4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #abd1cf 0%,#96b7b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abd1cf', endColorstr='#96b7b4',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	font-size:42px;
	border-radius: 30px;
}

.buttonArea li a, .clientButtonArea li a{
	font-weight: bold;
}

button.clientReservation {
	width: 340px;
	padding: 120px 10px 168px 10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#abd1cf+0,96b7b4+100 */
	background: #abd1cf; /* Old browsers */
	background: -moz-linear-gradient(top,  #abd1cf 0%, #96b7b4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #abd1cf 0%,#96b7b4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #abd1cf 0%,#96b7b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abd1cf', endColorstr='#96b7b4',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	color:#fff;
	font-size:42px;
	font-weight: bold;
	border-radius: 30px;
}

.buttonArea li{
	float: left;
	margin-right: 20px;
}

.clientButtonArea li{
	margin:0 20px 20px 0;
}

.buttonArea li a, .clientButtonArea li a{
	padding: 10px;
	text-decoration: none;
	color:#fff;
}


/*----------------------------------
= mainArea
----------------------------------*/
.mainArea h1, .mainArea h2, .mainArea h3, .mainArea h4{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
	background: #499bea; /* Old browsers */
	background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
	margin: 70px auto 0 auto;
	padding:5px 0;
	color: #fff;
	font-size:24px;
	text-align: center;
}

.mainArea td{
	vertical-align: middle;
}

/*参加者名簿*/
.formArea {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

.formArea li{
	display: inline-block;

}

#calendar table th, #calendar table td{
	text-align: center;
	margin: 0;
	padding: 0;
}


/*----------------------------------
ページネーション
----------------------------------*/
#prev, #next {
	color: #B20000;
	cursor: pointer;
}

/*----------------------------------
お問い合わせ
----------------------------------*/
textarea{
	margin:0 0 20px 0;
	font-size:large;
}

.button{
	text-align:center;
	margin:20px 0 10px 0;
}

/*----------------------------------
= footer
----------------------------------*/

#footerArea {
	border-top:3px #333 double;
	margin: 20px 0;
}

#footerArea ul{
	text-align: right;
	margin: 10px 0 0 0;
}

#footerArea li{
	display: inline;
}






/* ------------------------------------------------------------
	エムディー 加筆
------------------------------------------------------------ */
/* 初期設定
----------------------------------*/
header h1 a {
	font-size: 90.0%;
	font-weight: normal;
	text-decoration: none;
}
body {
    background-color: #fafafa;
}
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/* 文字色
----------------------------------*/
.red { color:#cc0000; }
.pink { color:#ff6699; }
.blue { color: #008899; }
.purple { color: #9370db; }
.green { color: #00a381; }
/* フォントサイズ指定
----------------------------------*/
.font80 { font-size:80%; }
.font85 { font-size:85%; }
.font90 { font-size:90%; }
.font100 { font-size:100%; }
.font110 { font-size:110%; }
.font120 { font-size:120%; }
.font130 { font-size:130%; }
.font140 { font-size:140%; }
.font150 { font-size:150%; }
.font160 { font-size:160%; }
.font170 { font-size:170%; }
.font180 { font-size:180%; }
.font190 { font-size:190%; }
.font200 { font-size:200%; }
.font-bold { font-weight:bold; }
/* マージン設定
----------------------------------*/
/* トップ */
.mt1 { margin-top: 1%; }
.mt2 { margin-top: 2%; }
.mt3 { margin-top: 3%; }
.mt4 { margin-top: 4%; }
.mt5 { margin-top: 5%; }
.mt6 { margin-top: 6%; }
.mt7 { margin-top: 7%; }
.mt8 { margin-top: 8%; }
.mt9 { margin-top: 9%; }
.mt10 { margin-top: 10%; }
/* ライト */
.mr1 { margin-right: 1%; }
.mr2 { margin-right: 2%; }
.mr3 { margin-right: 3%; }
.mr4 { margin-right: 4%; }
.mr5 { margin-right: 5%; }
.mr6 { margin-right: 6%; }
.mr7 { margin-right: 7%; }
.mr8 { margin-right: 8%; }
.mr9 { margin-right: 9%; }
.mr10 { margin-right: 10%; }
/* ボトム */
.mb1 { margin-bottom: 1%; }
.mb2 { margin-bottom: 2%; }
.mb3 { margin-bottom: 3%; }
.mb4 { margin-bottom: 4%; }
.mb5 { margin-bottom: 5%; }
.mb6 { margin-bottom: 6%; }
.mb7 { margin-bottom: 7%; }
.mb8 { margin-bottom: 8%; }
.mb9 { margin-bottom: 9%; }
.mb10 { margin-bottom: 10%; }
/* レフト */
.ml1 { margin-left: 1%; }
.ml2 { margin-left: 2%; }
.ml3 { margin-left: 3%; }
.ml4 { margin-left: 4%; }
.ml5 { margin-left: 5%; }
.ml6 { margin-left: 6%; }
.ml7 { margin-left: 7%; }
.ml8 { margin-left: 8%; }
.ml9 { margin-left: 9%; }
.ml10 { margin-left: 10%; }
/*
.returnStyle {
	display: none;
}
*/
/* ヘッダー
----------------------------------*/
header.header-custom h1 {
	margin: 0 0 1.5%;
	padding: 0.25% 2.5%;
	font-size: 90.0%;
	color: #ffffff;
	background-color: #016e54;
}
header.header-custom .header-logo {
	width: 970px;
	margin: auto;
	padding: 0;
	text-align: center;
}
header.header-custom .header-logo img {
	max-width: 65.0%;
	width: 100%;
	height: auto;
}
/* メインエリア
----------------------------------*/
.clientContent {
	width: 970px;
    height: auto;
    margin: 1.0% auto;
    padding: 3.5%;
	font-size: 100.0%;
	font-family: "UD新ゴ M", "UD Shin Go Medium";
    background-color: #e7e7e7;
    overflow: hidden;
    border: 0;
	border-radius: 10px;
}
.clientContent > .menu-title {
	text-align: center;
	font-size: 250.0%;
	color: #696969;
	font-weight: bold;
}
/* カレンダーtable */
.clientContent > .items > .acceptable {
	margin: auto;
	padding: 0;
	font-size: 100%;
	color: #646464;
}
.clientContent > .items > .acceptable thead tr td,
.clientContent > .items > .acceptable tbody tr th,
.clientContent > .items > .acceptable tbody tr td {
	margin: 0;
	padding: 2.0% 0%;
	text-align: center;
}
.clientContent > .items > .acceptable thead tr td {
	font-size: 115.0%;
	line-height: 165.0%;
	background-color: #dedede;
	border-bottom: 0;
}
.clientContent > .items > .acceptable tbody tr th,
.clientContent > .items > .acceptable tbody tr td {
	background-color: #ffffff;
	border-bottom: solid 6px #e7e7e7;
}
.clientContent > .items > .acceptable tbody tr td form.items button {
	margin: 0;
    padding: 2.5px 20px;
	cursor: pointer;
    background-color: #ffd8de;
    border: 1px solid #ffd8de;
	font-size: 135%;
    color: #f5381e;
    border-radius: 8px;
}

/* 申し込みページ内注意書き
----------------------------------*/
.course-caution-contents {
	margin: 1.0% auto;
	padding: auto;
	color: #696969;
	width: 65%;
}
.course-caution-contents h3 {
	margin: 6.0% 0 1.0% 0;
	padding: 0.5% 1.0%;
	font-size: 185.0%;
	text-align: center;
	border-top: solid 1px #696969;
	border-bottom: solid 1px #696969;
}
.course-caution-contents ul {
	margin: 5.0% 10% 2.5%;
	list-style: disc;
}
.course-caution-entry {
	color: #696969;
	text-align: center;
}

/* 申し込みページ（index3.php）
----------------------------------*/
.clientContent > #myform {
	margin-top: 1.5%;
}
.clientContent > #myform > table.normalStyle {
	margin: 1.5% 0;
	padding: 0;
	font-size: 100.0%;
	color: #646464;
	font-family: "UD新ゴ M", "UD Shin Go Medium";
}
.clientContent > #myform > table.normalStyle tbody tr th,
.clientContent > #myform > table.normalStyle tbody tr td {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 2.0% 0%;
	background-color: #ffffff;
	border-bottom: solid 6px #e7e7e7;
}
.clientContent > #myform > table.normalStyle tbody tr th {
	width: 20.0%;
	margin: 0;
	padding: 2.0%;
}
.clientContent > #myform > table.normalStyle tbody tr th span {
	margin-left: 2.0%;
	vertical-align: top;
	font-size: 80.0%;
}
.clientContent > #myform > table.normalStyle tbody tr td {
	margin: 0;
	padding: 2.0%;
}
.clientContent > #myform > table.normalStyle tbody tr td.inputWithIcon i {
	display: none;
}
.clientContent > #myform > table.normalStyle tbody tr td.inputWithIcon input[type="text"] {
	width: 65%;
	padding: 2.0%;
	border-radius: 0;
	float: left;
}
.clientContent > #myform > table.normalStyle tbody tr td > table tbody tr td {
	padding: 2.0% 0;
}
.clientContent > #myform > table.normalStyle tbody tr td > table tbody tr td:nth-child(odd) {
	width: 15.0%;
	text-align: right;
}
.clientContent > #myform > table.normalStyle tbody tr td > table tbody tr td:nth-child(odd)::after {
	content: '：';
}
.clientContent > #myform > table.normalStyle tbody tr td > table tbody tr:nth-child(1) td {
	border-bottom: solid 3px #e7e7e7;
}
.clientContent > #myform > table.normalStyle tbody tr td > table tbody tr:nth-last-child(1) td {
	border: 0;
}
.clientContent > #myform > div.button {
	font-size: 100.0%;
	color: #646464;
	font-family: "UD新ゴ M", "UD Shin Go Medium";
}
.clientContent > #myform > div.button input[type="checkbox"] {
	margin-right: 1.5%;
}
.clientContent > #myform > p.button {
	margin: 4.0% auto 0;
}
.clientContent > #myform > p.button button.courseChange {
	width: 360px;
	height: 70px;
    cursor: pointer;
	font-size: 150.0%;
	font-family: "UD新ゴ M", "UD Shin Go Medium";
    color: #ffffff;
    font-weight: bold;
	background: rgb(0,110,84);
	background: linear-gradient(0deg, rgba(0,110,84,1) 20%, rgba(186,220,173,1) 100%);
	border-radius: 50px;
	border: 0;
}
/* ご予約確認画面（confirm.php）
----------------------------------*/
.clientContent > table.normalStyle {
	margin: 1.5% 0;
	padding: 0;
	font-size: 100.0%;
	color: #646464;
	font-family: "UD新ゴ M", "UD Shin Go Medium";
}
.clientContent > table.normalStyle tbody tr th,
.clientContent > table.normalStyle tbody tr td {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 2.0% 0%;
	background-color: #ffffff;
	border-bottom: solid 6px #e7e7e7;
}
.clientContent > table.normalStyle tbody tr th {
	width: 21.5%;
	margin: 0;
	padding: 2.0%;
}
.clientContent > table.normalStyle tbody tr th span {
	margin-left: 2.0%;
	vertical-align: top;
	font-size: 80.0%;
}
.clientContent > table.normalStyle tbody tr td {
	margin: 0;
	padding: 2.0%;
}
.clientContent > form > div.button {
	font-size: 100.0%;
	color: #646464;
	font-family: "UD新ゴ M", "UD Shin Go Medium";
}
.clientContent > form > div.button input[type="submit"] {
	width: 360px;
	height: 70px;
	margin-top: 1.5%;
    cursor: pointer;
	font-size: 150.0%;
	font-family: "UD新ゴ M", "UD Shin Go Medium";
    color: #ffffff;
    font-weight: bold;
	background: rgb(0,110,84);
	background: linear-gradient(0deg, rgba(0,110,84,1) 20%, rgba(186,220,173,1) 100%);
	border-radius: 50px;
	border: 0;
}
/* --------------------------------------------------
	ブレイクポイント 1023pxまで
-------------------------------------------------- */
@media only screen and (max-width: 1023px) {
	/* ヘッダー
	----------------------------------*/
	header.header-custom .header-logo {
		width: 100%;
	}
	header.header-custom .header-logo img {
		max-width: 65.0%;
	}
	/* メインエリア
	----------------------------------*/
	.clientContent {
		width: 90%;
		margin: 1.0% auto;
		padding: 3.5%;
		border-radius: 15px;
	}
	/* 申し込みページ内注意書き
	----------------------------------*/
	.course-caution-contents {
		width: 75%;
	}
	/* 申し込みページ（index3.php）
	----------------------------------*/
	.clientContent > #myform > table.normalStyle tbody tr td.inputWithIcon input[type="text"] {
		width: 100%;
		float: none;
	}
	.clientContent > #myform > table.normalStyle tbody tr th {
		width: 20.0%;
	}
	.clientContent > #myform > table.normalStyle tbody tr td > table tbody tr td {
		display: table-cell;
	}
	.clientContent > #myform > table.normalStyle tbody tr td > table tbody tr td:nth-child(odd) {
		width: 21.5%;
	}
	/* ご予約確認画面（confirm.php）
	----------------------------------*/
	.clientContent > table.normalStyle tbody tr th {
		width: 25.0%;
	}
}
/* --------------------------------------------------
	ブレイクポイント 640pxまで
-------------------------------------------------- */
@media only screen and (max-width: 640px) {
	/* ヘッダー
	----------------------------------*/
	header.header-custom h1 {
		padding: 1.0% 3.5%;
		font-size: 75.0%;
	}
	header.header-custom .header-logo {
		width: 100%;
		margin: 6.5% 0 3.0%;
	}
	header.header-custom .header-logo img {
		max-width: 80.0%;
	}
	/* メインエリア
	----------------------------------*/
	.clientContent {
		width: 90%;
	}
	.clientContent > .menu-title {
		font-size: 135.0%;
		color: #696969;
		font-weight: bold;
	}
	.clientContent > .PagenationArea .prev-page button,
	.clientContent > .PagenationArea .next-page button {
		font-size: 75%;
	}
	/* カレンダーtable */
	.clientContent > .items > .acceptable {
		font-size: 10px;
	}
	.clientContent > .items > .acceptable thead tr td {
		font-size: 10px;
		line-height: 145.0%;
	}
	.clientContent > .items > .acceptable tbody tr td form.items button {
		padding: 1.5px 8px;
		font-size: 115%;
		border-radius: 6px;
	}
	/* 申し込みページ内注意書き
	----------------------------------*/
	.course-caution-contents {
		width: 100%;
	}
	.course-caution-contents h3 {
		font-size: 110.0%;
	}
	.course-caution-contents ul {
		margin: 5.0% 5.5% 2.5%;
		font-size: 95.0%;
	}
	.course-caution-entry {
		font-size: 90.0%;
	}
	/* 申し込みページ（index3.php）
	----------------------------------*/
	.clientContent > #myform {
		margin-top: 1.5%;
	}
	.clientContent > #myform > table.normalStyle {
		width: 100.0%;
		margin: 2.5% auto;
		font-size: 90.0%;
	}
	.clientContent > #myform > table.normalStyle tbody tr th,
	.clientContent > #myform > table.normalStyle tbody tr td {
		width: auto;
		padding: 1.0% 2.5%;
		display: block;
	}
	.clientContent > #myform > table.normalStyle tbody tr th {
		border-bottom: 0;
	}
	.clientContent > #myform > table.normalStyle tbody tr td {
		border-bottom: solid 10px #e7e7e7;
	}
	.clientContent > #myform > table.normalStyle tbody tr td > table tbody tr td:nth-child(odd) {
		width: 30.0%;
	}
	.clientContent > #myform > div.button {
		font-size: 90.0%;
	}
	.clientContent > #myform > div.button input[type="checkbox"] {
		margin-right: 1.5%;
	}
	.clientContent > #myform > p.button {
		margin: 4.0% auto 0;
	}
	.clientContent > #myform > p.button button.courseChange {
		margin-bottom: 5.5%;
		width: 90%;
		height: 55px;
		font-size: 135.0%;
		border-radius: 50px;
	}
	input[type="text"], input[type="tel"], input[type="password"], input[type="number"],select {
		margin: 0.5% auto 3.5%;
		padding: 1.5% 2.5%;
		width: 95.0%;
		box-sizing: border-box;
		font-family: "UD新ゴ R", "UD Shin Go Regular";
	}
	/* ご予約確認画面（confirm.php）
	----------------------------------*/
	.clientContent > table.normalStyle {
		font-size: 90.0%;
	}
	.clientContent > table.normalStyle tbody tr th,
	.clientContent > table.normalStyle tbody tr td {
		width: auto;
		padding: 2.0% 2.5%;
		display: block;
	}
	.clientContent > table.normalStyle tbody tr th,
	.clientContent > table.normalStyle tbody tr td:nth-child(odd) {
		border-bottom: 0;
	}
	.clientContent > table.normalStyle tbody tr td {
		border-bottom: solid 10px #e7e7e7;
	}
	.clientContent > form > div.button {
		font-size: 80.0%;
	}
	.clientContent > form > div.button input[type="submit"] {
		width: 90%;
		height: 55px;
		font-size: 135.0%;
		border-radius: 50px;
	}
}