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

*{
	margin:0;
	padding:0;
}

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

.clearfix {
	display: inline-table;
}
.pink{
	color: #C5D817;
	font-weight: bold;
}
.green {
	color: #C1204D;
}
.blue{
	color:#61d2e3;
	font-weight: bold;
}
.center{
	text-align:center;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body{
	font-size: 15px;
	font-family: "ＭＳ ゴシック", sans-serif;
	border: 10px solid #C5D817;
	color: #4B3D01;
}
img{
}

a:link,a:visited,#acMenu h3{
	text-decoration: none;
	color: #C5D817;
	-moz-transition-property: opacity;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
}
a:hover,#acMenu h3:hover{
	opacity:0.6;
}
.right_side{
	text-align:right;
}
.size950,#size950{
	width:950px;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	background-color: rgba(255,255,255,0.8);
	
}
.size90p {
	width: 90%;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
}
#main #top4 {
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4B3D01;
	border-bottom-color: #C5D817;
}
#main #top1 {
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #C1204D;
}
#countdown {
	width: 600px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* へっだーここから */
header h1{
	text-align: center;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #C5D817;
}

/* へっだーここまで */


/* なびここから */
nav{
	display:block;
	}
nav p{
	text-align:right;
	padding:10px;
	background:#fff;
}

/* なびここまで */

/* こんてんつここから */
#main{
	background-repeat: repeat;
	background-attachment: fixed;
}
#main p{
	text-align: left;
	padding: 10px 30px;
	line-height: 1.5em;
}

#main h1{
	color: #fff;
	font-size: 200%;
	padding: 8px 0;
	text-align: center;
	margin: 20px 0;
	border-bottom: 8px solid #ffb40a;
	border-top: 8px solid #ffb40a;
}

#main section h2{
	font-size: 110%;
	color: #fff;
	text-align: left;
	background-color: #4B3D01;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 20px;
}
#main #top1 h3{
	color: #333333;
	border: 4px solid #C5D817;
	padding: 10px 0 10px 10px;
	text-align: center;
	margin-top: 15px;
	background-color: #C5D817;
}
#sub_contents p {
	padding: 5px;
	line-height: 1.5em;
}
.link_botan {
	text-align: center;
	padding: 10px;
}
#main h4{
	border-bottom: 2px dotted #FF3366;
	border-left: 2px dotted #FF3366;
	text-align: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 120%;
}
.bigfont {
	font-size: 150%;
}
#main #top1 table{
	width: 750px;
	margin:10px auto;
	}
#main #top1 table,#main #top1 table tr,#main #top1 table td {
	border-collapse: collapse;
	border: 1px dotted #333;
}
#main #top1 table td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#main #top1 #subnav {
	background-color: #C5D817;
	font-size: 18px;
	color: #FFF;
}
#main #top1 #subnav a {
	color: #FF0;
	text-decoration: underline;
}
#main #top1 h6 {
	font-size: 36px;
	margin-top: 20px;
	margin-left: 30px;
	text-align: left;
}
#top1 #sub1 {
	margin-right: 20px;
	margin-left: 20px;
}
#top1 #sub1 .sub_contents {
	border: 1px solid #C1204D;
}
#top1 #sub1 h2 {
	font-size: 36px;
	background-color: #FFF;
	color: #4B3D01;
	margin: 0px;
	width:100%;
}
#top1 #sub1 h3 {
	color: #FFF;
	background-color: #C1204D;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	margin: 0px;
}
#top1 #sub1 p {
}
section article{
	float:left;
	padding:10px 3px;
}
section .sub_contents {
	margin: 5px;
	width: 32%;
	float: left;
}
.sub_contents p img {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
section .sub_contents:nth-child(even) {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #C1204D;
	border-left-color: #C1204D;
}
#sub_contents {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.sub_contents .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.sub_contents .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.tomail,.page-top{
	position:fixed;
	width:110px;
	right:5px;
	z-index: 3;
}
.tomail{
	bottom:120px;
}
.page-top{
	bottom:10px;
}
.kakomi{
	padding:10px 0 10px 20px;
	border:1px solid #666;
	border-radius:10px;
	text-align:center;
}
#top1 h5{
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
	border-top: 10px solid #C5D817;
	border-bottom: 10px solid #C5D817;
}
#access h5{
}

#art{


}
#work{
}
#work li{
	float:left;
	list-style-type: none;
	padding:0 10px 0 10px;
}
#work ul{
	padding-left:20px;
}

#kami{
}
#oto{
}
.none{
	text-decoration: line-through;
}
.oto_haba{
	width:560px;
	height:315px; 
}
.medatsu {
	font-size: 24px;
	color: #FC0;
	font-weight: bolder;
	text-decoration: underline;
}
/* こんてんつここまで */



/* ふったーここから */
footer{
	padding: 20px 0;
	color: #FFF;
	text-align: center;
	background-color: #333;
	line-height: 1.5em;
}
footer h1 {
	margin-top: 20px;
	margin-bottom: 10px;
}
footer p {
	margin-bottom: 10px;
}
#top1 #time td {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* ふったーここまで */
#art table {
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/*#main #top1 p iframe,#catch iframe {
	width: 600px;
	height: 450px;
}*/
.kakusu{
	display:inline;
	}
#menu-box{
	display:none;
	}
	#menu{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
#menu li{
  display: block;
  width: 12.5%;
  margin: 0;
  padding: 0;
  border-bottom:2px dotted #fff;
  }
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #C5D817;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li:last-child{
  margin-bottom:10px;
}
#menu li a:hover{
  background: #444;
}
#toggle{ 
 display: none;
}
#main #sub2 {
	text-align: center;
}
#sub2 h6 {
	text-align: center;
}
#sub2 #top1 {
	background-color: #5C5853;
}
#sub2 p {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#main #sub2 iframe, #sub2 .artist iframe{
	height: 400px;
	width: 800px;
}
#sub2 h5 {
	font-size: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
}

#sub2 .sub_h5 {
	color: #FC0;
	background-color: #5C5853;
}
#sub2 .artist {
	width: 800px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border: 1px solid #5C5853;
}
#sub2 .artist p {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	width: auto;
}
.tsunagu800 {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#main #sub2 #ticket {
	background-image: url(../2017/image/ticket_bg.gif);
	background-repeat: repeat;
}
#main #sub2 #ticket .tsunagu800 {
	background-color: #FFF;
	border: thin solid #5C5853;
}

#sub2 .tsunagu800 h2 {
	background-color: #FC0;
	color: #5B5752;
}
.small_font {
	font-size: 12px;
	font-weight: lighter;
}
.back_red {
	color: #FFF;
	background-color: #C33;
}
.back_orange {
	background-color: #FFCC01;
}
.tsunagu800 table {
	border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}
.tsunagu800 table tr td {
	padding: 10px;
	color: #FFCC01;
	border: thin solid #FFCC01;
	font-size: 110%;
}