@charset "utf-8";

/* header
++++++++++++++++++++++++++++++*/
header#index-header{
	position:fixed;
	top:0; left:0;
	width:100%; height:63px;
	text-align:left;
	background:#FFF;
	z-index:101;
}
header #logo-box{
	width:220px; height:40px;
	margin:0 0 0 10px;
	padding-top:5px;
}

#global-header{
	position:fixed;
	top:0; left:0;
	width:100%; height:54px;
	text-align:left;
	background:#FFF;
	border-bottom:1px solid #CCC;
	z-index:101;
}
#global-header #logo-box{
	width:220px; height:auto;
	margin:0 0 0 10px;
	padding-top:7px;
}
#header-right{display:none;}

nav.drawer-nav{
	background:#009494;
	overflow:auto !important;
  overflow-x:auto !important;
  overflow-y:scroll !important;
}
ul.drawer-menu{
	text-align:left;
	padding:20px 20px;
}
ul.drawer-menu li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #FFF;
	position:relative;
	color:#FFF;
}
ul.drawer-menu li h2{
	font-size:16px;
}
ul.drawer-menu li h2 a:before{
	content:"";
	width:15px; height:15px;
	display:inline-block;
	position:relative; top:1px;
	margin-right:3px;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../../images/common/svg/white/home.svg);
}
ul.drawer-menu li h2#nav01:before,
ul.drawer-menu li h2#nav02:before,
ul.drawer-menu li h2#nav03:before,
ul.drawer-menu li h2#nav04:before,
ul.drawer-menu li h2#nav05:before,
ul.drawer-menu li h2#nav06:before,
ul.drawer-menu li h2#nav07:before,
ul.drawer-menu li h2#nav08:before{
	content:"";
	width:15px; height:15px;
	display:inline-block;
	position:relative; top:1px;
	margin-right:3px;
	background-repeat:no-repeat;
	background-position:center center;
}
ul.drawer-menu li h2#nav01:before{background-image:url(../../images/common/svg/white/people.svg);}
ul.drawer-menu li h2#nav02:before{background-image:url(../../images/common/svg/white/sightseeing.svg);}
ul.drawer-menu li h2#nav03:before{background-image:url(../../images/common/svg/white/event.svg);}
ul.drawer-menu li h2#nav04:before{background-image:url(../../images/common/svg/white/groumet.svg);}
ul.drawer-menu li h2#nav05:before{background-image:url(../../images/common/svg/white/outdoor.svg);}
ul.drawer-menu li h2#nav06:before{background-image:url(../../images/common/svg/white/culture.svg);}
ul.drawer-menu li h2#nav07:before{background-image:url(../../images/common/svg/white/koneta.svg);}
ul.drawer-menu li h2#nav08:before{background-image:url(../../images/common/svg/white/blog.svg);}

ul.drawer-menu li h3{
	font-size:16px;
	background:#FFF;
	color:#009494;
	display:inline-block;
	margin-top:10px;
	padding:0 1em;
	text-align:center;
	border-radius:13px;
}

ul.drawer-menu li ul li{
	list-style:disc outside;
	margin:0 0 5px 22px;
	padding:0;
	border-bottom:none;
	font-size:16px;
	position:relative;
}
ul.drawer-menu li ul li:first-child{margin-top:10px;}
ul.drawer-menu li a{
	color:#FFF;
	display:block;
}

ul.drawer-menu li form input[type="text"]{
	width:100%;
	height:30px;
	line-height:30px;
	border:none;
	background:#fff;
	outline:none;
	border-radius:3px;
}
ul.drawer-menu li form input[type="image"]{
	width:22px; height:22px;
	position:absolute;
	top:4px;
	right:5px;
	opacity:0.6;
	-moz-transition   :opacity 0.4s ease;
	-o-transition     :opacity 0.4s ease;
	-webkit-transition:opacity 0.4s ease;
	transition        :opacity 0.4s ease;
}

#crumb{display:none;}

header #blog-description-box{
	width:90%;
	margin:0 auto;
}
header h1{
	font-size:16px; line-height:160%;
	margin:0 auto;
	padding:5px 0;
	text-align:left;
}
header h1 a{color:#006DD9; text-decoration:none;}
header p{
	display:none;
}