/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0; border-color:#d9d9d9;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
hr{ border:0;}
button{ border:0; padding:0; background:none; font-size:1em; outline:0;}
div,a,span,dl,dt,dd,ol,ul,li{ box-sizing:border-box;}




/*/////////////////////////
base layout　helve
//////////////////////////*/
html,body{

	font-size:14px;



	width:100%;
	 height:100%;


}

body{
	font-family:YakuHanJP,'Noto Sans JP', sans-serif;
	font-weight: 500;
	letter-spacing:0em;
	line-height:2;

    /*font-feature-settings: 'palt' 1;*/
    font-feature-settings: 'pkna';
    letter-spacing: 0.03em;
	 -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;

	word-break: break-all;
}

#globalWrap h3.pageyTitle,
section.sitemap{ font-feature-settings: 'palt';}
section.sitemap a{ text-decoration: none !important;}



.halt{ font-feature-settings: 'halt'; margin-bottom: 1em;}
.palt{ font-feature-settings: 'palt';margin-bottom: 1em;}
.pkna{ font-feature-settings: 'pkna';margin-bottom: 1em;}
.pwid{ font-feature-settings: 'pwid';margin-bottom: 1em;}
.hkna{ font-feature-settings: 'hkna';margin-bottom: 1em;}
.kern{ font-feature-settings: 'kern';margin-bottom: 1em;}

.halt,
.palt,
.pkna,
.pwid,
.hkna,
.kern{ font-size: 1.5em; font-size: bold; padding-bottom: 1em; border-bottom: solid 1px #333;}
.d{  font-feature-settings:normal; font-size: 1.5em; font-size: bold; padding-bottom: 1em; border-bottom: solid 1px #333;}



.fontMin{font-family:YakuHanJP, 'Noto Serif JP', serif;}

strong,
.fontBold{ font-weight:bold !important;}





/*

Hiragino UD Serif W4 JIS2004
Hiragino UD Serif W6 JIS2004


Hiragino UD Sans W3 JIS2004
Hiragino UD Sans W4 JIS2004
Hiragino UD Sans W5 JIS2004
Hiragino UD Sans W6 JIS2004

Hiragino UD Sans F W3

Hiragino UD Sans Rd W3

	'Shuei KakuGo Kin L'
	Shuei KakuGo Gin L
	'Shuei Mincho L'
	'Gothic Medium BBB'
	'Futo Go B101'
	' Soft Gothic Medium'
	 Shuei MaruGo L
	  TBGothic SL
	   TBGothic M

	   UD Shin Go NT Light
	   UD Shin Go NT Regular
	   UD Shin Go NT Medium
	   UD Shin Go NT DemiBold

	   Hiragino UD Sans F W3 JIS2004

	   TBUDGothic SL
	   TBUDGothic R
	    TBUDGothic B
		TBUDGothic E

		TBUDRGothic SL
		 TBUDRGothic R
		 TBUDRGothic B

		 Ryumin Regular KL
		 Ryumin Medium KL
		 Ryumin Bold KL

*/



body{


	color:#5b5b5b;





	width:100%;
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;

	text-align:left;


	background:rgba(0,0,0,0.03);

}


body.fixed{ overflow-x:hidden;}


@media screen and (max-width: 1070px) {


}

@media screen and (max-width: 640px) {


}




body.coverOpen{ position:fixed; width:100%; height:100%;}

img{ vertical-align:bottom;}

a,a:link{ text-decoration:underline;outline:0;}
a,a:link,a:hover,a:active,a:visited{color:#5b5b5b;}

a:not(.block) , a:link:not(.block) {
    color:#474848;

}
a:not(.block):hover, a::not(.block)active {
    color:#474848;
    text-decoration:underline;
}
a:not(.block):visited {
    color:#474848;
    text-decoration:none;
}

nav a{ text-decoration:none !important;}

h1,
h2,
h3,
h4,
h5,
h6{ padding:0; margin:0 auto 1em auto; font-weight:400;display:block; font-size:1.3rem; line-height:1.5;}


h1,
h2,
h3,
h4{ font-weight: bold;}

table{ width:100%;}
hr{ border:0; padding:0; margin:0; height:1px;}
p{ margin-bottom:1.8em;}


select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

ol{ list-style: decimal; padding-left: 1.5em; margin-bottom: 1em;}
ol li{ margin-bottom: 0.5em;}

.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}



/* loading cover
----------------------------------------------- */

#loader{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:#fff;
	z-index:9999;

}

#loadingAnim{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 35px;
	height: 35px;
	margin:-15px 0 0 -18px;
	display:none;



}

