@charset "UTF-8";

/* 基本色 */
:root {
	--main-color: #ffffff;
	--dark-main-color: #000000;
	--text-bright-color: #fff;
	--large-width: 1000px;
}


/* 基本設定： ページ全体 */
body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
}


/* ヘッダー */
.header {
	background-color:#000000;
	padding:5px 0;
	width:100%;
	margin-bottom:20px;
	text-align:center;
}

.header h1 img {
	width:60%;
	height:auto;
}

@media (min-width: 768px) {
	
.header {
	background-color:#000000;
	padding:20px 0;
	width:100%;
	margin-bottom:20px;
	text-align:center;
}

.header h1 img {
	width:25%;
	height:auto;
}
}


/* イメージ */
.main_img {
	margin-bottom:20px;
	text-align:center;
}


.main_img img {
	max-width:90%;
	height:auto;
}

@media (min-width: 768px) {

.main_img img {
	max-width:650px;
	height:auto;
}
}

/* 開催にあたり */
.first {
	margin-bottom:50px;
}

.first p {
	text-align:left;
}
 
h3 span {
	color:#FFBA72;
}
	
h3 {
	color:#FFBA72;
	
}


/* 詳細 */
.details {
	background-color:#000000;
	color:#ffffff;
	font-size: 14px;
	text-align:center;
	padding-top:20px;
	line-height: 2em;	
}

.details .container {
	width:96%;
	margin-left: auto;
	margin-right: auto;
}
	
.details h2 {
	margin:0 auto;
	margin-top:20px;
}

.details h2 img {
	width:95%;
	height:auto;
	margin-bottom:20px;;
}

@media (min-width: 768px) {

.details {
	font-size:14px;
}

.details h2 img {
	max-width:650px;
	height:auto;
}
}


@media (min-width: 768px) {

.details .container{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
}



.details ul.info01  {
	border-top: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
	text-align:left;
	margin-bottom:40px;
}
	
ul{ list-style-type:none; margin:0; padding:0; } li{ margin:0; } 
 
.details ul.info01 li {
	padding:20px 0;
	border-bottom: 1px #7A7777 solid;
}

.details ul.info01 li strong {
	font-size:120%;
	font-weight:normal;
}

@media (min-width: 768px) {

.details ul.info01 li strong {
	font-size:150%;
	font-weight:normal;
}
}



.details ul.info01 li span.small {
	font-size:80%;
}

.details ul.info01 li a {
	color:#ffffff;
}

.details ul.info01 li span.red {
	font-weight:bold;
	color:#FFBA72;
}

@media (min-width: 768px) {

.details ul.info01 li span.small {
	font-size:80%;
	padding-left:30px;
}

.details ul.info01 li a {
	color:#ffffff;
}

.details ul.info01 li span.red {
	font-weight:bold;
	color:#FFBA72;
	padding-left:30px;
}
}



/* ボタンエリア */
.btn_area {
	margin-bottom:40px;
}

.btn_area img.pdf {
	max-width:50%;
	height:auto;
	margin-bottom:20px;
}

.btn_area img.ticket {
	max-width:100%;
	height:auto;
}

@media (min-width: 768px) {

.btn_area img.pdf {
	max-width:40%;
	height:auto;
	margin-bottom:40px;
}

.btn_area img.ticket {
	max-width:80%;
	height:auto;
}


}


.btn_area a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* 事務局情報 */
dl.info02 {
	text-align:left;
	border-top: 1px #787878 solid;
	border-bottom: 1px #787878 solid;
	padding:10px 0;
	font-size:12px;
}

dl.info02 dt {
padding:0;
text-align:center;
font-weight:bold;
width:100%;
margin-top:10px;
}

dl.info02 dd {
padding:0;
text-align:center;
width:100%;
margin:0;
}


dl.info02 strong {
	font-size:125%;
	font-weight:normal;
}

dl.info02 span.small {
	font-size:80%;
}

dl.info02 a {
	color:#ffffff;
}

.footer {
	font-size:80%;
	padding-bottom:20px;
}

.ticket_lead {
	padding:10px;
	font-size:100%;
}

.ticket_tl {
	width:90%;
	height:auto;
}


@media (min-width: 768px) {

dl.info02 {
	text-align:left;
	border-top: 1px #787878 solid;
	border-bottom: 1px #787878 solid;
	padding:20px 0;
}

dl.info02 dt {
	float:left;
	width:10%;
	padding:10px 0;
	text-align:left;
	margin-top:0;
}

.clear {
	clear:both;
}

dl.info02 dd {
	float:left;
	width:80%;
	padding:10px 0;
	text-align:left;
}

dl.info02 strong {
	font-size:130%;
	font-weight:normal;
}

dl.info02 span.small {
	font-size:80%;
}

dl.info02 a {
	color:#ffffff;
}
	
.footer {
	font-size:80%;
	padding-bottom:50px;
}

.ticket_tl {
	width:100%;
	height:auto;
}


}