@charset "utf-8";

/* TOP: xflag バナー用 */
@media screen and (max-width: 639px) {
.xflag a {
  border: 2px solid #c7c7c7 !important;
  padding: 10px 15px;
  display: -webkit-box !important;
  display: box !important;
  -webkit-box-align: center;
  box-align: center;
}
.xflag .logo {
  width: 117px;
  margin: 0 !important;
}
.xflag .text {
  -webkit-box-flex: 1 !important;
  box-flex: 1 !important;
}
.xflag .caption {
  font-size: 11px !important;
}
}

/*
z-index
#headerArea > .globalNav:					100
#conainter.globalNavOpen .disableContainer:	1000
*/




/*
reset
*/

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
body, ul, ol, p {
	position: relative;
	padding: 0;
	margin: auto;
	list-style: none;
	line-height: 1.5;
	}
body {
	color: #4d4d4d;
	font-size: 12px;
	line-height: 1.6;
	}
#page {
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	}
#conainter {
	position: relative;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	transition: all 500ms;
	-webkit-transform: translate( 0, 0 );
	-moz-transform: translate( 0, 0 );
	transform: translate( 0, 0 );
	
	-webkit-backface-visibility: hidden;
	}
#page.globalNavOpen #conainter {
	-webkit-transform: translate( -230px, 0 );
	-moz-transform: translate( -230px, 0 );
	transform: translate( -230px, 0 );
	}

#contentArea {
	position: relative;
	margin-bottom: 50px;
	}
	.section.s2 {
		margin-bottom: 20px;
		}
	.section.s2 > .content, .column2 {
		margin: 20px 10px;
		}

#page.globalNavOpen .disableContainer {
	position: absolute;
	top: 0;
	z-index: 1000;
	display: block;
	width: 100%;
	height: 100%;
	
	background: rgba( 0, 0, 0, 0.4 );
	box-shadow: -4px 0 4px rgba( 0, 0, 0, 0.2 ) inset;
	
	cursor: pointer;
	}

#fontSubset {
	display: none;
	}

a,
a:link,
a:visited{
	color: #c49832;
	text-decoration: none;
	word-wrap: break-word;
	word-break: break-all;
	}
a:hover,
a:active{
	color: #69c;
	text-decoration: underline;
	}
a.inductiveLnk {
	display: inline-block;
	min-height: 10px;
	padding-right: 18px;
	margin: 0 0.5em;
	
	background-image: url( "/common/images/arrow_right_c49832_13x10.png" );
	background-position: right center;
	background-repeat: no-repeat;
	}
a.externalLnk {
	display: inline-block;
	min-height: 11px;
	padding-right: 18px;
	margin: 0 0.5em;
	
	background-image: url( "/common/images/icon_external.png" );
	background-position: right center;
	background-repeat: no-repeat;
	}
a.pdfLnk {
	display: inline-block;
	margin: 0 0.5em;
	}
	a.pdfLnk:before {
		content: url( "/common/images/fileicon_pdf.png" );
		display: inline-block;
		margin-right: 0.5em;
		
		vertical-align: middle;
		}

.abbr {
	display: none;
	}

img {
	display: block;
	width: 100%;
	height: auto;
	}

h1 {
	font-family: "AXIS Font Japanese W55", Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	padding: 30px 10px;
	border-bottom: 1px solid #dbdbdb;
	margin: auto auto 20px;
	
	color: #4d4d4d;
	font-size: 19px;
	font-weight: bold;
	}
.contentHeader h1 {
	padding: 0;
	border: none;
	margin: 0;
	color: #fff;
	font-size: 18px;
	text-align: center;
	}
	.contentHeader h1:after {
		content: "";
		display: block;
		width: 90px;
		height: 2px;
		margin: 15px auto auto;
		
		background: #fff;
		}
.contentHeader.sub h1 {
	margin: 0 10px 10px;
	font-size: 12px;
	text-align: left;
	font-weight: 500;
	}
	.contentHeader.sub h1:after {
		height: 0;
		margin: 0;
		}

