/* Hide responsive menu trigger 
--------------------------------------------- */
.menu-icon {
	display: none;
}
/* Start dropdown menu styling 
--------------------------------------------- */
ul.dropdown, ul.dropdown li, ul.dropdown ul {
	margin: 0;
	padding: 0;
}
ul.dropdown {
	float: left;
	width: 100%;
	position: relative;
}
ul.dropdown li {
	float: left;
	vertical-align: middle;
	zoom: 1; /* IE6 */
}
/* General list styling 
-------------------------------------------- */
ul.dropdown li {
	font-weight: bold;
}
/* General links styling 
-------------------------------------------- */
ul.dropdown a, ul.dropdown a:visited, ul.dropdown a:hover, ul.dropdown a:active {
	text-decoration: none;
}
ul.dropdown a, ul.dropdown span {
	display: block;
	outline: none;
	cursor: pointer;
	padding: 8px 10px;
}
ul.dropdown ul a, ul.dropdown ul span {
	padding: 8px 15px;
}
ul.dropdown li:hover, ul.dropdown li.hover {
	position: relative;
	cursor: pointer;
}
/* Level I+ 
--------------------------------------- */
ul.dropdown ul {
	display: none;
	position: absolute;
	z-index: 598;
	width: 220px;
	top: 100%;
	left: 0;
}
ul.dropdown li:hover > ul {
	display: block;
}
ul.dropdown ul li {
	float: none;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	position: relative;
}
ul.dropdown ul li.hover, ul.dropdown ul li:hover { /* background-color:#2ECC71; color: #fff; */
}
ul.dropdown ul li a:hover { /* color: #fff; */
}
/* Level II +  
---------------------------------------- */
ul.dropdown ul ul {
	top: 0;
	left: 100%;
}
/* Add trailing arrows 
---------------------------------------- */	
ul.dropdown *.sub {
	padding-right: 15px;
	background-image: url(../../img/kobe-himeya/menu/nav-arrow-down-thin.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	font-weight: normal;
}
ul.dropdown ul *.sub {
	padding-right: 15px;
	background-image: url(../../img/kobe-himeya/menu/nav-arrow-right-thin-dark.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
/* Change trailing arrows on :hover IE7+
--------------------------------------------------------- */
ul.dropdown li.sub:hover {
	background-image: url(../../img/kobe-himeya/menu/nav-arrow-down.gif);
}
ul.dropdown ul li.sub:hover {
	background-image: url(../../img/kobe-himeya/menu/nav-arrow-right-dark.gif);
}
/* Theme settings - Change your menu colors, bgcolors, border-colors
---------------------------------------------------------------------- */

/* Theme */
ul.dropdown {
	z-index: 30;
}
ul.dropdown ul {
	/*background: #EFF0F2;*/
}
ul.dropdown a, ul.dropdown a:visited, ul.dropdown a:hover, ul.dropdown a:active, ul.dropdown li {
	color: #262626;
	font-size: 12px;
	font-family: '小塚ゴシック Pr6', 'KozGoProN-Regular';
}
/* add */
ul.dropdown ul li, ul.dropdown ul li a {
	color: #262626!important; /* IE6 */
    padding-left: 15px;
}
ul.dropdown ul li a:before {
	content: url(../../img/kobe-himeya/menu/nav-sublist.png);
    padding-right: 5px;
    top: 2px;
    position: relative;
}
ul.dropdown ul li {
    border-top: 1px dotted #808080;
    border-bottom: 0px;
    margin: 0;
}
ul.dropdown ul li.hover, ul.dropdown ul li:hover {
	background-color: #D3D6D9;
	color: #2C3E50;
}
ul.dropdown ul li a:hover, ul.dropdown ul li a.hover {
	color: #2C3E50;
}
ul.dropdown li.divider {
	background: #4AD786;
}


/* Responsiveness 
------------------------------------- */

/* All device screens < = 768px */
@media screen and (max-width: 768px) {
/* Responsive menu trigger 
------------------------------------ */
.menu-icon, .menu-icon span, .menu-icon {
	color: #fff;
	width: 100%;
	height: 45px;
	line-height: 45px;
	padding: 5px;
	font-size: 1.3em;
	font-weight: bold;
	cursor: pointer;
	display: block;
	position: relative;
}
.menu-icon span {
	width: auto;
	padding: 0 5px;
	padding-left: 40px;
	height: 45px;
	background: url(../../img/kobe-himeya/menu/nav-toggle.png) center no-repeat;
	color: #FFFFFF;
	text-align: center;
	text-indent: -999em;
	display: inline-block;
	position: absolute;
	top: 4px;
	right: 0px;
}
/* Style these as desired 
 * - colors, bgclors etc 
------------------------------- */
.menu-icon:hover {
}
.menu-icon:hover span {
}
.menu-icon.active {
}
.menu-icon.active span {
}
/* Responsive menu styling  
--------------------------------- */
.nav {
	position: relative;
	width: 50px;
	float: right;
	margin-top: -50px;
	z-index:999;
	display:block;
}
.nav, ul.dropdown, .menu-icon, .menu-icon span, ul.dropdown * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
ul.dropdown {
	display: none;
	position: absolute;
	top: 50px;
	right: 0;
	background: url(../../img/kobe-himeya/menu/menu-bg.jpg);
	width: 236px;
	height:100vh;
}
ul.dropdown li {
	position: relative;
	float: none;
	display: block;
	border-bottom: 1px dotted #808080;
	margin: 0px 18px;
}
ul.dropdown ul a {
	padding-left: 25px;
}
ul.dropdown ul ul a {
	padding-left: 45px;
}
ul.dropdown ul a:hover {
	background-color: #D3D6D9;
} /* add */
ul.dropdown li.sub ul > li { /*border-top:1px solid;*/
}
ul.dropdown *.sub {
	padding: 0!important;
	background-image: none!important;
}
ul.dropdown ul {
	overflow: hidden;
	max-height: 0;
	width: auto;
	display: block;
	position: static;
}
ul.dropdown ul.current {
	display: block;
	max-height: 100em;
}
ul.dropdown li.sub > a {
	padding-right: 25px;
	padding-left: 20px;
}
ul.dropdown li.sub > ul a.current {
	background: #1E2935;
	color: #fff!important;
} /* add */
ul.dropdown li.sub > a:after, ul.dropdown li.sub > a.current:after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 1.5em;
	padding: 0.40em 0.5em;
}
ul.dropdown li.sub > a:after {
	content: url(../../img/kobe-himeya/menu/nav-arrow-down.png);
}
ul.dropdown li.sub > a.current:after {
	content: url(../../img/kobe-himeya/menu/nav-arrow-up.png);
	top: -2px;
}
ul.dropdown li.nav-btn{
	background:#D65C96;
	border:none;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	border-radius:5px;
}
ul.dropdown li.nav-btn a{
	color:#ffffff;
}
.fixed-contact{
	display:block !important;
	z-index:9999;
	position:fixed;
	bottom:0px;
	background:#ffffff;
	width:100%;
}
.fixed-contact ul{
	margin:0px 15px;
	padding:10px 0px;
	text-align:center;
}
.fixed-contact ul li{
    font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6',' ＭＳ 明朝','MS Mincho';
	font-size:12px;
	display: inline-block;
    min-width: 120px;
    padding: 0px 10px;
	border-radius:5px;
	line-height:29px;
}
.fixed-contact ul li a{
	text-decoration:none;
	display:inline-block;
	padding-left:25px;
	line-height:29px;
}
.fixed-contact ul li:first-child{
	background:#D65C96;
	margin-right:4px;
}
.fixed-contact ul li:last-child{
	background:#EAEAEA;
}
.fixed-contact ul li:first-child a{
	color:#ffffff;
	background:url(../../img/kobe-himeya/tel.png) no-repeat;
}
.fixed-contact ul li:last-child a{
	color:#666666;
	background:url(../../img/kobe-himeya/search.png) no-repeat;
}
}

/* All device screens >  768px */
@media screen and (min-width: 769px) {
/* Avoid responsive menu hiding on browser window resize 
	-------------------------------------------------------------- */
ul.dropdown {
	display: block !important;
}
}