@charset "utf-8";
html {
/* 	font-family: "メイリオ,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  */
/* 	font-family: "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
	font-family: "メイリオ", Meiryo,"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
/* 	color: #666; */
/* 	font-size: 100vw; */
	color: #FFF;
	 overflow-y: scroll;
}

@-ms-viewport {
    width:auto!important;
}

body {
	font-size: 15px;
/* 	font-size: .93em; */
/* 	color: #FFF; */
/* 	 overflow-y: scroll; */
}
.
body { color: #333;/*  font-size: 1.03vw; */}
ul { padding: 0; margin: 0;}
li { list-style-type: none;}
h1,h2,h3,h4,h5,h6,p,a,td,th { font-size:0.96em;font-weight: normal; margin: 0; line-height: 1.8;}
h2 { font-size: 2.2em;}
h3 { font-size: 2em; font-weight: bold;}
h4 { font-size: 1.4em;
	font-weight: bold;
}
h5 { font-size: 1.2em; font-weight: bold;}
h6 { font-size: 1.1em;}

.small { font-size: .8em;}
.red { color: red;}
.text-orange{color:#F2742A;}
.gutter-04 { margin-left: -0.4%; margin-right: -0.4%;}
.gutter-04 > [class*='col-'] { padding-left: 0.4%; padding-right: 0.4%;}

.gutter-08 { margin-left: -0.8%; margin-right: -0.8%;}
.gutter-08 > [class*='col-'] { padding-left: 0.8%; padding-right: 0.8%;}
.gutter-12 { margin-left: -1.2%; margin-right: -1.2%;}
.gutter-12 > [class*='col-'] { padding-left: 1.2%; padding-right: 1.2%;}
.gutter-20 { margin-left: -2%; margin-right: -2%;}
.gutter-20 > [class*='col-'] { padding-left: 2%; padding-right: 2%;}
.pdr3 { padding: 0 3% 0 0;}
.w100 { width: 100%;}
a , input[type="submit"] { transition: background-color .5s ease; -webkit-transition: background-color .5s ease; -moz-transition: background-color .5s ease; -ms-transition: background-color .5s ease; -o-transition: background-color .5s ease;}
a:hover { -webkit-transition: background-color .4s , color .6s; -moz-transition: background-color .4s, color .6s; transition: background-color .4s, color .6s;}
a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8;}
.list-inline { margin-left: 0;}
.contents { background: #e8e8e8;
	min-height: 600px;
}
.table .table { background: none;}
.table .table thead th { text-align: center;}
.img-responsive.center { margin: 0 auto;}
.menu .list-inline > li { padding: 0;}

/*＝＝＝＝＝＝ header ＝＝＝＝＝＝ */
.header { padding: .5em 0;}
.header h1 img {
	/*width: 80%;*/
/* 	width:67%; */
width: 100%;
/* 	margin-top: 3%; */
}

.header .logoBox {
	width: 11%;
	float: left;
}
.header .navBox {
	width: 89%;
	float: left;
}

.headerTop { text-align: right;}
.headerTop td.current a, .headerTop a:hover { text-decoration: underline;}
.headerTop a { font-size: 1em; color: #000; white-space: nowrap; display: block;}
.headerTop td a:hover { text-decoration: none;}

.headerTop {
	position: relative;
}
.siteTitle {
		padding: 0 0 0 4%;
}
.siteTitle p{
	line-height: 1;
	position: absolute;
	padding: .9% 2%;
	border: 2px solid #999;
	border-radius: 25px;
		-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
				-ms-border-radius: 25px;
					-o-border-radius: 25px;

}


.siteTitle span {
	font-weight: bold;
	color: #999;
	font-size: .8em;
	display: block;
}


.headNav li { vertical-align: top;}
.headNav input { width: 14em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.headNav a { display: block; color: #f2742a;}
#fontSmall a { font-size: .95vw;}
li.fontSizeBtn { background: url(../img/fontSizeIcon.png) left center no-repeat; padding: 0 0 0 3%; background-size: auto 100%;}
.fontSizeBtn a:hover { text-decoration: none; border-bottom: 0;}
.fontSizeBtn span { display: inline-block;}
.fontSizeBtn span a { line-height: 1;}
#fontMid a { font-size: 1.2vw;}
#fontLg a { font-size: 1.6vw;}
.fontSizeBtn span a { color: #d4d4d4;}
.fontSizeBtn .now a { color: #f2742a;}
.headerTop td.searchBtn { width: 14vw;}
.searchBtn path { fill: #f2742a;}



/* ヤフーサイト内検索スタイル */
#srchBox * { margin: 0; padding: 0; font-size: 13px; *font-size: small; *font: x-small;}
#srchBox a img { border: none;}
#srchBox #srch #srchForm { white-space: nowrap;}
#srchBox #srchInput { border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; font-family: "メイリオ", Meiryo,"Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em;}
#srchBox #srchInput:focus { outline: none;}
#srchBox #srchBtn { display: none;}
#srchBox * { margin: 0; padding: 0; font-size: 13px; *font-size: small; *font: x-small;}
#srchBox a img { border: none;}
#srchBox #srch #srchForm { white-space: nowrap;}
#srchBox #srchBtn { width: 80px;} *html #srchBox #srchBtn { padding-top: 2px;} *:first-child+html #srchBox #srchBtn { padding-top: 2px;}
#srchBox ul { margin-top: 6px; text-align: left;}
#srchBox li { list-style-type: none; display: inline; zoom: 1; padding-right: 10px;}
#srchBox li input { zoom: 1; margin-right: 2px; _margin: -4px 0 -4px -4px; vertical-align: middle; border: 0;} *:+html #srchBox li input { margin: -4px 0 -4px -4px;}
#srchBox #srchLogo { text-align: right;}
#srchBox img {
	display: none;
}
#srchBox #srchLogo a { color: #666666; text-decoration: none; font-size: 85%;}
#srchBox #srchLogo a:hover { text-decoration: underline;}
.srchIconImg { width: 16px;}
/* .headNav { margin: .8% 0 0 0;} */
.headerBottom h1 a { display: block;}
.headerBottom h1 { transition: all .6s ease-in-out; margin: -28px 0 0 0;}




/* ＝＝＝＝ menu ＝＝＝＝ */
/* .menu { padding: 0 0 0 1%;} */
.menu {
	text-align: center;
}

.menu a { color: #000; padding: .05em .7em; font-size: 0.94em; display: block; white-space: nowrap;}
@media only screen  and (min-width:767px) {
.menu a:hover { text-decoration: none; background: #f2742a; color: #FFF;}
}
@media only screen and (min-width:1px) and (max-width:769px) {
	.menu a:hover,
	.menu a{
		background: #FFF;
	transition: none;
	opacity: 1!important;
	text-decoration: none!important;
	}
	}
.menu a.current { text-decoration: none; background: #f2742a; color: #FFF;}

.menu li.current a { background: #f2742a; color: #FFF;}
.megaWrap { width: 100%; position: absolute; overflow: hidden;}
.subMegaMenu { display: none;}
.activeSubMenu { z-index: 9999; background: #333; position: absolute; width: 100%; padding: 10px 0;}
.subMegaMenu .row { width: 95%;}
.activeSubMenu h4 { color: #FFF; font-size: 90%;}
.activeSubMenu h4 svg { width: 12%; vertical-align: sub; margin: 0 2% 0 0; height: 1.2em;}
.header .activeSubMenu .container { width: 100%;}
.activeSubMenu h4 path { fill: #FFF;}
.activeSubMenu h4 polygon { stroke: #FFF; stroke-width: 2px;}
.activeSubMenu ul { padding: 0 1%; margin: 0 auto; display: block; ;}
.activeSubMenu li { display: inline-block; margin: 0 .1em 0 0; line-height: 1;}
.activeSubMenu li a { color: #FFF; display: block; padding: .4em .6em; font-size: 75%;}
.toggleMenuSearch { clear: both; width: 100%; padding: 3vh 0;}
.toggleMenuSearch .srchIconImg { display: none;}
.toggleMenuSearch #srchInput { border: 1px solid #666; width: 78%!important; text-align: left;}
.toggleMenuSearch label { width: 100%; display: table;}
.toggleMenuSearch label input { display: table-cell;}
.toggleMenuSearch label input[type="submit"] { float: right;}
.toggleMenuSearch #srch { text-align: left;}
.toggleMenuSearch #srchLogo a { color: #666666; text-decoration: none; font-size: 60%;}
.moreLink a { display: block; padding: 5% 3%; background: #FFF;}
.moreLink a:after, /* .mainSide li a:after */ { content: "\f054"; font-family: FontAwesome; float: right; color: #f2742a;}
.moreLink a:after,/*  .mainSide li a.lines-02:after */ { top: 50%;right: 10px; margin-top: -7px!important;}
.moreLink a:after,/*  .mainSide li a.lines-03:after */ { top: 50%;right: 10px; margin-top: -15px;!important;}
.activeSubMenu li a:before { content: "\f105"; font-family: FontAwesome; color: #FFF; padding: 0 .3em 0 0;}
.subMegaMenu { position: relative;}
.moreLink a:hover, .activeSubMenu li a:hover { text-decoration: none; background: #8c8c8c; color: #FFF;}
.moreLink a:hover:after, .activeSubMenu li a:hover:after, .mainSide li a:hover:after { color: #FFF;}
.mask { width: 105%; height: 190%; position: absolute; bottom: -184%; right: -9%; background: #f2742a; z-index: 1; transform: rotate(350deg) scale(1) skew(1deg) translate(0px); -webkit-transform: rotate(350deg) scale(1) skew(1deg) translate(0px); -moz-transform: rotate(350deg) scale(1) skew(1deg) translate(0px); -o-transform: rotate(350deg) scale(1) skew(1deg) translate(0px); -ms-transform: rotate(350deg) scale(1) skew(1deg) translate(0px);}
.footer { padding: 3% 0 1% 0; background: #000; color: #FFF;}
/* .footer .container { width: 80%;} */
.footer li a { color: #cccccc; font-size: 90%;}
.footer li:after { content: " ｜"; color: #666;}
.footer li { padding-left: 0; padding-right: 0;}
.footer .wrap { margin: 0 0 2% 0;}
.footer .wrap p a, .footer .underLink a { ;}
.footer .wrap p a { color: #FFF;}
.footLink { padding: 0 0 0 2%;}
.copy { font-size: .8em; color: #f27329; text-align: center;}
#pageTopBtn { position: fixed; bottom: 5%; /* right: .9%; */right: .2%; width: 100%; text-align: right; z-index: 300; width: 4.5%; ;}
#pageTopBtn a { display: block; width: 100%; padding: 2% 0; background: url(../svg/pageTop.svg) center center no-repeat; background-size: 100% auto; overflow: hidden; text-indent: 100%; white-space: nowrap; min-height: 100px;}
#pageTopBtn a:hover { background: url(../svg/pageTop_on.svg) center center no-repeat; background-size: contain;}


/* TOP */
.mainBox { position: relative;}
.mainBox h1 { display: inline-block; position: absolute; top: 22%; font-size: 2.6em; color: #FFF; font-weight: bold;}
.mainImg img { width: 100%;}
.special { background: #d3d3d3;}
.tab { background: #e8e8e8; padding: 1% 0 0 0;}
.tab .inner { padding: 0 0 0 26%;}
.tab li { display: inline-block; width: 20%; text-align: center;}
.tab li a { display: block; color: #FFF;
	font-size: .8em;
}
.tabBtn a { padding: .7% 0; border-right: 1px solid #FFF; background: #999; 
/* 	border-bottom: 2px solid #f2742a; */
	}
.tabBtn.irBtn a {
	border-bottom: 2px solid #f2742a;
}
.tabBtn.prBtn a {
	border-bottom: 2px solid #ffa302;
}

.tabBtn a:hover { text-decoration: none; background: #dedede;}
.tab li.current a { background: #333; border-bottom: 2px solid #333;}
.tab .linkBtn a { color: #333;
	padding: 0 0 0 .6em;
}
.tab .linkBtn i { color: #f2742a; font-size: 1.2em; vertical-align: middle; padding: 0 2% 0 0;}
.tab .linkBtn a { display: inline-block;}

.tab .linkBtn.viewAll {
/* 	width: 15%; */
width: 21%;
padding: 0 0 0 2em;}
.tab .linkBtn.rss {
	width: 15%;
}

.news { /* padding: 3% 0; */padding: 1% 0 .3% 0; background: #333;}
.news .container { width: 90%; padding: 0 0 0 10%;}
.news .item { width: 100%; display: table;
/* 	margin: 0 0 1.4% 0; */
margin: 0 0 .8% 0;
	 }
.news .item p { text-align: left; display: table-cell; line-height: 0.8;
	vertical-align: middle;
}
.news .item * { color: #FFF;}
.news .item .date { width: 11%; /* padding: 0 .5% 0 0; */ white-space: nowrap;}
.news .item .category { width: 6%; font-size: .7em; text-align: center;}
.news .item .icon { 
/* 	width: 5%; */
width: 3.4%;
	text-align: center;
}
.news .item .title { padding: 0 0 0 .6vw;}
.category span { padding: 3.2% 0; color: #333!important; display: inline-block; width: 100%;}


.news .item  {
	min-height: 28px;
}
.news .item .icon {
	min-height: 24px;
}





.category.catIR span { background: #f2742a;padding: 3px 0 1px 0;}
.category.catPR span { background: #ffa302;padding: 3px 0 1px 0;}
.category.catOther span { background: #fdd87f;
	padding: 3px 0 1px 0;}
.top .calender { background: #FFF; padding: 2% 0;}
.top .calender > div {
	width: 90%;
}
.top .calTop { position: relative;}
.top .calTop h2 { width: 100%; text-align: center; margin: 0 0 5vh 0;
	font-size: 1.8em;
}
.top .calTop p { position: absolute; right: 0; top: 30%;}
.top .calTop a { padding: 3% 0 0 0;
	font-size: .8em;
}
.top .calTop a, .top .calTop svg { display: inline-block; vertical-align: middle;}
/* .topMainContent { padding: 3% 0;} */
.topMainContent { padding: 3% 0 0 0;}
.topMainContent .container {
	padding: 0 0 0 5%;
}
.topMainContent .container div[class*="col-"] { margin-bottom: 6%; }
/* .topMainContent .container div[class*="col-"] { margin-bottom: 4%;} */
.topMainContent .mainInner { width: 90%; margin: 0 auto;}	
.topMainContent .mainInner { width: 90%; margin: 0 auto;}
.topMainContent .inner h2 { line-height: 1;
	margin: 0 0 3% 0;
	font-size: 2em;
}
.topMainContent .inner h2 a:hover { text-decoration: none; color: #CCC;}
.topMainContent .inner { padding: 0 0 0 1vw;}
.topMainContent .row div p img { width: 100%;}
.topMainContent .inner ul {
	width: 90%;
}
.topMainContent li {
/* 	padding-left: 0; */
/*padding: 0; */
padding: 0 3px 0 1px;
	}
.topMainContent li:after { content: " |"; color: #CCC;
}
.topMainContent li a { font-size: .94em; color: #333;}
.topMainContent li a:hover { color: #666;}


/* 下層共通 */
.bread { margin: .7% 0;}
.bread li { display: inline-block; font-size: 1em;}
.bread li a { color: #000; text-decoration: underline;}
.bread li:after { content: " > "; color: #FFF; padding: 0 3px;}
.bread li.current:after { content: "";}
.follow { position: fixed; z-index: 500; top: 0; width: 100%!important; margin: 0 auto; background: rgba(255, 255, 255, 1); border-bottom: 1px solid #EAEAEA;}
.follow .menu { ;}
.under .contentsInner { margin: 0 0 4% 0;}
/* .sidebar .inner { padding: 0 12% 0 0;} */
.sidebar .inner { padding: 0 2% 0 0;}
.sidebar .inner div { margin: 0 0 10% 0;}

/*
.sidebar .mainSide a { padding: 6% 9% 6% 6%; display: block; background: #FFF; border-bottom: 1px solid #d3d3d3;}
.sidebar .mainSide a.lines-02, .sidebar .mainSide a.lines-03 { line-height:1.3;letter-spacing: -0.01em;}
*/

.sidebar .mainSide a { padding: 6% 9.5% 6% 6%; display: block; background: url(../img/navArrow.png) 96% center no-repeat #FFF; border-bottom: 1px solid #d3d3d3;}
.sidebar .mainSide li.current a, .sidebar .mainSide a:hover { text-decoration: none; background:url(../img/navArrowOff.png) 96% center no-repeat #8c8c8c; color: #EEE;}



.sidebar .subSide { display: none; padding: 0 0 0 5%;}
.sidebar .subSide li:before { content: "\f0da"; font-family: FontAwesome; color: #f2742a; padding: 0 4% 0 0;}
/* .sidebar .mainSide li.current a, .sidebar .mainSide a:hover { text-decoration: none; background: #8c8c8c; color: #EEE;} */
.sidebar .bnArea li { margin: 0 0 10% 0;}
.mainContents { padding-bottom: 1%; /* padding-left: 2%; */
padding-left: 1%;
	min-height: 800px;
}
.mainContents img {
	max-width: 100%;
	height: auto!important;
}
.mainContents span.icon img {
	max-width: inherit!important;
}
.pageTitle { position: relative; color: #FFF; background: url(../img/topBg.jpg) center center no-repeat; overflow: hidden;}
.under .megaWrap { margin: 0;}
.under h2 { padding: 2% 0;}
.pageTitle .mask2 { width: 60%; height: 156%; position: absolute; bottom: -120%; right: -2%; background: #f2742a; z-index: 1; transform: rotate(353deg) scale(1) skew(1deg) translate(0px); -webkit-transform: rotate(353deg) scale(1) skew(1deg) translate(0px); -moz-transform: rotate(353deg) scale(1) skew(1deg) translate(0px); -o-transform: rotate(353deg) scale(1) skew(1deg) translate(0px); -ms-transform: rotate(353deg) scale(1) skew(1deg) translate(0px);}
.section { margin: 0 0 20px 0;}
.section h3 span, .section h4 span , .section h5 span { display: block;}
.section h3 span, .section h4 span , .sectionWrap { padding-left: 2%; padding-right: 2%;}
.sectionWrap p { margin: 0 0 10px 0;}
.h3Wrap { border-bottom: 1px solid #f2742a;}
.h3Wrap h3:after { display: block; content: ""; padding: 1px 0 0 0; border-bottom: 1px solid #FFF; margin: 2px 0 0 0;}
.h4Wrap { border-bottom: 1px solid #FFF;}
.h4Wrap h4 span { padding: .3% 1%; border-left: 5px solid #f2742a;}
.h3Wrap, .h4Wrap { margin: 0 0 3% 0;}
.h5Wrap, .h6Wrap { margin: 0 0 1% 0;}
.h5Wrap h5 span { position: relative; overflow: hidden;}
.h5Wrap .mask3 { width: 33%; height: 144%; position: absolute; top: -116%; left: -16%; background: #f2742a; z-index: 1; transform: rotate(348deg) scale(1) skew(1deg) translate(0px); -webkit-transform: rotate(348deg) scale(1) skew(1deg) translate(0px); -moz-transform: rotate(348deg) scale(1) skew(1deg) translate(0px); -o-transform: rotate(348deg) scale(1) skew(1deg) translate(0px); -ms-transform: rotate(348deg) scale(1) skew(1deg) translate(0px);}
.boxLinkWrap { display: block; margin: 4% 0;}
.boxLink { display: block; width: 25vw; text-align: center; float: left; margin: 0 1vw 0 0!important;}
.boxLink a { display: block; padding: 1vh;}
.boxLink.bgGray a { color: #333; ;}
.boxLink.bgGray a:hover { color: #CCC; background: #333; text-decoration: none;}
.related { border-top: 1px solid #999;}
.related .sectionWrap { margin: 3% 0 0 0;}
.related h6 { text-align: center; margin: 3% 0 0 0;}
.copyBox { margin: 6% 0 0 0;}
.bgGray { background: #d1cfc3;}
.float3 li { width: 32%; float: left; margin: 0 1% 0 0; display: block;}
.float3 li:las-child, .float4 li:las-child { margin: 0;}
.float4 li { width: 23%; float: left; margin: 0 1% 0 0; display: block;}
.float4.evenHeight li { vertical-align: top;}
.float4.evenHeight li:not(:last-child) { width: 25%;}
.float4.evenHeight li:last-child { width: 18%;}
.float3 .copy, .float4 .copy { line-height: 1.5; font-size: .7vw; color: #b2b2b2; text-align: left;}


/* .nikkoIRBox { padding: 3% 0 ;} */
.nikkoIRBox { padding: 0 0 3% 0 ;}
.nikkoIRBox a { display: block;}	.nikkoIRBox li {
vertical-align: top;
}
.nikkoIRBox a { display: block;}
.anvBtn {
float: right;
}



h4.hr span { font-weight: bold; display: inline-block; background: #e8e8e8; padding: 0 1%;}
#download { margin: 20px 0;}
.nav-tabs.nav-justified { margin: 0 0 4% 0;}
.nav-tabs.nav-justified > li.active a { background: #f2742a; color: #FFF;}
.nav-tabs.nav-justified > li > a { border-bottom: 1px solid #666;}

.spMenu { margin: 3% 0 0 0; padding: .8vh 0; display: inline-block; background: #f2742a; text-align: center;}
.spMenu i { font-size: 360%;}
.spMenu a { font-size: 50%;}
.spMenu i , .spMenu a { display: block; color: #FFF;}


/* ＝＝＝＝ 下層TOP共通 */
.underTopMain { position: relative; overflow: hidden; max-height: 350px;}
.underTopMain p img { animation: resize 1.3s;}

@keyframes resize {
	0% {width: 110%;}
	100% {width: 100%;}
}
.underTopMain h2 { transition: all 1.3s ease-in-out;}
.underTopMain h2 { position: absolute; top: 10%; color: rgba(0,0,0,0);}
.underTopMianLink { margin: 6% 0;}
.underTopMianLink .row > div > div { margin: 0 0 6% 0; position: relative; overflow: hidden; border-bottom: 1px solid #CCC;}
.underTopMianLink .row > div > div p { display: table; width: 100%;}
.underTopMianLink .row > div > div p a { font-size: 120%; color: #333; text-align: center; font-weight: bold; background: #FFF; padding: 8% 8% 8% 6%; display: table-cell; vertical-align: middle;}
.underTopMianLink .row > div > div p a:hover { text-decoration: none; background: #f2742a; ;}
.underTopMianLink .row > div > div p a:hover { text-decoration: none; background: #f2742a; color: #FFF; position: relative;}
.underTopMianLink .row > div > div p a:hover:after { color: #FFF; content: " \f054"; font-family: FontAwesome; position: absolute; right: 5%;}
.underTopMianLink .row > div > div .mask6 { transition: all .4s ease-in-out;}
.havBox { position: relative;}
.havBox .moreBox, .havBox .dlBox { position: absolute; right: 0; top: 0; width: auto; text-align: center;}
.havBox h3 span { padding-top: 1%; padding-bottom: 1%;}
.dlBox.dlTop { width: 32vw;}
.dlBox a { 
/* 	white-space: nowrap; */
	display: block; 
	color: #FFF;
/* 	padding: 3.2% 12% 3.2% 16%; */
padding: 3.2% 3% 3.2% 16%;
	font-size: 0.8em;
}

.fileIcon a{
	background: url(../svg/xls.svg) 6% center no-repeat #000; background-size: 6%; 
}
.xlsIcon {
	margin: 0 0 10px 0;
}
.xlsIcon a{
	background: url(../img/xlsIcon.png) 6% center no-repeat #000; 
}
.pdfIcon a{
	background: url(../img/pdfIcon.png) 6% center no-repeat #000;
}


.moreBox a { 
	white-space: nowrap; display: block; background: #000; color: #FFF; padding: .4vh 1vw;
	}

.library .boxLink {
position: absolute;
	right: 0;
	top: 0;
	width: auto;
	text-align: center;
	margin: 0!important;
}
	
.library .boxLink a {
/* 	font-size: .8em; */
/* 	white-space: nowrap; */
	display: block;
/* 	background: #000; */
/* 	color: #FFF; */
	padding: .6vh 1vw;
}

.library .boxLink a:after{
/* color: #FFF; */
	content: " \f054";
	font-family: FontAwesome;
}


.moreBox a:after { color: #FFF; content: " \f054"; font-family: FontAwesome;}
.moreBox a:hover, .dlBox a:hover { text-decoration: none; background-color: #a3a3a3;}
.sheet { border-collapse: collapse; border-spacing: 0; clear: both; background: #AAA; margin-bottom: 30px; width: 100%;}
.sheet th, .sheet td { padding: 1%;}

.sheet td span.icon {
	display: inline-block;
	width: 2.3%;
	vertical-align: top;
		padding: 0 15px 0 0;
}


.brandNewlist .sheet td span.icon {
	display: inline-block;
	width: auto;
	vertical-align: top;
		padding: 0 15px 0 0;
}


.sheet td span.title {
	display: inline-block;
	width: 93%;
}



.sheet th { background: #8D8D8D; color: #FFF; text-align: center; font-weight: bold; border: 1px solid #C1C1C1; width: 18%;}
.sheet td { background: #DDDDDD; padding: 10px; border: 1px solid #C1C1C1;}
.sheet p.title { width: 88%; vertical-align: top;}

@media screen and (min-width:1px)  and (max-width: 380px) {
.sheet th, .sheet td { padding: .5%; width: 100%; display: block;}
.sheet th { text-align: left;}
}

/*＝＝＝ 会社情報 */
@media only screen and (min-width:1px) and (max-width:1024px) {
    .company p.boxLink {font-size: 0.7em!important;}
}

@media only screen and (min-width:1px) and (max-width:768px) {
   .company .section table th {width: 25%;}
   .company p.boxLink {height: 60px;}
/* ＝＝＝＝＝TOP　ニュース欄 */
   .tab .linkBtn.viewAll{ padding: 0!important}
}

@media only screen and (min-width:1px) and (max-width:380px) {
    .company p.boxLink {width: 100%!important;height: 40px;}
}


/* ＝＝＝＝＝事業案内 */
.companyInfo .mainContents .wrap { margin: 0 0 2% 0;}
.companyInfo .wrap .pgTitle { font-size: 80%; text-align: center;}

/*＝＝＝ 業績・財務情報 */
/* ＝＝＝＝＝ハイライト共通 */
.financial .item h4 { background: url(../img/graphTopTitleBg.gif); padding: 1% 2%; color: #FFF; font-size: 100%;}
.financial .item table { width: 100%; margin: 10px 0 0 0;}
.financial .item table thead th { background: #9b9b9b; color: #000; font-weight: bold; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
.financial .item table th, .financial .item table td { border-collapse: collapse; padding: 1%; font-size: .8vw;}
.financial .item table tbody th { font-weight: bold; border-bottom: 1px solid #a9a9a9;}
.financial .item table tbody td { text-align: right; border-bottom: 1px solid #a9a9a9; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}

/* 業績・財務情報 */
/* 業績財務TOP */
.library .irFileListBox { margin: 20px 0 0 0;}
.library .irFileListBox > div > div { margin: 0 0 3% 0;}
.library .irFileListBox .section ul { background: #FFF; padding: 2%;}
.library .irFileListBox .section ul li { margin: 0 0 1% 0; padding: 0 1% 1% 1%; border-bottom: 1px solid #EEE;}
.library .irFileListBox .section ul li span.date { display: block;}
.library .irFileListBox .section ul li span.icon { width: 5%;}
.library .irFileListBox .section ul li span.title { width: 92%;}
.library .irFileListBox .section ul li span.icon, .library .irFileListBox .section ul li span.title { display: inline-block; vertical-align: middle;}

.fileDLbox {
	background: #FFF;
	border: 1px solid #e6e6e6;
	padding: 2%;
	margin: 0 0 5% 0;
}
fileDLbox a {
	text-align: center;
}

/*＝＝＝ 個人投資家の皆様へ */
/* ＝＝＝＝＝個人投資家TOP */
.investorTop .moreInfo {
	background: #FFF;
	padding: 0 10px 10px;
}
.investorTop .special {
	background: none;
}
.investorTop .moreInfo > div > div .inner { padding: 20px; background: #FFF; position: relative; overflow: hidden;}
.investorTop .moreInfo h5 { 
	font-weight: bold; color: #f2742a; padding: 10px  0;
	text-align: center;
	}
.investor .contentsMid { margin: 6% 0;}
.investor .contentsMid .row > div .inner { 
	border: 5px solid #FFF;
	padding: 2%;
}
.investor .contentsMid .innerWrap {
	padding: 1%;
	border: 1px solid #FFF;
}


.investor .contentsMid .special .inner { padding: 1%;}
.investor .contentsMid .special .inner h4 { border-bottom: 1px solid #bdbdbf;}
.investor .contentsMid .special .inner h4 img { width: 100%;}
.backNumberBtn { margin: 10px 0 0 0;}
.backNumberBtn a { display: block; color: #CCC; background: #6f6f6f; padding: .7% 0; text-align: center;}
.backNumberBtn a:hover { background: #000; color: #FFF; text-decoration: none;}
.investor .contentsMid .communication { position: relative;}
.investor .contentsMid .communication .inner { background: #ece9bc;}
.investor .contentsMid .communication .inner .row > div .inner { background: #FFF;}
.investor .contentsMid .communication .inner .row > div .inner img { margin: 0 auto;}
.investor .contentsMid .communication .inner .row > div .inner h4 { }

.investor .contentsMid .communication .inner .row > div .inner h4 a { font-size: .7em; font-weight: bold; 
/* 	text-align: center;  */
	display: block; 
/* 	padding: 35% 0 6% 0; */
padding: 6% 0 5% 28%;
background-size: 16%!important;
	}

.investor .contentsMid .communication .inner .row > div .inner h4 a:hover { text-decoration: none; background-color: #EEE;}
.investor .contentsMid .communication .inner .row > div .bgGrah h4 a { background: url(../../investor/img/investorGraphIcon.png) 5% center no-repeat;}
.investor .contentsMid .communication .inner .row > div .bgCrown h4 a { background: url(../../investor/img/investorCrownIcon.png) 5% center no-repeat;}
.investor .contentsMid .communication .inner .row > div .inner { margin: 10px 0 0 0; border: 1px solid #a1a19c; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04); -ms-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04); -o-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04); -ms-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);}
.greenMask { padding: 1% 3%; 
/* 	background: url(../../investor/img/greenMask.png) -5vw -7vh no-repeat; */
background: url(../../investor/img/greenMask.png) -6vw -33vh no-repeat;
	}
.greenMask > h4 { padding: 3% 0; color: #FFF; font-size: 1.24vw;}
.greenMask > h4 img { padding: 0 2% 0 0;}
.greenMask > h4 span { font-size: .8vw; color: #333; display: inline-block;}


/* 個人投資家共通 */
.investorSide > div { background: #FFF; padding: 14% 5%;}
.investorSide > div h5 { line-height: 1.2; text-align: center; border-bottom: 1px solid #333; padding: 0 0 12% 0; margin: 0 0 10% 0;}
.investorSide ul { width: 95%; margin: 0 auto;}
.investorSide ul li { line-height: 2.4;}
.investorSide > div ul li a { vertical-align: middle; display: inline-block;}
.investorSide > div ul li img { padding: 0 5% 0 0; display: inline-block; width: 12%;}
.investorSide .sideBottom li span { display: inline-block; background: #ed6f01; color: #FFF; padding: 0 1%; font-size: 90%; margin: 0 2% 0 0;}
.investorSide .sideBottom li a {
	font-size: .8em;
}
.sixPackLink { padding: 2%; background: #d1cfc3;}
.sixPackLink .row > div > div { margin: 0 0 6% 0; position: relative; overflow: hidden; border-bottom: 1px solid #CCC;}
.sixPackLink .row > div > div h4 { display: table; width: 100%;}
.sixPackLink .row > div > div h4 a { font-size: .7em; font-weight: bold; color: #333; background: #FFF; padding: 8% 8% 8% 6%; display: table-cell; vertical-align: middle;}
.sixPackLink .row > div:first-child > div h4 a { background-image: url(../../investor/img/investorIcon1.png); background-repeat: no-repeat; background-position: 95% center; background-color: #FFF;}
.sixPackLink .row > div:nth-child(2) > div h4 a { background-image: url(../../investor/img/investorIcon2.png); background-repeat: no-repeat; background-position: 95% center; background-color: #FFF;}
.sixPackLink .row > div:nth-child(3) > div h4 a { background-image: url(../../investor/img/investorIcon3.png); background-repeat: no-repeat; background-position: 95% center; background-color: #FFF;}
.sixPackLink .row > div:nth-child(4) > div h4 a { background-image: url(../../investor/img/investorIcon4.png); background-repeat: no-repeat; background-position: 95% center; background-color: #FFF;}
.sixPackLink .row > div:nth-child(5) > div h4 a { background-image: url(../../investor/img/investorIcon5.png); background-repeat: no-repeat; background-position: 95% center; background-color: #FFF;}
.sixPackLink .row > div:last-child > div h4 a { background-image: url(../../investor/img/investorIcon6.png); background-repeat: no-repeat; background-position: 95% center; background-color: #FFF;}
.sixPackLink .row > div > div h4 a:hover { text-decoration: none; background-color: #fdfdfd; color: #000;}
.sixPackLink .row > div > div .mask4 { transition: all .3s ease-in-out;}
.sixPackLink .row > div > div:hover .mask4 { top: -80%;}
.moreInfo ul { border-top: 1px solid #d3d3d3;}
.moreInfo li a { padding: 6%; display: block; background: #FFF; border-bottom: 1px solid #d3d3d3;}
.moreInfo li a:after { content: " \f054"; font-family: FontAwesome; float: right; color: #f2742a;}
.moreInfo li a:hover { text-decoration: none; background: #8c8c8c; color: #EEE;}
.moreInfo li a:hover:after { color: #EEE;}
.bigLinkBox { padding: 3%; background-color: #999; margin: 0 0 2% 0; background-position: 5% center; background-repeat: no-repeat;
	background-size: 17%;
}
.linkInner { 
/* 	width: 78%; */
padding: 0 0 0 23%;	
}
.linkInner p {
	font-size: 80%;
}
.mailIconBg { background-image: url(../../investor/img/mailIcon.png);}
.faqIconBg { background-image: url(../../investor/img/faqIcon.png);}
.bookIconBg { background-image: url(../../investor/img/bookIcon.png);}
.bigLinkBox h6 a, .bigLinkBox p { color: #FFF;}
.bigLinkBox h6 a { font-weight: bold;}




@media screen and (min-width: 1600px) {
}

@media screen and (min-width: 400px) {
.vertical-center { display: table; width: 100%;}
.vertical-center > div { display: table-cell; vertical-align: middle; float: none;}
}

@media screen and (min-width:1px)  and (max-width: 1400px) {
.financial .item table th,
.financial .item table td {font-size: .9vw;}
}

@media screen and (min-width:1px)  and (max-width: 1300px) {
/* .menu > ul { text-align: center;} */
.financial .item table th { white-space: nowrap;}
.financial .item table th,.financial .item table td { padding: .5%;}
/* .footer .container { width: 90%;} */
/* .header > .container, .contents > .container { width: 88%;} */
.sixPackLink .row > div > div h4 a {
	background-size: 24% auto;
}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
.menu li { margin: 0 .8% 0 0;}
/* グラフ関連 */
.financial .item table th,.financial .item table td {font-size: 80%;}
.footer .container { width: 90%;}
/* 共通左メニュー */
.sidebar .mainSide a { font-size: 75%; /* padding: 6% 2% 6% 6%; */}
.moreLink a:after, .mainSide li a.lines-02:after { margin-top: -7px;}
.moreLink a:after, .mainSide li a.lines-03:after { margin-top: -14px;}
}

@media screen and (min-width:1px) and (max-width: 1024px) {
div.mainSide span.small{letter-spacing: -0.12em!important;}
/* 業績・財務情報　左メニュー */
.financial .moreLink a:after, .mainSide li a.lines-02:after{margin-top: -0px!important;}
div.mainSide span.small{letter-spacing: -0.16em!important;}
/* 個人投資家　左メニュー */
.investor .sideBottom ul li a.small{font-size: .7em;}
}

@media screen and (min-width:1px) and (max-width: 1023px) {
.header .container, .mainBox .container { width: 96%;}
.headerBottom h1 { padding: 0 3% 0 0;}

.menu { text-align: right;}
.menu li { margin: 0 .5% 0 0;}
.news .item .date { width: 10%;}
.news .item .category { width: 14%;}
.news .item .icon { width: 4%;}
#pageTopBtn { width: 9%;}
.under .headNav { width: 100%;}

/* 	下層共通 */
.sidebar .inner { padding: 0 4% 0 0;}
.h5Wrap .mask3 { width: 34%; top: -125%; left: -16%; transform: rotate(354deg) scale(1) skew(1deg) translate(0px); -webkit-transform: rotate(354deg) scale(1) skew(1deg) translate(0px); -moz-transform: rotate(354deg) scale(1) skew(1deg) translate(0px); -o-transform: rotate(354deg) scale(1) skew(1deg) translate(0px); -ms-transform: rotate(354deg) scale(1) skew(1deg) translate(0px);}
.dlBox a { white-space: normal;}

/* 個人投資家共通 */
.sixPackLink .row > div > div h4 a { background-size: 16% auto; ;}
/* .investor .contentsMid .communication .inner .row > div .inner h4 a { padding-top: 60%;} */
/* .moreInfo .row > div:last-child { margin: 20px 0 0 0;} */

/* 下層ページTOPは */
.underTopMianLink .row > div > div p a { font-size: 100%;}
}

@media screen and (min-width:1px)  and (max-width: 960px) {
	.menu > ul { text-align: right;}
/* グラフ関連 */
.financial .item table th, .financial .item table td { font-size: 100%;}
.nav-tabs.nav-justified > li > a { font-size: 70%;}
}

@media screen and (min-width:1px)  and (max-width: 900px) {
	.menu > ul { text-align: right;}
}

@media screen and (min-width:1px)  and (max-width: 768px) {
.under .headNav {font-size: 78%;}
.siteTitle p{font-size: 78%;}
ul.list-inline{font-size: 78%;}
}

@media screen and (min-width:1px)  and (max-width: 767px) {
body { font-size: 18px;}

.header .logoBox {
	width: 40%;
	float: left;
}
.header .navBox {
/*
	width: 89%;
	float: left;
*/
}

.mainContents {
	padding-left:0;
}

.topMainContent .inner ul {
	width: 100%;
}

.headerBottom h1 { margin: 0;}
/* .h3Wrap h3 { font-size: 5vw;} */
.h3Wrap h3 { font-size: 1.8em;}
.menu { display: none;}
.menu ul { margin: 0;}
.menu ul li { width: 50%; float: left; text-align: left; padding: 0; margin: 0;}
.menu ul li a { padding: 8%; border-bottom: 1px solid #f2742a; border-right: 1px solid #f2742a;}
.menu ul li a:before { content: "\f0da"; font-family: FontAwesome; color: #f2742a; padding: 0 4% 0 0;}
.menu ul li:nth-child(-n+2) a { border-top: 1px solid #f2742a;}
.menu ul li:nth-child(odd) a { border-left: 1px solid #f2742a;}
.news .container { width: 96%;}
.mainBox h1 { font-size: 6vw;}
.tab .inner, .news .container { padding: 0;}
.calender .container { width: 95%!important;}
.topMainContent { padding: 5% 2% 3%;}
.topMainContent .inner h2 a { color: #999; line-height: 1; display: block; font-size: .6em;}
.library .fileDLbox .col-xs-12 {
	float: none;
}
.library .boxLink {
	position: static;
}

.library .irFileListBox > div > div > div li:not(:first-child) { display: none;}
.boxLink { width: 100%; margin: 0 0 10px 0!important; float: none;}
.dlBox.dlTop { width: 100%; position: static;}

/* 共通左メニュー */
.sidebar .mainSide a { font-size: 80%; padding: 6% 2% 6% 6%;}
.moreLink a:after, .mainSide li a.lines-02:after { margin-top: -7px;}
.moreLink a:after, .mainSide li a.lines-03:after { margin-top: -14px;}

}

@media screen and (min-width:1px)  and (max-width: 414px) {
h4{font-size: 1.1em;}
/* 個人投資家共通 */
.investorSide > div { padding: 5%;}
.investorSide > div h5 { padding: 0 0 2% 0; margin: 0 0 2% 0;}
}

@media screen and (min-width:1px)  and (max-width: 380px) {
body { font-size: 16px;}
.headNav { float: none; width: 100%;}
.headerTop td.recBtn, .headerTop td.langBtn { width: 20%;}
.headerBottom { position: relative;}
.megaWrap { display: none;}
.headerTop a { padding: 0;}
.menu { background: #FFF; position: absolute; margin: 5px 0 0 0; padding: 2%;}
.news .item { display: block; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #292929;}
.news .item .date, .news .item .category , .news .item .icon { display: inline-block; width: auto;}
.news .item .icon { padding: 0 2%; min-width: 22px;}
.news .item .title { display: block;}
.news .item .category span { /* padding: 11% 2%; */ white-space: nowrap; width: 40px;}
.top .calTop h2 { margin: 0;}
.top .calTop p { position: static; text-align: center;}
.tab li { width: 33.3%;}
.nikkoIRBox { text-align: center; margin: 30px 0;}
.nikkoIRBox li {
	/* width: 33.2%; */
	float: none;
	display: inline-block; margin: 0 0 15px 0;}
#pageTopBtn { 
/* 	display: none!important; */
	width: 18%;
	}



	/* 下層共通 */
.menu { z-index: 8000;}
.activeSubMenu { display: none!important;}
/* .bread { margin: 0 0 5% 0;} */
.bread {
	width: 96%;
	margin: 0 auto 3%;
}

.sidebar .inner { padding: 0;}
.under h2 { padding: 1% 2%;}
.pageTitle .mask2 { width: 82%; bottom: -139%;}
.sidebar .inner { width: 90%; margin: 0 auto;}
.sidebar .bnArea li { width: 48%; display: inline-block; margin: 0 .5% .5% 0;}
.under .menu ul li { margin: 0;}
.related { margin: 5% 0;}
.related h6 { font-size: 80%;}
.boxLinkWrap { text-align: center; width: 100%;}
.boxLink a { display: block; padding: 3%;}
.copyBox { margin: 5% 0;}
/* .h3Wrap h3 { font-size: 7vw;} */
.h3Wrap h3 {
	font-size: 1.5em;
}

/* IRライブラリTOP */
.havBox .moreBox, .havBox .dlBox { width: 100%;}
.moreBox a, .dlBox a { padding: 4% 0 4% 16%;}
.havBox .moreBox, .havBox .dlBox { position: static; margin: 1% 0;}

/* 個人投資家TOP */
.investor .contentsMid .communication .inner .row > div .inner h4 a {/* font-size:2vw; */}
.moreInfo .row > div:last-child { margin: 20px 0 0 0;}

/* 個人投資家共通 */
.investorSide > div { padding: 5%;}
.investorSide > div h5 { padding: 0 0 2% 0; margin: 0 0 2% 0;}
.moreInfo { width: 90%; margin: 0 auto;}
.moreInfo > .row > div { margin: 0 0 20px 0;}




}







/* 経営方針共通 */
.policy h6 { font-size: 1.0vw; font-weight: bold; padding: .2em .25em; border-left: 8px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; margin: 30px 0 20px 0;}
.policy h6.sub { padding-bottom: 3px; border-bottom: 1px solid #b3b3b3; border-left: none; margin: 10px 0; background: none;}
.policy .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;}

@media only screen and (min-width:1px) and (max-width:1024px) {
    .policy p.boxLink {font-size: 0.7em!important;}
/*
    .sixPackLink .row > div > div h4 a {
	    background-size: 10%;
    }
*/



}

@media only screen and (min-width:1px) and (max-width:380px) {
    .policy p.boxLink {width: 100%!important;height: 40px;}


.sidebar .mainSide a,
div.mainSide span.small {
	font-size: 15px!important;
	letter-spacing: normal!important;
}


.sixPackLink div h4 a {
	font-size: .7em!important;
}
.investorSide .sideBottom li a,
.investor .sideBottom ul li a.small {
	font-size: 1em!important;
}

}

@media only screen and (min-width:1px) and (max-width:380px) {
.sixPackLink .row > div > div h4 a{
	font-size: .5em!important;
}
}

@media print {
	a[href]:after {
		content: "" !important;
	}

	abbr[title]:after {
		content: "" !important;
	}
}