.section.s1 > h1 {
	padding: 30px 10px;
	border-bottom: 1px solid #dbdbdb;
	font-size: 19px;
	}
	.section.s1 > h1 span {
		display: block;
		font-size: 10px;
		}

h2 {
	margin: 30px auto 10px;
	
	font-size: 18px;
	text-align: center;
	}
	h2:after {
		content: "";
		display: block;
		width: 90px;
		height: 2px;
		margin: 15px auto auto;
		
		background: #717171;
		}

p.lead {
	margin: 20px auto 25px;
	
	font-size: 13px;
	text-align: center;
	}
.contentHeader p.lead {
	color: #fff;
	font-family: "AXIS Font Japanese W55", Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 14px;
	}
.contentHeader.sub p.lead {
	margin: 0 10px;
	
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	}
.section.s1 > p.lead {
	width: auto;
	padding: 10px;
	margin: 20px 0 0;
	
	font-size: 11px;
	}

/*
headerArea
*/
#headerArea {
	width: 100%;
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 3px solid #d1ad5a;
	}
#headerArea .siteID a.home {
	display: none;
}
#headerArea .siteID {
	position: relative;
	}
	#headerArea .siteID a.mixi {
		display: block;
		width: 20%;
		margin: auto;
		}
	#headerArea .siteID a.english {
		display: none;
		}
	#navBtn {
		position: absolute;
		right: 15px;
		top: 50%;
		display: block;
		width: 25px;
		height: 20px;
		border: none;
		border-top: 3px solid #e1c993;
		border-bottom: 1px solid #d1ad5a;
		margin-top: -10px;
		
		background: #fff;
		border-radius: 0;
		
		outline: none;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		}
		#navBtn:before,
		#navBtn:after {
			content: "";
			position: absolute;
			left: 0;
			display: block;
			width: 100%;
			height: 4px;
			border-top: 1px solid #d1ad5a;
			border-bottom: 3px solid #e1c993;
			}
		#navBtn:before {
			top: 0px;
			}
		#navBtn:after {
			bottom: 0px;
			}

#headerArea > .globalNav {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 100;
	width: 230px;
	height: 100%;
	
	color: #fff;
	background: #aa9164;
	}
	#headerArea > .globalNav a {
		position: relative;
		display: block;
		padding: 15px 45px;
		
		color: #fff;
		}
	#headerArea > .globalNav > ul > li > a {
		border-bottom: 1px solid #c4b293;
		font-size: 14px;
		}
		#headerArea > .globalNav a:after {
			content: ""; 
			position: absolute;
			top: 50%;
			display: block;
			
			background-repeat: no-repeat;
			background-size: 100% auto;
			}
		#headerArea > .globalNav > ul > li > a:after {
			left: 15px;
			width: 14px;
			height: 12px;
			margin-top: -6px;
			
			background-image: url( "/common/images/arrow_right_ffffff_29x23.png" );
			}
		#headerArea > .globalNav > ul > li > a.sub:after {
			width: 15px;
			height: 15px;
			margin-top: -8px;
			
			background-image: url( "/common/images/icon_globalnav.png" );
			background-position: center bottom;
			}
		#headerArea > .globalNav > ul > li.open > a.sub:after {
			background-position: center top;
			}
		#headerArea > .globalNav > ul > li > ul {
			background: #b7a17b;
			overflow: hidden;
			}
			#headerArea > .globalNav > ul > li > ul a {
				border-bottom: 1px dotted #cdbda3;
				
				font-size: 12px;
				}
				#headerArea > .globalNav > ul > li > ul a:after {
					right: 15px;
					width: 14px;
					height: 12px;
					margin-top: -6px;
					
					background-image: url( "/common/images/arrow_right_ffffff_29x23.png" );
					}
#headerArea > .globalNav .navCloseBtn {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 15px;
	border: none;
	margin-top: 10px;
	
	color: #fff;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.1em;
	
	background: none;
	outline: none;
	}
	#headerArea > .globalNav .navCloseBtn:before {
		content: "";
		display: inline-block;
		width: 11px;
		height: 11px;
		margin-right: 10px;
		
		background-image: url( "/common/images/icon_x_ffffff.png" );
		background-size: contain;
		}

