@import url('https://fonts.googleapis.com/css?family=Abel|Pacifico|Roboto');

body {
	color: #584326;
	font-family: 'Roboto', sans-serif;
}
h1 {
	font-size: 35px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 26px;
	line-height: 1.8em;
}
h4 {
	font-size: 16px;
}
p {
	margin: 0px;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 1.7em;
	color: #6e5945;
}
h1,h2,h3,h4,h5,h6,p {
	font-family: 'Roboto', sans-serif;
	margin: 0px;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
a,
a:focus,
a:active {
	text-decoration: none !important;
}
a {
	color: #564331;
}
a:hover{
	color: #B56C51;
}
select {
	font-size: 14px;
	padding: 7px 0;
}
dt {
	font-size: 16px;
}
dd {
	padding: 0 0 20px 15px;
	font-size: 16px;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

/* ==================
 *
 *	Global Class 
 *
 *===================*/
.bar {
	position: relative;
	background:#fff;
	padding: 150px 0;
}
.bar.background-1 {
	background: url(../img/az-subtle.png) #fffaf0;
}
.bar.background-2 {
	background: url(../img/az-subtle.png) #02a39a;
}
.bar.background-3 {
	background: url(../img/az-subtle.png)  #fbc65d;
}
.bar.background-4 {
	background: url(../img/az-subtle.png)  #CB593E;
}

.btn {
	font-size: 14px;
	font-weight: 300;
	padding: 12px 25px;
	border-radius: 0;
}
.bg-primary {
	background: #01A399 !important;
	border-radius: 8px;
	padding: 3px 15px;
	color:#fff;
}
.bg-info {
	background: #BCB365 !important;
	border-radius: 8px;
	padding: 3px 15px;
	color:#fff;
}
.bg-danger {
	background: #CB593E !important;
	border-radius: 8px;
	padding: 3px 15px;
	color:#fff;
}
.bg-warning {
	background: #6e5945 !important;
	padding: 2px 7px;
	color:#fff;
}
.nav > li > a:hover,
.nav > li > a:focus {
	background: transparent;
}
.title {
	text-align: center;
}
.title h2 {
	color: #3B3531;
	font-size: 30px;
	font-family: 'Abel', sans-serif;
	padding-bottom: 50px;
	display: inline-block;
	position: relative;
}
.title p {
	font-size: 16px;
	line-height: 1.7em;
	color: #6e5945;
}
/* font */
.sm10 {
	font-size: 10px!important;
}
.sm12 {
	font-size: 12px!important;
	line-height: 1.5em!important;
}
.em16{
	font-size: 16px!important;
	line-height: 1.7em;
}
.em18{
	font-size: 18px!important;
	line-height: 1.7em;
}
.em20{
	font-size: 18px!important;
	line-height: 1.7em;
}
.em24{
	font-size: 24px!important;
	line-height: 1.7em;
}
.alf {
	font-family: 'Roboto', sans-serif!important;
}
.wh {
	color: #fffaf0!important;
}
.bl {
	color: #38A7BB !important;
}
.ora {
	color: #FFD700 !important;
}
.red {
	color: #8B2F00 !important;
}
.gr {
	color: #A5A84B !important;
}
.sp {
	letter-spacing: 0.08em;
}
.fa {
	padding: 0 2px;
}
.mb {
	margin-bottom: 50px !important;
}
.mb-lg {
	margin-bottom: 100px !important;
}
.mb-small {
	margin-bottom: 20px !important;
}
.img_c{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* animation keyfrem */
@-webkit-keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}
@-moz-keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}
@-o-keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}
@keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}
/* ==================
 *  section Class 
 *===================*/
/* header style */
header {
	padding: 5px 0;
	background: #9a3e01;
}
header .navbar {
	height: auto;
	margin-bottom: 0;
}
.is-sticky #navigation {
	background: rgba(128, 61, 61, 1);
	z-index: 1000;
	transition: 0.3s;
	width: 100%;
	padding: 0;
}
.navbar-brand {
	padding: 0;
	height: auto;
}
.navbar-toggle {
	border-color: #FFF9EF;
	transition: 0.3s;
}
.navbar-toggle .icon-bar {
	background: #FFF9EF;
	transition: 0.3s;
}
.navbar-toggle:hover {
	border-color: #3B3531;
}
.navbar-toggle:hover .icon-bar {
	background: #3B3531;
}
.menu li {
	padding: 0 0 0 8px;
}
.menu a {
	color: #fff;
	transition: 0.3s;
	position: relative;
	font-size: 16px;
	font-weight: 200;
	text-transform: uppercase;
	font-family: 'Abel', sans-serif;
}
.menu a:before {
	content: "";
	position: absolute;
	left: 16px;
	bottom: 12px;
	width: 0;
	height: 1px;
	background: #FFD700;
	transition: 0.3s;
}
.menu a:hover {
	background: transparent;
	color: #FFD700;
}
.menu .active a {
	color: #FFD700;
}
.menu .active a:before{
	width: 25px;
}
.menu a:hover:before {
	width: 25px;
}
.dropdown-menu {
	margin-top: -1px;
	min-width: 260px;
}
.dropdown:hover > .dropdown-menu{
	display: block;
}
.menu .dropdown-menu {
	background: #9a3e01;
	border: 0;
	padding: 0;
	margin-top: 0;
	border-top: 0;
	border-radius: 10px;
	left: 0;
	color: #FFF9EF;
	font-family: 'Abel', sans-serif;
}
.menu .dropdown-menu a:before {
	content: "";
	position: absolute;
	left: 16px;
	bottom: 15px;
	width: 0;
	height: 1px;
	background: #FFD700;
	transition: 0.3s;
}
.menu .dropdown-menu a:hover {
	background: transparent;
	color: #FFD700;
}
.menu .dropdown-menu:before{
	position: absolute;
	top:0;
}
.menu .dropdown-menu > li > a {
	padding: 8px 30px;
	color: #FFF9EF!important;
	font-size: 16px;
}
.menu .dropdown-menu > li:hover > a,
.menu .dropdown-menu > li:focus > a,
.menu .dropdown-menu > li.active > a {
	color: #FFD700!important;
	background: transparent!important;
}
.menu .dropdown-menu > li:last-child > a {
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-top: 0;
	padding-bottom: 0;
}
/* =================
   Home page style
   ================= */
