@charset "utf-8";

@font-face {font-family:"Helvetica Neue"; src:local("Helvetica Neue Regular"); font-weight:100;}
@font-face {font-family:"Helvetica Neue"; src:local("Helvetica Neue Regular"); font-weight:200;}
@font-face {
	font-family:"YakuHanJP"; 
	font-style:normal; 
	font-weight:400; 
	src:url("../fonts/YakuHanJP-Regular.eot");
	src:url("../fonts/YakuHanJP-Regular.woff2") format("woff2"), 
	    url("../fonts/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP"; 
	font-style:normal; 
	font-weight:400; 
	src:url("../fonts/YakuHanMP-Regular.eot");
	src:url("../fonts/YakuHanMP-Regular.woff2") format("woff2"), 
	    url("../fonts/YakuHanMP-Regular.woff") format("woff");
}
@font-face {
	font-family:"icons"; 
	font-weight:normal; 
	font-style:normal; 
	src:url("../fonts/icons.eot?20171122"); 
	src:url("../fonts/icons.eot?20171122#iefix") format("embedded-opentype"), 
	    url("../fonts/icons.ttf?20171122") format("truetype"), 
	    url("../fonts/icons.woff?20171122") format("woff"), 
	    url("../fonts/icons.svg?20171122#icons") format("svg"); 
}

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, 
small, strong, var, b, i, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; font-style:normal; vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
i, em {font-style:normal;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
table {border-collapse:collapse; border-spacing:0;}
table th, table td {vertical-align:top;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
img {vertical-align:bottom;}
body, input, select, textarea {
	font-family:Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}

html {height:100%;}
body {
	height:100%; 
	background-color:#ffffff; 
	color:#000000; 
	font-size:12px; 
	line-height:1.5; 
	text-align:center; 
	-webkit-text-size-adjust:auto;
}

a {color:#000000; text-decoration:underline; outline:none;}
a, 
a img {
	transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; 
	transition-property:border-color,background-color,color,opacity; -webkit-transition-property:border-color,background-color,color,opacity;}
a:hover {color:#999999;}
a:hover img {filter:alpha(opacity=50); opacity:0.5;}

#container {width:100%; min-width:960px; height:auto !important; height:100%; min-height:100%; position:relative; overflow:hidden;}
#container:after {display:block; clear:both; height:0; content:"";}

#header {*zoom:1; width:100%; min-width:960px; position:relative; z-index:9001; background:#ffffff; text-align:center;}
#header > h1 {height:90px; position:relative; z-index:9002; border-bottom:2px solid #000000; overflow:hidden;}
#header > h1 > a {display:inline-block; margin:0 auto;}
#header > h1 img {display:block; opacity:1;}
#header > nav {width:960px; position:relative; z-index:9002; margin:0 0 0 -480px; padding:0 50%; border-bottom:1px solid #ffffff;}
#header > nav > ul {*zoom:1; margin:10px 0; border-left:1px solid #cccccc;}
#header > nav > ul:after {display:block; clear:both; height:0; content:"";}
#header > nav > ul > li {float:left; width:239px; height:20px; border-right:1px solid #cccccc;}
#header > nav > ul > li:first-child {margin-right:-1px;}
#header > nav > ul > li > a {
	display:block; height:22px; margin:-10px 0 -9px; border-bottom:1px solid #ffffff; text-decoration:none; font-size:14px; padding:9px 0; position:relative;}
#header > nav > ul > li > a:after {display:inline-block; content:url(../images/icon_nav_open.png); width:9px; height:6px; position:absolute; top:7px; right:10px;}
#header > nav > ul > li.selected > a:after {content:url(../images/icon_nav_close.png);}
#header > nav > ul > li > a:hover, 
#header > nav > ul > li.selected > a {border-color:#000000;}
#header > nav > ul > li.who-we-are{display:block;}
#header > nav > ul > li.what-we-do{display:block;}
#header > nav > ul > li.press-room{display:block;}
#header > nav > ul > li.special{display:none;}
#header > nav > ul > li.anniversary120th {display:none;}
#header > nav > ul > li.contact {display:none;}
#header > nav > ul > li.recruit {display:block;}
#header > nav > ul > li > ul {display:none;}
#header > i {display:none;}
#header > .mask {display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:9000; background:#ffffff; opacity:0;}
#header > .background {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:9001; background:#ffffff;}
	
	#sub-nav {display:none; width:100%; min-width:960px; position:absolute; left:0; top:133px; z-index:9000;}
	#sub-nav > section {width:960px; position:absolute; left:0; top:0; margin:0 0 0 -480px; padding:15px 50% 30px; border-bottom:1px solid #cccccc; background:#ffffff; text-align:center;}
	#sub-nav > section a:hover {color:#464646; opacity:0.5;}
	#sub-nav > section ul {display:inline-block; *display:inline; *zoom:1; width:auto; position:relative; background:url(../images/nav_divider.gif) 0 37px no-repeat; letter-spacing:-0.4em;}
	#sub-nav > section ul:after {display:block; clear:both; height:0; content:"";}
	#sub-nav > section ul > li {
		float:left; background:url(../images/nav_divider.gif) right center no-repeat; font-size:12px; font-weight:bold; letter-spacing:normal; vertical-align:top;}
	#sub-nav > section ul > li > a {display:block; width:150px; height:18px; padding:122px 5px 0; background:url(../images/general.png) no-repeat; text-decoration:none; overflow:hidden;}
	#sub-nav > section ul > li > span {color:#999999; cursor:default;}
	#sub-nav > section > ul > li.top{float:none; background:none; height:37px; text-align:left;}
	#sub-nav > section > ul > li.top > a{display:inline-block; width:auto; height:auto; background:#f1f1f1; padding:3px 30px 3px 18px; border-radius:20px; position:relative;}
	#sub-nav > section > ul > li.top > a:after{display:inline-block; content:url(../images/icon_sub-nav_top.png); width:3px; height:6px; position:absolute; top:1px; right:10px;}
	
	
	#sub-nav > section.who-we-are > ul > li.future      > a {background-position:0 -200px; text-indent:110%; white-space:nowrap; overflow:hidden;}
	#sub-nav > section.who-we-are > ul > li.real        > a {background-position:-160px -200px; text-indent:110%; white-space:nowrap; overflow:hidden;}
	#sub-nav > section.who-we-are > ul > li.message     > a {background-position:-320px -200px;}
	#sub-nav > section.who-we-are > ul > li.service     > a {background-position:-480px -200px;}
	#sub-nav > section.who-we-are > ul > li.history     > a {background-position:-640px -200px;}
	#sub-nav > section.who-we-are > ul > li.company     > a {background-position:-800px -200px;}
	#sub-nav > section.who-we-are > ul > li.recruit     > a {background-position:-960px -200px;}
	#sub-nav > section.what-we-do > ul > li.what-we-do    > a {background-position:0      -350px; text-indent:110%; white-space:nowrap; overflow:hidden;}
	#sub-nav > section.what-we-do > ul > li.digital-media > a {background-position:-160px -350px;}
	#sub-nav > section.what-we-do > ul > li.magazine      > a {background-position:-320px -350px;}
	#sub-nav > section.what-we-do > ul > li.book          > a {background-position:-480px -350px;}
	#sub-nav > section.what-we-do > ul > li.promotion     > a {background-position:-640px -350px;}
	#sub-nav > section.what-we-do > ul > li.data          > a {background-position:-800px -350px;}
	#sub-nav > section.press-room > ul > li.top         > a {margin-left:-240px;}
	#sub-nav > section.press-room > ul > li.news        > a {background-position:0      -500px;}
	#sub-nav > section.press-room > ul > li.award-books > a {background-position:-160px -500px;}
	#sub-nav > section.press-room > ul > li.award       > a {background-position:-320px -500px;}
	#sub-nav > section.recruit    > ul {background-position:0 0;}
	#sub-nav > section.recruit    > ul > li            > a {background:url(../images/nav_recruit_image.png) no-repeat;}
	#sub-nav > section.recruit    > ul > li.index      > a {background-position:-20px -20px;}
	#sub-nav > section.recruit    > ul > li.role       > a {background-position:-188px -20px;}
	#sub-nav > section.recruit    > ul > li.interview  > a {background-position:-356px -20px;}
	#sub-nav > section.recruit    > ul > li.message    > a {background-position:-532px -20px;}
	#sub-nav > section.recruit    > ul > li.list       > a {background-position:-708px -20px;}
	
	
	#sub-nav > section.special    > ul {padding:0 0 0 1px;}
	#sub-nav > section.special    > ul > li {padding:0 1px 0 0;}
	#sub-nav > section.special    > ul > li.index > a {
		width:320px; height:140px; padding:0; background:url(../../../toyokeizai2014_special/images/main-nav_banner.jpg); text-indent:110%; white-space:nowrap; overflow:hidden;}
	#sub-nav > section.special    > ul > li.anniversary120th > a {
		width:320px; height:140px; padding:0; background:url(../../../toyokeizai2014_special/images/main-nav_banner_anniversary120th.jpg); text-indent:110%; white-space:nowrap; overflow:hidden;}

/* MINI Nav */
html.nav-mini #container {padding-top:133px;}
html.nav-mini #header {
	height:50px; position:fixed; left:0; top:0; border-bottom:1px solid #cccccc; 
	-webkit-animation:header-show 0.3s ease-in-out 0s 1 normal both; animation:header-show 0.3s ease-in-out 0s 1 normal both;}
html.nav-mini #header > h1 {width:185px; height:50px; position:absolute; left:50%; top:0; margin:0 0 0 -480px; border:none;}
html.nav-mini #header > h1 > a {display:block; height:50px; background:url(../images/general.png) -400px 0 no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
html.nav-mini #header > h1 img {display:none;}
html.nav-mini #header > nav {width:auto; position:absolute; right:50%; top:0; margin:0 -470px 0 0; padding:0; border:none;}
html.nav-mini #header > nav > ul {margin:0; border:none;}
html.nav-mini #header > nav > ul > li {width:auto; height:auto; border:none;}
html.nav-mini #header > nav > ul > li:first-child {margin-right:0;}
html.nav-mini #header > nav > ul > li > a {height:22px; margin:0; padding:14px 0;}
html.nav-mini #header > nav > ul > li > a:after {top:12px; right:0;}
html.nav-mini #header > nav > ul > li.who-we-are > a {width:148px;}
html.nav-mini #header > nav > ul > li.what-we-do > a {width:175px;}
html.nav-mini #header > nav > ul > li.press-room > a {width:142px;}
html.nav-mini #header > nav > ul > li.recruit    > a {width:112px;}
html.nav-mini #header > .background {border-bottom:1px solid #ffffff;}
	
html.nav-mini #sub-nav {top:50px;}

@-webkit-keyframes header-show {
	from {-webkit-transform:translate(0,-100%);}
	to   {-webkit-transform:translate(0,0);}
}
@keyframes header-show {
	from {-webkit-transform:translate(0,-100%);}
	to   {-webkit-transform:translate(0,0);}
}


/* Body */
#body {*zoom:1; width:940px; margin:0 auto; text-align:left;}
#body:after {display:block; clear:both; height:0; content:"";}

/* Category Nav */
#body nav.category-nav {*zoom:1; margin:40px 0 0; border-top:1px solid #ccc; border-bottom:1px solid #e6e6e6;}
#body nav.category-nav > ul {margin:0 0 -1px -30px;}
#body nav.category-nav > ul:after {display:block; clear:both; height:0; content:"";}
#body nav.category-nav > ul > li {
	float:left; margin:0 0 0 30px; border-bottom:1px solid transparent; font-size:12px;
	transition:border-color 0.3s ease-in-out 0s; -webkit-transition:border-color 0.3s ease-in-out 0s;}
