@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{
  font-family: sans-serif;
      -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body{
  margin: 0;
}

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

audio, canvas, progress, video{
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]){
  display: none;
  height: 0;
}

[hidden], template{
  display: none;
}

a{
  background: transparent;
}

a:active, a:hover{
  outline: 0;
}

abbr[title]{
  border-bottom: 1px dotted;
}

b, strong{
  font-weight: bold;
}

dfn{
  font-style: italic;
}

h1{
  font-size: 2em;
  margin: 0.67em 0;
}

mark{
  background: #ff0;
  color: #000;
}

small{
  font-size: 80%;
}

sub, sup{
  position: relative;

  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup{
  top: -0.5em;
}

sub{
  bottom: -0.25em;
}

img{
  border: 0;
}

svg:not(:root){
  overflow: hidden;
}

figure{
  margin: 1em 40px;
}

hr{
  box-sizing: content-box;
  height: 0;
}

pre{
  overflow: auto;
}

code, kbd, pre, samp{
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea{
  color: inherit;
  font: inherit;
  margin: 0;
}

button{
  overflow: visible;
}

button, select{
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"]{
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled]{
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner{
  border: 0;
  padding: 0;
}

input{
  line-height: normal;
}

input[type="checkbox"], input[type="radio"]{
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{
  height: auto;
}

input[type="search"]{
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{
  -webkit-appearance: none;
}

fieldset{
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend{
  border: 0;
  padding: 0;
}

textarea{
  overflow: auto;
}

optgroup{
  font-weight: bold;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
}

td, th{
  padding: 0;
}

*{
  margin: 0;
  padding: 0;
}

/* clearfix */
/* clearfix */
html{
  width: 100%;
  height: 100%;
overflow-x : hidden;
overflow-y : auto;
}

body{
  position: relative;
	overflow-x : hidden;
	overflow-y : auto;
  width: 100%;
  height: 100%;
  background-color: #ecedeb;
  font-family: "FOT-筑紫Aオールド明朝 Pr6 B";
  letter-spacing: 0.1em;
}

img{
  border: none;
}

a{
  text-decoration: underline;
  -webkit-transition: color 0.5s;
          transition: color 0.5s;
}

h1{
  margin: 0;
}

/*******************************
背景
*******************************/

#bg_scroll_l{
	position:fixed;
	left:-20px;
	bottom:-10px;
	z-index:-1;
	opacity:0.7;
}

#bg_scroll_r{
	position:fixed;
	right:10px;
	bottom:-10px;
	z-index:-1;
	opacity:0.7;
}

/*******************************
ヘッダーとメニュー
*******************************/

#top_header{
	position:absolute;
	top:0px;
	z-index:1;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#top_title{
	position:absolute;
	top:700px;
	z-index:1;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#top_bt_1{
	position:absolute;
	top:1050px;
	z-index:1;
	left: 35%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#top_bt_2{
	position:absolute;
	top:1050px;
	z-index:1;
	left: 45%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#top_bt_3{
	position:absolute;
	top:1050px;
	z-index:1;
	left: 55%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#top_bt_4{
	position:absolute;
	top:1050px;
	z-index:1;
	left: 65%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

/*******************************
動画
*******************************/

#movie_head{
	position:absolute;
	top:1240px;
	z-index:11;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#movie_foot{
	position:absolute;
	top:1920px;
	z-index:11;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#movie_bg{
	position:absolute;
	top:1380px;
	z-index:1;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#movie{
	position:absolute;
	top:1500px;
	z-index:10;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);	
}

.movie_parts{
	display: table-cell;
}

#movie_ground{
	position:absolute;
	top:1980px;
	z-index:12;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

/*******************************
予選
*******************************/

#yosen_midashi{
	position:absolute;
	top:1950px;
	z-index:12;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#yosen_explain{
	position:absolute;
	top:2250px;
	z-index:12;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#yosen_bgchara{
	position:absolute;
	top:2050px;
	z-index:1;
	left: 0%;
}

#yosen_bgchara2{
	position:absolute;
	top:2150px;
	z-index:1;
	right: 0%;
}

#big_frame{
	position:absolute;
	top:2480px;
	z-index:12;
	width:100%;
}

/*******************************
本戦
*******************************/

div#big_frame2{
	position:relative;	
	width:100%;
	top:0px;
	left:0%;
	opacity:1;
}

div#bar_2{
	position:absolute;
	width:100%;
	top:0pt;
	left:0%;
	opacity:1;
	z-index:11;
}

div#honsen_midashi{
	position:absolute;
	top:40px;
	z-index:12;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

div#honsen_explain{
	position:absolute;
	top:140px;
	z-index:12;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

div#honsen_bgchara{
	position:absolute;
	top:4px;
	z-index:1;
	left: 0%;
}

div#honsen_bgchara2{
	position:absolute;
	top:200px;
	z-index:1;
	right: 0%;
}

div#big_frame3{
	position:absolute;
	width:100%;
	top:270px;
	left:0%;
	opacity:1;
	z-index:20;
}

/*******************************
祭札
*******************************/

