@charset "utf-8";

#navigation .nav_flg_access,
#f_nav .nav_flg_access{display:none;}
/*---------------------------------------------*/
.nav-toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 280px;
    height: 80px;
    float: right;
    text-indent: -200%;
    overflow: hidden;
    background: #ECAFB2 url("../img/common/nav_tab_menu.png") no-repeat 50% 50%;
    position: absolute;
    left: 15px;
    top: 195px;
}


/*---------------------------------------------*/


#responsive-menu-button{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50px;
    height: 50px;
    float: right;
    text-indent: -200%;
    overflow: hidden;
    background: #371311 url("../js/obj/hamburger.png") no-repeat 50% 50%;
    position: absolute;
    right:0;
    top:0;
}

/* sidrカスタマイズ */

.sidr {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 15px;
    background:#eed;
    color: #371311;
    box-shadow: 0 0 0 0 #Eee inset;
}
.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: none;
    border-bottom: none;
}
.sidr ul li {
    display: block;
    margin: 0;
    line-height: 48px;
    border-top: none;
    border-bottom: 1px solid #ccb;
}

#sidr-id-nav07 a { text-align:center;}
#sidr-id-nav07 a img{ width:60%; padding:15px 0;}

.sidr ul li#sidr-id-nav08{ padding:15px 0; }
#sidr-id-nav08 a { text-align:center;}
#sidr-id-nav08 a img{ width:60%; padding:15 0;}

.sidr ul li#sidr-id-nav09{
    display: block;
    margin: 0;
    line-height: 48px;
    border-top: none;
    border-bottom: 1px solid #ccb;
}

#sidr-id-nav09 a {  padding:0 14px 14px 14px  ;}


.sidr ul li:last-child {
border-bottom: none;
}

.sidr ul li:last-child a {display:block;padding:20px 15px;}

.sidr ul li a, .sidr ul li span {
    color: #371311 !important;
}
/*---------------------------------------------
 ** for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 740px) {

#mobile-header {
/*    display: block;float:left; width:calc(100% - 190px); height:72px;*/
}
#navigation {
    display: none;
}
.nav-collapse li {
  width: 100%;
  display: none;
}


#nav07{}
#sidr-id-nav07 img{
	-moz-border-radius: 	0px;
	-webkit-border-radius: 	0px;
	border-radius: 		0px;
}

/* footerナビ */
.footer_nav_all			{width: 100%;height: 184px;background: #371311;}

#footer-nav, #footer-nav * {/* -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/}
#footer-nav, #footer-nav ul { list-style: none; width: 100%; float: left;}
#footer-nav li { float: left; width: calc((100% - 1px) / 2);border-top: 1px solid #fff;}
#footer-nav li:nth-child(odd) { border-right: 1px solid #fff;}

#footer-nav #nav07	{/* display:none; */}



#footer-nav li:nth-of-type(1),
#footer-nav li:nth-of-type(2)		{border-top:none;}
#footer-nav li:nth-of-type(3) a,
#footer-nav li:nth-of-type(6) a 	{ border-right: none;}


#footer-nav a { color: #fff; text-decoration: none; width: 100%; background: #371311; padding: 0.7em 1em; float: left;}
#footer-nav .alt a { background: #555}

#footer-nav a { margin: 0; padding: 1em 0; float: left; text-align: center;  }
#footer-nav ul ul a { background: #fff; padding-left: 2em;}

#footer-nav ul ul a { display: none;}

}


/*---------------------------------------------
 ** fo　タブレット
---------------------------------------------*/
 @media only screen and (min-width: 741px) and (max-width: 1199px) {

#mobile-header {
    display: none;
}
.nav-toggle { display:none;}

/* headerナビ */
.nav_all	{display:block; width:calc(100% - 251px); position:absolute; right:0; bottom:0;}
.nav_all:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

#nav, #nav * {/* -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/}
#nav, #nav ul { list-style: none; width: 100%; float: left;}
#nav li { float: left; width: calc((100% - 2px) / 3);border-top: 1px solid #fff;border-right: 1px solid #fff;}
#nav li i {display:none;}

#nav li:nth-of-type(1),
#nav li:nth-of-type(2),
#nav li:nth-of-type(3)		{border-top:none;}
#nav li:nth-of-type(3) a,
#nav li:nth-of-type(6) a 	{ border-right: none;}
#nav li:nth-of-type(3),
#nav li:nth-of-type(6)		{ border-right: none;}

#nav a { color: #fff; text-decoration: none; width: 100%; background: #371311; padding: 0.7em 1em; float: left;}
#nav .alt a { background: #555}

#nav a { margin: 0; padding: 1em 0; float: left; text-align: center; }
#nav ul ul a { background: #ca3716; padding-left: 2em;}

#nav ul ul a { display: none;}