#body nav.category-nav > ul > li > a {display:block; margin:0 -15px; padding:15px; text-decoration:none;}
#body nav.category-nav > ul > li:hover, 
#body nav.category-nav > ul > li.selected {border-color:#000;}
#body nav.category-nav > ul > li.apply {display:none; float:right; margin:10px 0 0; border:none;}
#body nav.category-nav > li.apply > a {margin:0; padding:5px 45px; border:1px solid #e6e6e6; border-radius:15px; background:#f2f2f2;}
	
	/* Contents */
	#contents {float:right; width:700px; margin:90px 0 0;}
	#contents:after {display:block; clear:both; height:0; content:"";}
	
	/* Sidebar */
	#sidebar {float:left; width:220px; margin:90px 0 0;}
	#sidebar > header {position:relative;}
	#sidebar > header > h1 {width:100%; position:absolute; top:-3.5em; font-size:18px; font-weight:normal;}
	#sidebar > header > h1 > a {display:block; padding:1em 0; text-decoration:none;}
	#sidebar > header > nav {border-top:1px solid #000000;}
	#sidebar > header > nav > ul {}
	#sidebar > header > nav > ul > li {border-bottom:1px solid #e5e5e5; font-size:14px;}
	#sidebar > header > nav > ul > li > a {
		display:block; padding:14px 0 14px 22px; background:url(../images/icon_link.png) 0 center no-repeat; text-decoration:none;}
	
	/* Path */
	#path {width:940px; margin:50px 0 0 -470px; padding:10px 50%; border-top:1px solid #f2f2f2; background:#ffffff; text-align:left;}
	#path > ul {letter-spacing:-0.4em;}
	#path > ul > li {
		display:inline-block; *display:inline; *zoom:1; padding:0 20px 0 25px; background:url(../images/path_divider.gif) 0 center no-repeat; 
		letter-spacing:normal; vertical-align:top; line-height:1.3;}
	#path > ul > li > a {display:block; text-decoration:none;}
	#path > ul > li:first-child {margin:-10px; padding-left:0; background:none;}
	#path > ul > li:first-child > a {
		width:30px; height:3em; min-height:30px; background:url(../images/path_home.gif) 10px center no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
	#path > ul > li:first-child > a:hover {filter:alpha(opacity=50); opacity:0.5; z-index:0;}
	
