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



@media only screen and (min-width: 481px){

/* メインメニュー
------------------------------------------------------------*/	

nav div.panel{
display:block !important;
float:left;
}

a#menu{display:none;}		

#mainNav .fa {
	padding-right: 5px;
}
nav#mainNav{
clear: both;
position: relative;
z-index: 200;
}

nav#mainNav ul li{
	float: left;
	position: relative;
	border-right: 1px dotted #ccc;
	font-size: 16px;
	font-weight: bold;
}

nav#mainNav ul li:first-child{border-left:1px dotted #ccc;}

nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float: left;
	color: #6A3B19;
	height: 34px;
	line-height: 34px;
	padding: 12px 23px 5px 24px;
	padding: 12px 21px 5px 20px\9;/* IE8 以下 */
	text-decoration: none;
}

nav#mainNav ul li a:not(:target) {
  padding: 12px 24px 5px 24px\9; /* IE9 */
}

nav#mainNav ul li a span,nav#mainNav ul li a strong{
display:block;
font-size:90%;
line-height:1.4;
}

nav#mainNav ul li a span{
font-size: 70%;
color: #1D9C72;
}

nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
background:#683C19;
color: #FFF;
}
nav#mainNav ul ul{width:160px;}

nav#mainNav ul li ul{display: none;}

nav#mainNav ul li:hover ul{
display: block;
position: absolute;
top:50px;
left:-2px;
z-index:500;
}

nav#mainNav ul li li{
padding:0 0 0 10px;
margin:0;
float: none;
height:40px;
line-height:40px;
width:160px;
background:#f3f3f3;
border:0;
border-bottom:1px dotted #ccc;
}

nav#mainNav ul li li:first-child{border-left:0;}

nav#mainNav ul li li a{
width:100%;
height:40px;
padding:0;
line-height:40px;
font-size:95%;
text-align:left;
}

nav#mainNav ul li li a span{padding:0 10px;}

nav#mainNav ul li li a:hover,nav#mainNav ul li li.current-menu-item a{color:#999;}

nav#mainNav ul li:hover ul li:last-child{border:0;}

/* メインメニューここまで
------------------------------------------------------------*/

}


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


/* メインメニュー 
------------------------------------------------------------*/
nav#mainNav{
	clear: both;
	width: 100%;
	margin: 10px auto;
	background: #683C19;
}

nav#mainNav a.menu{
width: 100%;
display: block;
height: 40px;
line-height: 40px;
font-weight: bold;
text-align: left;
color: #FFF;
font-size: 18px;
}

nav#mainNav a#menu span{padding-left:35px;}

nav#mainNav a.menuOpen{
background: url(../images/menuOpen.png) no-repeat 5px -34px;
}

nav#mainNav a#menu:hover{cursor:pointer;}

nav .panel{
display: none;
width:100%;
position: relative;
right: 0;
top:0;
z-index: 999999;
}

nav#mainNav ul{margin:0;padding:0;}

nav#mainNav ul li{
float: none;
clear:both;
width:100%;
height:auto;
line-height:1.2;
}

nav#mainNav ul li:first-child{border-top:1px solid #d5d5d5;}
nav#mainNav ul li li:first-child{border-top:0;}

nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding: 15px 10px;
	text-align: center;
	border-bottom: 1px dashed #ccc;
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #683C19;
}

nav#mainNav ul li:last-child a{border:0;}
nav#mainNav ul li li:last-child a{border:0;}
nav#mainNav ul li li:last-child a{border-bottom:1px dashed #ccc;}

nav#mainNav ul li a span{display:none;}

nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
background:#683C19;
color: #FFF;
}

nav#mainNav ul li li{
float:left;
border:0;
}

nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
padding-left:40px;
background:#fff url(../images/sub1.png) no-repeat 20px 18px;}

nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
background:#f6f6f6 url(../images/sub1.png) no-repeat 20px -62px;}

nav#mainNav ul li li:last-child a{background:#fff url(../images/subLast.png) no-repeat 20px 20px;}
nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#f6f6f6 url(../images/subLast.png) no-repeat 20px -65px;}

nav div.panel{float:none;}


/* メインメニューここまで
------------------------------------------------------------*/

}.f_event_title {
	font-size: 15px;
	font-weight: bold;
	color: #FF6A63;
}
#f_event table tr td {
	color: #FF6A63;
}