.jumbotron {
	background: url('../img/banner2.jpg') center no-repeat;;
	background-size: cover;
	padding: 150px 0 50px 0;
	margin-bottom: 0!important;
}
.jumbotron h1 {
	padding-bottom: 30px;
	font-size: 26px;
	font-weight: 500;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.05em;
	color: #fff;
	text-align: center;
	line-height: 1.7em;
	text-shadow: 2px 2px 8px #3B3531;
}
.jumbotron p{
	font-size: 26px;
	font-weight:  500;
	font-family: 'Abel', sans-serif;
	color: #fff;
	text-align: center;
	line-height: 1.7em;
	text-shadow: 2px 2px 8px #3B3531;
}
.jumbotron .btn-learn {
	border: 1px solid #fff;
	color: #fff!important;
	border-radius: 25px;
	margin: 0 7px;
	padding: 5px 22px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 500;
	transition: 0.3s;
	margin-bottom: 20px;
}
.jumbotron .btn-learn:hover {
	border-color: #CB593E;
	background: #CB593E;
	color: #fff!important;
}

.box-menu .animation_button {
	background:#A5A84B;/*背景色*/
	width: 150px;
	height: 100px;
	font-family: 'Pacifico', cursive;
	text-align:center;
	font-size: 20px;
	line-height:1.6em;
	margin: 0 auto;
	padding:22px 10px 10px;
	transiton:all 0.5s ease;/*アニメーションの設定*/
	-webkit-transition: all 0.5s ease;/*Safari & Chrome */
	-moz-transition: all 0.5s ease;/*FireFox */
	-ms-transition: all 0.5s ease;/*IE*/
}
.box-menu .animation_button{/*マウスオーバー時*/
	color:#fff!important;/*フォントとアイコンの色*/
}
.pres {
	background-color: #C0DEE7;
	padding: 2px 5px;
}
.live {
	background-color: #D2CBE1;
	padding: 2px 5px;
}
.ws {
	background-color: #F0D3B7;
	padding: 2px 5px;
}
.exh {
	background-color: #E0F0B7;
	padding: 2px 5px;
}
.box-menu .animation_button:hover{/*マウスオーバー時*/
	background:#01A399;/*背景色*/
	animation: kaiten 1s;
	animation-iteration-count: 2;/*アニメーションの繰り返し回数*/
	-webkit-animation: kaiten 1s; /*Safari & Chrome */
	-webkit-animation-iteration-count: 2;/*Safari & Chrome */
}
@keyframes kaiten {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); } 
}
@-webkit-keyframes kaiten { /*Safari & Chrome */
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); } 
}
/*************************
*******forum******
**************************/
.title2{
	text-align: center;
}
.title2 h2{
	padding-bottom: 50px;
	display: inline-block;
	position: relative;
	font-family: 'Pacifico', cursive;
	font-size: 40px;
	text-align: center;
}
#forum .block,
#perf .block{
	color: #018981;
	border: 1px solid #018981;
	padding: 30px 35px;
	background:rgba(1, 137, 137, 0.3);
}
#forum .title2 h4,
#party .title2 h4,
#clo .title2 h4,
#perf .title2 h4{
	padding-bottom: 30px;
	font-size: 22px;
	font-family: 'Abel', sans-serif;
	color:#FFF9EF;
	text-align: center;
	line-height: 1.7em;
}
#forum .block p,
#party .block p,
#perf .block p,
#clo .block p{
	font-size: 14px;
	padding-bottom: 10px!important;
	line-height: 1.7em;
	color:#FFF9EF;
}
#forum .block a,
#perf .block a {
	color: #fff;
}
#forum .block a:hover,
#perf .block a:hover{
	color: #CB593E;
}
/*************************
*******ws******
**************************/
#ws .block,
#sim .block{
	color: #dfb052;
	border: 1px solid #dfb052;
	padding: 30px 35px;
	background:rgba(223, 176, 176, 0.1);
}
#ws .title2 h4,
#sim .title2 h4{
	padding-bottom: 30px;
	font-size: 22px;
	font-family: 'Abel', sans-serif;
	color:#564331;
	text-align: center;
	line-height: 1.7em;
}
#ws .block p {
	font-size: 14px;
	padding-bottom: 10px!important;
	line-height: 1.7em;
	color:#564331;
}
#ws .block a {
	color: #3B3531;
}
#ws .block a:hover{
	color: #CB593E;
}
#ws th, 
#ws td {
	border-color: #cca14b!important;
	background:rgba(255, 255, 255, 0.5);
	line-height: 1.6em!important;
	color:#564331;
	font-size: 14px;
}