/* Footer */
#footer {*zoom:1; padding:0 0 10px; background:#ffffff; text-align:left;}
#footer > nav {}
#footer > nav a {text-decoration:none;}
#footer > nav > .main {width:940px; margin:0 0 0 -470px; padding:30px 50% 40px; background:#f2f2f2;}
#footer > nav > .main > ul {}
#footer > nav > .main > ul:after {display:block; clear:both; height:0; content:"";}
#footer > nav > .main > ul > li {float:left; width:172px; margin:0 0 0 20px;}
#footer > nav > .main > ul > li:first-child {margin-left:0;}
#footer > nav > .main > ul > li > a {
	display:block; width:172px; height:30px; font-weight:bold;}
#footer > nav > .main > ul > li.who-we-are       {display:block;}
#footer > nav > .main > ul > li.what-we-do       {display:block;}
#footer > nav > .main > ul > li.press-room       {display:block;}
#footer > nav > .main > ul > li.special          {display:none;}
#footer > nav > .main > ul > li.contact          {display:block;}
#footer > nav > .main > ul > li.recruit          {display:block;}
#footer > nav > .main > ul > li.anniversary120th {display:none;}
#footer > nav > .main > ul > li ul {border-top:1px solid #000000;}
#footer > nav > .main > ul > li ul > li {font-size:12px;}
#footer > nav > .main > ul > li > .sub-menu {padding:10px 0 0;}
#footer > nav > .main > ul > li.who-we-are ul > li.brand-movie {display:none;}
#footer > nav > .main > ul > li.what-we-do ul > li.what-we-do {display:none;}
#footer > nav > .main > ul > li.press-room ul > li.special ul.sub-menu {display:none;}
#footer > nav > .main > ul > li.recruit    ul > li.index {display:none;}
#footer > nav > .main > ul > li.contact    ul > li.faq-other {display:none;}

