@charset "utf-8";

/* ======================================================================

   #menu-header

   ====================================================================== */

#menu-header { width: 100%; margin: 0; position: absolute; bottom:20px; z-index: 3; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; height:70px; z-index: 9999;}
#menu-header .header {  margin: 10px auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
#menu-header .headerInner { padding: 0; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; min-width: 1130px;}
/* ==============================
   #menu-header .logoArea
   ============================== */

#menu-header .logoArea { position: absolute; top: 45px; left: 0; margin: 0; padding: 0; width: 135px; height: 26px; z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
#menu-header h1.logo { width: 135px; height: 26px; }
#menu-header h1.logo a { background: url(../images/common/logo.png) no-repeat; display: block; width: 135px; height: 26px; text-indent: -9999px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
#menu-header h1.logo a:hover,
#menu-header h1.logo a:focus { opacity: .8; }

/* Main menu */
#menu-header .navArea { text-align: right; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border-bottom: white solid 1px; display:inline-block;}
#menu-header .navArea img {box-sizing:border-box;}
#dropmenu { list-style-type: none; display: inline-block; vertical-align: bottom;}
#dropmenu li { position: relative; float: left; margin: 0 0 0 10px; padding: 0; text-align: center; }
#dropmenu li a { display: block; margin: 0; padding: 14px 0 12px; color: #0d1947; font-size: 13px; font-weight: 400; letter-spacing: 0.1em; line-height: 1; text-decoration: none; border-bottom: transparent 4px solid; text-transform: uppercase; }
#dropmenu li ul { list-style: none; position: absolute; z-index: 100; top: 100%; left: 0; width: 100%; margin: 0; padding: 0; }
#dropmenu li ul li { overflow: hidden; width: 170px; height: 0; margin: 0; color: #fefefe; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#dropmenu li ul li a { color: #f0f0f0; padding: 12.25px 15px; text-align: left; font-size: .85em; font-weight: normal; border-bottom: none; }
#dropmenu > li:hover > a { border-bottom: #0d1947 14px solid; }
#dropmenu > li:hover li:hover > a { color: #fefefe; background: rgba(17,34,98,0.9); }
#dropmenu > li:hover > ul > li { overflow: visible; height: 36px; }
#dropmenu li ul li ul { top: 0; left: 100%; }
#dropmenu li:last-child ul li ul { left: -100%; width: 120px; }
#dropmenu li ul li ul:before { position: absolute; color: #fafafa; font-family: 'themify'; content: "\e649"; font-size: 8px; top: 12px; left: -20px; width: 10px; height: 10px; line-height: 10px; }
#dropmenu li ul li:hover > ul > li { overflow: visible; height: 36px; }
#dropmenu li ul li a { background: #4e577c; background: rgba(13,25,71,0.9); font-size: .75em; }
#dropmenu li ul li ul li a { background: rgba(13,25,71,0.9); font-size: .75em; }
#dropmenu li:hover ul li ul li a:hover { color: #fefefe; background: rgba(29,50,129,0.9); }
/* ==========================================================================

   #menu-header.autofix_sb.fixed

   ========================================================================== */

.menu{
	display: table;
    margin:auto;
    white-space: nowrap;
    height:83px;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 1px rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px 5px #222;
}
.menu li{
    font-size: 14px;
    line-height: 1em;
    padding: 0 5px;;
    height: 80px;
    opacity: 0.9;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
    display: inline-block;
}
.menu li:first-child{
	position: relative;
    margin-left: 6px;
}
.menu li:first-child:hover{
    border: none;
}
.menu li a{
	color: #fff;
    text-decoration: none;
    display:block;
    position:relative;
    top: 35px;
	font-weight: bold;
}

.menu .smallLogo{
	display:inline-block;
	vertical-align: bottom;
	max-width:195px;
	max-height:75px;
	overflow: hidden;
}

.menu .smallLogo img{
	max-width:195px;
	max-height:75px;
}

.pc_header_nav {
    background-color : rgba(94,94,94,0.7);
    display          : block;
    float            : right;
    height           : 58px;
    margin-top       : 0px;
    position         : fixed;
    right            : 0px;
    z-index          : 2000;
}

.pc_header_nav ul.menu {
    background-color : rgba(0,0,0,0);
    border           : 0;
    box-shadow       : none;
    float            : right;
    height           : 58px;
    margin           : 0px;
    right            : 0;
    top              : 0px;
    width            : auto;
}
.pc_header_nav ul.menu li{
    background-color: rgba(0,0,0,0);
    border          : 0;
    border-right    : 1px dotted #FFF;
    float           : left;
    font-family     : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    height          : 26px;
    line-height     : 16px;
    list-style-type : none;
    margin          : 13px 0;
    padding         : 3px 0;
    top             : 0px;
    width           : auto;
}
.pc_header_nav ul.menu li:last-child{
    border          : 0;
}

