@charset "utf-8";

/* モバイルファースト（差分記述：末尾のメディアクエリ―別記載の箇所に個別指定しない限りすべてのデバイスでこの欄の記述が有効） */
/* 160404 */


/*---------------------------------------------*/
.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: #3E4A75 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: #3E4A75 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: #001040;
    color: #fff;
    box-shadow: 0 0 0 0 #3E4A75 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 #F4F1E8;
}
.sidr-class-nav_whatsnew,
.nav_whatsnew 	{display: none !important;}


/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/

@media screen and (max-width: 740px ) {
#mobile-header {
    display: block;float:left; width:calc(100% - 190px); height:72px;
}

#f_nav ul{ background: #F4F1E8 ;text-align:center; }
#f_nav ul li {padding: 10px 0;  border-bottom: dashed 1px #001040 ;}
#f_nav ul li:last-child{border-bottom:none;}

}

/*---------------------------------------------
 ** 個別指定 for タブレット
---------------------------------------------*/

@media screen and (min-width: 741px ) and (max-width: 1059px ) {
#mobile-header {
    display: none;
}








}

/*-----------------------------------------------------	*/
/*  個別指定 for PC	*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 1060px ) {
#mobile-header {
    display: none;
}

#navigation 			{display: block; width: 570px; height: 24px; overflow: hidden; position: absolute; right: 0; top: 12px;}
#navigation ul li 		{ float: left;}

#navigation .nav_home 	{display: none;}
#navigation .nav_intro 		{display: block; 	width: 106px; height: 24px; overflow: hidden; 	background:	 url(../img/nav/nav_off.png) 	no-repeat 0 0; background-size: cover; text-indent: -300%;}
#navigation .nav_intro:hover	{									background:	 url(../img/nav/nav_on.png) 	no-repeat 0 0; background-size: cover;}
#navigation .nav_history 	{display: block; 	width: 197px; height: 24px; overflow: hidden; 	background:	 url(../img/nav/nav_off.png) 	no-repeat -106px 0; background-size: cover; text-indent: -300%;}
#navigation .nav_history:hover	{									background:	 url(../img/nav/nav_on.png) 	no-repeat -106px 0; background-size: cover;}
#navigation .nav_example 	{display: block; 	width: 137px; height: 24px; overflow: hidden; 	background:	 url(../img/nav/nav_off.png) 	no-repeat -303px 0; background-size: cover; text-indent: -300%;}
#navigation .nav_example:hover	{									background:	 url(../img/nav/nav_on.png) 	no-repeat -303px 0; background-size: cover;}
#navigation .nav_construct 	{display: block; 	width: 130px; height: 24px; overflow: hidden; 	background:	 url(../img/nav/nav_off.png) 	no-repeat -440px 0; background-size: cover; text-indent: -300%;}
#navigation .nav_construct:hover{									background:	 url(../img/nav/nav_on.png) 	no-repeat -440px 0; background-size: cover;}
#navigation .nav_contact 	{display: none;}
#navigation .nav_whatsnew 	{display: none;}

#f_nav				{ text-align:right; font-size:0.8em; position:absolute; right:0; top:0; margin: 25px 0 0;line-height: 14px;}
#f_nav ul			{ text-align:right;}
#f_nav ul li 			{ float: left; border-left:1px solid #fff; padding:0 7px; text-align:right; }
#f_nav ul li:first-child	{ border:none;}
#f_nav ul li a			{ color:#fff;}
#f_nav ul li a:hover		{ color: #FF7F00 ;}


}