#footer > nav > .main > ul > li ul > li.top{display:none;}
#footer > nav > .main > ul > li ul > li > a {display:block; padding:6px 0; border-bottom:none; text-decoration:none;}
#footer > nav > .main > ul > li ul > li > ul {border-top:none;}
#footer > nav > .main > ul > li ul > li li > a {padding-left:10px; background:url(../images/icon_arrow.gif) 1px 1em no-repeat;}
#footer > nav > .sub {width:940px; margin:0 0 0 -460px; padding:0 50%; border-top:1px solid #e6e6e6; background:#f2f2f2;}
#footer > nav > .sub > ul {padding:10px 0; text-align:right; letter-spacing:-0.4em;}
#footer > nav > .sub > ul > li {display:inline-block; *display:inline; *zoom:1; height:1em; border-left:1px solid #e6e6e6; line-height:1; letter-spacing:normal;}
#footer > nav > .sub > ul > li:first-child {border:none;}
#footer > nav > .sub > ul > li > a {display:block; margin:-10px 0; padding:10px;}
#footer > nav > .sub > ul > li.personal-information{display:none;}
#footer > nav > .related {width:940px; margin:0 auto;}
#footer > nav > .related > ul {text-align:center; letter-spacing:-0.4em;}
#footer > nav > .related > ul > li {display:inline-block; *display:inline; *zoom:1; margin:0 0 0 40px; letter-spacing:normal;}
#footer > nav > .related > ul > li:first-child {margin-left:0;}
#footer > nav > .related > ul > li > a {display:block;}
#footer > nav > .related > ul > li img {display:block;}
#footer > nav > .company {width:940px; margin:0 0 0 -470px; padding:0 50%; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
#footer > nav > .company > ul {padding:10px 0; text-align:center; letter-spacing:-0.4em;}
#footer > nav > .company > ul > li {display:inline-block; *display:inline; *zoom:1; height:1em; border-left:1px solid #f2f2f2; line-height:1; letter-spacing:normal;}
#footer > nav > .company > ul > li:first-child {border:none;}
#footer > nav > .company > ul > li > a {display:block; margin:-10px 0; padding:10px 8px;}
#footer > nav > .share {width:470px; height:0; margin:0 0 0 -470px; padding:0 0 0 50%;}
#footer > nav > .share > ul {padding:20px 0 0; text-align:left;}
#footer > nav > .share > ul:after {display:block; clear:both; height:0; content:"";}
#footer > nav > .share > ul > li {float:left; height:20px; margin:0 0 0 10px;}
#footer > nav > .share > ul > li:first-child {margin:0;}
#footer > h1 {width:160px; margin:20px auto 0;}
#footer > h1 > a {
	display:block; height:40px; background:url(../images/general.png) 0 -650px no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#footer > small {display:block; width:280px; height:40px; margin:0 auto;}