#headerArea .categoryNav {
	display: none;
	}



/*
footerArea
*/

#footerArea .siteNav {
	border-top: 2px solid #d1ad5a;
	border-bottom: 1px solid #dbbf7e;
	
	background: #f9f6f1 url( "/common/images/bg_sitenav.png" );
	}
	#footerArea .siteNav > ul.external {
		margin: 15px 25px;
		}
		#footerArea .siteNav > ul.external > li {
			margin-bottom: 15px;
			}
			#footerArea .siteNav > ul.external .figure {
				}
				#footerArea .siteNav > ul.external .figure > img {
					width: 20%;
					float: left;
					}
				#footerArea .siteNav > ul.external .figure > .figcaption {
					box-sizing: border-box;
					width: 80%;
					float: right;
					padding-left: 5px;
					}
				#footerArea .siteNav > ul.external .figure:after {
					content: "";
					display: block;
					clear: both;
					}
					#footerArea .siteNav > ul.external .figure p {
						color: #4d4d4d;
						font-size: 10px;
						}
					#footerArea .siteNav > ul.external .figure p.title {
						color: #c49832;
						font-size: 12px;
						font-weight: bold;
						}
						#footerArea .siteNav > ul.external .figure p.title:after {
							content: "";
							display: inline-block;
							width: 9px;
							height: 7px;
							margin-left: 10px;
							
							background: url( "/common/images/arrow_right_c49832.png" ) no-repeat;
							background-size: contain;
							}
		#footerArea .siteNav > ul.external:after {
			content: "";
			display: block;
			clear: both;
			}
	#footerArea .siteNav > ul.internal {
		border-top: 1px solid #e9d9b3;
		margin: auto;
		}
		#footerArea .siteNav > ul.internal > li {
			display: table;
			width: 50%;
			height: 4em;
			float: left;
			}
			#footerArea .siteNav > ul.internal > li > a {
				display: table-cell;
				padding-left: 30px;
				border-bottom: #e9d8b2 solid 1px;
				border-right: #e9d8b2 solid 1px;
				
				color: #c49832;
				font-size: 12px;
				vertical-align: middle;
				
				background-image: url( "/common/images/arrow_right_c49832_18x14.png" );
				background-position: 15px center;
				background-repeat: no-repeat;
				background-size: 11px auto;
				}
			#footerArea .siteNav > ul.internal > li:nth-child( 2n ) > a {
				border-right: none;
				}
			#footerArea .siteNav > ul.internal > li.last-row > a {
				/* border-bottom: none; */
				}
		#footerArea .siteNav > ul.internal:after {
			content: "";
			display: block;
			clear: both;
			}
			#footerArea .siteNav > ul.internal > li ul {
				display: none;
				}
#footerArea .footer {
	padding: 30px 10px 15px;
	margin: auto;
	}
	#footerArea .footer > ul {
		letter-spacing: -0.4em;
		}
		#footerArea .footer > ul > li {
			display: inline-block;
			margin-bottom: 10px;
			
			font-size: 10px;
			line-height: 1;
			letter-spacing: normal;
			}
			#footerArea .footer > ul > li:after {
				content: "｜";
				}
		#footerArea .footer > ul > li:first-child {
			padding-left: 0;
			border-left: none;
			}
			#footerArea .footer > ul > li a {
				color: #333;
				}
	#footerArea .footer .socialLink {
		}
		#footerArea .footer .socialLink ul {
			display: -webkit-box;
			display: box;
			margin-bottom: 10px;
			
			line-height: 1;
			}
			#footerArea .footer .socialLink ul > li {
				height: 20px;
				margin: 0 5px;
				}
	#footerArea .footer .copyright {
		color: #333;
		font-size: 7px;
		}

#pagetop {
	position: absolute;
	right: 10px;
	bottom: 410px;
	}
