/* ==========================================================================
   Header
   ========================================================================== */

a:focus {
	outline: none;
}

@media screen and (min-width: 641px) {
	.aquos-header {
		position: relative;
		width: 100%;
		height: 56px;
		overflow: hidden;
		/*font-family: 'Noto Sans Japanese', sans-serif;*/
        font-family: 'Noto Sans JP', sans-serif;
		text-align: center;
		background: #fff;
		z-index: 999;
	}
	.aquos-header .inner {
		position: relative;
		margin: 0 auto;
		padding: 0 10px;
		width: 940px;
	}
	.aquos-header h1,
	.aquos-header p {
		position: absolute;
	}
	.aquos-header h1 {
		top: 16px;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	.aquos-header h1 img {
		width: 125px;
	}
	.aquos-header h1 a:hover img {
		opacity: 1;
	}

	.aquos-header .shoulder {
		top: 24px;
		left: 120px;
		font-size: 9px;
		font-weight: 400;
		line-height: 1;
		color: #8a8e99;
	}
	.aquos-header .logo {
		top: 14px;
		left: 10px;
	}
	.aquos-header .logo img {
	}
	.aquos-header .logo a:hover img {
		background: transparent;
		opacity: 1;
	}
	.aquos-header .icon {
		top: 12px;
	}
	.aquos-header .fb { right: 0;}
	.aquos-header .tw { right: 40px;}
	.aquos-header .icon img {
		width: 33px;
	}

	.global-nav {
		position: absolute;
/*		position: relative;*/
		width: 100%;
		height: 46px;
		overflow: hidden;
		/*font-family: 'Noto Sans Japanese', sans-serif;*/
        font-family: 'Noto Sans JP', sans-serif;
		text-align: center;
		z-index: 1001;
		background-color: rgba(245,245,245,0.9);
		filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#e9f5f5f5,EndColorStr=#e9f5f5f5);/*IE8逕ｨ*/
		transition-property: background-color, color, opacity, height;
		transition-duration: 0.55s;
		transition-timing-function: ease-in-out;
	}
	.global-nav:hover {
		height: 8.5em;
		height: 46px\9;
		background-color: rgba(245,245,245,1);
		filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fff5f5f5,EndColorStr=#fff5f5f5);/*IE8逕ｨ*/
	}
	:root .global-nav:hover {
		/*height: 11em;\0/;*/
		height: 11.5em;
	}
	.global-nav .inner {
		margin: 0 auto;
		padding: 16px 0 0;
		width: 960px;
	}
	.global-nav dl {
		display: inline-block;
		width: 240px;
		vertical-align: top;
	}
	.global-nav dl,
	.global-nav dt,
	.global-nav dd {
		margin: 0;
		padding: 0;
	}
	.global-nav dt {
		padding-bottom: 1em;
		font-size: 0.8rem;
		line-height: 1;
		letter-spacing: 1px;
		color: #2f2f2f;
	}
	.global-nav .home_w {
		width: 160px;
	}
    .global-nav .brand_w {
		width: 180px;
	}
    .global-nav .support_w {
		width: 120px;
	}
    .global-nav dd {
		/*font-family: 'Noto Sans Japanese', sans-serif;*/
        font-family: 'Noto Sans JP', sans-serif;
		font-size: 0.75rem;
		font-weight: 300;
		line-height: 2.4;
		color: #808080;
	}
	.global-nav a {
		text-decoration: none;
		outline: none;
	}
	.global-nav dt a { color: #2f2f2f;}
	.global-nav dd a { color: #808080;}

	.global-nav .current a,
	.global-nav a:hover{
		color: #ff6800;
	}
	.global-nav a {
		transition-property: color, opacity;
		transition-duration: 0.15s;
		transition-timing-function: ease-in-out;
	}
	.global-nav.fixed {
		position: fixed !important;
		top: 0 !important;
	}

	.global-nav-height {
		position: relative;
		width: 100%;
		height: 46px;
	}
    
    .global-nav dd.br {
        margin-top: 0.67em;
        line-height: 1.4;
    }

}


@media screen and (max-width: 640px) {
	.aquos-header {
		position: relative;
		padding: 2px 5px 10px 5px;
		/*font-family: 'Noto Sans Japanese', sans-serif;*/
        font-family: 'Noto Sans JP', sans-serif;
		text-align: center;
		background: #fff;
	}
	.aquos-header h1 {
		margin: 0;
		padding: 0;
	}
	.aquos-header h1 img {
		width: 30%;
		vertical-align: bottom;
	}
	.aquos-header .shoulder {
		padding-top: 8px;
		font-size: 0.6rem;
		font-weight: 400;
		line-height: 1;
		color: #8a8e99;
	}
	.aquos-header .logo {
		position: absolute;
		top: 1.5em;
		left: 1em;
		width: 18%;
	}
	.aquos-header .logo img {
		width: 100%;
	}
	.aquos-header .h-menu {
		position: absolute;
		top: 1.5em;
		right: 1em;
		display: block;
		width: 6.4%;
		height: 40px;
		background: url(../images/icon_menu_gr.png) top center no-repeat;
		background-size: contain;
		z-index: 1001;
		cursor: pointer;
	}
	.aquos-header .h-menu.open {
		background: url(../images/icon_menu_close.png) top center no-repeat;
		background-size: contain;
	}
	.aquos-header .icon {
		position: absolute;
		top: 1.2em;
		width: 9%;
		z-index: 1002;
	}
	.aquos-header .icon.tw { left: 144%;}
	.aquos-header .icon.fb { left: 156%;}
	.aquos-header .icon.ln { left: 168%;}
	.aquos-header .icon img{
		width: 100%;
	}

	.global-nav {
		position: absolute;
		left: 100%;
		width: 80%;
		padding: 0;
		background-color: #fff;
		/*font-family: 'Noto Sans Japanese', sans-serif;*/
        font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		z-index: 1001;
	}
	.global-nav dt,
	.global-nav dd {
		display: block;
		position: relative;
		padding: 5% 0;
		width: 100%;
		border-top: 1px solid #e6e6e6;
	}
	.global-nav dl:first-child dt:first-child {
		border-top: none;
	}
	.global-nav dd {
		display: none;
		background: #f5f5f5;
	}
	.global-nav dt a,
	.global-nav dd a {
		display: block;
		line-height: 1;
		text-align: left;
		text-decoration: none;
		color: #2e2e2e;
	}
	.global-nav dt a {
		margin: 0 5%;
		width: 90%;
		background: url(../images/icon_plus_bk_2x.png) center right no-repeat;
		background-size: 1em;
	}
	.global-nav dt.open a {
		background: url(../images/icon_minus_bk_2x.png) center right no-repeat;
		background-size: 1em;
	}
	.global-nav dt.home a {
		background: url(../images/icon_arrow_bk_2x.png) center right 1% no-repeat;
		background-image: url(../images/icon_arrow_bk_2x.png) !important;
		background-size: 0.6em;
	}
	.global-nav dd a {
		margin: 0 5% 0 10%;
		width: 85%;
		background: url(../images/icon_arrow_bk_2x.png) center right 1% no-repeat;
		background-size: 0.7em;
		font-size: 0.8em;
	}
	.global-mask {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.6);
		z-index: 1000;
	}
}

@media screen and (min-width: 641px) {
	.global-nav dt.brand a {
		pointer-events: none;
	}
}

/* ==========================================================================
   譌｢蟄倥さ繝ｳ繝�Φ繝�ｯｾ蠢�
   ========================================================================== */
@media screen and (min-width: 641px) {
	.sp_only,
	.sp {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.pc_only {
		display: none !important;
	}
	.sp_only {
		display: block !important;
	}
}

@media screen and (max-width: 640px) {
	html,
	body {
		position: relative;
		overflow-x: hidden;
		width: 100%;
	}
	.container {
		position: relative;
		width: 100%;
		overflow-x: hidden;
	}
	.sp-upper-level {
		position: relative;
	}
}