#footer > small > img {display:block;}


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

html, body {height:auto;}
body {
	max-width:960px; position:relative; left:0; overflow-x:hidden; 
	-webkit-transition:left 0.3s ease-in-out 0s; transition:left 0.3s ease-in-out 0s;}

#container {width:100%; min-width:320px; padding-top:50px; background:#ffffff;}

#header {
	width:100%; min-width:320px; height:50px; position:fixed; left:0; top:0; z-index:5000; margin:0; padding:0; border-bottom:1px solid #e5e5e5; 
	-webkit-transition:left 0.3s ease-in-out 0s; transition:left 0.3s ease-in-out 0s;}
#header > h1 {width:100%; height:auto; border:none;}
#header > h1 > a {
	display:block; height:50px; background:#ffffff url(../images/sp/general.png) center 0 no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;
	-webkit-background-size:320px auto; background-size:320px auto;}
#header > h1 img {display:none;}
#header > i {
	display:block; width:47px; height:50px; position:absolute; left:0; top:0; z-index:9002; border-right:none; 
	background:url(../images/sp/general.png) 0 -50px no-repeat; overflow:hidden; 
	-webkit-background-size:320px auto; background-size:320px auto; cursor:pointer; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#header > nav {display:none; width:100%; position:absolute; left:0; top:51px; margin:0; padding:0; border:none;}