#pagetop.fixed {
	position: fixed;
	right: 10px;
	bottom: 10px;
	}
	#pagetop a {
		position: relative;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 46px;
		height: 46px;
		padding-top: 15px;
		border: #d1ad5a solid 1px;
		
		color: #d1ad5a;
		font-size: 9px;
		line-height: 1;
		text-align: center;
		
		background: #fff;
		border-radius: 50%;
		}
		#pagetop a:after {
			content: "";
			position: absolute;
			left: 0;
			top: 5px;
			width: 100%;
			height: 10px;
			
			background-image: url( "/common/images/arrow_top_d1ad5a.png" );
			background-position: center center;
			background-repeat: no-repeat;
			background-size: auto 100%;
			}
#page.globalNavOpen + #pagetop {
	display: none;
	}





div.getAdobeReader {
	display: table;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	border-collapse: separate;
	border-spacing: 10px;
	
	background: #f4f3f3;
	}
	div.getAdobeReader > * {
		display: table-cell;
		
		vertical-align: middle;
		}
	div.getAdobeReader > a {
		width: 120px;
		}
	div.getAdobeReader > p {
		font-size: 8px;
		line-height: 1.6;
		}

a.inductiveBtn {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 200px;
	padding: 15px 0;
	border: 2px solid #d1ad5a;
	margin: auto;
	
	color: #d1ad5a;
	font-family: "AXIS Font Japanese W55", Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	}
	a.inductiveBtn:after {
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		display: block;
		width: 12px;
		height: 12px;
		margin-top: -6px;
		
		background-image: url( "/common/images/arrow_right_d1ad5a_18x14.png" );
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 100%;
		}

a.externalBtn {
	position: relative;
	display: block;
	box-sizing: border-box;
	/* width: 200px; */
	padding: 15px 0;
	border: 2px solid #d1ad5a;
	margin: auto;
	
	color: #d1ad5a;
	font-family: "AXIS Font Japanese W55", Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	/* font-size: 12px; */
	text-align: center;
	text-decoration: none;
	}
	a.externalBtn:after {
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		display: block;
		width: 14px;
		height: 11px;
		margin-top: -6px;
		
		background-image: url( "/common/images/icon_external.png" );
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 100%;
		}

a.backBtn {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 200px;
	padding: 15px 0;
	border: 2px solid #d1ad5a;
	margin: auto;
	
	color: #d1ad5a;
	font-family: "AXIS Font Japanese W55", Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	text-indent: 1.5em;
	}
	a.backBtn:after {
		content: "";
		position: absolute;
		left: 10px;
		top: 50%;
		display: block;
		width: 12px;
		height: 9px;
		margin-top: -4px;
		
		background-image: url( "/common/images/arrow_left_d1ad5a_14x11.png" );
		background-size: 100%;
		}



.contentHeader {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding: 80% 0 0;
	}
.contentHeader.sub {
	padding-top: 55%;
	}
	.contentHeader .float {
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%
		}
		.contentHeader .float > *:last-child {
			margin-bottom: 0;
			}
	.contentHeader img.mainImg {
		position: absolute;
		left: 0;
		top: 0;
		width: auto;
		height: 100%;
		margin-left: -80%;
		}

.fitBG {
	position: relative;
	width: 100%;
	height: 0;
	display: block;
	overflow: hidden;
	padding: 52% 0 0;
	}
	.fitBG .float {
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%
		}
	.fitBG img.image {
		position: absolute;
		left: 0;
		top: 0;
		width: auto;
		height: 100%;
		margin-left: -52%;
		}

.listMod .listNav {
	width: auto;
	margin: auto 7px;
	}
	.listMod .listNav ul li {
		display: table;
		width: 96px;
		height: 35px;
		float: left;
		margin: 3px;
		}
	.listMod .listNav ul:after {
		content: "";
		display: block;
		clear: both;
		}
		.listMod .listNav ul li a {
			display: table-cell;
			border: 2px solid #d1ad5a;
			
			color: #d1ad5a;
			font-size: 10px;
			font-weight: bold;
			line-height: 1.2;
			text-align: center;
			vertical-align: middle;
			
			background: #fff;
			}
		.listMod .listNav ul li.current a {
			color: #fff;
			background: #d1ad5a;
			}