/* footerナビ */
.footer_nav_all			{width: 100%;height: 124px;background: #371311;}

#footer-nav, #footer-nav * {/* -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/}
#footer-nav, #footer-nav ul { list-style: none; width: 100%; float: left;}
#footer-nav li { float: left; width: calc((100% - 2px) / 3);border-top: 1px solid #fff;border-right: 1px solid #fff; }
#footer-nav li i {display:none;}




#footer-nav li:nth-of-type(1),
#footer-nav li:nth-of-type(2),
#footer-nav li:nth-of-type(3)		{border-top:none;}
#footer-nav li:nth-of-type(3),
#footer-nav li:nth-of-type(6) 		{ border-right: none;}


#footer-nav a { color: #fff; text-align: center; text-decoration: none; width: 100%; margin: 0; padding: 1em 0; float: left;}
#footer-nav .alt a { background: #555}


#footer-nav ul ul a { display: none;}


}



/*-----------------------------------------------------	*/
/*	for　PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 1200px) {
#mobile-header {
    display: none;
}
.nav-toggle{ display:none !important;}
#top .nav_all{width:100%;height: 90px;padding: 0;margin: 0px 0 0 0;z-index: 20;}
.nav_all{width:100%;height: 90px;padding: 0;margin: 107px 0 0 0;z-index: 20;}


#top #nav {z-index: 1;width:983px;height: 91px;margin: -196px 0 0 255px;}
#nav {z-index: 1;width:983px;height: 91px;margin: -259px 0 0 255px;}
/* nav*/

#nav ul li {float:left; text-indent:100%;  position:relative;}
#nav ul li a {height: 90px;display: block;margin: 0;padding: 0; white-space:nowrap;overflow:hidden; }


#nav ul li#nav01 a {width: 193px; background: url(../img/common/nav.png) -250px 0; }
#nav ul li#nav01 a:hover {background: url(../img/common/nav.png) -250px -90px;}

#nav ul li#nav02 a {width: 140px;  background:  url(../img/common/nav.png) -443px 0; position: relative;}
#nav ul li#nav02 a:hover {background: url(../img/common/nav.png) -443px -90px; }
#nav ul li#nav02:after{width: 52px;height: 61px;position: absolute;top: -40px;right: calc((100% - 52px)/2);background: url(../img/common/new_icon.png) no-repeat;content: '';}
#nav02:after{}


#nav ul li#nav03 a{ width: 130px;background: url(../img/common/nav.png) -583px 0; }
#nav ul li#nav03 :hover {background: url(../img/common/nav.png) -583px -90px; }
#nav ul li#nav03:after{width: 52px;height: 61px;position: absolute;top: -40px;right: calc((100% - 52px)/2);background: url(../img/common/new_icon.png) no-repeat;content: '';}

#nav ul li#nav04 a { width: 170px; background:  url(../img/common/nav.png) -713px 0; }
#nav ul li#nav04 a:hover {background: url(../img/common/nav.png) -713px -90px;}

#nav ul li#nav05 a { width: 170px; background:  url(../img/common/nav.png) -883px 0; }
#nav ul li#nav05 a:hover {background: url(../img/common/nav.png) -883px -90px;}

#nav ul li#nav06 a { width: 180px; background:  url(../img/common/nav.png) -1053px 0; }
#nav ul li#nav06 a:hover {background: url(../img/common/nav.png) -1053px -90px;}


/* footerナビ */
.footer_nav_all{width: 100%;height: 90px;background: #371311;}

#footer-nav {z-index: 1;width:983px;height: 91px;margin: 0 auto;}
#footer-nav ul li {float:left; text-indent:100%;  position:relative;}
#footer-nav ul li a {height: 90px;display: block;margin: 0;padding: 0; white-space:nowrap;overflow:hidden; }

#footer-nav ul li#nav01 a {width: 180px; background: url(../img/common/footer_nav.png) -263px 0; }
#footer-nav ul li#nav01 a:hover {background: url(../img/common/footer_nav.png) -263px -90px;}

#footer-nav ul li#nav02 a {width: 140px;  background:  url(../img/common/footer_nav.png) -443px 0; position: relative;}
#footer-nav ul li#nav02 a:hover {background: url(../img/common/footer_nav.png) -443px -90px; }

#footer-nav ul li#nav03 a{ width: 130px;background: url(../img/common/footer_nav.png) -583px 0; }
#footer-nav ul li#nav03 :hover {background: url(../img/common/footer_nav.png) -583px -90px; }

#footer-nav ul li#nav04 a { width: 170px; background:  url(../img/common/footer_nav.png) -713px 0; }
#footer-nav ul li#nav04 a:hover {background: url(../img/common/footer_nav.png) -713px -90px;}

#footer-nav ul li#nav05 a { width: 170px; background:  url(../img/common/footer_nav.png) -883px 0; }
#footer-nav ul li#nav05 a:hover {background: url(../img/common/footer_nav.png) -883px -90px;}

#footer-nav ul li#nav06 a { width: 160px; background:  url(../img/common/footer_nav.png) -1053px 0; }
#footer-nav ul li#nav06 a:hover {background: url(../img/common/footer_nav.png) -1053px -90px;}


}