#header > nav > ul {margin:0; border:none; background:#ffffff;}
#header > nav > ul > li {float:none; width:100%; height:auto; border:none; border-bottom:1px solid #e5e5e5;}
#header > nav > ul > li:first-child {margin-right:0;}
#header > nav > ul > li > a {height:35px; position:relative; margin:0; padding:15px 50px 0 20px; border:none; text-align:left;}
#header > nav > ul > li > a:hover, 
#header > nav > ul > li.selected > a {opacity:0.5;}
#header > nav > ul > li > a:after {
	display:block; content:""; width:50px; height:50px; position:absolute; right:0; top:50%; margin:-25px 0 0;
	background:url(../images/sp/icon_arrow_right.png) right 0 no-repeat; -webkit-background-size:cover; background-size:cover;}
#header > nav > ul > li.who-we-are       {display:block;}
#header > nav > ul > li.what-we-do       {display:block;}
#header > nav > ul > li.press-room       {display:block;}
#header > nav > ul > li.special          {display:block;}
#header > nav > ul > li.anniversary120th {display:none;}
#header > nav > ul > li.contact          {display:block;}
html.nav-show #header > nav {display:block;}
html.nav-show #header > .mask {display:block;}

	#sub-nav {display:none;}

#body {width:auto;}

/* Category Nav */
#body nav.category-nav {display:none; margin:20px 0 -20px; padding:10px; border-top:1px solid #cccccc;}
#body nav.category-nav > ul {margin:0;}
#body nav.category-nav > ul > li {display:none;}
#body nav.category-nav > ul > li.apply {display:block; margin:0;}
#body nav.category-nav > ul > li.apply > a {}
	
	/* Path */
	#path {display:none;}

/* Footer */
#footer {padding:0 0 20px;}
#footer > nav > .main {display:none; width:auto; margin:25px 0 0; padding:20px;}
#footer > nav > .main > ul > li {display:none; float:none; width:auto; margin-left:0;}
#footer > nav > .main > ul > li ul {}
#footer > nav > .main > ul > li ul > li {}
#footer > nav > .main > ul > li ul > li > a {padding:10px 0; }
#footer > nav > .main > ul > li ul > li li > a {background-position:1px 1.3em;}
#footer > nav > .sub, 
#footer > nav > .company, 
#footer > nav > .share {width:100%; margin:0; padding:0; border:none; background:none;}
#footer > nav > .sub     > ul, 
#footer > nav > .company > ul {margin:0 0 0 -1px; padding:0; border-top:1px solid #cccccc; text-align:center; letter-spacing:normal;}
#footer > nav > .sub     > ul:after, 
#footer > nav > .company > ul:after {display:block; clear:both; height:0; content:"";}
#footer > nav > .sub     > ul > li, 
#footer > nav > .company > ul > li {display:block; float:left; width:50%; height:auto; border:none; border-bottom:1px solid #cccccc !important;}
#footer > nav > .sub     > ul > li:nth-child(2n+1):last-child, 
#footer > nav > .company > ul > li:nth-child(2n+1):last-child {width:100%;}
#footer > nav > .sub     > ul > li > a, 
#footer > nav > .company > ul > li > a {display:block; margin:5px 0; padding:10px 0; border-left:1px solid #cccccc;}
#footer > nav > .related {width:100%; margin:0;}
#footer > nav > .related > ul {padding:10px 0;}
#footer > nav > .related > ul:after {display:block; clear:both; height:0; content:"";}
#footer > nav > .related > ul > li {width:50%; max-width:137px; margin:0 2%; overflow:hidden;}
#footer > nav > .related > ul > li:first-child {margin-left:2%;}
#footer > nav > .related > ul > li > a {overflow:hidden;}
#footer > nav > .related > ul > li img {width:100%; height:auto; margin:-10px 0; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
#footer > nav > .share {height:auto; text-align:center; line-height:1;}
#footer > nav > .share > ul {display:inline-block; padding:15px 0 0;}
#footer > h1 {width:100%; margin-top:0;}
#footer > h1 > a {display:block; height:50px; background:url(../images/sp/general.png) center 0 no-repeat; -webkit-background-size:320px auto; background-size:320px auto;}
#footer > small {
	width:100%; height:25px; background:url(../images/sp/general.png) center -350px no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden; 
	-webkit-background-size:320px auto; background-size:320px auto;}