#topic .btn-learn,
#ws .btn-learn,
#organizers .btn-learn,
#prices .btn-learn,
#sim .btn-learn{
	border: 1px solid #564331;
	color: #564331!important;
	border-radius: 25px;
	margin: 0 7px;
	padding: 5px 22px;
	font-size: 14px;
	font-weight: 500;
	transition: 0.3s;
	margin-bottom: 20px;
}
#topic .btn-learn:hover,
#ws .btn-learn:hover,
#organizers .btn-learn:hover,
#prices .btn-learn:hover,
#sim .btn-learn:hover{
	border-color: #CB593E;
	background: #CB593E;
	color: #fff!important;
}
/*************************
*******party******
**************************/
#party .block,
#clo .block{
	color: #a74933;
	border: 1px solid #a74933;
	padding: 30px 35px;
	background:rgba(167, 73, 73, 0.2);
}
#party .btn-learn,
#clo .btn-learn,
#perf .btn-learn{
	border: 1px solid #FFF9EF;
	color: #FFF9EF!important;
	border-radius: 25px;
	margin: 0 7px;
	padding: 5px 22px;
	font-size: 14px;
	font-weight: 500;
	transition: 0.3s;
	margin-bottom: 20px;
}
#party .btn-learn:hover,
#clo .btn-learn:hover,
#perf .btn-learn:hover{
	border-color: #6C5743;
	background: #6C5743;
	color: #fff!important;
}
#party .block a,
#clo .block a {
	color: #fff;
}
#party .block a:hover,
#clo .block a:hover {
	color: #FFD700;
}
#party .block h5,
#clo .block h5,
#perf .block h5{
	position: relative;
	margin: 20px 0 10px 0;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	line-height: 1.5em!important;
}
#party  .block h5::before,
#clo  .block h5::before,
#perf .block h5::before{
		content: '';
		position: absolute;
		left: 44%;
		top: -6px;
		width: 30px;
		height: 2px;
		background-color: #FFF9EF;
		-webkit-transition: .3s all;
		-o-transition: .3s all;
		transition: .3s all;
}
.modal-body p{
	font-size: 14px;
}
#perf .block small {
	color: #FFF9EF;
	font-size: 12px;
}

/*************************
*******Access******
**************************/
#access form input,
#access form textarea,
#access form select,
#access form p{
	font-size: 13px;
}
#access form button {
	background: none;
	color: #BCB365;
	border-color: #BCB365;
	font-size: 14px;
	padding: 5px 15px;
	font-weight: 600;
	transition: 0.3s;
}
#access form button:hover {
	background: #BCB365;
	color: #fff;
	border-color: transparent;
}
#access .block,
#prices .block{
	border: 1px solid #d0cabf;
	padding: 30px 35px;
	background:rgba(208, 202, 202, 0.3);
}
#access .block p,
#prices .block p{
	color: #6C5743;
}
/*************************
*******organizers******
**************************/
#organizers {
	background: url(../img/counter-bg2.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 150px 0 100px 0;
}
#organizers:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
#organizers .block {
	margin-bottom: 20px;
	border: 1px solid #fff;
	padding: 30px 35px;
	background:rgba(255, 255, 255, 0.75);

}
#organizers .block span {
	line-height: 1;
	display: inline-block;
	color: #fff;
}
#organizers .block p {
	font-size: 14px;
	font-weight: 300;
	color: #6C5743;
	padding-top: 20px;
}
#organizers .block h4 {
	text-transform: capitalize;
	position: relative;
	margin: 20px 0 10px;
	padding: 10px 0;
	text-align: center;
}
#organizers .block h4 a {
	color: #333;
}
#organizers .block h4 a:hover {
 color: #80d6a3; 
}
#organizers .block h4::before {
		content: '';
		position: absolute;
		left: 44%;
		top: -6px;
		width: 30px;
		height: 2px;
		background-color: #CB593E;
		-webkit-transition: .3s all;
		-o-transition: .3s all;
		transition: .3s all;
}
#organizers .block small {
	color: #6C5743;
}
.alt-table-responsive {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
}
#organizers th, td {
	border-color: #9FAC89!important;
	line-height: 1.7em!important;
}
#map{
	background: #555555;
	width: 100%;
	height: 300px;
}
footer {
	background: #2a1e13;
	padding: 30px 0;
	text-align: center;
}
footer p {
	font-size: 14px;
	color: #b5aea8;
	line-height: 1;
	padding-top: 15px;
}