ul.newsLstNav {
	}
	ul.newsLstNav > li {
		display: table;
		width: 96px;
		min-height: 35px;
		float: left;
		margin: 3px;
		}
		ul.newsLstNav > li a {
			display: table-cell;
			border: 2px solid #d1ad5a;
			
			color: #d1ad5a;
			font-size: 10px;
			font-weight: bold;
			line-height: 1.2;
			text-align: center;
			vertical-align: middle;
			
			background: #fff;
			}
		ul.newsLstNav > li.current a {
			color: #fff;
			background: #d1ad5a;
			}
	ul.newsLstNav:after {
		content: "";
		display: block;
		clear: both;
		}

.listMod .archiveNav,
.newsLst .archiveList {
	position: relative;
	width: 200px;
	padding-top: 48px;
	margin: auto;
	}
.listMod .archiveNav > ul,
.newsLst ul.archiveLstNav {
	width: 200px;
	margin: auto;
	}
		.listMod .archiveNav li a,
		.newsLst ul.archiveLstNav li a {
			position: relative;
			display: block;
			padding: 15px;
			border: 2px solid #d1ad5a;
			border-top: none;
			
			color: #c49832;
			font-size: 12px;
			text-align: center;
			}
			.listMod .archiveNav li a:after,
			.newsLst ul.archiveLstNav li a:after {
				content: "";
				position: absolute;
				right: 10px;
				top: 50%;
				width: 13px;
				height: 10px;
				margin-top: -5px;
				
				background: url( "/common/images/arrow_right_c49832_13x10.png" );
				}
		.listMod .archiveNav li.current a,
		.newsLst ul.archiveLstNav li.current a {
			color: #9a9a9a;
			}
			.listMod .archiveNav li.current a:after,
			.newsLst ul.archiveLstNav li.current a:after {
				background: url( "/common/images/arrow_right_9a9a9a_13x10.png" );
				}
.listMod .archiveBtn,
.newsLst .archiveBtn {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	box-sizing: border-box;
	width: 200px;
	padding: 15px 0;
	border: 2px solid #d1ad5a;
	
	color: #fff;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	
	background: #d1ad5a;
	
	outline: none;
	}
    .pressReleaseMore,
	.listMod .moreBtn,
	.newsLst .moreBtn {
		position: relative;
		display: block;
		box-sizing: border-box;
		width: 200px;
		padding: 15px 0;
		border: 2px solid #d1ad5a;
		margin: 20px auto;
		
		color: #d1ad5a;
		font-size: 12px;
		text-align: center;
		text-decoration: none;
		
		background: #fff;
		}
        .pressReleaseMore:after,
		.listMod .moreBtn:after,
		.newsLst .moreBtn:after {
			content: "";
			position: absolute;
			right: 10px;
			top: 50%;
			width: 13px;
			height: 10px;
			margin-top: -5px;
			
			background: url( "/common/images/arrow_right_c49832_13x10.png" );
			}

.pageNav {
	margin: 20px 5px 30px 10px;
	}
	.pageNav ul {
		}
		.pageNav ul > li {
			display: table;
			width: 91px;
			float: left;
			margin: 0 5px 5px 0;
			}
			.pageNav ul > li a {
				position: relative;
				display: table-cell;
				height: 30px;
				padding-bottom: 16px;
				border: 2px solid #ededed;
				
				color: #4d4d4d;
				font-size: 11px;
				line-height: 1.3;
				text-align: center;
				vertical-align: middle;
				}
				.pageNav ul > li a:after {
					position: absolute;
					bottom: 10px;
					content: "";
					display: block;
					width: 100%;
					height: 6px;
					
					background-image: url( "/common/images/arrow_bottom_666666.png" );
					background-position: center center;
					background-repeat: no-repeat;
					background-size: auto 100%;
					}
			.pageNav ul:after {
				content: "";
				display: block;
				clear: both;
				}