#footer > small > img {display:none;}

}

@media print {

#header {*zoom:1; width:100%; min-width:960px; position:relative; z-index:9001; background:#ffffff; text-align:center;}
#header > h1 {width:auto; height:90px; position:relative; z-index:9002; border-bottom:2px solid #000000; overflow:hidden;}
#header > h1 > a {display:inline-block; margin:0 auto;}
#header > h1 img {display:block; opacity:1;}

html.nav-mini #container {padding-top:0;}
html.nav-mini #header {height:auto; position:relative; left:0; top:0; border-bottom:2px solid #000000; text-align:center;}
html.nav-mini #header > h1 {width:auto; height:90px; position:relative; left:0; top:0; margin:0; border-bottom:2px solid #000000;}
html.nav-mini #header > h1 > a {display:inline-block; height:auto; background:none; text-indent:0;}
html.nav-mini #header > h1 img {display:block;}

#header > nav, 
#sub-nav, 
#path, 
#footer > nav, 
#footer > h1 {display:none;}

#footer {margin:30px 0 0; padding:20px 0; border-top:1px solid #cccccc;}

}



/* Components */

/* .c-definitions */
.c-definitions {font-size:15px; line-height:2;}
.c-definitions > section {padding:45px 0; border-top:1px solid #ccc;}
.c-definitions > section::after {display:block; content:""; clear:both; height:0;}
.c-definitions > section > * {margin:0 0 0 320px;}
.c-definitions > section > h1, 
.c-definitions > section > header {float:left; width:300px; margin:0; font-size:18px; font-weight:normal;}
@media screen and (max-width:960px) {
.c-definitions {line-height:1.5;}
.c-definitions > section {padding:15px 0;}
.c-definitions > section::after {}
.c-definitions > section > * {margin:1em 0 0;}
.c-definitions > section > h1, 
.c-definitions > section > header {float:none; width:auto; font-size:15px; font-weight:bold;}
}

/* fac.Galley */
.fac-gallery {position:relative; margin:0 auto; pointer-events:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.fac-gallery .fac-gallery-slider {}
.fac-gallery .fac-gallery-list {position:relative;}
.fac-gallery .fac-gallery-item {pointer-events:auto;}
.fac-gallery .fac-gallery-item > a {display:block;}
.fac-gallery .fac-gallery-item img {display:block; width:100%; height:auto;}
.fac-gallery-transition-none  .fac-gallery-list {}
.fac-gallery-transition-none  .fac-gallery-item {}
.fac-gallery-transition-slide .fac-gallery-list {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.fac-gallery-transition-slide .fac-gallery-item {-ms-flex:1 1 100%; -webkit-flex:1 1 100%; flex:1 1 100%;}
.fac-gallery .fac-gallery-nav {}
.fac-gallery .fac-gallery-nav > button {
	display:block; width:50px; position:absolute; top:0; bottom:0; z-index:3; padding:0; border:none; outline:none; background:transparent; -webkit-appearance:none; appearance:none; 
	color:inherit; font-size:24px; text-decoration:none; text-indent:110%; white-space:nowrap; overflow:hidden; cursor:pointer; pointer-events:auto;}
.fac-gallery .fac-gallery-nav > button::after {
	display:block; position:absolute; left:0; right:0; top:50%; margin:-0.5em 0 0; color:inherit; font:bold 3em/1 icons; text-indent:0; line-height:1;}
.fac-gallery .fac-gallery-nav > button.fac-gallery-previous {left:0;}
.fac-gallery .fac-gallery-nav > button.fac-gallery-next     {right:0;}
.fac-gallery .fac-gallery-nav > button.fac-gallery-previous::after {content:"\e617";}
.fac-gallery .fac-gallery-nav > button.fac-gallery-next::after     {content:"\e615";}
.fac-gallery-initialize .fac-gallery-nav > button {opacity:0;}
.fac-gallery            .fac-gallery-nav > button:hover {opacity:0.5;}
.fac-gallery-first      .fac-gallery-nav > button.fac-gallery-previous, 
.fac-gallery-last       .fac-gallery-nav > button.fac-gallery-next     {opacity:0; cursor:default;}
.fac-gallery .fac-gallery-nav > ol {position:absolute; left:0; right:0; bottom:0; z-index:3; letter-spacing:-0.4em; text-align:center;}
.fac-gallery .fac-gallery-nav > ol > li {
	display:inline-block; width:20px; height:20px; position:relative; text-indent:110%; white-space:nowrap; overflow:hidden; cursor:pointer; pointer-events:auto;}
.fac-gallery .fac-gallery-nav > ol > li::after {
	display:block; content:""; width:10px; height:10px; position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px; border-radius:100%; 
	background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3); text-indent:0; transition:background-color 0.2s ease-in-out 0s;}
.fac-gallery .fac-gallery-nav > ol > li:hover::after, 
.fac-gallery .fac-gallery-nav > ol > li.fac-gallery-selected::after {background-color:#000;}
.fac-gallery-less .fac-gallery-nav {display:none;}

/* fac.Popups */
.fac-popups {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	position:fixed; width:1px; height:1px; left:-100px; top:-100px; z-index:9999; overflow:hidden; pointer-events:auto; 
	transition:all 0s ease-in-out 0s; transition-property:width,min-width,height,left,top;}
.fac-popups > * {opacity:0; transition:opacity 0.3s ease-in-out 0s;}
.fac-popups > .fac-popups-board {
	max-width:calc(100% - 200px); max-height:calc(100% - 200px); position:relative; z-index:2; margin:100px; padding:0; box-sizing:border-box; 
	background:#fff;}
.fac-popups > .fac-popups-background {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; margin:auto; background:#000;}
.fac-popups > .fac-popups-board > .fac-popups-close {
	display:block; width:50px; height:50px; padding:0; position:absolute; left:auto; right:-10px; top:-50px; bottom:auto; z-index:3; border:none; outline:none; background-color:transparent; 
	color:#fff; text-indent:110%; text-decoration:none; white-space:nowrap; overflow:hidden; cursor:pointer; appearance:none; transition:opacity 0.2s ease-in-out 0s;}
.fac-popups > .fac-popups-board > .fac-popups-close:hover {opacity:0.5;}
.fac-popups > .fac-popups-board > .fac-popups-close::after {
	display:block; content:"\e61c"; position:absolute; left:0; right:0; top:0; bottom:0; font-family:icons; font-size:30px; font-weight:normal; line-height:50px; text-align:center; text-indent:0;}
.fac-popups.fac-popups-show {width:100%; min-width:1040px; height:100%; min-height:600px; left:0; top:0; transition-delay:0s;}
.fac-popups.fac-popups-show > * {opacity:1;}
.fac-popups.fac-popups-show > .fac-popups-background {opacity:0.75;}
@media screen and (max-width:599px) {
.fac-popups {}
.fac-popups > .fac-popups-board {width:100%; max-width:calc(100% - 40px); max-height:calc(100% - 40px); margin:20px; padding:0;}
_:-ms-input-placeholder, :root .fac-popups > .fac-popups-board {margin:20px 0 0 20px;}
.fac-popups > .fac-popups-board > .fac-popups-close {}
.fac-popups > .fac-popups-board > .fac-popups-close::after {font-size:2em;}
.fac-popups.fac-popups-show {min-width:320px; min-height:400px;}
_:-ms-input-placeholder, :root .fac-popups > .fac-popups-board > .fac-popups-close::after {font-size:20px;}
}