/* index.html
/* --------------------------------------------*/



/* ------------------------- */
/* BOX 設定
/* ------------------------- */

#header {
	background:url(../images/topbg01.jpg) repeat-x;

	width:100%;
	height:auto;
    z-index:0;
	position:relative;
    bottom: 0;
}

#header_logo {
	position:absolute;
	top:0;
	left:0;
	z-index:9999999999999999999999999;
}

#header_top {
	width:1000px;
	height:35px;
	margin:auto;
	position:relative;
	z-index:1;
}

h1 {
	height:35px;
	font-size:10px;
	color:#7f4f1b;
	line-height:35px;
}

#header_l {
	margin-left:195px;
	float:left;
	width:430px;
}

#header_r {
	padding:0;
	float:right;
	width:360px;
	height:35px;
}

#header_nav {
	width:100%;
	height:50px;
	z-index:3;
	background:#d8c38a;
}

#header_nav a:hover img {
	opacity:0.5;
}

#header_navin {
	width:1000px;
	height:50px;
	margin:auto;
}

#header_nav ul {
	width:815px;
	margin-left:185px;
	height:50px;
	background:url(../images/nav_bg.jpg);
}

#header_nav ul li {
	float:left;
	height:50px;
}

#header_nav ul li img {
	margin:0;
	padding:0;
}

/*四画像*/
#visual_nav_box {
	width:1000px;
	margin:0 auto;
}

ul .position {
	position:absolute;
	z-index:4;
	position:absolute;
	top:85px;
	left:0;
}

#visual_nav_box ul li {
	float:left;
}
/*四画像*/
/*四画像2*/
#visual_nav_box2 {
	width:1000px;
	margin:0 auto;
}

ul .position2 {
	position:absolute;
	z-index:4;
	position:absolute;
	top:85px;
	left:0;
}

#visual_nav_box2 ul li {
	float:left;
}
/*四画像2*/


#header_box {
	height:585px;
}


/* ------------------------- */
/* main_style
/* ------------------------- */

#container {
	width:100%;
	background:url(../images/topbg02.jpg) repeat-x;
    margin-top: -0.5em;
}

#container a:hover img {
	opacity:0.8;
}


#main_box {
	max-width:1000px;
    width:100%;
	margin:auto;
	padding-bottom:47px;
    background-color: #fef8ea;
    
}

#main_l {
	max-width:490px;
    padding-left: 5px;
    padding-right: 5px;
	float:left;
	margin-top:25px;
}

#info_box {
	background:url(../images/event_info_tit.png) no-repeat;
	position:relative;
    border: dotted 2px #581a0e;
    border-radius: 10px;
	height:auto;
	padding:60px 0 10px 20px;
    background-color: #fff;
}

#info_box dl {
	width:440px;
	max-height:330px;
	overflow:scroll;
	overflow-x:hidden;
	margin-bottom:10px
}

#info_box dl dt {
	font-size:15px;
	line-height:1.5em;
}

#info_box dl dd {
	font-size:15px;
	line-height:1.5em;
	border-bottom:dotted #000000 1px;
	padding-bottom:5px;
	margin-bottom:10px;
}

#info_btn {
position: absolute;
right: 18px;
top: 10px;
}

#soudan_btn {
	margin-bottom:15px;
}

#soudan_btn_fl {
	margin-bottom:15px;
	float: left;
}
	
	

#fb_box {
	margin-top:5px;
	background:url(../images/fb_bg.png) no-repeat;
	background-size:cover;
	height:400px;
    width:100%;
	max-width:505px;
	margin-left:-4px;
    overflow: hidden;
    
}

#fb_box iframe {
	margin-top:25px;
	margin-left:25px;
}

#main_r {
	background-image:url(../images/right_bg01.png);
    background-repeat: no-repeat;
	float:right;
    width:100%;
	max-width:490px;
    padding-left: 5px;
    padding-right: 5px;
    
    
}

#info_r p {
	font-size:14px;
	line-height:1.6em;
	color:#7f4f1b;
	padding-left:5px;
	margin-bottom:1em;
}

#info_r ul li {
	color:#290800;
	line-height:1.7em;
	font-weight:bold;
	padding-left:1.5em;
    padding-right:0.5em;
	text-indent:-1em;
}

#main_btn {
	margin-top:30px;
}

#main_btn ul li img {
max-width: 100%;
}



#header_box {
	height:585px;
}

.col2 {
  display: flex;
}

.col2 li {
  width: calc(100% / 2);
}

.col2 ul,
li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.col2 li {
  /*background: #ccc;*/
  text-align: center;
  padding: 0 0;
  border: 3px solid #fef8ea;
}

.col2 li img {
  width: 100%;
}

.col3 {
  display: flex;
}

.col3 li {
  width: calc(100% / 3);
}

.col3 ul,
li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.col3 li {
  /*background: #ccc;*/
  text-align: center;
  padding: 0 0;
  border: 3px solid #fef8ea;

}

.col3 li img {
  width: 100%;
}

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

.tbg_red {
	color: red;
}
.tbg_yellow {
	background:#faffb4;	
	background:rgba(250,255,180,0.8);
}

.tbg_sky {
	background:#afebff;		
	background:rgba(175,235,255,0.8);
}

.tbg_gray {
	background:#E3E3E3;
	background:rgba(227,227,227,1.00);	
}

.tbg_green {
	background:#c8ffe1;	
	background:rgba(200,255,225,0.8);
}

.tbg_purple {
	background:#d7b2ff;	
	background:rgba(215,178,255,0.8);
}

.tbg_orange {
	background:#ffc3a0;	
	background:rgba(255,195,160,0.8);
}