@charset "UTF-8";

/* リセット */
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,li,dt,dd,form {
	margin: 0px;
	padding: 0px;
	font-weight:normal;
}
li,dt,dd {list-style: none;}
img {
	border: none;
	max-width:100%;
}


body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	padding:0;
	margin:0;
	color:#333;
    -webkit-text-size-adjust: 100%;
}

a:link,
a:visited,
a:active{
	color:#336699;
	text-decoration:underline;
}
a:hover{
	color:#FF6600;
	text-decoration:none;
}



/* （調整系）
------------------------------------------ */
.tL {text-align: left;}
.tR {text-align: right;}
.tC {text-align: center;}
.fL {float: left;}
.fR {float: right;}
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.fz12 {font-size: 12px !important;}
.fz14 {font-size: 14px !important;}
.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}




/* Clearfix */
.clearfix {
	zoom: 100%;
}

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

.caution {
	color:#DD0000;
}
.wrap{
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}
.gray{
	border-top:1px solid #e6e6e6;
	background:#f0efef;
}
span.marker{
	color:#DD0000;
	font-weight:bold
}
span.pcbr{
	display:none;
}
.header {
	padding: 15px 0 10px 0;
	border-bottom: #000 solid 2px;
	margin-bottom: 20px;
}
h1 {
	font-weight: bold;
	font-size: 26px;
	width:900px;
	margin:0 auto 0px;
}
h2 {
	width: 100%;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	background: #ed1c24;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
}
.section {
	width:900px;
	margin:0 auto 0px;
	padding-bottom:30px;
}
.section .block{
	padding-bottom:12px;
}
.section p{
	padding-bottom:8px;
}

/* イントロダクション */
.section .introduction{
	overflow: hidden;
	margin-bottom: 30px;
}
.section .introduction .image{
	float: right;
	margin: 0 0 20px 20px;
}

.pagetop {
	background-color:#f1f1f1;
	border-top:6px solid #37474f;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:0px;
	padding-top:10px;
	text-align:right;
}
.pagetop a{
	background: #37474f;
	background-image: -webkit-linear-gradient(top, #37474f, #141617);
	background-image: -moz-linear-gradient(top, #37474f, #141617);
	background-image: -ms-linear-gradient(top, #37474f, #141617);
	background-image: -o-linear-gradient(top, #37474f, #141617);
	background-image: linear-gradient(to bottom, #37474f, #141617);
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	padding: 10px 25px 10px 25px;
	text-decoration: none;
	color:#FFFFFF;
}
}


/* Copyright */

.copyright {
	text-align:center;
	margin-bottom:0;
	padding:10px 0;
}

/* 先行 */

table.pre {
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	margin:10px 0px 12px;
	width: 100%;
}
table.pre th,
table.pre td{
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:8px 12px;
}
table.pre th{
	color:#333;
	background:#EEEEEE;
}
table.pre td.btn{
	width:300px;
}
/* 申込みボタン */
.pre_button01 a{
	width: 280px;
	background-color: #F39C11;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgba(165,95,10,1);
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 2px auto;
	padding: 10px 0;
}
.pre_button01 a:hover {
	box-shadow: 0 1px 0 rgba(165,95,10,1);
	margin: 4px auto 0px;
}


table.schedule {
	border-collapse: collapse;
	font-size:14px;
	color: #333;
	border: 1px solid #787878;
	margin:0px 0px 8px;	
}
	table.schedule th {
		color: #fff;
		background-color: #262F33;
		padding: 3px;
		font-weight:normal;
	}
	table.schedule th.title {
		background: #FFFFFF;
		color:#333333;
	}
	table.schedule td {
		padding: 8px 14px;
		text-align:center;
	}

	table.schedule th,
	table.schedule td {
		border-right: 1px solid #787878;	
		border-bottom: 1px solid #787878;	
	}

	ul.note {
		font-size:12px;
	}
	ul.note li {
		padding-bottom:4px;
		line-height:1.5em;
	}

	.btn01 {
		text-align: center;
	}
	.btn01 a {
		display: inline-block;
		padding: 20px 0;
		border-radius: 4px;
		box-sizing: border-box;
		text-align: center;
		line-height: 150%;
		text-decoration: none;
		font-size: 18px;
		font-weight: bold;
		background: #ed1c24;
		box-shadow: 0 3px 0 rgba(186,22,28,1);
		color: #FFF;
		width: 320px;

	}
	.btn01 a:hover {
		box-shadow: 0 1px 0 rgba(186,22,28,1);
		margin: 4px auto 0px;
	}

/* ★@media screen */
@media screen and (max-width: 900px){

	.wrap{
		width: 100%;
		min-width: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}
	.header {
		padding: 10px 0 5px 10px;
		border-bottom: #000 solid 2px;
		margin-bottom: 20px;
	}
	h1 {
		font-size: 22px;
		width:100%;
	}
	p.title{font-size:18px;}
	.section {
		width:100%;
	}
	.section .block{
		padding:0px 12px 12px;
	}
	ul.btn {
		width:100%;
	}
	ul.btn li {
		width:90%;
		padding:0px 0px 8px;
		margin:0px auto;
	}
	ul.btn li.reserved ,
	ul.btn li.reserved02 ,
	ul.btn li.parentschild,
	ul.btn li.backtop {
		float:none;
	}

	table.schedule{
		display: block;
		border:none;
	}
		table.schedule thead{
			display: none;
		}
		table.schedule tbody{
			display: block;
		}
			table.schedule tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			table.schedule tbody th,
			table.schedule tbody td{
				display: list-item;
				list-style-type: none;
				border: none;
				text-align:left;
				padding-left:8px;
			}
			table.schedule tbody th{
				margin-bottom: 5px;
				color: #fff;
			}
			table.schedule th.title {
				background: #000000;
				color:#FFFFFF;
			}
			table.schedule tbody th{
				background: #EEEEEE;
			}
			table.schedule tbody td{
				padding:0px 0px 0px 8px;
			}

			table.schedule tbody td span.smttell{
				padding-left:8px;
			}

			table.schedule tbody td:nth-of-type(1):before { content: "[会場/開演] "; }
			table.schedule tbody td:nth-of-type(2):before { content: "[会場] "; }
			table.pre {
				max-width: 100%;
				border:none;
			}
			table.pre th,
			table.pre td{
				max-width: 100%;
				display: block;
				border:none;
				text-align:left;
				padding:4px 8px;
			}
			table.pre td{
				padding-bottom:4px;
			}
			table.pre td.btn{
				width:95%;
				padding-bottom:40px;
			}

			table.pre tr:first-child th   {}

		span.smtbr{
			display:none;
		}
		span.pcbr{
			display:inline;
		}

		.pagetop {
			text-align:center;
		}
		ul.btn li a span {
			font-size:24px;
		}
	.pagetop {
		padding-top:6px;
	}

		.btn01 a {
			width: 90%;
			max-width: 320px;
		}

}

@media screen and (max-width: 640px){
	.section .introduction .image{
		float: none;
		margin-left: 0;
		margin-bottom: 20px;
		text-align: center;
	}
}