.pc_header_nav ul.menu li:hover{
	transition: background-color 0.5s ease, color 0.5s ease !important;
	background-color:rgba(0,0,0,0.5) !important;
    border-bottom: 0;
}
.pc_header_nav ul.menu li.slideList:hover{
	background-color:rgba(0,0,0,0) !important;
    border-bottom: 0;
}
.pc_header_nav ul.menu li a{
    color           : white;
    display         : block;
    font-size       : 12px;
    font-weight     : normal;
    line-height     : 1.5;
    padding         : 4px 11px;
    text-decoration : none;
    top             : 0;
}

.pc_header_nav ul.menu li a.btn.settingButton{
    top : -2px;
}
.pc_slide_nav{
    bottom           : 0%;
    height           : 100px;
    min-width        : 900px;
    position         : absolute;
    width            : 100%;
    z-index          : 9999;
}
.pc_slide_nav ul.menu{
    background-color : rgba(0,0,0,0.4);
    border-bottom    : 1px solid #fff;
    box-shadow       : 0px 0px 15px 5px #222;
    display          : table;
    height           : 83px;
    margin           : auto;
    white-space      : nowrap;
}
.pc_slide_nav ul.menu li{
    -moz-transition    : all 0.5s ease;
    -o-transition      : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
    display            : inline-block;
    font-size          : 14px;
    height             : 80px;
    line-height        : 1em;
    opacity            : 0.9;
    padding            : 0 5px;
    text-shadow        : 1px 1px 1px rgba(0,0,0,0.5);
    transition         : all 0.5s ease;
}
.pc_slide_nav ul.menu li:hover{
    border-bottom: 3px solid #fff;
}
.pc_slide_nav ul.menu li.slideList:hover{
    border-bottom: 0;
}
.pc_slide_nav ul.menu li.current{
    border-bottom: 3px solid #fff;
}
.pc_slide_nav ul.menu li.smallLogo{
    /* liの高さが変わるのを防止 */
    border-bottom: 3px solid rgba(0,0,0,0);
}
.pc_slide_nav ul.menu li a{
    color           : #fff;
    display         : block;
    font-size       : 14px;
    font-weight     : bold;
    position        : relative;
    text-decoration : none;
    top             : 35px;
}
    
.pc_slide_nav ul.menu li a.btn.settingButton {
    line-height: 21px;
    margin-right: 14px;
}

.sp_header_nav ul.menu li a.btn.settingButton{
    width: 47.5% !important;
    font-weight: normal;
}
.sp_header_nav{
    -moz-box-sizing: border-box;
    -moz-transition: all 300ms ease-in-out;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -o-transition: all 300ms ease-in-out;
    -webkit-box-sizing: border-box;
    -webkit-transition: all 300ms ease-in-out;
    background-color : rgba(94,94,94,0.7);
    box-sizing: border-box;
    clear:both;
    height: 58px;
    margin-top: 0px;
    overflow: visible;
    padding:0 0 10px 0;
    position: fixed;
    transition: all 300ms ease-in-out;
    width:100%;
    z-index: 1;
}

.sp_header_nav ul.menu{
    border: 0;
    display: none;
    position: absolute;
    text-decoration:none;
    top: 58px;
    box-shadow: none;
    text-shadow: none;
    height: auto;
}
.sp_header_nav ul.menu li {
    display:inline;
    padding:0;
    text-shadow: none;
}
.sp_header_nav ul.menu li a{
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color:#fff;
    background-position: 95% center;
    background-repeat: no-repeat;
    border-radius: 5px;
    box-sizing: border-box;
    color:#969696;
    display:block;
    float: left;
    font-size:15px;
    line-height: 50px;
/*    margin:10px 5px 0 5px; */
    margin:5px 1%;
    padding:0 14px;
    position: static;
    text-align: left;
    text-decoration:none;
    width: 47.5%;
}

.sp_header_nav ul.menu li:last-child a{
    margin-bottom : 10px;
}

.sp_header_nav ul.menu li.top{
    background-color : rgba(255,255,255,0);
}

.pc_slide_nav a.shop_tel_button{
    display : none;
}
.pc_slide_nav a#nav-toggle{
    display : none;
}
#nav-phone div{
    white-space: nowrap;
}