#loading_count{
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin:30px 0 0 -50px;
	text-align:center;

	color:#999;
	font-size:1rem;
	width:100px;

	padding:0;
}

/* IE Only
----------------------------------------------- */
#dp_swf_engine{ display:none;}


/* wrap
----------------------------------------------- */

#container	{ opacity:0; position:relative; z-index:2; width:100%; }

.pcDevice #container{}

.pcDevice{}
.touchDevice{}

#container.fixed{ position:fixed; z-index:200;width:100%; min-height:0 !important; height:80px; overflow:hidden; }

#base		{ width:90%; max-width:960px; 	min-height: 30rem;margin:auto; padding-bottom:50px;}

header{ width:100%; height:140px; margin-bottom:20px; position:relative;}






main{ position:relative; z-index:9; width:100%;}

#primary{ position:relative; z-index:9;}



#bgCover{  position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.2; z-index:1;}









/* header footer
----------------------------------------------- */

header.global{}

header.global > .globalInner{border-bottom:solid 0px #d9d9d9; height:160px;}

header.global h1{ width:400px; height:28px; background:url(./img/common/logo_typo_color.svg) left center no-repeat; background-size:contain; position:absolute; top:66px; opacity:1;}
header.global h1 a{ padding-top:28px; height:0; overflow:hidden; display:block;}

header.global .spMenu{ display:none;}



.spMenuBtn{ display:none; width:100px; height:100px; position:fixed; top:0px; right:0px;  z-index:520; cursor:pointer; background-color:#474848;}

.spMenuBtn hr{ width:30px; height:4px; background-color:#fff; border:0;}
.spMenuBtn:hover hr{
-moz-transition: -moz-all 200ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 200ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 200ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 200ms cubic-bezier(.50,.0,.50,1);
    transition: all 200ms cubic-bezier(.50,.0,.50,1);
}

.spMenuBtn hr{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.spMenuBtn hr:nth-of-type(1){ margin-top: -15px;}
.spMenuBtn hr:nth-of-type(2){ }
.spMenuBtn hr:nth-of-type(3){ margin-top: 15px;}


.spMenuBtn.close{ }
.spMenuBtn.close hr{ background-color:#ccc;}
.spMenuBtn.close hr:nth-of-type(1){
	position:absolute; top:33px; left:20px;
		-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.spMenuBtn.close hr:nth-of-type(2){ opacity:0;}

.spMenuBtn.close hr:nth-of-type(3){
	position:absolute; top:33px; left:20px;
		-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.siteMenu{ position:absolute; top:70px; right:0;}
.siteMenu ul.menu{ }
.siteMenu ul.menu li{ position: relative; display:inline-block; margin-left:0px; }

.siteMenu ul.menu li:after{
	content:'';
	display:block;
	width: 1px;
	height: 100%;
	position:absolute;
	top:0%;
	left:100%;
	background: #ccc;
	transform: translate(3px,0);
}

.siteMenu ul.menu li a{  display:block; padding:6px 15px; line-height:1; text-align:center; position:relative; text-decoration:none; white-space: nowrap; }
.siteMenu ul.menu li a:hover{}

.siteMenu ul.menu li a:before{
	content:'';
	display:none;
	width: 1.5rem;
	height: 1.5rem;
	background:url(./img/common/icon/book.svg) center center no-repeat; background-size:contain;
	position:absolute;
	top:50%;
	left:0;
	transform: translate(0,-50%);
}
.siteMenu ul.menu li:nth-of-type(1) a:before{
	background:url(./img/common/icon/book.svg) center center no-repeat; background-size:contain;
}
.siteMenu ul.menu li:nth-of-type(2) a:before{
	background:url(./img/common/icon/contact.svg) center center no-repeat; background-size:contain;
}

header ul.user{ position: absolute; top: 0px; right: 20px; font-size: 0.9em;}
header ul.user li{ display:inline-block; margin-left:20px;}

header ul.user li a{ display:block; padding:10px 20px; line-height:1; text-align:center; position:relative; text-decoration:none; white-space: nowrap; background-color:#fff; color:#000 !important; border: solid 1px #000; border-top:0;  border-radius:0 0 3px 3px; line-height: 1;}
header ul.user li a:hover{ background-color:#666;}



header.global .userArea{ font-size: 1rem; line-height: 20px;  position: absolute;    top: 10px; right: 20px;}

header.global .userArea a{ text-decoration: none !important; display: inline-block; padding: 0 25px; position: relative;}
header.global .userArea a:hover{ text-decoration: underline !important;}
header.global .userArea a:not(:first-child){ border-left: solid 0px #999;}
header.global .userArea a:last-child{ padding-right: 0;}



header.global .userArea a:before{
	content:'';
	display:block;
	width: 1.5rem;
	height: 1.5rem;
	position:absolute;
	top:50%;
	left:0;
	transform: translate(0,-50%);
}
header.global .userArea a:nth-of-type(1):before{
	background:url(./img/common/icon/global.svg) center center no-repeat; background-size:contain;
}
header.global .userArea a:nth-of-type(2):before{
	background:url(./img/common/icon/company.svg) center center no-repeat; background-size:contain;
}




/* globalMenu
----------------------------------------------- */

.globalMenu{ height:65px;  margin-bottom:40px; position:relative; z-index:50;font-weight:400;}
.globalMenu ul.menu{ }

.globalMenu ul.menu:before, .globalMenu ul.menu:after{
content: "";
display: table;
}
.globalMenu ul.menuu:after{
clear: both;
}


.globalMenu ul.menu > li{ width:160px; height:65px; float:left;box-sizing:border-box;  position: relative;}

.globalMenu ul.menu > li > a{ display:block; height:inherit;box-sizing:border-box; padding-top:90px; text-align:center; position:relative; text-decoration:none !important; }

.globalMenu ul.menu li:last-child {  }

.globalMenu ul.menu li:nth-child(odd) a{ }
.globalMenu ul.menu li:nth-child(even) a{}



.globalMenu ul.menu > li > a:after{
		content:"";
		display:inline-block;
		opacity:1;
		width:63px;
		height:50px;

		position:absolute;
		top:0px;
		left:50%;
		margin-left:-32px;

}

	.globalMenu ul.menu > li:nth-of-type(1) > a:after{ background:url(img/common/icon/oc.png) center center no-repeat; background-size:contain;}
	.globalMenu ul.menu > li:nth-of-type(2) > a:after{ background:url(img/common/icon/guide.png) center center no-repeat; background-size:contain;}
	.globalMenu ul.menu > li:nth-of-type(3) > a:after{ background:url(img/common/icon/study.png) center center no-repeat; background-size:contain;}
	.globalMenu ul.menu > li:nth-of-type(4) > a:after{ background:url(img/common/icon/about.png) center center no-repeat; background-size:contain;}
	.globalMenu ul.menu > li:nth-of-type(5) > a:after{ background:url(img/common/icon/shinro.png) center center no-repeat; background-size:contain;}
	.globalMenu ul.menu > li:nth-of-type(6) > a:after{ background:url(img/common/icon/news.png) center center no-repeat; background-size:contain;}
.globalMenu ul.menu > li:nth-of-type(7),
.globalMenu ul.menu > li:nth-of-type(8){ display: none;}

footer section.sitemap ul.menu li.career{ margin-top: 40px;}

.globalMenu ul.menu li a span{ display:block; height:25px; width:100%; position:absolute; top:60px;box-sizing:border-box;border-right:solid 0px #d9d9d9;border-left:solid 0px #d9d9d9; font-weight: bold;}


.globalMenu ul.menu > li .subMenu{ display:inline-block; height:0px; overflow:hidden;

	-moz-transition: -moz-all 200ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 200ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 200ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 200ms cubic-bezier(.50,.0,.50,1);
    transition: all 200ms cubic-bezier(.50,.0,.50,1);
	box-shadow:0px 3px 15px 0px #666;
-moz-box-shadow:0px 3px 15px 0px #666;
-webkit-box-shadow:0px 3px 15px 0px #666;
pointer-events:auto;
	}

.globalMenu ul.menu > li .subMenu.in{pointer-events:auto;}
.globalMenu ul.menu > li:nth-of-type(6) .subMenu{ position:absolute; right:0;}

.globalMenu ul.menu li ul.sub{ background-color:#474848;  box-sizing:content-box; display:table; min-width:160px; padding:10px 0;

}
.globalMenu ul.menu li ul.sub li{ margin:0 10px;}
.globalMenu ul.menu li ul.sub li a{ color:#fff; display:block; padding:5px 10px;white-space: nowrap; text-decoration:none !important; }
.globalMenu ul.menu li ul.sub li a:hover{ background-color:#222;}
.globalMenu ul.menu li ul.sub li a.nolink:hover{ background-color:transparent;}

.globalMenu ul.menu li ul.sub li.line{ margin-bottom:0px; border-bottom:dotted 1px #ccc;}


.globalMenu ul.menu li ul.sub li.deactive{ opacity:.2;}
.globalMenu ul.menu li ul.sub li.deactive a{pointer-events: none;}

.globalMenu ul.menu > li { position:relative; z-index:2;}
.globalMenu ul.menu > li.study { z-index:0;}

@media screen and (min-width: 1000px) and (max-width: 3000px) {

.globalMenu ul.menu > li.study .subMenu a{ padding-top:20px !important; padding-bottom:20px !important; font-size:1.1em; }
.globalMenu ul.menu > li.study .subMenu{ width:960px;  position:relative; left:-320px; text-align:center;overflow:hidden;}
.globalMenu ul.menu > li.study .subMenu ul.sub{ width:99.9%; padding:0;}

.globalMenu ul.menu > li.study ul.sub li{ padding:0; margin:0;}

.globalMenu ul.menu > li.study ul.sub li.cBox{ width:33.3%; float:left; border:solid 1px #bfbfbf;}
.globalMenu ul.menu > li.study ul.sub li.design{ border-left:0;}
.globalMenu ul.menu > li.study ul.sub li.chara{ border-left:0; border-right:0;}
.globalMenu ul.menu > li.study ul.sub li.art{ border-right:0;}


.globalMenu ul.menu > li.study ul.sub li.cBoth{ clear:both;}

.globalMenu ul.menu > li.study ul.sub li.as,
.globalMenu ul.menu > li.study ul.sub li.gaku{ width:50%; float:left;}

.globalMenu ul.menu > li.study ul.sub li.as{  border-right:solid 1px #fff;}

.globalMenu ul.menu > li.study ul.sub li .nolink{ opacity:.5; padding-bottom:5px !important;}

.globalMenu ul.menu > li.study ul.sub li .sub_course{ padding-bottom:20px !important; font-size:0.8em;}

.globalMenu ul.menu > li.study .subMenu .sub_course a{padding-top:5px !important; padding-bottom:5px !important;}

.globalMenu ul.menu > li.study ul li.staff{  border-top:solid 1px #bfbfbf;}



}



#headerFix .globalMenu ul.menu > li.study ul li.staff{ border: 0 !important;}


#headerFix{}



		#headerFix .globalMenu ul.menu > li .subMenu{ }


		#headerFix  .globalMenu ul.menu > li.study .subMenu a{



	}
		#headerFix  .globalMenu ul.menu > li.study .subMenu{ width:auto;  position:relative; left:auto;}
		#headerFix  .globalMenu ul.menu > li.study .subMenu ul.sub{

		background-color: #474848;
    box-sizing: content-box;
    display: table;
    min-width: 160px;
    padding: 10px 0;
	text-align:left !important;
	}

	#headerFix  .globalMenu ul.menu > li.study .subMenu ul.sub a{
		color: #fff;
    display: block;
    padding: 5px 10px !important;
    white-space: nowrap;
    text-decoration: none !important;
	}



#headerFix  .globalMenu ul.menu > li.study ul.sub li{ padding:0; margin:0;}

#headerFix  .globalMenu ul.menu > li.study ul.sub li.cBox{ width:auto !important; float:none; border:solid 0px #bfbfbf;}
#headerFix  .globalMenu ul.menu > li.study ul.sub li.design{ border-left:0;}
#headerFix  .globalMenu ul.menu > li.study ul.sub li.chara{ border-left:0; border-right:0;}
#headerFix  .globalMenu ul.menu > li.study ul.sub li.art{ border-right:0;}


#headerFix  .globalMenu ul.menu > li.study ul.sub li.cBoth{ clear:none;}

#headerFix  .globalMenu ul.menu > li.study ul.sub li.as,
#headerFix  .globalMenu ul.menu > li.study ul.sub li.gaku,
#headerFix  .globalMenu ul.menu > li.study ul.sub li.asabinews{ width:100% !important; float:none;}

#headerFix  .globalMenu ul.menu > li.study ul.sub li.as{  border-right:solid 0px #fff;}

#headerFix  .globalMenu ul.menu > li.study ul.sub li .nolink{ opacity:.5; padding-bottom:5px !important;}

#headerFix  .globalMenu ul.menu > li.study ul.sub li .sub_course{ padding-bottom:20px !important; font-size:0.8em;}

#headerFix  .globalMenu ul.menu > li.study .subMenu .sub_course a{padding-top:5px !important; padding-bottom:5px !important;}







/* footer
----------------------------------------------- */

footer{ position:relative;z-index:100; color:#333;}

footer #nakaniwa{ width:100%; height:500px;background:url(img/common/nakaniwa.jpg) center bottom no-repeat; background-size:cover; display:none;}

body#top.index footer #nakaniwa{ display:block;}

footer section.information{ background:#f2f2f2; margin:0; padding:40px 0; position:relative; overflow:hidden; }



footer section.information ul.menu{ overflow:hidden; margin-bottom:20px; position:relative;z-index:2;}

footer section.information ul.menu:before{
content: "";
display: table;
}
footer section.information ul.menuu:after{
clear: both;
}


footer section.information ul.menu > li{ width:25%; padding:0 2px;  float:left;box-sizing:border-box;  position: relative;}

footer section.information ul.menu > li > a{ display:block; height:inherit;box-sizing:border-box; text-align:center; position:relative; text-decoration:none; background-color:#484848; padding:15px 10px;font-size:1.2rem; letter-spacing:0.2em;color:#fff !important;}

footer section.information ul.menu > li > a:hover{background-color:#666;}


body#book footer section.information ul.menu > li.book,
body#oc footer section.information ul.menu > li.oc,
body#access footer section.information ul.menu > li.access,
body#contactguide footer section.information ul.menu > li.contact{ opacity: 0.1;pointer-events: none;}

footer section.information ul.menu li:last-child {  }

footer section.information ul.menu li:nth-child(odd) a{ }
footer section.information ul.menu li:nth-child(even) a{}



footer section.information .tel{ height:auto; display:table; width:100%; vertical-align:middle; color:#222; text-align:right;position:relative;z-index:2;}
footer section.information .tel .number{font-family:'Pathway Gothic One'; white-space: nowrap; padding-left:20px;font-size:4rem; height:60px; display:table-cell; vertical-align:middle; line-height:1; width:200px;}
footer section.information .tel .text{ font-size:1.2rem; display:table-cell; vertical-align:middle; line-height:1.4; padding-top:8px;}


footer section.information #mimi{ display:none; position:absolute; z-index:1; bottom:-4px; right:40px; width:73px; height:35px; background:url(img/svg/mimi.svg) no-repeat; background-size:contain;}
footer section.information #tree{ display:none; position:absolute; z-index:1; bottom:-1px; left:-130px; width:370px; height:410px; background:url(img/svg/tree.svg) center bottom no-repeat; background-size:cover;}










footer section.sitemap{ background-color:#222; min-height:300px; margin:0; padding:40px 0 100px 0; position:relative;}

footer section.sitemap .globalInner{ padding-bottom:50px;}

footer section.sitemap a,
footer section.sitemap a:link{ color:#ccc !important; letter-spacing:0;}


footer section.sitemap ul.menu{
	

}

footer section.sitemap ul.menu:before, .globalMenu ul.menu:after{
content: "";
display: table;
}
footer section.sitemap ul.menuu:after{
clear: both;
}


footer section.sitemap ul.menu > li{ width:160px; padding:0 5px;  float:left;box-sizing:border-box;  position: relative;}

footer section.sitemap ul.menu > li.oc{ width:200px;}
footer section.sitemap ul.menu > li.study{ width:200px;}
footer section.sitemap ul.menu > li.future{ width:120px; }
footer section.sitemap ul.menu > li.about{ width:140px; }
footer section.sitemap ul.menu > li.other{ width:140px; }
footer section.sitemap ul.menu > li.career{ width:140px; }

footer section.sitemap ul.menu > li.future{}

footer section.sitemap ul.menu > li > a{ display:block; height:inherit;box-sizing:border-box; text-align:left; position:relative; text-decoration:none; background-color:#333; padding:5px 10px;font-size:0.9rem; letter-spacing:0.2em;}

footer section.sitemap ul.menu li:last-child {  }

footer section.sitemap ul.menu li:nth-child(odd) a{ }
footer section.sitemap ul.menu li:nth-child(even) a{}

footer section.sitemap ul.menu > li .subMenu{ display:inline-block; }

footer section.sitemap ul.menu li ul.sub{ box-sizing:content-box; display:table; min-width:160px; padding-top:10px;}
footer section.sitemap ul.menu li ul.sub li{ margin:0 5px 3px 5px;}
footer section.sitemap ul.menu li ul.sub li a{display:block;white-space: nowrap; font-size:0.8rem;}
footer section.sitemap ul.menu li ul.sub li a:hover{ }

footer section.sitemap ul.menu li ul.sub li a.nolink{ text-decoration:none; opacity:.8;}

footer section.sitemap ul.menu li ul.sub li .sub_course{ margin-bottom:15px;}
footer section.sitemap ul.menu li ul.sub li {
    margin: 0 0px 3px 0px;
}

footer section.sitemap ul.menu li ul.sub li.deactive{ opacity:.2;}
footer section.sitemap ul.menu li ul.sub li.deactive a{ cursor:default;pointer-events: none;}

footer section.sitemap ul.sns{ position:absolute; bottom:0px; right:0px;}


footer section.sitemap .copyright{ position:absolute; bottom:-20px; left:0px; font-size:9px; letter-spacing:0; color:#ccc}





/* headerFix
----------------------------------------------- */


#headerFix{ position:fixed; top:-100px; left:0; width:100%; height:80px; background-color:#fff; z-index:100;
box-shadow:0px 3px 15px 0px #ccc;
-moz-box-shadow:0px 3px 15px 0px #ccc;
-webkit-box-shadow:0px 3px 15px 0px #ccc;

-moz-transition: -moz-all 500ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 500ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 500ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 500ms cubic-bezier(.50,.0,.50,1);
    transition: all 500ms cubic-bezier(.50,.0,.50,1);

	}

#headerFix.view{ top:0;}

#headerFix header{ height:100px; background-color:transparent;}

#headerFix header h1{ width:200px; height:60px;  background:url(./img/common/logo_typo_
	color.svg) left center no-repeat; background-size:contain; position:absolute; top:10px; left:20px; opacity:1;}
#headerFix header h1 a{ padding-top:60px;}


#headerFix .siteMenu{ position:absolute; top:10px; right:20px;}
#headerFix .siteMenu ul.menu{ float:right; text-align:right; display:table; width:auto;}
#headerFix .siteMenu ul.menu li{ margin-left:10px; text-align:center; display:inline-block;}

#headerFix .siteMenu ul.menu li a{ display:block; padding:5px 10px 5px 10px; font-size:0.8rem; }




#headerFix .globalMenu{ position:absolute; top:40px; right:20px;  width:auto !important; height:30px;  margin-bottom:0px; z-index:50;font-weight:400;}



#headerFix .globalMenu ul.menu > li{ width:120px !important; height:30px; font-size:0.85em !important; white-space:nowrap;}


#headerFix .globalMenu ul.menu > li:nth-of-type(1){width:130px !important;}
#headerFix .globalMenu ul.menu > li:nth-of-type(2){width:100px !important;}
#headerFix .globalMenu ul.menu > li:nth-of-type(3){width:60px !important;}
#headerFix .globalMenu ul.menu > li:nth-of-type(4){width:100px !important;}
#headerFix .globalMenu ul.menu > li:nth-of-type(5){width:60px !important;}
#headerFix .globalMenu ul.menu > li:nth-of-type(6){width:100px !important;}

#headerFix .globalMenu ul.menu > li:nth-of-type(7){ width:70px !important; display: block !important;}
#headerFix .globalMenu ul.menu > li:nth-of-type(7) .sub{ display: none;}
#headerFix .globalMenu ul.menu > li:nth-of-type(8){width:100px !important;display: block !important; margin:  0 !important;}
#headerFix .globalMenu ul.menu > li:nth-of-type(8) .sub{ display: none;}

@media screen and (max-width: 1000px) {
	#headerFix .globalMenu ul.menu > li:nth-of-type(1){width:100% !important;}
	#headerFix .globalMenu ul.menu > li:nth-of-type(2){width:100% !important;}
	#headerFix .globalMenu ul.menu > li:nth-of-type(3){width:100% !important;}
	#headerFix .globalMenu ul.menu > li:nth-of-type(4){width:100% !important;}
	#headerFix .globalMenu ul.menu > li:nth-of-type(5){width:100% !important;}
	#headerFix .globalMenu ul.menu > li:nth-of-type(6){width:100% !important;}
	#headerFix .globalMenu ul.menu > li:nth-of-type(7){width:100% !important; display: block;}
	#headerFix .globalMenu ul.menu > li:nth-of-type(8){width:100% !important; display: block;}
	
	#headerFix .globalMenu ul.menu > li:nth-of-type(8) br{ display: none;}
}

#headerFix .globalMenu ul.menu > li > a{ padding-top:30px; letter-spacing:0em}

#headerFix .globalMenu ul.menu li a span{ height:25px;position:absolute; top:5px;}


#headerFix .globalMenu ul.menu > li > a:after{
		content:"";
		display:none;
}



.flexbox-main{ margin:0;}