div#big_frame4{
	position:relative;	
	width:100%;
	top:0pt;
	left:0%;
	opacity:1;
}

div#bar_3{
	position:absolute;
	width:100%;
	top:0pt;
	left:0%;
	opacity:1;
	z-index:11;
}

div#matsuri_midashi{
	position:absolute;
	top:40px;
	z-index:12;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

div#matsuri_explain{
	position:absolute;
	top:200px;
	z-index:12;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

div#matsuri_bgchara{
	position:absolute;
	top:20px;
	z-index:1;
	left: 0%;
}

div#matsuri_bgchara2{
	position:absolute;
	top:20px;
	z-index:1;
	right: 0%;
}

/*******************************
サイドイベント
*******************************/

div#bar_4{
	position:absolute;
	width:100%;
	top:500px;
	left:0%;
	opacity:1;
	z-index:11;
}

div#side_midashi{
	position:absolute;
	top:540px;
	z-index:12;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

div#side_explain{
	position:absolute;
	top:700px;
	z-index:12;
	left: 50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

div#side_bgchara{
	position:absolute;
	top:500px;
	z-index:1;
	left: 0%;
}

div#side_bgchara2{
	position:absolute;
	top:500px;
	z-index:1;
	right: 0%;
}

div#big_frame5{
	position:absolute;
	width:100%;
	top:820px;
	left:0%;
	opacity:1;
	z-index:20;
}


/*******************************
本文用
*******************************/

div.frame{
	width:860px;
	margin:30px auto;
	border:0;
	background-color:rgba(255,235,245,0.65);
	box-shadow:rgba(255,235,245,0.65) 0px 0px 15px 5px;
	-webkit-box-shadow:rgba(255,235,245,0.65) 0px 0px 15px 5px;
	-moz-box-shadow:rgba(255,235,245,0.65) 0px 0px 15px 5px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin-bottom:40px;
	margin-top:40px;
	text-align:left;
	padding-left:40px;
	padding-right:40px;
	padding-top:40px;
	padding-bottom:40px;
}

img.subtitle{
	width:74%;
	padding-left:13%;
	padding-right:13%;
}

p.midashi{
	width:100%;
	font-size:26px;
	line-height:30px;	
	font-weight:600;
	text-align:center;
	background-image:url(../images/zenkoku_midashi.png);
	background-repeat:no-repeat;
	background-size:100%;
	padding-bottom:40px;
	color:#77566A;
	text-shadow:0px 1px 1px #8B7083;
}

p.komidashi{
	font-size:18px;
	font-weight:700;
	padding-bottom:4px;
	padding-top:14px;
}

table.eve_schedule{
	width:100%;
	border-bottom:1px solid #4A4448;
	border-collapse:collapse;
}

th.evesc_head{
	color:#FFFFFF;
	background:
		-moz-linear-gradient(top, #72696F, #111111);
	background:
		-webkit-gradient(linear, left top, left bottom, from(#72696F), to(#111111));
	border:1px solid #A79EA7;
	font-size: 18px;
	text-shadow:1px 1px 3px #000000;
	text-align:center;
}

tr.evesc_normal{
	border-bottom:1px solid #4A4448;
	background:none;
		-moz-transition-property:background;
		-webkit-transition-property:background;
		-o-transition-property:background;
		-ms-transition-property:background;
		-moz-transition-duration:0.3s;
		-webkit-transition-duration:0.3s;
		-o-transition-duration:0.3s;
		-ms-transition-duration:0.3s;
		-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;
}

p.paragraph{
	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:200;
	color:#150702;
	padding-bottom:12px;
}

.sparagraph{
	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	font-weight:400;
	color:#150702;
	padding-top:10px;
	padding-bottom:12px;
}

p.promopara{
	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:200;
	color:#150702;
	padding-top:10%;
	padding-left:5%;
	padding-right:10%;
	padding-bottom:5%;
}

.promo{
	width:30%;
	float:right;
}

.zenkoku_line{
	margin-left:80px;
	margin-top:20px;
	margin-bottom:30px;
	width:700px;
}

/*******************************
あるサイズより小さいスクリーン用
*******************************/

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

#top_header_image{
	width:1120px;
}

#top_title{
	top:400px;
}

#top_title_image{
	width:680px;
}

#top_bt_1{
	position:absolute;
	top:700px;
	z-index:1;
	left: 20%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#top_bt_2{
	position:absolute;
	top:700px;
	z-index:1;
	left: 40%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#top_bt_3{
	position:absolute;
	top:700px;
	z-index:1;
	left: 60%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#top_bt_4{
	position:absolute;
	top:700px;
	z-index:1;
	left: 80%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
}

#movie_head{
	top:890px;
}

#movie_foot{
	top:1570px;
}

#movie_bg{
	top:1030px;
}

#movie{
	top:1150px;
}

#movie_ground{
	top:1630px;
}

#yosen_midashi{
	top:1600px;
}

#yosen_explain{
	top:1900px;
}

#big_frame{
	top:2130px;
}

}

/*******************************
backtotop
*******************************/

.backtotop{
	position:fixed;
	top:20px;
	left:20px;
	z-index:99;
}