@charset "UTF-8";
/* CSS Document */

/*======================================================

	PCサイズ（769px以上）ここから
	
======================================================*/

@media screen and (min-width:769px), print{

#main #specialOverview{
	padding-top: 15px;
}
#specialOverview .linkButton a{
	padding: 1.5em 6em;
}


/* 展示資料 */
#tenji_list{
	list-style-type: disc;
	margin-top: 30px;
}
#tenji_list h5{
	color: #54061a;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 20px;
}
#tenji_list li{
	font-size: 85%;
	margin: 10px 2.0em;
}
#tenji_list li span{
	font-size: 125%;
	margin-right: 0.2em;
}

#tenji_shiryo{
	margin-top: 50px;
	font-size: 0;
	text-align: center;
}

#tenji_shiryo dl{
	display: inline-block;
	width: 480px;
	vertical-align: top;
	margin: 0 15px 35px;
	font-size: 14px;
}
#tenji_shiryo dl dt{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 5px;
}
#tenji_shiryo dl dt img{
	width: 100%;
	height: auto;
}
#tenji_shiryo dl dd{
	text-align: center;
}


#course{
	padding-bottom: 30px;
}
#course .wrapper > div{
	position: relative;
	padding: 20px 0;
	border-bottom: 1.5px dotted #54061a;
}
#course .day{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}
#course dl{}
#course dl dt{
	display: inline-block;
	vertical-align: top;
	color: #54061a;
	font-size: 107%;
	font-weight: bold;
	background-color: #eee;
	padding: 2px 20px;
}
#course dl dd{
	display: inline-block;
	vertical-align: top;
}
#course dl dd span{
	display: block;
	margin-right: 0.7em;
	color: #54061a;
	font-size: 128%;
	font-weight: bold;
}

#course .wrapper > div .linkButton{
	position: absolute;
	bottom: 25px;
	right: 0;
}
#course .linkButton a{
	padding: 13px 80px;
}
#course .wrapper > .caution{
	margin-top: 15px;
}
#course .wrapper > .linkButton{
	margin: 25px 0;
}
#course .wrapper > .linkButton a{
	padding: 20px 100px;
}

#workshop .cat{
	display:inline-block;
	background-color:#54061a;
	color:#fff;
	font-size: 95%;
	margin-right: 5px;
	padding:1px 10px;
}
#workshop .state{
	display:inline-block;
	color:#54061a;
	background-color:#eee;
	padding:2px 10px;
}
#workshop h5{
	color: #54061a;
	font-size: 128%;
	font-weight: bold;
	margin: 5px 0 10px;
}
#workshop .day{
	font-size: 114%;
	font-weight: bold;
}

#workshop .wrapper > dl{}
#workshop .wrapper > dl > dt{
	display: inline-block;
	vertical-align: top;
	width: 250px;
	margin-right: 20px;
}
#workshop .wrapper > dl > dt img{
	width: 100%;
	height: auto;
}
#workshop .wrapper > dl > dd{
	display: inline-block;
	vertical-align: top;
	width: 700px;
	padding-top: 5px;
}
	
#workshop .others dl{
	margin-top: 20px;
}
#workshop .others dl dt{
	display: inline-block;
	color:#54061a;
	font-size: 105%;
	font-weight:bold;
	background-color:#eee;
	padding: 1px 20px;
	margin-right: 7px;
}
#workshop .others dl dd{
	display: inline-block;
}

	
#sponsorship{}
#sponsorship dl{
	display: flex;
	flex-wrap: nowrap;
}
#sponsorship dl dt,
#sponsorship dl dd{
	display:block;
	box-sizing: border-box;
}
#sponsorship dl dt{
	width: 80px;
}
#sponsorship dl dd{
	width: 940px;
}
#sponsorship dl dt span{
	letter-spacing: 2em;
}



}
/*======================================================

	SPサイズ（768px以下）ここから
	
======================================================*/

@media screen and (max-width: 768px) {

#main #specialOverview{
	padding-top: 15px;
}
#specialOverview .linkButton a{
	padding: 1.5em;
	box-sizing: border-box;
	width: 95%;
	max-width: 380px;
}

#main .specialOthers{
	padding-bottom: 0;
}

/* 展示資料 */
#tenji_list{
	list-style-type: disc;
	margin-top: 20px;
}
#tenji_list h5{
	color: #54061a;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 10px;
}
#tenji_list li{
	font-size: 85%;
	margin: 7px 0 7px 2.0em;
	padding-left: 1em;
}
#tenji_list li span{
	display: block;
	font-size: 125%;
	margin-left: -1.2em;
}

#tenji_shiryo{
	margin-top: 40px;
	text-align: center;
}

#tenji_shiryo dl{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 550px;
	margin: 0 auto 30px;
}
#tenji_shiryo dl dt{
	width: 100%;
	height: 100%;
	margin-bottom: 5px;
}
#tenji_shiryo dl dt img{
	width: 100%;
	height: auto;
}
#tenji_shiryo dl dd{
	text-align: center;
}

#course{
	padding-bottom: 30px;
}
#course .wrapper > div{
	padding-bottom: 25px;
	border-bottom: 1.5px dotted #54061a;
}
#course .day{
	font-size: 120%;
	font-weight: bold;
	margin: 17px 0 5px;
}
#course dl{}
#course dl dt{
	display: inline-block;
	vertical-align: top;
	color: #54061a;
	font-size: 107%;
	font-weight: bold;
	background-color: #eee;
	padding: 2px 20px;
}
#course dl dd{
	display: inline-block;
	vertical-align: top;
}
#course dl dd span{
	display: block;
	margin-right: 0.7em;
	color: #54061a;
	font-size: 128%;
	font-weight: bold;
}

#course .linkButton{
	display: block;
	margin-top: 20px;
}
#course .linkButton a{
	width: 90%;
	max-width: 450px;
	padding: 22px 0;
}
#course .wrapper > .caution{
	margin-top: 15px;
}
#course .wrapper > .linkButton{
	margin: 20px 0 0;
}
#course .wrapper > .linkButton a{
	width: 75%;
	max-width: 400px;
	padding: 17px 0;
}

#workshop .cat{
	display:inline-block;
	background-color:#54061a;
	color:#fff;
	font-size: 95%;
	margin-right: 5px;
	padding:1px 10px;
}
#workshop .state{
	display:inline-block;
	color:#54061a;
	background-color:#eee;
	padding:2px 10px;
}
#workshop h5{
	color: #54061a;
	font-size: 145%;
	font-weight: bold;
	margin: 5px 0 10px;
}
#workshop .day{
	font-size: 114%;
	font-weight: bold;
}

#workshop .wrapper > dl{}
#workshop .wrapper > dl > dt{
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
#workshop .wrapper > dl > dt img{
	width: 100%;
	max-width: 450px;
	height: auto;
}
#workshop .wrapper > dl > dd{
	display: block;
	width: 100%;
}
	
#workshop .others dl{
	margin-top: 20px;
}
#workshop .others dl dt{
	display: inline-block;
	color:#54061a;
	font-size: 105%;
	font-weight:bold;
	background-color:#eee;
	padding: 1px 20px;
	margin: 0 7px 4px 0
}
#workshop .others dl dd{
	display: block;
	padding-left: 5px;
}

#sponsorship dl dt,
#sponsorship dl dd{
	display: block;
}
#sponsorship dl dd{
	padding-left: 1em;
}




}