@charset "utf-8";
/*------------------ based on 17/05/29 */
/*@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
@import url("//fonts.googleapis.com/css?family=Lato");

/* --------------------------------------
 cssの初期化
-------------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
/* -input, - */
textarea,
p,
blockquote,
/* -th, td,- */
img {
	margin: 0;
	padding: 0;
	border: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	vertical-align: top;
	text-align: left;
	word-break: break-word;
}

ol,
ul {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

/* 全体のfontsizeを変更したい場合は、.column1～5を変更する事 */
body {
	color: #333333;
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	font-family: "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.6rem;
	line-height: 1.7;
	background: #FFF;


	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	/*	font-size: 10px; */
	/* font-size: 8.75px; */
	font-size: 62.5%;
}




/* hidden & skip link  */
.aural,
#logo strong,
#nav-global span em,
#nav li strong em,
#nav-global li.on em,
#nav-box li.on em,
#nav-global h6,
#nav-box li h3 em,
#nav h6,
#extras h6,
em.more span,
#promos .more,
.pager li em,
.pager h3,
/*#search-results .form-wrapper label span,*/
#main .vcard div h3,
#extras .vcard div h3,
#glossary-index h3,
.day span,
form div label em,
#nav-content strong em,
p#copyright-magnolia span,
#event-pager h5,
div.superpromos .superpromo-section p.more a span,
.vcard .type {
	display: block;
	position: absolute;
	overflow: hidden;
	left: -9999px;
	width: 1px;
	height: 1px;
}


#step-by-step ol:after,
.opener:after,
.teaser:after,
.text-section:after,
.text-section dl:after,
#page-intro:after,
.form-wrapper div:after,
#stage div.teaser-wrapper:after,
.text-box-tabs .text-box-section:after,
#extras .toc-box .text-box-section:after,
#main .vcard:after,
div.internal-link-area>a:after,
div.external-link-area>a:after,
div.download-link-area>a:after,
div.faq-list .faq-item:after,
div.event-list #event-pager ul:after {
	content: " ";
	display: block;
	clear: both;
}

.clearfix:after,
.clr:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}





/* Links */
a {
	color: #444;
	text-decoration: none;
	word-wrap: break-word;
	transition: all .5s ease;
}

a:hover,
a:focus,
a:active {
	color: #3e85cc;
	text-decoration: none;
}

/*
em.more {
	display: block;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/mobile-sprites.png") 0 5px no-repeat;
	padding: 0 0 0 14px;
	font-style: normal;
	font-weight: bold;
}
.teaser em.more {
	display:none;
}
*/

/* Global Boxes */
#nav-global,
/*#nav,*/
#section-header,
.opener,
.teaser,
.tagcloud,
#page-intro,
.box,
.text,
#stage,
.promo,
.rack-teaser,
.text-box-section,
.toc-box-section,
.superpromo-section,
#comments li,
fieldset,
.media-index dl,
.pager li,
.super-list li,
#glossary-index li,
.glossary-box,
#sitemap .links,
.photo-index .photo,
.vcard,
.text dl.media,
.text-box-toc li a,
.toc-box-toc li a,
.superpromos-toc li a,
.text-box-tabs {
	/*background: #fff;
	margin: 10px 5px;
	border: 1px solid #d9d9d9;
	padding: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
}

.box,
#promos {
	clear: both;
}

#section-header {
	background: #555;
	border: 1px solid #333;
	color: #fff;
}

/* outside boxes */
.teaser-group h5,
.box-group h5,
.text-box-tabs h2,
#comments h2,
#comments-not-yet h3,
#your-comment h2,
.new-search h2 {
	margin: 20px 0 0 10px;
}

#your-comment h2 {
	margin: 20px 0;
}



/* Headings */
h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3,
h4,
h5 {
	font-size: 16px;
}

h1 em,
h2 em,
h3 em {
	display: block;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
}


p.skip {
	position: absolute;
	top: 15px;
	right: 13px;
	margin: 0;
	padding: 0;
}

.skip a {
	display: block;
	font-size: 14px;

}

/* -- copyright -- */
.footer-about {
	clear: both;
	padding: 5px 0;
	font-size: 10px;
}

/* Branding */
#branding {
	background-color: #CCC;
}

#branding {
	padding-top: 61px;
}

#logo img {
	display: none;
}

#logo span {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 10;
	display: block;
	top: 10px;
	left: 10px;
	height: 51px;
	width: 202px;
}

#logo strong {
	display: block;
}

#logo em {
	display: block;
	font-size: 14px;
}

#logo a {
	color: #fff;
}



/*------------------------------------- 
7_グリットレイアウト（テンプレート枠）
-------------------------------------*/

#html1 {}


/* -- ナビ表示位置順 -- */
#wrapper-2 {
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

#wrapper-3 {
	overflow: hidden;
}

#nav {
	overflow: hidden;
}


/* display: none */
/*#promos1,*/
/*#promos2,*/
#promos3 {
	display: none;
}


#promos1 {
	border-top: 1px solid #aeadad;
}

#promos1 .promos,
#promos2 .promos {
	padding: 20px 15px 0;
}


/* Footer */
#site-info {
	background: #1e3670;
}

#site-info-box {}

#site-info-box:after {
	content: "";
	display: block;
	clear: both;
}

#site-info div #about .media {
	float: left;
	height: auto;
	margin: 3px 10px 0 0;
	width: 65px;
}

p#copyright {
	margin: 10px 0;
	font-size: 10px;
}


#sharewithmain {
	padding: 8px 5px;
}

/* -- マグノリアコピーライト削除 -- */
#copyright-magnolia {
	display: none;
}


/* 2 column layout: no nav vertical | main column | sidebar */
.col-subcol #wrapper-3 {}

.col-subcol #nav {
	display: none;
}



/* -- ローカルナビ -- */
#nav-box {
	padding: 20px 10px 20px 40px;
}

#nav-box ul li {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 8px 0;
}

#nav-box ul li a,
#nav-box ul li strong {
	font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: bold;
	letter-spacing: .05em;
	position: relative;
	line-height: 1.4;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

#nav-box ul li a:before,
#nav-box ul li strong:before {
	vertical-align: middle;
}

body.ie #nav-box ul li a,
body.ie #nav-box ul li strong {
	font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#nav-box ul.navLevel_1>li>a,
#nav-box ul.navLevel_1>li>strong {
	padding-left: 25px;
}

#nav-box ul.navLevel_1>li>a:before,
#nav-box ul.navLevel_1>li>a:after,
#nav-box ul.navLevel_1>li>strong:before,
#nav-box ul.navLevel_1>li>strong:after {
	position: absolute;
	display: block;
	font-weight: normal;
	transition: color .3s ease;
}

#nav-box ul.navLevel_1>li>a:before,
#nav-box ul.navLevel_1>li>strong:before {
	top: 3px;
	left: 1px;
	color: #47497a;
	font-size: 13px;
	font-size: 1.3rem;
	content: "\e91e";
}

#nav-box ul.navLevel_1>li>a:after,
#nav-box ul.navLevel_1>li>strong:after {
	top: 1px;
	left: 0;
	color: #ddd;
	font-size: 16px;
	font-size: 1.6rem;
	content: "\e901";
}


#nav-box ul.navLevel_1>li>strong:before {
	color: #fff;
}

#nav-box ul.navLevel_1>li>strong:after {
	color: #47497a;
}

#nav-box ul.navLevel_1>li>a:hover:before {
	color: #fff;
}

#nav-box ul.navLevel_1>li>a:hover:after {
	color: #3e85cc;
}

#nav-box ul.navLevel_2 {
	clear: both;
	padding: 11px 0 0 25px;
	margin-bottom: -8px;
}

#nav-box ul.navLevel_2 li {
	padding: 5px 0;
}

#nav-box ul.navLevel_2 li a,
#nav-box ul.navLevel_2 li strong {
	font-weight: 500;
	padding-left: 15px;
}

#nav-box ul.navLevel_2 li a:before,
#nav-box ul.navLevel_2 li strong:before {
	position: absolute;
	display: block;
	width: 15px;
	top: 3px;
	left: 0;
	color: #47497a;
	font-size: 8px;
	font-size: .8rem;
	transition: color .3s ease;
	line-height: 1.7;
}

#nav-box ul.navLevel_2>li>a:before,
#nav-box ul.navLevel_2>li>strong:before {
	content: "\e907";
}

#nav-box ul.navLevel_2 li a:hover:before {
	color: #3e85cc;
}




#promos2 .sidenav-sub li {
	margin-bottom: 2px;
	font-size: 16px;
	font-size: 1.6rem;
}

#promos2 .sidenav-sub li a {
	font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	background: #eee;
	padding: 20px 20px 18px 75px;
	font-weight: bold;
	color: #00033e;
	position: relative;
	line-height: 1.4;
	transition: all .3s ease;
}

#promos2 .sidenav-sub li a:before {
	vertical-align: middle;
}

body.ie #promos2 .sidenav-sub li a {
	font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#promos2 .sidenav-sub li a:hover {
	color: #0368bd;
	background-color: #e4eefe;
	text-decoration: none;
}

#promos2 .sidenav-sub li a:before {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 35px;
	margin-top: -13px;
	color: #00033e;
	font-size: 30px;
	font-size: 3rem;
	font-weight: normal;
	width: 30px;
	text-align: center;
	line-height: 1;
	transition: color .3s ease;
}

#promos2 .sidenav-sub li a.contact:before {
	margin-top: -11px;
}

#promos2 .sidenav-sub li a:hover:before {
	color: #0368bd;
}


#promos2 .sidenav-sub li a.support:before {
	content: "\e919";
}

#promos2 .sidenav-sub li a.contact:before {
	content: "\e90d";
}

#promos2 .sidenav-sub li a.request:before {
	content: "\e905";
	vertical-align: middle;
}

#promos2 .sidenav-sub li a.parts:before {
	content: "\e916";
}



/* Meta Navigation */

#nav-meta {
	display: none;
}

#nav-meta ul {
	overflow: hidden;
}

#nav-meta li {
	float: right;
	list-style: none;
	margin: 5px 0 5px 5px;
	padding: 2px 5px;
}

#nav-meta li a {
	color: #fff;
	font-size: 16px;
}

/* Teasers and other Content Elements */
/*.teaser img, */
/*.external-teaser img, */
.opener img,
.superpromo-section img {
	width: 100%;
	height: auto;
}

.vcard div {
	margin: 0 0 10px 0;
	clear: both;
}

.vcard div dt {
	width: 5em;
	float: left;
	font-weight: bold;
}


.vcard .org {
	width: 70%;
	clear: none;
	float: right;
	padding-left: 10px;
	margin-bottom: 10px;

}

.vcard .organization-name {
	font-weight: bold;
	font-size: 110%;
	line-height: 1em;

}

.vcard .photo {
	float: left;
	max-width: 30%;
	margin-bottom: 10px;
}

.vcard .photo img {
	max-width: 100%;
}

.vcard .media.photo dd {
	width: 100%;
}




/* Linkslists */
.links h3 {
	margin-top: 10px;
}

#toc ul,
.links ul {
	margin: 0;
}

#toc li,
.links li,
.latest-comments li {
	list-style: none;
	margin: 0 -8px;
	border-top: 1px solid #d9d9d9;
	padding: 8px;
}

#toc li:last-child,
.links li:last-child,
.latest-comments li:last-child {
	border-bottom: 1px solid #d9d9d9;
}



.links li a,
.latest-comments li a {
	display: block;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/mobile-sprites.png") 1px 4px no-repeat;
	padding-left: 15px;
}

.links .download a {
	background-position: 0 -142px;
}

.links .external a {
	background-position: 1px -294px;
}

.links .download em {
	display: block;
	margin-top: -5px;
	font-style: normal;
	font-size: 13px;
	color: #999;
}

.latest-comments li em {
	display: block;
	font-style: normal;
	font-weight: bold;
}

#comments h2 em {
	display: inline;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}

.comment-count {
	display: none;
}

/* Latest */
/*
.latest li {
	list-style: none;
	margin: 0 -8px;
	border-bottom: 1px solid #9f9f9f;
	padding: 8px;
}
p.all {
	margin: 10px 0 0 0;
}
*/
/* Event List */
.event-list li {
	margin: 0 -8px;
	border-bottom: 1px solid #9f9f9f;
	padding: 8px;
	list-style: none;
}

.event-list li h3 {
	margin: 5px 0;
}

.event-data li {
	list-style: disc inside;
	border-bottom: none;
	padding: 2px 8px;
	font-size: 16px;
	line-height: 16px;
}


/* Glossary */
#glossary-index li {
	float: left;
	list-style: none;
	width: 1.9em;
	text-align: center;
}

.glossary-box {
	clear: both;
	display: block;
}

.glossary-box ul {
	padding-left: 20px;
}


/* tagcloud */
.tagcloud ul {
	overflow: hidden;
	text-align: center;
}

.tagcloud li {
	list-style: none;
	display: inline-block;
	margin: 0 3px;
}

.tagcloud li.level-1 a {
	font-size: 15px;
}

.tagcloud li.level-2 a {
	font-size: 17px;
	font-weight: bold;
}

.tagcloud li.level-3 a {
	font-size: 20px;
}

.tagcloud li.level-4 a {
	font-size: 21px;
	font-weight: bold;
	font-style: normal;
}

.tagcloud li.level-5 a {
	font-size: 23px;
	font-weight: bold;
}


/* Text */
/*
.text-meta {
	margin: 12px 8px 0 8px;
	padding: 8px 0 0 0;
	font-size: 14px;
}
.text-meta:after{
	content: "";
	clear: both;
	display: block;
}
.text-data li {
	list-style: none;	
}
.text-data li {
	float: left;
	margin: 0 10px 0 0;
}
#text-features {
	display: none;	
}
.text-meta dt {
	display: none;
}
.text-meta li,
.text-meta dd {
	float: left;
	display: block;
	margin: 0 10px 5px 0;
	padding: 2px 0;
}
.text-meta dd {
	margin-right: 5px;
}
*/
/* tags &  comments */
/*
.text-meta dd a,
.text-meta li.text-comments {
	float: left;
	display: block;
	padding: 2px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
	border-radius: 8px;	
	border: 1px solid #d9d9d9;	
	color: #555;
}
.text-comments {
	background: #f1d500;
}
.text-meta + p {
	clear: both;
}

.text p,
.text .links,
#.text #toc {
	margin: 10px 0 10px 0;
}
*/


/* lists in article and also list of search results */
.text ul {
	padding: 0 0 10px 18px;
}

.text ol {
	padding: 0 0 10px 25px;
}

.text ul ul,
.text ol ol {
	padding-bottom: 0;
}

ul.text-data,
ul#text-features,
.text .links ul {
	padding: 0;
}

.text .media {
	margin: 10px 0;
}

.compact dt {
	font-weight: bold;
}

.compact dd {
	padding-left: 20px;
}

#toc ul {
	padding: 0 0 10px 0;
}

#toc li {
	list-style: none;
}

#toc a {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/mobile-sprites.png") 0 -143px no-repeat;
	padding-left: 15px;
}

.photo .caption,
.photo .copyright,
.photo .longdesc {
	font-size: 14px;
	line-height: 1.2em;
}

.text-box-compact dt {
	margin: 10px 0 0 0;
	font-weight: bold;
}

.text-box-compact dd {
	background-color: #FFF;
	padding: 5px;
}

.text-box-compact {
	background-color: #F0F0F0;
	margin-bottom: 20px;
	padding: 5px;
}

div.video dl dd.longdesc,
div.audio dl dd.longdesc {
	/*	display: none; */
}

div.audio dl dt audio,
div.video dl dt video {
	max-width: 100%;
}





/* -- フッターリンクの機能を使用の場合 -- */
.footer-link-list {
	background-color: #2b2b2b;
}

.footer-link-list ul {
	/*	margin: 10px 0;
	background-color: #2b2b2b;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;*/
}

.footer-link-list ul:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.footer-link-list ul li {
	float: left;
	width: 50%;
	padding: 16px 0px !important;
	font-size: 13px;
	font-weight: bold;
	border-bottom: #999 1px solid !important;
}

.footer-link-list ul li a {
	color: #ccc;
	display: block;
	text-align: center;
}

.footer-link-list ul li:nth-child(odd) {
	border-right: #999 1px solid;
}

/* -- 別窓アイコン -- */
div.footer-link-list .footer-link-internal a[target="_blank"]:after,
div.footer-link-list .footer-link-external a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") left top no-repeat;
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-left: 3px;
	vertical-align: text-bottom;
}




/* -----------------------------
	グローバルナビ
--------------------------------- */

/* -- トグル初期非表示 -- */
#gnv {
	display: none;
}

#gnv:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#gnv li {
	display: table;
	width: 50%;
	float: left;
	border-bottom: #999 1px solid;
}

#gnv li a {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	text-align: center;

	background-color: #2b2b2b;
	color: #ccc;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#gnv li:nth-child(odd) a {
	border-right: #999 1px solid;
}




/* -- トグル初期非表示 -- */
#nav-global {
	display: none;
}

#nav-global ul:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#nav-global div>ul>li {
	display: table;
	width: 50%;
	float: left;
	border-bottom: #999 1px solid;
}

#nav-global div>ul>li>a,
#nav-global div>ul>li>strong {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	text-align: center;

	background-color: #2b2b2b;
	color: #ccc;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#nav-global div>ul>li:nth-child(odd)>a,
#nav-global div>ul>li:nth-child(odd)>strong {
	border-right: #999 1px solid;
}





.bread-crumb {
	margin: 0px auto;
	width: 100%;
	text-align: left;

	font-size: 1.4rem;
	color: black;
	padding: 10px 10px;
	line-height: 1.4;
}

.bread-crumb:after {
	content: "";
	display: block;
	clear: both;
}

/* -- パンくずタイトル -- */
div.bread-crumb h5 {
	float: left;
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: inherit;
	display: inline;
	font-size: inherit;

	margin-right: 0.5em;
}

div.bread-crumb h5 p,
div.bread-crumb h5 span {
	display: inline;
}

div.bread-crumb h5 p a,
div.bread-crumb h5 span a {
	color: #000;
}

div.bread-crumb h5 p a:hover,
div.bread-crumb h5 span a:hover {
	color: #4298b5;
}

div.bread-crumb h5 p:after,
div.bread-crumb h5 span:after {
	padding-left: 0.5em;
	content: ">";
}

div.bread-crumb ol {}

div.bread-crumb ol:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

div.bread-crumb ol li {
	float: left;
	margin-right: 0.5em;
}

div.bread-crumb ol li:after {
	padding-left: 0.5em;
	content: ">";
}

div.bread-crumb ol li:last-child {
	margin-right: 0;
}

div.bread-crumb ol li:last-child:after {
	content: none;
}

div.bread-crumb ol li a {
	color: #000;
}

div.bread-crumb ol li a:hover {
	color: #4298b5;
}

/* -- 現在位置表示 -- */
div.bread-crumb ol li strong {
	font-weight: normal;
}

/* ページタイトルの改行は非表示 */
div.bread-crumb br {
	display: none;
}

/* -- TOP書き換え -- */
/*
div.bread-crumb ol li:first-child a {
	font-size: 0;
}
#header.ja ~ div div.bread-crumb ol li:first-child a:before ,
#header.ja ~ div.bread-crumb ol li:first-child a:before {
	content: "ホーム";
	font-size: 1.4rem;
}
#header.en ~ div div.bread-crumb ol li:first-child a:before ,
#header.en ~ div.bread-crumb ol li:first-child a:before {
	content: "HOME";
	font-size: 1.4rem;
}
*/



/* ---- カラム分け1～5 ---- */
.multiColumn1,
.multiColumn2,
.multiColumn3,
.multiColumn4,
.multiColumn5 {
	font-size: 0;
	display: inline;
	clear: none;
	margin-bottom: 30px;
}

/* ---- 小カラム ---- */
.column1,
.column2,
.column3,
.column4,
.column5 {
	font-size: 16px;
	font-size: 1.6rem;

	display: inline-block;
	vertical-align: top;
	clear: none;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

/*-- カラム clearfix --*/
/* 3カラムと4カラムと5カラムが混ざらない様に */
.multiColumn3+.multiColumn5:before,
.multiColumn5+.multiColumn3:before,
.multiColumn1:before,
.multiColumn2:before,
.multiColumn4:before {
	content: "";
	display: block;
	clear: both;
}



/* -- 1～2カラムは1カラムに -- */
.multiColumn1>.column1,
.multiColumn2>.column1,
.multiColumn2>.column2 {
	width: 98%;
	width: calc(100% - 10px);
}

/* -- 3～5は2カラムに -- */
.multiColumn3>.column1,
.multiColumn3>.column2,
.multiColumn3>.column3,
.multiColumn4>.column1,
.multiColumn4>.column2,
.multiColumn4>.column3,
.multiColumn4>.column4,
.multiColumn5>.column1,
.multiColumn5>.column2,
.multiColumn5>.column3,
.multiColumn5>.column4,
.multiColumn5>.column5 {
	width: 48%;
	width: calc(50% - 10px);
}


/* -----------------------------
CKエディタ
--------------------------------- */

/* -- ckエディタの機能を損なうから制御は不可 -- */
#page-intro .abstractImage,
div.quoted-text blockquote,
div.highlight-quoted-text,
div.text-section,
div.internal-link-area,
div.external-link-area,
div.download-link-area,
div.faq-list .faq-item,
div.vertical-table div.vtable-item>table>tbody>tr>th,
div.vertical-table div.vtable-item>table>tbody>tr>td,
div.ircalendar div.ircalendar-title>table>tbody>tr>th,
div.ircalendar div.ircalendar-item>table>tbody>tr>td {
	/*	text-align: center; */
}

#page-intro .abstractImage>*,
div.quoted-text blockquote>*,
div.highlight-quoted-text>*,
div.text-section>*,
div.internal-link-area>*,
div.external-link-area>*,
div.download-link-area>*,
div.faq-list .faq-item>*,
div.vertical-table div.vtable-item>table>tbody>tr>th>*,
div.vertical-table div.vtable-item>table>tbody>tr>td>*,
div.ircalendar div.ircalendar-title>table>tbody>tr>th>*,
div.ircalendar div.ircalendar-item>table>tbody>tr>td>* {
	/*	text-align: left; */
}

#page-intro .abstractImage p,
div.quoted-text blockquote p,
div.highlight-quoted-text p,
div.text-section p,
div.internal-link-area p,
div.external-link-area p,
div.download-link-area p,
div.faq-list .faq-item p,
div.vertical-table div.vtable-item p,
div.ircalendar div.ircalendar-title p,
div.ircalendar div.ircalendar-item p {
	display: block;
}

/* -- ckエディタのリスト表示用 -- */
#page-intro .abstractImage ol,
div.quoted-text blockquote ol,
div.highlight-quoted-text ol,
div.text-section ol,
div.internal-link-area ol,
div.external-link-area ol,
div.download-link-area ol,
div.faq-list .faq-item ol,
div.vertical-table div.vtable-item ol,
div.ircalendar div.ircalendar-title ol,
div.ircalendar div.ircalendar-item ol {
	padding-left: 2em;
	list-style: decimal;
}

#page-intro .abstractImage ol li,
div.quoted-text blockquote ol li,
div.highlight-quoted-text ol li,
div.text-section ol li,
div.internal-link-area ol li,
div.external-link-area ol li,
div.download-link-area ol li,
div.faq-list .faq-item ol li,
div.vertical-table div.vtable-item ol li,
div.ircalendar div.ircalendar-title ol li,
div.ircalendar div.ircalendar-item ol li {
	list-style: inherit;
}

/* -- ckエディタのリスト表示用 -- */
#page-intro .abstractImage ul,
div.quoted-text blockquote ul,
div.highlight-quoted-text ul,
div.text-section ul,
div.internal-link-area ul,
div.external-link-area ul,
div.download-link-area ul,
div.faq-list .faq-item ul,
div.vertical-table div.vtable-item ul,
div.ircalendar div.ircalendar-title ul,
div.ircalendar div.ircalendar-item ul {
	padding-left: 2em;
	list-style: disc;
}

#page-intro .abstractImage ul li,
div.quoted-text blockquote ul li,
div.highlight-quoted-text ul li,
div.text-section ul li,
div.internal-link-area ul li,
div.external-link-area ul li,
div.download-link-area ul li,
div.faq-list .faq-item ul li,
div.vertical-table div.vtable-item ul li,
div.ircalendar div.ircalendar-title ul li,
div.ircalendar div.ircalendar-item ul li {
	list-style: inherit;
}

#page-intro .abstractImage em,
div.quoted-text blockquote em,
div.highlight-quoted-text em,
div.text-section em,
div.internal-link-area em,
div.external-link-area em,
div.download-link-area em,
div.faq-list .faq-item em,
div.vertical-table div.vtable-item em,
div.ircalendar div.ircalendar-title em,
div.ircalendar div.ircalendar-item em {
	/* メイリオにはイタリック体が無い為 */
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', 'Meiryo', 'sans-serif';
	font-style: italic;
}

/*------- リンクアイコン ----------*/
#page-intro .abstractImage a,
div.quoted-text blockquote a,
div.highlight-quoted-text a,
div.text-section a,
div.faq-list .faq-item a,
div.vertical-table div.vtable-item a,
div.ircalendar div.ircalendar-title a,
div.ircalendar div.ircalendar-item a {}

/*------- 別窓アイコン ----------*/
#page-intro .abstractImage a[target="_blank"]:after,
div.quoted-text blockquote a[target="_blank"]:after,
div.highlight-quoted-text a[target="_blank"]:after,
div.text-section a[target="_blank"]:after,
/* div.internal-link-area a[target="_blank"]:after , */
/* div.external-link-area a[target="_blank"]:after , */
/* div.download-link-area a[target="_blank"]:after , */
div.faq-list .faq-item a[target="_blank"]:after,
div.vertical-table div.vtable-item a[target="_blank"]:after,
div.ircalendar div.ircalendar-title a[target="_blank"]:after,
div.ircalendar div.ircalendar-item a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") left top no-repeat;
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-left: 3px;
	vertical-align: text-bottom;
}

/*------- PDFアイコン ----------*/
#page-intro .abstractImage a[href$=".pdf"]:after,
div.quoted-text blockquote a[href$=".pdf"]:after,
div.highlight-quoted-text a[href$=".pdf"]:after,
div.text-section a[href$=".pdf"]:after,
div.faq-list .faq-item a[href$=".pdf"]:after,
div.vertical-table div.vtable-item a[href$=".pdf"]:after,
div.ircalendar div.ircalendar-title a[href$=".pdf"]:after,
div.ircalendar div.ircalendar-item a[href$=".pdf"]:after,
#page-intro .abstractImage a[href*=".pdf#"]:after,
div.quoted-text blockquote a[href*=".pdf#"]:after,
div.highlight-quoted-text a[href*=".pdf#"]:after,
div.text-section a[href*=".pdf#"]:after,
div.faq-list .faq-item a[href*=".pdf#"]:after,
div.vertical-table div.vtable-item a[href*=".pdf#"]:after,
div.ircalendar div.ircalendar-title a[href*=".pdf#"]:after,
div.ircalendar div.ircalendar-item a[href*=".pdf#"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") left top no-repeat;
	display: inline-block;
	width: 18px;
	height: 23px;
	vertical-align: text-bottom;
}

/* -----------------------------
画像レイアウト
--------------------------------- */

/*-- 画像_左 --*/
#page-intro .abstractImage img,
div.text-section img,
div.internal-link-area img,
div.external-link-area img,
div.download-link-area img,
div.faq-list .faq-item img,
div.vertical-table img,
div.ircalendar div.ircalendar-title img,
div.ircalendar div.ircalendar-item img {
	float: left;
	margin-right: 20px;
	margin-left: 0;
	margin-bottom: 8px;
	width: auto;
	max-width: 40%;
}

/*-- 画像_右 --*/
#page-intro .abstractImage img.pos-2,
div.text-section img.pos-2,
div.internal-link-area .pos-2,
div.external-link-area .pos-2,
div.download-link-area .pos-2,
div.faq-list .faq-item img.pos-2,
div.vertical-table img.pos-2,
div.ircalendar div.ircalendar-title img.pos-2,
div.ircalendar div.ircalendar-item img.pos-2 {
	float: right;
	margin-right: 0;
	margin-left: 16px;
	margin-bottom: 8px;
	width: auto;
	max-width: 40%;
}

/*-- 画像_上 --*/
#page-intro .abstractImage img.large,
div.text-section img.large,
div.internal-link-area img.large,
div.external-link-area img.large,
div.download-link-area img.large,
div.faq-list .faq-item img.large,
div.vertical-table img.large,
div.ircalendar div.ircalendar-title img.large,
div.ircalendar div.ircalendar-item img.large {
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8px;
	width: auto;
	max-width: 100%;
}


/*-- キャプション付き画像の場合_左 --*/
div.text-section dl.photo,
div.faq-list .faq-item dl.photo {
	width: 40%;
	margin-right: 16px;
	float: left;
}

div.text-section dl.photo dt,
div.faq-list .faq-item dl.photo dt {
	text-align: center;
	margin-bottom: 8px;
}

div.text-section dl.photo dt img,
div.faq-list .faq-item dl.photo dt img {
	float: none !important;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}

div.text-section dl.photo dd,
div.faq-list .faq-item dl.photo dd {
	text-align: center;
}

/*-- キャプション付き画像の場合_右 --*/
div.text-section dl.pos-2,
div.faq-list .faq-item dl.pos-2 {
	width: 40%;
	margin-left: 16px;
	margin-right: 0;
	float: right;
}

div.text-section dl.pos-2 dt img,
div.faq-list .faq-item dl.pos-2 dt img {
	float: none;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}

/*-- キャプション付き画像の場合_上 --*/
div.text-section dl.large,
div.faq-list .faq-item dl.large {
	float: none;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 100%;
}

div.text-section dl.large dt img,
div.faq-list .faq-item dl.large dt img {
	float: none;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}

/* -- キャプション -- */
/*-- 画像のタイトル --*/
div.text-section .caption,
div.faq-list .faq-item .caption {}

/*-- コピーライト --*/
div.text-section .copyright,
div.faq-list .faq-item .copyright {}

/*-- 画像の説明 --*/
div.text-section .longdesc,
div.faq-list .faq-item .longdesc {
	/*	display: none; */
}

/*-- 虫眼鏡(現状、非表示) --*/
div.text-section .zoom,
div.faq-list .faq-item .zoom {
	float: right;
	display: none;
}

div.text-section .zoom a,
div.faq-list .faq-item .zoom a {
	display: block;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -508px no-repeat;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
}


/* -----------------------------
見出しスタイル：装飾のみ
--------------------------------- */
/*-------------- ●ok●概要エリア --------------*/
#page-intro {
	margin-bottom: 20px;
}

/* -- コンテンツ内H1レイアウト -- */
#page-intro>h1 {
	color: #444;
	padding: 5px 0;
	font-size: 28px;
	font-weight: bold;

	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

/* -- H1画像登録時レイアウト -- */

#page-intro .titleImage {
	margin-bottom: 20px;
}

#page-intro .titleImage h1 {
	width: auto;
	line-height: 0;
	max-width: 100%;
	padding: 0;
	font-size: 0;
}

#page-intro .titleImage h1 img {
	width: auto;
}

/* -- 概要に日付入れた際使用（イベント・汎用） -- */
#page-intro div.text-meta ul.text-data {
	text-align: right;
	/*	display: none; */
}

#page-intro div.text-meta ul.text-data li.date {}


/*--- 概要説明文の画像 ---*/
#page-intro .abstractImage {
	margin: 0 auto;
	/*	margin-bottom: 10px; */
}

#page-intro .abstractImage p {
	width: 100%;
}

#page-intro .abstractImage img {
	display: none;
}


/*-------------- 中見出し(共通) ------------*/
div.text-section h2,
div.link-list h2,
div.link-list-url h2,
/*div.sitemap h2,*/
div.table div.shwTableTitle h2,
div.news-yuho dl dt,
div.news-result dl dt,
div.title2 h2 {
	box-sizing: border-box;
	font-weight: bold;
	margin: 0;
	background: #eee;
	color: #020246;
	padding: .4em .7em;
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.4;
	border-left: 1.875vw solid #020246;

	font-size: 2.2rem;
	border-left: 10px solid #020246;

	margin-bottom: 20px;
}

/* -- 見出しh2レベル -- */
div.title2 h2 {
	clear: both;
}

div.title2:last-child h2 {
	margin-bottom: 10px;
}

/* -- 見出しh3レベル -- */
div.title3 h3 {
	margin-right: 40px;
	padding: 7px 5px;
	padding-right: 30px;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	background: #47497a url("../../../../../../resources/sw_img2/icon_arr02.png") no-repeat right top;

	margin-bottom: 20px;
}

div.title3:last-child h3 {
	margin-bottom: 0px;
}

/* -- 見出しh4レベル -- */
div.title4 h4 {
	margin-bottom: 8px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
	border-left: #999 3px solid;
	padding-top: 1px;
	padding-left: 8px;
}

div.title4:last-child h4 {
	margin-bottom: 0px;
}


/* -----------------------------
その他スタイル
--------------------------------- */
/*-------------- 引用符07_001 --------------*/

/* 緊急エリア */
div.quoted-text {
	margin: 5px 8px;
	border: #F00 2px solid;
}

div.quoted-text blockquote {
	background: none;
	padding: 10px;
}

/*-------------- ハイライト引用符07_002 --------------*/

div.highlight-quoted-text {
	border: #CCC 1px solid;
	padding: 10px;
	margin: 10px;
}

div.highlight-quoted-text cite {
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/bgs/dash.png") no-repeat scroll 0px 8px;
	padding-left: 10px;
	font-size: 12px;
	font-style: italic;
}

/*-------------- テキストと画像コンポーネント07_003 --------------*/

div.text-section {
	clear: both;
	margin-bottom: 20px;
	position: relative;
}

/* -- 副見出し -- */
div.text-section h2 {
	clear: both;
}

/*-------------- ニュース一覧（標準）07_201 --------------*/
/*-------------- ニュース一覧（タブ切替）07_203 --------------*/
/* -- 英語ニュース -- */


div.news-list,
div.news-list-tabbed,
div.news-list-2nd,
div.news-list-tabbed-2nd,
div.news-english,
div.news-english-tabbed,
div.news-english-2nd,
div.news-english-tabbed-2nd {
	position: relative;
	margin-bottom: 20px;
}

/* -- 1つのリリース -- */
div.news-list ul,
div.news-list-tabbed ul,
div.news-list-2nd ul,
div.news-list-tabbed-2nd ul,
div.news-english ul,
div.news-english-tabbed ul,
div.news-english-2nd ul,
div.news-english-tabbed-2nd ul {
	padding-top: 1px;
}

div.news-list ul li,
div.news-list-tabbed ul li,
div.news-list-2nd ul li,
div.news-list-tabbed-2nd ul li,
div.news-english ul li,
div.news-english-tabbed ul li,
div.news-english-2nd ul li,
div.news-english-tabbed-2nd ul li {
	clear: both;
	position: relative;
	padding: 0;
	margin: 0;
	line-height: inherit;

	margin: 10px 0px 0px;
	/*	padding-top: 24px; */
	/*	padding-left: 9.2em; */
	padding-bottom: 10px;
	border-bottom: #CCCCCC 1px dotted;
}

/* -- リリースのタイトル -- */
div.news-list ul li h3,
div.news-list-tabbed ul li h3,
div.news-list-2nd ul li h3,
div.news-list-tabbed-2nd ul li h3,
div.news-english ul li h3,
div.news-english-tabbed ul li h3,
div.news-english-2nd ul li h3,
div.news-english-tabbed-2nd ul li h3 {
	border: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: inherit;

	position: relative;
	display: block;
	font-size: 14px;
	background: none;
	padding-left: 0px;
	padding-top: 1.5em;
}

div.news-list ul li img:first-child,
div.news-list-tabbed ul li img:first-child,
div.news-list ul li p:first-child+img,
div.news-list-tabbed ul li p:first-child+img,
div.news-list-2nd ul li .n_img,
div.news-list-tabbed-2nd ul li .n_img,
div.news-english ul li img:first-child,
div.news-english-tabbed ul li img:first-child,
div.news-english ul li p:first-child+img,
div.news-english-tabbed ul li p:first-child+img,
div.news-english-2nd ul li .n_img,
div.news-english-tabbed-2nd ul li .n_img {}

div.news-list ul li img:first-child,
div.news-list-tabbed ul li img:first-child,
div.news-list ul li p:first-child+img,
div.news-list-tabbed ul li p:first-child+img,
div.news-list-2nd ul li .n_img img,
div.news-list-tabbed-2nd ul li .n_img img,
div.news-english ul li img:first-child,
div.news-english-tabbed ul li img:first-child,
div.news-english ul li p:first-child+img,
div.news-english-tabbed ul li p:first-child+img,
div.news-english-2nd ul li .n_img img,
div.news-english-tabbed-2nd ul li .n_img img {}

/* -- リリースのテキスト -- */
div.news-list ul li span.date+img+span,
div.news-list-tabbed ul li span.date+img+span,
div.news-list ul li h3 a,
div.news-list-tabbed ul li h3 a,
div.news-list-2nd ul li .news_tx,
div.news-list-tabbed-2nd ul li .news_tx,
div.news-english ul li span.date+img+span,
div.news-english-tabbed ul li span.date+img+span,
div.news-english ul li h3 a,
div.news-english-tabbed ul li h3 a,
div.news-english-2nd ul li .news_tx,
div.news-english-tabbed-2nd ul li .news_tx {
	display: inline;
}

/* -- 日付 -- */
div.news-list ul li span.date,
div.news-list-tabbed ul li span.date,
div.news-list-2nd ul li .date,
div.news-list-tabbed-2nd ul li .date,
div.news-english ul li span.date,
div.news-english-tabbed ul li span.date,
div.news-english-2nd ul li .date,
div.news-english-tabbed-2nd ul li .date {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* -- カテゴリアイコン -- */
div.news-list ul li span.date+img,
div.news-list-tabbed ul li span.date+img,
div.news-list-2nd ul li .c_icon,
div.news-list-tabbed-2nd ul li .c_icon,
div.news-english ul li span.date+img,
div.news-english-tabbed ul li span.date+img,
div.news-english-2nd ul li .c_icon,
div.news-english-tabbed-2nd ul li .c_icon {
	position: absolute;
	top: 0px;
	left: 7.2em;
	padding-left: 10px;
	display: none;
}

div.news-list-2nd ul li .c_icon img,
div.news-list-tabbed-2nd ul li .c_icon img,
div.news-english-2nd ul li .c_icon img,
div.news-english-tabbed-2nd ul li .c_icon img {
	display: inline-block;
	vertical-align: middle;
}

/* -- ファイルアイコン -- */
div.news-list ul li .d_icon,
div.news-list-tabbed ul li .d_icon,
div.news-list-2nd ul li .d_icon,
div.news-list-tabbed-2nd ul li .d_icon,
div.news-english ul li .d_icon,
div.news-english-tabbed ul li .d_icon,
div.news-english-2nd ul li .d_icon,
div.news-english-tabbed-2nd ul li .d_icon {}

div.news-list ul li .d_icon img,
div.news-list-tabbed ul li .d_icon img,
div.news-list-2nd ul li .d_icon img,
div.news-list-tabbed-2nd ul li .d_icon img,
div.news-english ul li .d_icon img,
div.news-english-tabbed ul li .d_icon img,
div.news-english-2nd ul li .d_icon img,
div.news-english-tabbed-2nd ul li .d_icon img {
	display: inline-block;
	vertical-align: middle;
}


/* -- ファイルサイズ -- */
div.news-list ul li .filesize,
div.news-list-tabbed ul li .filesize,
div.news-list-2nd ul li .filesize,
div.news-list-tabbed-2nd ul li .filesize,
div.news-english ul li .filesize,
div.news-english-tabbed ul li .filesize,
div.news-english-2nd ul li .filesize,
div.news-english-tabbed-2nd ul li .filesize {
	font-size: 85.7%;
}

/* -- NEWアイコン -- */
div.news-list ul li .n_icon,
div.news-list-tabbed ul li .n_icon,
div.news-list-2nd ul li .n_icon,
div.news-list-tabbed-2nd ul li .n_icon,
div.news-english ul li .n_icon,
div.news-english-tabbed ul li .n_icon,
div.news-english-2nd ul li .n_icon,
div.news-english-tabbed-2nd ul li .n_icon {
	display: none;
}

div.news-list ul li .n_icon img,
div.news-list-tabbed ul li .n_icon img,
div.news-list-2nd ul li .n_icon img,
div.news-list-tabbed-2nd ul li .n_icon img,
div.news-english ul li .n_icon img,
div.news-english-tabbed ul li .n_icon img,
div.news-english-2nd ul li .n_icon img,
div.news-english-tabbed-2nd ul li .n_icon img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;

	display: none;
	/* NEWアイコンテキスト化 */
}

/* NEWアイコンテキスト化 */
div.news-list ul li .n_icon:before,
div.news-list-tabbed ul li .n_icon:before,
div.news-list-2nd ul li .n_icon:before,
div.news-list-tabbed-2nd ul li .n_icon:before,
div.news-english ul li .n_icon:before,
div.news-english-tabbed ul li .n_icon:before,
div.news-english-2nd ul li .n_icon:before,
div.news-english-tabbed-2nd ul li .n_icon:before {
	content: "NEW!";
	color: red;
	font-size: 87.5%;
	font-weight: bold;
	font-style: italic;
}

/* -- もっと読む・詳細（ニュース概要） -- */
div.news-list ul li>p:last-child,
div.news-list-tabbed ul li>p:last-child,
div.news-list-2nd ul li .det_tx,
div.news-list-tabbed-2nd ul li .det_tx,
div.news-english li>p:last-child,
div.news-english-tabbed li>p:last-child,
div.news-english-2nd .det_tx,
div.news-english-tabbed-2nd .det_tx {
	display: none;
	white-space: pre;
	white-space: pre-line;
	word-break: break-word;
}

/* -- 続きを読む -- */
div.news-list ul li>p:last-child em.more,
div.news-list-tabbed ul li>p:last-child em.more,
div.news-list-2nd ul li .det_tx em.more,
div.news-list-tabbed-2nd ul li .det_tx em.more,
div.news-english li>p:last-child em.more,
div.news-english-tabbed li>p:last-child em.more,
div.news-english-2nd .det_tx em.more,
div.news-english-tabbed-2nd .det_tx em.more {
	display: none;
}

div.news-list ul li>p:last-child em.more a,
div.news-list-tabbed ul li>p:last-child em.more a,
div.news-list-2nd ul li .det_tx em.more a,
div.news-list-tabbed-2nd ul li .det_tx em.more a,
div.news-english li>p:last-child em.more a,
div.news-english-tabbed li>p:last-child em.more a,
div.news-english-2nd .det_tx em.more a,
div.news-english-tabbed-2nd .det_tx em.more a {
	padding-left: 15px;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 2px;
	font-style: normal;
}

/* -- 非公開表示 -- */
div.news-list ul li>p:first-child,
div.news-list-tabbed ul li>p:first-child,
div.news-list-2nd ul li .note_tx,
div.news-list-tabbed-2nd ul li .note_tx,
div.news-english li>p:first-child,
div.news-english-tabbed li>p:first-child,
div.news-english-2nd .note_tx,
div.news-english-tabbed-2nd .note_tx {
	background-color: #FCC;
	font-size: 85.7%;
}

/* -- 全てのニュース -- */
div.news-list .all,
div.news-list-tabbed .all,
div.news-list-2nd .all,
div.news-list-tabbed-2nd .all,
div.news-english .all,
div.news-english-tabbed .all,
div.news-english-2nd .all,
div.news-english-tabbed-2nd .all {
	display: none;
}

div.news-list .all a,
div.news-list-tabbed .all a,
div.news-list-2nd .all a,
div.news-list-tabbed-2nd .all a,
div.news-english .all a,
div.news-english-tabbed .all a,
div.news-english-2nd .all a,
div.news-english-tabbed-2nd .all a {
	clear: both;
	display: block;
	margin: 20px 0 0 0;
	border-top: 1px #b3b3b3 solid;
	padding: 5px 0 0 17px;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 5px;
}



/*-------------- 最新ニュース一覧（標準）07_202 --------------*/
/*-------------- 最新ニュース一覧（タブ切替）07_204 --------------*/

div.news-latest,
div.news-latest-tabbed,
div.news-latest-2nd,
div.news-latest-tabbed-2nd {
	position: relative;
	margin-bottom: 20px;
}

div.news-latest ul,
div.news-latest-tabbed ul,
div.news-latest-2nd ul,
div.news-latest-tabbed-2nd ul {
	padding-top: 1px;
}

div.news-latest ul li,
div.news-latest-tabbed ul li,
div.news-latest-2nd ul li,
div.news-latest-tabbed-2nd ul li {
	clear: both;
	position: relative;
	padding: 0;
	margin: 0;
	line-height: inherit;

	margin: 10px 0px 0px;
	/*	padding-top: 24px; */
	/*	padding-left: 9.2em; */
	padding-bottom: 10px;
	border-bottom: #CCCCCC 1px dotted;
}

div.news-latest ul li h3,
div.news-latest-tabbed ul li h3,
div.news-latest-2nd ul li h3,
div.news-latest-tabbed-2nd ul li h3 {
	border: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: inherit;

	position: relative;
	display: block;
	font-size: 14px;
	background: none;
	padding-left: 0px;
	padding-top: 1.5em;
}

div.news-latest ul li img:first-child,
div.news-latest-tabbed ul li img:first-child,
div.news-latest ul li p:first-child+img,
div.news-latest-tabbed ul li p:first-child+img,
div.news-latest-2nd ul li .n_img,
div.news-latest-tabbed-2nd ul li. n_img {}

div.news-latest ul li img:first-child,
div.news-latest-tabbed ul li img:first-child,
div.news-latest ul li p:first-child+img,
div.news-latest-tabbed ul li p:first-child+img,
div.news-latest-2nd ul li .n_img img,
div.news-latest-tabbed-2nd ul li. n_img img {}

div.news-latest ul li span.date+img+span,
div.news-latest-tabbed ul li span.date+img+span,
div.news-latest ul li h3 a,
div.news-latest-tabbed ul li h3 a,
div.news-latest-2nd ul li .news_tx,
div.news-latest-tabbed-2nd ul li .news_tx {
	display: inline;
}

/* -- 日付 -- */
div.news-latest ul li span.date,
div.news-latest-tabbed ul li span.date,
div.news-latest-2nd ul li .date,
div.news-latest-tabbed-2nd ul li .date {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* -- カテゴリアイコン -- */
div.news-latest ul li span.date+img,
div.news-latest-tabbed ul li span.date+img,
div.news-latest-2nd ul li .c_icon,
div.news-latest-tabbed-2nd ul li .c_icon {
	position: absolute;
	top: 0px;
	left: 7.2em;
	padding-left: 10px;
	display: none;
}

div.news-latest-2nd ul li .c_icon img,
div.news-latest-tabbed-2nd ul li .c_icon img {
	display: inline-block;
	vertical-align: middle;
}

/* -- ファイルアイコン -- */
div.news-latest ul li .d_icon,
div.news-latest-tabbed ul li .d_icon,
div.news-latest-2nd ul li .d_icon,
div.news-latest-tabbed-2nd ul li .d_icon {}

div.news-latest ul li .d_icon img,
div.news-latest-tabbed ul li .d_icon img,
div.news-latest-2nd ul li .d_icon img,
div.news-latest-tabbed-2nd ul li .d_icon img {
	display: inline-block;
	vertical-align: middle;
}


/* -- ファイルサイズ -- */
div.news-latest ul li .filesize,
div.news-latest-tabbed ul li .filesize,
div.news-latest-2nd ul li .filesize,
div.news-latest-tabbed-2nd ul li .filesize {
	font-size: 85.7%;
}

/* -- NEWアイコン -- */
div.news-latest ul li .n_icon,
div.news-latest-tabbed ul li .n_icon,
div.news-latest-2nd ul li .n_icon,
div.news-latest-tabbed-2nd ul li .n_icon {
	display: none;
}

div.news-latest ul li .n_icon img,
div.news-latest-tabbed ul li .n_icon img,
div.news-latest-2nd ul li .n_icon img,
div.news-latest-tabbed-2nd ul li .n_icon img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;

	display: none;
	/* NEWアイコンテキスト化 */
}

/* NEWアイコンテキスト化 */
div.news-latest ul li .n_icon:before,
div.news-latest-tabbed ul li .n_icon:before,
div.news-latest-2nd ul li .n_icon:before,
div.news-latest-tabbed-2nd ul li .n_icon:before {
	content: "NEW!";
	color: red;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

/* -- もっと読む・詳細（ニュース概要） -- */
div.news-latest ul li>p:last-child,
div.news-latest-tabbed ul li>p:last-child,
div.news-latest-2nd ul li .det_tx,
div.news-latest-tabbed-2nd ul li>.det_tx {
	display: none;
	white-space: pre;
	white-space: pre-line;
	word-break: break-word;
}

/* -- 続きを読む -- */
div.news-latest ul li>p:last-child em.more,
div.news-latest-tabbed ul li>p:last-child em.more,
div.news-latest-2nd ul li .det_tx em.more,
div.news-latest-tabbed-2nd ul li>.det_tx em.more {
	display: none;
}

div.news-latest ul li>p:last-child em.more a,
div.news-latest-tabbed ul li>p:last-child em.more a,
div.news-latest-2nd ul li .det_tx em.more a,
div.news-latest-tabbed-2nd ul li>.det_tx em.more a {
	padding-left: 15px;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 2px;
	font-style: normal;
}

/* -- 非公開表示 -- */
div.news-latest ul li>p:first-child,
div.news-latest-tabbed ul li>p:first-child,
div.news-latest-2nd ul li .note_tx,
div.news-latest-tabbed-2nd ul li>.note_tx {
	background-color: #FCC;
	font-size: 85.7%;
}

/* -- 全てのニュース -- */
div.news-latest .all,
div.news-latest-tabbed .all,
div.news-latest-2nd .all,
div.news-latest-tabbed-2nd .all {
	/*	display:none; */
}


div.news-latest .all a,
div.news-latest-tabbed .all a,
div.news-latest-2nd .all a,
div.news-latest-tabbed-2nd .all a {
	clear: both;
	display: block;
	padding: 0 0 0 17px;
	position: relative;
}

div.news-latest .all a:before,
div.news-latest-tabbed .all a:before,
div.news-latest-2nd .all a:before,
div.news-latest-tabbed-2nd .all a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -3px;
	border: solid 3px transparent;
	border-left: solid 4px #000;
}

div.news-latest .all,
div.news-latest-tabbed .all,
div.news-latest-2nd .all,
div.news-latest-tabbed-2nd .all {
	margin-top: 10px;
	position: relative;
}

/*-- 中見出し(h2)の下にある場合 --*/
/*
div.title2 ~ div.news-latest .all ,
div.title2 ~ div.news-latest-tabbed .all ,
div.title2 ~ div.news-latest-2nd .all ,
div.title2 ~ div.news-latest-tabbed-2nd .all {
	position: absolute;
	top: -50px;
	right: 0;
	margin: 0;
	display: block;
}
*/

/* テキスト変更 */
div.news-latest .all a,
div.news-latest-tabbed .all a,
div.news-latest-2nd .all a,
div.news-latest-tabbed-2nd .all a {
	font-size: 0px;
}

div.news-latest .all a:after,
div.news-latest-tabbed .all a:after,
div div.news-latest-2nd .all a:after,
div div.news-latest-tabbed-2nd .all a:after {
	font-size: 13px;
	display: block;
}

#header-wrap.ja~div div.news-latest .all a:after,
#header-wrap.ja~div div.news-latest-tabbed .all a:after,
#header-wrap.ja~div div div.news-latest-2nd .all a:after,
#header-wrap.ja~div div div.news-latest-tabbed-2nd .all a:after {
	content: "バックナンバー";
}

#header-wrap.en~div div.news-latest .all a:after,
#header-wrap.en~div div.news-latest-tabbed .all a:after,
#header-wrap.en~div div.news-latest-2nd .all a:after,
#header-wrap.en~div div.news-latest-tabbed-2nd .all a:after {
	content: "Back Number";
}

/*-------------- ニュース タブ --------------*/

/* -- 年度タブ -- */
p.yearTabs {}

p.yearTabs:after {
	content: "";
	display: block;
	clear: both;
}

p.yearTabs a {
	display: inline-block;
	border: #CCCCCC 1px solid;
	padding: 10px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	width: 5.5em;
	text-align: center;
}

p.yearTabs a.active {
	font-weight: bold;
	background-color: #F5F5F5;
}


/* -- カテゴリタブ -- */
p.tabs {}

p.tabs:after {
	content: " ";
	display: block;
	clear: both;
}

p.tabs a {
	display: inline-block;
	width: auto;
	border: #CCCCCC 1px solid;
	/*	margin-right:5px; */
	margin-bottom: 5px;
	padding: 5px 10px;
	font-size: 15px;
}

p.tabs a:hover,
p.tabs a.active {
	font-weight: bold;
	background-color: #F5F5F5;
	color: #333;
}

/*
p.tabs a.allTab:hover ,
p.tabs a.allTab.active {
}
p.tabs a.tekijiTab:hover ,
p.tabs a.tekijiTab.active {
	color: #FFF;
	background-color: #2980b9;
}
p.tabs a.resultTab:hover ,
p.tabs a.resultTab.active {
	color: #FFF;
	background-color: #e67e22;
}
p.tabs a.gyousekiTab:hover ,
p.tabs a.gyousekiTab.active {
	color: #FFF;
	background-color: #f1c40f;
}
p.tabs a.prTab:hover ,
p.tabs a.prTab.active {
	color: #FFF;
	background-color: #c2185b;
}
p.tabs a.irTab:hover ,
p.tabs a.irTab.active {
	color: #FFF;
	background-color: #1abc9c;
}
p.tabs a.governanceTab:hover ,
p.tabs a.governanceTab.active {
	color: #FFF;
	background-color: #34495e;
}
p.tabs a.yuhoTab:hover ,
p.tabs a.yuhoTab.active {
	color: #FFF;
	background-color: #16a085;
}
p.tabs a.syosyuTab:hover ,
p.tabs a.syosyuTab.active {
	color: #FFF;
	background-color: #e74c3c;
}
p.tabs a.noneTab:hover ,
p.tabs a.noneTab.active {
	color: #FFF;
	background-color: #9b59b6;
}
*/






/*-------------- リンクリスト07_401 ------------------- */
/*-------------- 決算短信一覧07_206 --------------------*/
/*-------------- 有価証券報告書一覧07_209 --------------*/

div.link-list,
div.link-list-url,
div.news-result,
div.news-yuho {}

div.link-list ul,
div.link-list-url ul,
div.news-result dl,
div.news-yuho dl {
	margin-bottom: 20px;
}

/*-- 副見だし --*/
div.link-list h2,
div.link-list-url h2,
div.news-result dl dt,
div.news-yuho dl dt {}

div.link-list ul li,
div.link-list-url ul li,
div.news-result dl dd,
div.news-yuho dl dd {
	margin-bottom: 10px;
}

div.link-list .download-link-text img,
div.link-list-url .download-link-url img,
div.news-result span.d_icon img,
div.news-yuho span.d_icon img {
	display: inline-block;
	vertical-align: middle;
}

div.link-list em,
div.link-list-url em,
div.news-result span.filesize,
div.news-yuho span.filesize {
	font-size: 85.7%;
	font-style: normal;
}

/* -- pdfアイコンを後ろに設置したい場合 -- */
/*
div.link-list .download-link-text img,
div.link-list-url .download-link-url img ,
div.news-result span.d_icon ,
div.news-yuho span.d_icon {
	display: none;
}
div.link-list .download-link-text  a[href$=".pdf"]:after ,
div.link-list-url .download-link-url  a[href$=".pdf"]:after ,
div.news-result dl dd a[href$=".pdf"]:after ,
div.news-yuho dl dd a[href$=".pdf"]:after {
	content: "";
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") left top no-repeat;
	display: inline-block;
	width: 18px;
	height: 23px;
	vertical-align: text-bottom;
}
*/


/*-------------- リンクリスト07_401 ------------------- */
/*-------------- リンクリストURL事前確認07_402 ---------*/

div.link-list,
div.link-list-url {}

/* -- 副見出し -- */
div.link-list h2,
div.link-list-url h2 {
	clear: both;
}

div.link-list ul,
div.link-list-url ul {}

div.link-list ul li,
div.link-list-url ul li {}

/* -- 内部リンク07_404 -- */
/* -- 外部リンク07_406 -- */
div.link-list .internal-link-text,
div.link-list .external-link-text,
div.link-list-url .internal-link-text,
div.link-list-url .external-link-text {
	padding-left: 20px;
	position: relative;
}

div.link-list .internal-link-text:before,
div.link-list .external-link-text:before,
div.link-list-url .internal-link-text:before,
div.link-list-url .external-link-text:before {
	font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	vertical-align: middle;

	position: absolute;
	display: block;
	width: 15px;
	top: 5px;
	left: 5px;
	color: #47497a;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.7;

	content: "\e907";
}

body.ie div.link-list .internal-link-text:before,
body.ie div.link-list .external-link-text:before,
body.ie div.link-list-url .internal-link-text:before,
body.ie div.link-list-url .external-link-text:before {
	font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/* -- 別窓アイコン -- */
div.link-list .internal-link-text a[target="_blank"]:after,
div.link-list .external-link-text a[target="_blank"]:after,
div.link-list-url .internal-link-text a[target="_blank"]:after,
div.link-list-url .external-link-text a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") left top no-repeat;
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-left: 3px;
	vertical-align: text-bottom;
}

/* -- ダウンロードリンク07_408　07_409 -- */
div.link-list .download-link-text,
div.link-list-url .download-link-url {}

div.link-list .download-link-text img,
div.link-list-url .download-link-url img {}

div.link-list .download-link-text a,
div.link-list-url .download-link-url a {}

/* -- ファイル容量 -- */
div.link-list .download-link-text em,
div.link-list-url .download-link-url em {}




/*-------------- 別エリア表示07_912 --------------*/
div.reuse-main-area {
	margin: 0 -5px;
}

div.reuse-main-area>div:last-child {
	margin-bottom: 0;
}

div.reuse-main-area>div.redirect:last-child {
	margin-top: -20px;
}

/* ---- （別エリア）リダイレクト(リダイレクトされない) ---- */
div.reuse-main-area .redirect>* {
	display: none;
}

/*-------------- 財務ハイライト（科目別）07_215 --------------*/
/*-------------- 財務ハイライト（統合表示）07_216 --------------*/
div.highlights {}


/* -- グラフ -- */
div.highlights-graph {
	margin-bottom: 10px;
	max-width: 100%;
}


/* -- 表組 -- */
div.highlights-table,
div.highlights-alltable,
div.highlights-alltable-2nd {
	overflow-x: auto;
	position: relative;
}

div.highlights-alltable div.table,
div.highlights-alltable-2nd div.table {}

div.highlights-table table,
div.highlights-alltable div.table table,
div.highlights-alltable-2nd div.table table {
	margin: 0 auto;
}

div.highlights-table table th,
div.highlights-table table td,
div.highlights-alltable div.table table th,
div.highlights-alltable div.table table td,
div.highlights-alltable-2nd div.table table th,
div.highlights-alltable-2nd div.table table td {
	padding: 5px 10px;
	border: #b4b4b4 1px solid;
	word-break: keep-all;
	white-space: nowrap;
}

div.highlights-table table th,
div.highlights-alltable div.table table th,
div.highlights-alltable-2nd div.table table th {
	background-color: #dddddd;
	color: #00033e;
	font-weight: bold;
	text-align: center;
}

div.highlights-table table td:first-child,
div.highlights-alltable div.table table td:first-child,
div.highlights-alltable-2nd div.table table td:first-child {
	background-color: #dddddd;
	color: #00033e;
	font-weight: bold;
}

/* -- 数値部分 -- */
div.highlights-table table td.c0,
div.highlights-table table td.c1,
div.highlights-table table td.c2,
div.highlights-table table td.c3,
div.highlights-table table td.c4,
div.highlights-table table td.c5,
div.highlights-alltable div.table table td.c0,
div.highlights-alltable div.table table td.c1,
div.highlights-alltable div.table table td.c2,
div.highlights-alltable div.table table td.c3,
div.highlights-alltable div.table table td.c4,
div.highlights-alltable div.table table td.c5,
div.highlights-alltable-2nd div.table table td.c0,
div.highlights-alltable-2nd div.table table td.c1,
div.highlights-alltable-2nd div.table table td.c2,
div.highlights-alltable-2nd div.table table td.c3,
div.highlights-alltable-2nd div.table table td.c4,
div.highlights-alltable-2nd div.table table td.c5 {
	text-align: right;
}

div.highlights-alltable div.table table th br,
div.highlights-table table th br {
	/*	display: none; */
}


/* -- 財務ハイライト ver2 -- */

div.highlights-2nd {
	margin-bottom: 40px;
}

div.highlights-2nd>div {
	height: auto !important;
	margin-bottom: 40px;
}

div.highlights-2nd .highlights-table {
	margin-top: 40px;
}

div.highlights-2nd .highlights-graph {
	width: 100% !important;
	min-width: auto !important;
	max-width: none !important;
	height: 320px !important;
}

/* -- 凡例 -- */
div.highlights-2nd .legend {
	margin: 0 auto !important;
	width: auto !important;
	min-width: auto !important;
	max-width: none !important;
	text-align: center;
}

div.highlights-2nd .legend-item-box {
	float: none !important;
	display: inline-block !important;
	margin-left: -5px;
}


/*-------------- 配当（グラフ）07_218 --------------*/
div.haitou-graph,
div.haitou-graph-2nd {
	margin-bottom: 40px;
}

/* 直書されているstyleを上書きする */
div.haitou-graph-2nd .graph {
	min-width: auto !important;
	max-width: none !important;
	height: 400px !important;
}

/*-------------- 配当（表）07_219 --------------*/
div.haitou-table,
div.haitou-table-2nd {
	overflow-x: scroll;
}

div.haitou-table table,
div.haitou-table-2nd table {
	margin: 0 auto;
	border: #b4b4b4 1px solid;
}

div.haitou-table table th,
div.haitou-table-2nd table th {
	border: #b4b4b4 1px solid;
	background-color: #dddddd;
	color: #00033e;
	padding: 3px 10px;
	text-align: center;
	font-weight: bold;
	word-break: keep-all;
}

div.haitou-table table td,
div.haitou-table-2nd table td {
	border: #b4b4b4 1px solid;
	padding: 3px 10px;
	text-align: right;
	word-break: keep-all;
}

/* -- 配当グラフ左のthに該当する部分 -- */
div.haitou-table table td.t1,
div.haitou-table table td.t2,
div.haitou-table table td.t3,
div.haitou-table table td.t4,
div.haitou-table table td.t12,
div.haitou-table-2nd table td.t1,
div.haitou-table-2nd table td.t2,
div.haitou-table-2nd table td.t3,
div.haitou-table-2nd table td.t4,
div.haitou-table-2nd table td.t12 {
	text-align: left;
	background-color: #dddddd;
	color: #00033e;
	font-weight: bold;
}




/* -- グラフ(横幅指定なし版) -- */

div.graph {
	margin-left: 0 !important;
	text-align: left;
	margin-bottom: 10px;
}

/* -- グラフ メニューボタン非表示 -- */
.highcharts-button {
	display: none;
}

/* -- データラベル フル表示 -- */
.highcharts-data-labels>g {
	opacity: 1;
}

/* -- グラフ データラベル 文字影設定 -- */
/* -- (IEではこの設定は効ない。グラフテーマの設定が優先される) -- */
.highcharts-data-labels text {
	text-shadow: 1px 1px 0px #FFF, -1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF !important;
}




/*-------------- テーブル縦（左側にタイトルがあるタイプ） --------------*/
/*-- ◎テーブル縦は横幅％の指定の仕方に注意◎ --*/
/*-- ◎全体の合計が100%以下に収まる様にする --*/
/*-- ◎タイトル項目.vtable-head を基準としてカラムを設定 --*/
div.vertical-table {}

/* -- テーブル縦 テーブル項目  -- */
div.vertical-table .vtable-item {}

div.vertical-table .vtable-item>table {
	width: 100%;
	table-layout: fixed;
	/* IE対応：テーブル内に画像を置く場合必要 */
	margin-bottom: -1px;
}

/* -- テーブル縦 テーブル項目 カラム -- */
div.vertical-table .vtable-item>table>tbody>tr>td {
	width: 25%;
	padding: 20px 10px;
	border: #b4b4b4 1px solid;
}

/* -- テーブル縦 テーブル項目 タイトル項目 -- */
div.vertical-table .vtable-item>table>tbody>tr>th {
	width: 12.5%;
	padding: 20px 10px;
	font-weight: bold;
	border: #b4b4b4 1px solid;
	background-color: #dddddd;
	color: #00033e;
}

div.vertical-table .vtable-item>table>tbody>tr>th strong {
	font-weight: normal;
}



/*-------------- ◎IRカレンダー、改め、テーブル横◎ --------------*/
/*-------------- テーブル横07_102 --------------*/
div.ircalendar {}

/* -- タイトル項目・項目共通 -- */
div.ircalendar-title>table,
div.ircalendar-item>table {
	width: 100%;
	table-layout: fixed;
	/* IE対応：テーブル内に画像を置く場合必要 */
	margin-bottom: -1px;
}

div.ircalendar-title>table>tbody>tr>th,
div.ircalendar-item>table>tbody>tr>td {
	width: 25%;
}

div.ircalendar-title>table>tbody>tr>th.ircalendar-title1,
div.ircalendar-item>table>tbody>tr>td.ircalendar-item1 {
	width: 12.5%;
}

/*-------------- テーブル横 タイトル項目07_103 --------------*/
div.ircalendar-title {}

div.ircalendar-title>table {}

div.ircalendar-title>table>tbody>tr>th {
	padding: 5px 15px;
	border: #b4b4b4 1px solid;
	background-color: #dddddd;
	color: #00033e;
	font-weight: bold;
}

div.ircalendar-title>table>tbody>tr>th strong {
	font-weight: normal;
}

/*-------------- テーブル横 項目07_104 --------------*/

div.ircalendar-item {}

div.ircalendar-item>table {}

div.ircalendar-item>table>tbody>tr>td {
	padding: 5px 15px;
	border: #b4b4b4 1px solid;
}


/*-------------- 表組07_101 --------------*/

div.table {}

/* -- 表タイトル -- */
div.table div.shwTableTitle {}

div.table div.shwTableTitle h2:empty {
	display: none;
}


/* -- 表 -- */
div.table div.shwTable {
	margin-top: -1px;
	padding-bottom: 15px;
	overflow-x: auto;
}

/* -- IE幅指定用 -- */
div.table div.shwTable table {
	width: 100%;
	table-layout: auto;
}

div.shwTable .wtHider {
	/*	height:auto !important; */
	height: 0;
}

/* -- 表組の外枠 -- */
div.table div.shwTable>table>tbody>tr>td {
	padding: 0;
}

/* -- 単位（表組の外） -- */
div.table div.shwTable td.shw-table-row {}

div.table div.shwTable td.shw-table-row:empty {
	display: none;
}


/* -- セル -- */
div.shwTable .ht_master tr>td {
	padding: 20px 10px;
	color: #333;
	border-color: #b4b4b4;
	vertical-align: middle;
	word-break: keep-all;
	white-space: pre;
}

/* -- 一行目・一列目を見出し設定に -- */
div.shwTable .ht_master tr>td.tableColumnHead,
div.shwTable .ht_master tr>td.tableRowHead {
	background-color: #dddddd;
	color: #00033e;
	font-weight: bold;
}

div.shwTable .ht_master tr>td.tableColumnHead {
	text-align: left;
}

div.shwTable .ht_master tr>td.tableRowHead {
	text-align: center;
}

/*-- 複数見出し行対応(table.js) --*/
div.shwTable.ColHead19 .ht_master tr>td:nth-child(19),
div.shwTable.ColHead18 .ht_master tr>td:nth-child(18),
div.shwTable.ColHead17 .ht_master tr>td:nth-child(17),
div.shwTable.ColHead16 .ht_master tr>td:nth-child(16),
div.shwTable.ColHead15 .ht_master tr>td:nth-child(15),
div.shwTable.ColHead14 .ht_master tr>td:nth-child(14),
div.shwTable.ColHead13 .ht_master tr>td:nth-child(13),
div.shwTable.ColHead12 .ht_master tr>td:nth-child(12),
div.shwTable.ColHead11 .ht_master tr>td:nth-child(11),
div.shwTable.ColHead10 .ht_master tr>td:nth-child(10),
div.shwTable.ColHead9 .ht_master tr>td:nth-child(9),
div.shwTable.ColHead8 .ht_master tr>td:nth-child(8),
div.shwTable.ColHead7 .ht_master tr>td:nth-child(7),
div.shwTable.ColHead6 .ht_master tr>td:nth-child(6),
div.shwTable.ColHead5 .ht_master tr>td:nth-child(5),
div.shwTable.ColHead4 .ht_master tr>td:nth-child(4),
div.shwTable.ColHead3 .ht_master tr>td:nth-child(3),
div.shwTable.ColHead2 .ht_master tr>td:nth-child(2) {
	background-color: #dddddd;
	color: #00033e;
}

div.shwTable.RowHead19 .ht_master tr:nth-child(19)>td,
div.shwTable.RowHead18 .ht_master tr:nth-child(18)>td,
div.shwTable.RowHead17 .ht_master tr:nth-child(17)>td,
div.shwTable.RowHead16 .ht_master tr:nth-child(16)>td,
div.shwTable.RowHead15 .ht_master tr:nth-child(15)>td,
div.shwTable.RowHead14 .ht_master tr:nth-child(14)>td,
div.shwTable.RowHead13 .ht_master tr:nth-child(13)>td,
div.shwTable.RowHead12 .ht_master tr:nth-child(12)>td,
div.shwTable.RowHead11 .ht_master tr:nth-child(11)>td,
div.shwTable.RowHead10 .ht_master tr:nth-child(10)>td,
div.shwTable.RowHead9 .ht_master tr:nth-child(9)>td,
div.shwTable.RowHead8 .ht_master tr:nth-child(8)>td,
div.shwTable.RowHead7 .ht_master tr:nth-child(7)>td,
div.shwTable.RowHead6 .ht_master tr:nth-child(6)>td,
div.shwTable.RowHead5 .ht_master tr:nth-child(5)>td,
div.shwTable.RowHead4 .ht_master tr:nth-child(4)>td,
div.shwTable.RowHead3 .ht_master tr:nth-child(3)>td,
div.shwTable.RowHead2 .ht_master tr:nth-child(2)>td {
	background-color: #dddddd;
	color: #00033e;
}


/* -- 表組(mobileモード) -- */
div.shwTable table.tbCore {
	width: auto;
}

/* -- セル -- */
div.shwTable .tbDimmed,
div.shwTable .tbRowHead,
div.shwTable .tbColumnHead {
	padding: 20px 10px;
	color: #333;
	border: 1px solid #b4b4b4;
	vertical-align: middle;
	white-space: nowrap;
}

/* -- 一行目・一列目を見出し設定に -- */
div.shwTable .tbColumnHead,
div.shwTable .tbRowHead {
	background-color: #dddddd;
	color: #00033e;
	font-weight: bold;
}

div.shwTable .tbColumnHead {
	text-align: left;
}

div.shwTable .tbRowHead {
	text-align: center;
}


/* 縦・横揃え */
div.shwTable .tbLeft {
	text-align: left;
}

div.shwTable .tbCenter {
	text-align: center;
}

div.shwTable .tbRight {
	text-align: right;
}

div.shwTable .tbJustify {
	text-align: justify;
}

div.shwTable .tbTop {
	vertical-align: top;
}

div.shwTable .tbMiddle {
	vertical-align: middle;
}

div.shwTable .tbBottom {
	vertical-align: bottom;
}


/*-- スワイプアイコン --*/
div.shwTable,
div.highlights-table,
div.highlights-alltable-2nd,
div.haitou-table,
div.haitou-table-2nd,
.icon-swip {
	position: relative;
}

div.shwTable:before,
div.highlights-table:before,
div.highlights-alltable-2nd:before,
div.haitou-table:before,
div.haitou-table-2nd:before,
.icon-swip:before {
	content: '';
	z-index: 50;
	position: absolute;
	top: 20%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	background: url("../../../../../../resources/sw_img2/icon_swip.png") no-repeat center center;
	background-size: contain;
	opacity: 0.3;
}

.icon-swip-done:before {
	content: none !important;
}

@media all and (orientation: landscape) {
	.icon-swip:before {
		content: none !important;
	}
}



/*-------------- FAQ07_701 --------------*/
div.faq-list {}

div.faq-list>ul {}

div.faq-list>ul>li {
	clear: both;
	margin-bottom: 30px;
}

div.faq-list h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	line-height: inherit;
	margin-bottom: 15px;

	position: relative;
	margin-left: 35px;
}

div.faq-list h3:before {
	content: "Q";
	position: absolute;
	top: 0;
	left: -35px;
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;

	/*	font-size: 120%; */
	font-weight: bold;
	color: #FFF;
	background: #00033e;
}

div.faq-list h3 a {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}

div.faq-list .faq-item {
	position: relative;
	margin-left: 35px;
}

div.faq-list .faq-item:before {
	content: "A";
	position: absolute;
	top: 0;
	left: -35px;
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;

	/*	font-size: 120%; */
	font-weight: bold;
	color: #FFF;
	background: #0088c5;
}

/*-- FAQを出しっぱなしにする設定 --*/
/*
div.faq-list h3 a {
	cursor: inherit;
}
div.faq-list > ul > li {
	height: auto !important;
}
div.faq-list .faq-item {
	display: block !important;
}
*/

/*-- FAQの下にリンクリストを配置した場合 --*/
div.faq-list+div.link-list {
	margin-top: -20px;
	margin-bottom: 30px;
}


/*-------------- 内部ページリンク（エリアリンク）07_411 internal --------------*/
/*-------------- 外部ページリンク（エリアリンク）07_412 external --------------*/

div.internal-link-area,
div.external-link-area {
	clear: both;
}

div.internal-link-area a,
div.external-link-area a {
	display: block;
	text-decoration: none;
}

/* -- マウスオーバー -- */
div.internal-link-area a:hover,
div.external-link-area a:hover {
	opacity: 0.7;
}

/*-- 画像の下マージンを無しにする場合 --*/
/*
div.internal-link-area img ,
div.external-link-area img ,
div.internal-link-area img.pos-2 ,
div.external-link-area img.pos-2 ,
div.internal-link-area img.large ,
div.external-link-area img.large {
	margin-bottom: 0;
}
*/

/*-------------- ダウンロードリンク（エリアリンク）07_413 download --------------*/

div.download-link-area {
	clear: both;
}

div.download-link-area a {
	display: block;
}

div.download-link-area p {
	text-align: center;
}

/* -- pdfアイコン -- */
div.download-link-area a[href$=".pdf"]>p:first-child:before,
div.download-link-area a[href$=".pdf"]>img+p:before {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") left top no-repeat;
	display: inline-block;
	width: 18px;
	height: 23px;
	vertical-align: bottom;
	margin-right: 5px;
}

/*-------------- 内部ページバナー07_414 --------------*/

div.teaser {
	margin-bottom: 20px;
}

/* -- title -- */
div.teaser h2 {
	margin-bottom: 5px;
}

div.teaser h2 a {
	display: block;
}

/* -- テキスト -- */
div.teaser p {
	margin-bottom: 10px;
}

/* -- 内部リンクだけ表示される（続きを）読むを削除 -- */
div.teaser p em.more {
	display: none;
}

/* -- 画像のレイアウト変更したい時はここ -- */
div.teaser img {
	margin: 0 auto;
}

/*--- 内部ページバナー ハイライト表示 ---*/
div.teaser.highlight:not(.no-img) img {
	margin: 0;
}

/*--- 内部ページバナー テキストのみ ---*/
div.teaser.no-img {
	text-align: left;
	margin-bottom: 20px;
}


/* ----- 内部外部バナー(テキストと画像)　メインエリア用 ----- */
#sharewithmain div.teaser:not(.no-img):not(.highlight),
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) {}

#sharewithmain div.teaser:not(.no-img):not(.highlight) h2+a img,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2+a img {
	width: 100%;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) h2,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 {
	font-size: 100%;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 0;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 a,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a {
	box-sizing: inherit;

	font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	/*
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
*/
	position: relative;

	/*    padding: 15px 40px;*/
	padding: 15px 35px 15px 15px;
	background: #00033e;
	text-align: center;
	line-height: 20px;
	color: white;
	font-weight: bold;
	transition: background .3s ease;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 a:before,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a:before {
	box-sizing: inherit;

	content: "\e900";
	vertical-align: middle;

	position: absolute;
	right: 15px;
	font-weight: normal;
	transition: right .3s ease;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) p,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) p {}

#sharewithmain div.teaser:not(.no-img):not(.highlight):hover h2+a img,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight):hover h2+a img,
#sharewithmain div.teaser:not(.no-img):not(.highlight) h2+a:hover img,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2+a:hover img {
	opacity: 0.7;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight):hover h2 a,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight):hover h2 a,
#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 a:hover,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a:hover {
	background: #3e85cc;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight):hover h2 a:before,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight):hover h2 a:before,
#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 a:hover:before,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a:hover:before {
	right: 10px;
}



/* ----- 内部外部バナー(テキストのみ)　メインエリア用 ----- */
#sharewithmain div.teaser.no-img:not(.highlight),
#sharewithmain div.external-teaser.no-img:not(.highlight) {}

#sharewithmain div.teaser.no-img:not(.highlight) h2,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 {
	font-size: 100%;
	font-weight: bold;
	box-sizing: border-box;
}

#sharewithmain div.teaser.no-img:not(.highlight) h2 a,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a {
	box-sizing: inherit;

	font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	/*
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
*/
	position: relative;

	/*    padding: 15px 40px; */
	padding: 15px 35px 15px 15px;
	background: #00033e;
	text-align: center;
	line-height: 20px;
	color: white;
	font-weight: bold;
	transition: background .3s ease;
}

#sharewithmain div.teaser.no-img:not(.highlight) h2 a:before,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a:before {
	box-sizing: inherit;

	content: "\e900";
	vertical-align: middle;

	position: absolute;
	right: 20px;
	font-weight: normal;
	transition: right .3s ease;
}

#sharewithmain div.teaser.no-img:not(.highlight) p,
#sharewithmain div.external-teaser.no-img:not(.highlight) p {}


#sharewithmain div.teaser.no-img:not(.highlight) h2 a:hover,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a:hover {
	background: #3e85cc;
}

#sharewithmain div.teaser.no-img:not(.highlight) h2 a:hover:before,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a:hover:before {
	right: 15px;
}

/* ----- 内部バナー　プロモス1用 ----- */

#promos1 div.teaser.no-img {
	margin-bottom: 0;
}

#promos1 div.teaser.no-img h2 {
	margin-bottom: 0;
	font-size: 24px;
	line-height: 31px;
}

#promos1 div.teaser.no-img h2 a {
	display: block;
	box-sizing: border-box;

	text-decoration: none;
	font-weight: bold;

	padding: 28px 40px 21px;
	background: #eee url(../../../../../../resources/sw_img2/icon_arr01.png) no-repeat left top;
	transition: all .3s ease;
}

#promos1 div.teaser.no-img p {}

#promos1 div.teaser.no-img h2 a:hover {
	color: #0368bd;
	background-color: #e4eefe;
	text-decoration: none;
}

#promos1 div.teaser.no-img {
	display: none;
}



/*-------------- 外部ページバナー07_416 --------------*/

div.external-teaser {
	/*	width:100%; */
	/*	text-align: center; */
	margin-bottom: 20px;
}

/* -- title -- */
div.external-teaser h2 {
	margin-bottom: 5px;
}

div.external-teaser h2 a {
	display: block;
}

/* -- テキスト -- */
div.external-teaser p {
	margin-bottom: 10px;
}

/* -- 画像のレイアウト変更したい時はここ -- */
div.external-teaser img {
	margin: 0 auto;
}

/*--- 外部ページバナー、テキストのみ ---*/
div.external-teaser.no-img {
	text-align: left;
	margin-bottom: 20px;
}

/*--- 外部ページバナー ハイライト表示 ---*/
div.external-teaser.highlight:not(.no-img) img {
	margin: 0;
}


/*-------------- ダウンロードページバナー07_418 ------*/

div.download-teaser {
	margin-bottom: 20px;
}

/* -- title -- */
div.download-teaser h2 {
	margin-bottom: 5px;
}

div.download-teaser h2 a {
	display: block;
}

/* -- iconファイル用★★要確認！ -- */
div.download-teaser h2 em {}

/* -- テキスト -- */
div.download-teaser p {
	margin-bottom: 10px;
}

/* -- 画像のレイアウト変更したい時はここ -- */
div.download-teaser img {
	margin: 0 auto;
}

/*-------------- ダウンロードバナー テキストのみ -----*/
div.download-teaser.no-img {}

/*-------------- ダウンロードページバナー ハイライト表示 --*/
div.download-teaser.highlight:not(.no-img) img {
	margin: 0;
}


/*-------------- ページ内リンク07_410 --------------*/

div.anchor-link {
	margin-bottom: 10px;
}

div.anchor-link a {
	display: block;
	padding-left: 18px;
	position: relative;
}

div.anchor-link a:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0px 4px;
	border-color: #ff1a00 transparent transparent transparent;
}


/*-------------- GoogleMap（地図埋め込み）07_908 --------------*/
div.map {
	position: relative;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 20px;
}

div.map:after {
	content: "";
	display: block;
	/*	padding-top: 56.25%; */
	/* 高さと幅の比を16:9に固定。9/16*100=56.25 */
	padding-top: 75%;
	/* 高さと幅の比を4:3に固定。3/4*100=75 */
}

div.map>iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*-------------- iframe表示 --------------*/
div.disp-external-page {
	overflow-x: scroll;
}

div.disp-external-page iframe {
	border: none;
	display: block;
	width: 100%;
	height: 1000px;
	margin: 0 auto;
}

/*-------------- サイトマップ　07_906 --------------*/
div.sitemap {
	margin-bottom: 20px;
}

div.sitemap>h2 {
	line-height: inherit;
	font-size: inherit;

	font-weight: bold;
	border: #CCC 1px solid;
	padding: 8px 8px 6px;
	margin-bottom: 8px;
}

div.sitemap>h2 a {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	padding-left: 12px;
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}

div.sitemap>h2 a:hover {
	opacity: 0.7;
}

/* -- 第二階層 -- */
div.sitemap>ul {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 2%;
}

div.sitemap>ul:nth-child(odd) {
	/* 最初にh2がある為、奇数が左側 */
	margin-right: 0;
}

div.sitemap>ul>li {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	padding-left: 12px;
	margin-left: 8px;
	margin-bottom: 5px;
}


/* -- 第三階層 -- */
div.sitemap>ul>li>ul {
	margin-top: 10px;
}

div.sitemap>ul>li>ul>li {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	padding-left: 12px;
	margin-left: 8px;
	margin-bottom: 5px;
}

div.sitemap>ul>li>ul>li a {}


/* -- rss -- */
.rss-content {}

.rss-content em {
	font-style: normal;
	float: right;
}

.rss-content a {
	text-decoration: none;
}

.rss-content em {
	margin-top: -25px;
	background: none !important;
}

.rss-content a {
	display: block;
	width: 16px;
	height: 16px;
	/*	background: url("../../../../../../resources/sw_img/icon_rss.png") no-repeat left top; */
	background: url("../../../../../../.resources/feed.gif") no-repeat left top;
}

.rss-content a:hover {
	opacity: 0.7;
}



.no-sp {
	display: none !important;
}

/* -- 装飾 -- */

table.wrapbox,
table.wrapbox>tbody,
table.wrapbox>tbody>tr,
table.wrapbox>tbody>tr>td {
	display: inline;
}

/* google search */
.gsc-control-cse,
.gsc-control-cse * {
	box-sizing: content-box;
}

.gsc-control-cse {
	line-height: 1;
}


/* --------------------------------------
15_フォーム
-------------------------------------- */

/* Paging */
.pager {
	clear: both;
	overflow: hidden;
	padding: 10px 0 0 0;
}

.pager li {
	float: left;
	margin: 0 5px 5px 0;
	list-style: none;
}


/* Forms */
.required {
	margin: 10px 5px;
}

#Check p.required {
	display: none;
}

.form-wrapper input,
.form-wrapper textarea {
	width: 100%;
	padding: 3px;
}

.form-wrapper textarea {
	border: 1px solid #aaa;
}

.form-wrapper input[type="checkbox"],
.form-wrapper input[type="radio"] {
	width: auto;
}

.form-wrapper input[type="submit"] {
	width: auto;
	font-size: 18px;
}

.form-wrapper fieldset fieldset {
	border: none;
	padding: 0;
}

.form-wrapper label {
	display: block;
}

.form-wrapper .form-item {
	display: block;
	clear: both;
}

.form-wrapper .form-item label {
	display: inline;
	float: left;
	/*	width: 300px; */
	width: 85%;
}

.form-wrapper .form-item input {
	float: left;
	padding: 0 3px 0 0;
}

.form-wrapper div span {
	/*	display: block; */
}

.form-wrapper p.required {
	margin: 10px 5px;
}

.form-wrapper p.required span {
	display: inline;
}

.form-wrapper p.required span,
.form-wrapper dfn {
	color: #ec1549;
	font-weight: bold;
	font-style: normal;
}

/* -- お問い合わせページ -- */
.form-wrapper div.form-edit,
.form-wrapper div.form-selection {
	border-top: 1px dashed #ccc;
	margin-bottom: 0;
	padding: 10px 0;
}


.form-wrapper div.form-edit>span {
	padding: 0;
	font-size: 87.5%;
}

.form-wrapper div.form-selection>fieldset>legend {
	font-size: 87.5%;
}

.form-wrapper div.form-selection>fieldset>select {
	margin: 0;
	width: auto;
	display: block;

	padding: 0.25em 0.25em;
}


.form-wrapper .button-wrapper {
	margin: 5px auto 20px;
}



.form-summary {
	margin-bottom: 20px;
}



.form-summary table tr {
	display: block;
	margin-top: 10px;
	border: 1px solid #CCC;
	padding: 5px;
}

.form-summary table td {
	display: block;
	padding: 5px 0;
	white-space: pre;
	white-space: pre-line;
	word-break: break-word;
}

.form-summary table td:first-child {
	border-bottom: 1px dashed #CCC;
	font-size: 87.5%;
}


.new-search .button,
/* button outside button-wrapper */
.form-wrapper div.button-wrapper input {
	/* button */
	float: none;
	font-family: inherit;
	margin-right: 10px;

	/*	background: #FFF; */
	/*	border: 1px solid #777; */
	color: inherit;
	font-weight: normal;
}

.form-wrapper div.button-wrapper input:last-child {
	/*	border: 1px solid #777; */
	color: inherit;
	font-weight: normal;
}

.form-wrapper div.button-wrapper input:hover,
.form-wrapper div.button-wrapper input:active,
.form-wrapper div.button-wrapper input:focus {
	border: 1px solid #ccc;
}



/* JavaScript Modules */
/* Tabs */
.text-box-tabs .text-box-section h2,
.toc-box .toc-box-section h2 {
	margin: 5px 0;
}

/* Caroussels */
.teaser-wrapper {
	margin: 0 auto 20px auto;
	position: relative;
	border: 0;
	clear: both;
	height: auto;
	padding: 0 5px;
	width: 100%;
}

.touch div.teaser-wrapper .pager,
.teaser-wrapper .pager {
	display: none;
	width: auto;
	margin: 0;
}

.js .teaser-wrapper .pager {
	display: block;
	padding: 0;
}

.teaser-wrapper .next,
.teaser-wrapper .prev {
	position: absolute;
	top: 35px;
	right: 0;
	width: 19px;
	height: 113px;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 43%, #f1f1f1 50%, #EAEAEA 51%, #f6f6f6 100%);
	/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(43%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #EAEAEA), color-stop(100%, #f6f6f6));
	/* webkit */
	border: 1px solid #9F9F9F;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	list-style: none;
	-webkit-box-shadow: 0px 2px 1px #999;
	-moz-box-shadow: 0px 2px 1px #999;
	-shadow: 0px 2px 1px #999;
}

.teaser-wrapper .prev {
	left: 0;
	right: auto;
}

.teaser-wrapper .pager span {
	display: block;
	width: 19px;
	height: 113px;
	opacity: 0.3;
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/icons/arrow-mobile.png");
	background-position: 5px 50%;
	background-repeat: no-repeat;
}

.teaser-wrapper .prev span {
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/icons/arrow-mobile2.png");
	background-position: 3px 50%;
}

.teaser-wrapper span.show {
	opacity: 1;
	cursor: pointer;
}

.teaser-wrapper .rack {
	width: auto;
	margin: 0;
	padding-left: 0;
}

.js .teaser-wrapper .rack {
	overflow: hidden;
	height: auto;
	margin-left: 19px;
	margin-right: 19px;
	padding-left: 0;
}

.touch .teaser-wrapper .rack {
	margin-left: 0;
	margin-right: 0;
}

.js .tw-paging .rack {
	margin-right: 0;
	margin-left: 0;
}

.teaser-wrapper .rack-teaser {
	overflow: hidden;
	float: left;
	width: 310px;
	height: auto;
	margin: 0 15px 0 0;
	padding: 10px;
}

#stage .teaser-wrapper .rack-teaser {
	width: 280px;
}

.teaser-wrapper .rack-teaser:last-child {
	margin-right: 0;
}

@media only screen and (min-width : 470px) {

	/* Landscape */
	.teaser-wrapper .rack-teaser {
		width: 470px;
	}

	#stage .teaser-wrapper .rack-teaser {
		width: 442px;
	}
}

.teaser-wrapper .rack-teaser img {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	border: none;
}

.teaser-wrapper .rack-teaser p {
	font-size: 16px;
	line-height: 18px;
}

.teaser-wrapper .rack-teaser p em.more {
	margin-top: 5px;
}

/* TW-Images */

.js .tw-images .rack {
	height: 113px;
}

.tw-images .rack-teaser {
	width: auto;
	height: 113px;
	margin: 0;
	padding: 0;
}

.tw-images .rack-teaser img {
	width: auto;
	height: 112px;
	margin: 0;
}

/*aufheben*/
@media only screen and (min-width : 321px) {
	/* Landscape */

}

/* TW-Slider */
.tw-slider span.prev,
.tw-slider span.next,
.slider {
	display: none;
}



/* pagination for all sliders */

.viewport-pagination {
	overflow: hidden;
	zoom: 1;
	clear: both;
	margin: 10px 0;
}

.viewport-pagination ul {
	display: block;
	text-align: center;
	list-style: none;
}

.viewport-pagination li {
	display: inline;
	list-style: none;
	cursor: pointer;
}

.viewport-pagination li.on {
	cursor: default;
}

.viewport-pagination button {
	margin: 0 5px;
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 1px solid #999;
	border-radius: 50%;
	text-indent: -9999px;
	-webkit-appearance: none;
	cursor: pointer;
	background: #ccc;


	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-webkit-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}

.viewport-pagination .on button {
	cursor: default;
	background: #fff;
}

.viewport-pagination button span {
	display: block;
	margin: 1px;
	width: 6px;
	height: 6px;
	text-indent: -9999px;
	border-radius: 50%;

}

/* SEARCH RESULTS 
----------------- */
/*
#search-results h1 em {
	display: inline;
	font-size: inherit;
	font-weight: bold;
}

#search-results .text ol {
	padding: 0;
	list-style: none;	
}
#search-results .text ol li {
	margin-top: 30px;
	margin-bottom: 30px;
}
#search-results .text ol li li {
	margin-top: 0;
	margin-bottom: 0;
}
*/

.pager {
	margin: 10px 5px;
}


#main .super-list li h3 a {
	display: block;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/mobile-sprites.png") no-repeat scroll 5px 10px;
	padding: 5px 0 2px 25px;
	font-weight: bold;
	cursor: pointer;
}

#main .super-list li h3 a.js-selected {
	background-color: #f2f2bf;
	background-position: 4px -136px;
}




/* PHOTO GALLERY
--------------------- */

.photo-index .media {
	float: none;
	width: 210px;
	border: 2px solid lime;
	padding: 8px 8px 16px 8px;
	background: #fff;
	border: 1px solid #B3B3B3;
	box-shadow: -2px 2px 4px rgba(135, 139, 144, 0.4);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.no-csstransforms .photo-index .media {
	margin-right: 5px;
}

.photo-index .media:hover {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	border: 1px solid #888;
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
	position: relative;
	z-index: 100;
}

.photo-index dl {
	margin-right: 0px;
}

.photo-index .media dt {
	min-height: 125px;
	height: auto;
	margin: 0 0 10px 0;
}

.photo-index .media dt img {
	width: 210px;
}

.photo-index .media dd {
	background: transparent;
}

/* lightbox*/
.mask {
	background-color: #000;
	width: 100%;
	z-index: 110;
}

.loading-mask {
	background: #000 url("../../../../../../resources/templating-kit/themes/pop/img/bgs/loading.gif") no-repeat fixed center;
}

.showbox {
	position: absolute;
	overflow: hidden;
	z-index: 120;
	top: 0;
	left: 0;
	margin: 40px 0 0;
	padding: 0 0 20px 0;
	width: 100%;
	background-color: #b3b3b3;
}

.showbox .overlay-control {
	display: none;
}

.showbox-head {
	overflow: hidden;
	height: 1%;
	margin: 0 0 30px;
	padding: 5px;
	font-size: 120%;
	text-align: center;
	background-color: #555;
	color: #fff;
}

.showbox-toolbar {
	float: left;
	clear: both;
}

.showbox-head a {
	color: #fff;
	margin-right: 10px;
	cursor: pointer;
}

.showbox-head a.ui-disabled {
	cursor: default;
	color: #aaa;
	text-decoration: none;
}

.showbox-toolbar .prev {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -73px no-repeat;
	padding-left: 17px;
}

.showbox-toolbar .next {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 190% 1px no-repeat;
	padding-right: 17px;
}

.showbox .close-button {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 0 5px 0 17px;
	cursor: pointer;
	color: #fff;
	font-size: 120%;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -218px no-repeat;
}

.showbox .content-box {
	background-color: #999;
	margin: 0 auto;
	max-width: 100%;
}

.showbox.loading {
	background: #999 url("../../../../../../resources/templating-kit/themes/pop/img/bgs/loading.gif") no-repeat fixed center;
}

.showbox .multimedia-box {
	overflow: hidden;
}

.showbox .multimedia-box img {
	max-width: 100%;
}

.showbox .text-content {
	background: #ececee;
	padding: 5px;
}

.showbox h2 {
	margin: 5px 0;
	/*	font-size: 130%; */
}

.showbox p {
	margin-bottom: 10px;
	/*	font-size: 120%; */
}

.showbox ul {
	margin: 10px 0 10px 0;
}

.showbox li {
	list-style: none;
	color: #555;
	font-size: 110%;
}



/*
.all a {
	display: block;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/mobile-sprites.png") no-repeat scroll 5px 7px;
	padding: 2px 0 5px 25px;
}
*/





#main .text p {
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.vevent dt {
	margin: 10px 0 0 0;
	font-weight: bold;
}

.vevent dd {
	background-color: #FFF;
	padding: 5px;
}

.vevent {
	background-color: #F0F0F0;
	padding: 5px;
}

div.date {
	background-attachment: scroll;
	background-clip: border-box;

	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	height: 1.5em;
	width: auto;

}

.date .till {
	display: block;
	height: 100%;
	width: 12px;
	text-indent: -9999px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/bgs/till_horizontal.gif") 50% 50% no-repeat;
}

.date span {
	float: left;
	color: #fff;
	height: 100%;
	padding: 3px 5px 5px 3px;
	background-color: #AFAF00;
}

.date .d-end {
	background: #d9d940;
	height: 100%;
}

.date abbr {
	border-bottom-style: none;
}

.dtstart,
.dtend {
	display: none;
}

dl.media,
dl.photo {
	/*	background-color: #ECECEC; */
	margin-bottom: 8px;
	padding: 5px;

}

.text dl.media img {
	width: 100%;
}





/* Tabkrams */

.text-box-section {}

.text-box-tabs {
	background-color: #F0F0F0;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

.text-box-toc li {
	width: 100%;
	list-style-type: none;
}

.text-box-toc li a {
	display: block;
	margin: 0px;
}

.text-box-section-group .text-box-section {}

ol.text-box-toc {
	padding: 0px;
}

.text-box-toc li a.js-selected,
.text-box-toc li a.a11y-focus,
.text-box-toc li a:active,
.text-box-toc li a:focus {
	color: #000000;
}


/*
#sitemap .links li li a {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/icons/mobile-sprites.png");
	background-origin: padding-box;
	background-position: 30px 7px;
	background-repeat: no-repeat;
	background-size: auto auto;
	padding-left: 45px;
}

#sitemap .links li li li a {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/icons/mobile-sprites.png");
	background-origin: padding-box;
	background-position: 60px 7px;
	background-repeat: no-repeat;
	background-size: auto auto;
	padding-left: 75px;
}



#sitemap .links li {
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/bgs/dotted-line.png");
	background-position: 0 0;
	background-repeat: repeat-x;
	background-origin: padding-box;
	border-style:none;
	margin:0px;
	padding:0px;
}
*/


/*------------------------------------- 
13_テンプレートID
-------------------------------------*/


/*---- 総合トップH01 ----*/

body#generaltop,
body.generaltop {}

body#sitetop,
body.sitetop {}


/*---- カテゴリトップのテンプレートS01 ----*/
body#irtop,
body.irtop {}


/*---- 汎用のテンプレートF01 ----*/

body#multi,
body.multi {}


/*---- FAQのテンプレートF04 ----*/
body#faq,
body.faq {}


/*---- サイトマップのテンプレートF05 ----*/

body#siteMap,
body.siteMap {}


/*---- イベント一覧のテンプレートS03 ----*/

body#eventOverview,
body.eventOverview {}


/*---- イベントのテンプレートC02 ----*/

body#event,
body.event {}


/*---- ニュース一覧のテンプレートS02 ----*/

body#newsOverview,
body.newsOverview {}

/*---- 英文資料一覧のテンプレートC04 ----*/

body#kaijiListEnglish,
body.kaijiListEnglish {}


/* -- ニュース一覧・英文資料一覧のサイドナビに削除ページが出るのを抑止 -- */
/* -- ニュースページは削除されている為プレビュー不可 -- */
body.kaijiListEnglish #nav-box strong+ul,
body.newsOverview #nav-box strong+ul {
	display: none;
}


/*---- ニュースのテンプレートC01 ----*/

body#news,
body.news {}


/*---- 有価証券報告書一覧のテンプレートC05 ----*/

body#yuho,
body.yuho {}


/*---- 決算短信一覧のテンプレートC03 ----*/

body#kaijiResult,
body.kaijiResult {}


/*---- 財務ハイライトのテンプレートC06 ----*/

body#tdnetzaimu,
body.tdnetzaimu {}

body#tdnetzaimu-2nd,
body.tdnetzaimu-2nd {}


/*---- 配当金のテンプレートC07 ----*/

body#tdnethaitou,
body.tdnethaitou {}

body#tdnethaitou-2nd,
body.tdnethaitou-2nd {}


/*---- 電子公告のテンプレートF06 ----*/

body#denshi,
body.denshi {}


/*---- スペシャルコンテンツのテンプレートF08 ----*/

body#special {}


body.special {
	background: #FFF;
}

body.special #html1 {}

body.special #sharewithmain {}

body.special #html2 {}

body.special .multiColumn1:last-child,
body.special .multiColumn2:last-child,
body.special .multiColumn3:last-child,
body.special .multiColumn4:last-child,
body.special .multiColumn5:last-child {
	margin-bottom: 0px;
}

body.special .multiColumn1:last-child>div,
body.special .multiColumn2:last-child>div,
body.special .multiColumn3:last-child>div,
body.special .multiColumn4:last-child>div,
body.special .multiColumn5:last-child>div {
	margin-bottom: 0px;
}

body.special .multiColumn1:last-child>div>div:last-child,
body.special .multiColumn2:last-child>div>div:last-child,
body.special .multiColumn3:last-child>div>div:last-child,
body.special .multiColumn4:last-child>div>div:last-child,
body.special .multiColumn5:last-child>div>div:last-child {
	margin-bottom: 0px;
}

/*-- 遅延表示用(marker5.js) --*/
/*
body {
	visibility: hidden;
}
body.generaltop ,
body.special ,
body.ready {
	visibility: visible;
}
*/


/* -----------------------------
16_個別設定
--------------------------------- */


/* ---- サイトロゴ ---- */

div.sp_navi {
	position: relative;
	width: 100%;
	text-align: right;
}

div.sp_navi:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

div.sp_navi h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
}

div.sp_navi h1 a {
	display: block;
	padding: 10px 5px;
}

/* -- ハンバーガーアイコン -- */


#panel-btn:hover {
	background: #fafafa;
}

/* -- x1.0サイズ -- */

/*
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 24px;
  height: 3px;
  margin: -2px 0 0 -12px;
  background: #2196F3;
  transition: .2s;
}

#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 3px;
  background: #2196F3;
  transition: .3s;
}

#panel-btn-icon:before{
  margin-top: -6px;
}
#panel-btn-icon:after{
  margin-top: 6px;
}


#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
#panel-btn .close:after{
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#panel-btn{
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 5px 10px 10px 0;
  border-radius: 10%;
  background: #fff;
}
*/


/* -- x1.5サイズ -- */

#panel-btn-icon {
	display: block;
	position: absolute;
	top: 28px;
	left: 12px;
	width: 36px;
	height: 4px;
	margin: 0;
	background: #EB5E00;
	transition: .2s;
}

#panel-btn-icon:before,
#panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 4px;
	background: #EB5E00;
	transition: .3s;
}

#panel-btn-icon:before {
	margin-top: -8px;
}

#panel-btn-icon:after {
	margin-top: 8px;
}

#panel-btn {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	margin: 5px 10px 10px 0;
	border-radius: 10%;
	background: #fafafa;
}


/* -- open時 -- */

#panel-btn .close {
	background: transparent;
}

#panel-btn .close:before,
#panel-btn .close:after {
	margin-top: 0;
}

#panel-btn .close:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#panel-btn .close:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* -- css ハンバーガーメニュー -- */

#panel2-sw {
	display: none;
}

#panel2-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 40px;
	height: 44px;
	margin: 8px 9px;
	border-radius: 10%;
	background: #FFF;
	z-index: 1000;
}

#panel2-btn:hover {
	background: #FFF;
	background: rgba(255, 255, 255, 0.8);
}

.panel2-btn-icon1,
.panel2-btn-icon2,
.panel2-btn-icon3 {
	display: block;
	position: absolute;
	top: 17px;
	left: 9px;
	width: 22px;
	height: 2px;
	margin: 0;
	background: #0097e0;

	-webkit-transition .2s .4s;
	-ms-transition: .2s .4s;
	transition: .2s .4s;
}

.panel2-btn-icon1 {
	margin-top: -7px;
}

.panel2-btn-icon2 {
	margin-top: 0px;
}

.panel2-btn-icon3 {
	margin-top: 7px;
}

.panel2-btn-icon1:before,
.panel2-btn-icon3:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 2px;
	background: #0097e0;

	-webkit-transition .3s .1s;
	-ms-transition: .3s .1s;
	transition: .3s .1s;
}

.panel2-btn-title {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 31px;
	left: 0;
	width: 40px;
	height: 12px;
}

.panel2-btn-title li {
	display: block;
	width: 40px;
	height: 15px;

	line-height: 1;
	font-size: 10px;
	color: #0097e0;
	text-align: center;

	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

.panel2-btn-title li:first-child {
	margin-top: -15px;

	-webkit-transition: .5s .1s;
	-ms-transition: .5s .1s;
	transition: .5s .1s;
}


/* -- open時 -- */
#panel2-sw:checked+div .panel2-btn-icon1,
#panel2-sw:checked+div .panel2-btn-icon2,
#panel2-sw:checked+div .panel2-btn-icon3 {
	background: transparent;
	margin-top: 0;

	-webkit-transition .2s .1s;
	-ms-transition: .2s .1s;
	transition: .2s .1s;
}

#panel2-sw:checked+div .panel2-btn-icon1:before,
#panel2-sw:checked+div .panel2-btn-icon3:before {
	width: 30px;
	left: -4px;

	-webkit-transition .3s .3s;
	-ms-transition: .3s .3s;
	transition: .3s .3s;
}

#panel2-sw:checked+div .panel2-btn-icon1:before {
	-webkit-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

#panel2-sw:checked+div .panel2-btn-icon3:before {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

#panel2-sw:checked+div .panel2-btn-title li:first-child {
	margin-top: 0px;

	-webkit-transition: .5s .25s;
	-ms-transition: .5s .25s;
	transition: .5s .25s;
}

/* gnv open */
#panel2-sw:checked~div .menu-box {
	max-height: 450px;
	max-height: 100%;
}

.menu-box {
	position: absolute;
	top: 85px;
	left: 0;
	width: 75%;
	z-index: 100;

	/*	height: 0px; */
	max-height: 0;
	overflow: hidden;
	-webkit-transition: .7s .1s;
	-ms-transition: .7s .1s;
	transition: .7s .1s;
}


/*-- フッターリンク集　設定例 -- */

#site-info {
	overflow: hidden;
}

#site-info-box {
	width: calc(100% + 1px);
}

.footer-about {
	clear: none;
	padding: 0;
}

.footer-about p>u {
	display: table;
	width: 50%;
	float: left;
	text-decoration: none;
}

.footer-about p>u>a {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	border-bottom: #999 1px solid;
	border-right: #999 1px solid;

	background: #333;
	color: #ccc;
	font-size: 13px;
	font-weight: bold;
}

.footer-about p>a {
	display: none;
}


/*-- 上に戻るリンク 設定例：scroll_f.js用 --*/
#topcontrol {
	position: fixed;
	bottom: -55px;
	right: 5px;
	opacity: 0.3;
	cursor: pointer;
	z-index: 1000;

	transition: 0.5s 0.1s;
}

#topcontrol.visible {
	right: 5px;
	bottom: 5px;
	opacity: 1;
}

#topcontrol a {
	display: block;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0.53);
	border-radius: 50%;
	position: relative;
}

#topcontrol a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -9px;
	display: block;
	width: 14px;
	height: 14px;
	border-top: 3px solid #FFF;
	border-left: 3px solid #FFF;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#topcontrol {
	/*	display: none; */
}

.toTop {
	display: none;
}

/* ====================================================
Icon font
==================================================== */
@font-face {
	font-family: "icomoon";
	src: url("../../../../../../resources/sw_css/fonts/icomoon_eot.eot?qwyhra");
	src: url("../../../../../../resources/sw_css/fonts/icomoon_eot.eot?qwyhra#iefix") format("embedded-opentype"), url("../../../../../../resources/sw_css/fonts/icomoon_ttf.ttf?qwyhra") format("truetype"), url("../../../../../../resources/sw_css/fonts/icomoon_woff.woff?qwyhra") format("woff"), url("../../../../../../resources/sw_css/fonts/icomoon_svg.svg?qwyhra#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}



/*-- ヘッダー --*/

#headernav,
#gnav-wrap {
	display: none;
}

#header-wrap {
	height: 70px;
}


/* header
-------------------------- */
#header {
	background: white;
}

/* #headlogo img {
	float: left;
} */

#headlogo a {
	margin: 10px 0;
	color: #020246;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 5px;
}

#headlogo img {
	height: auto;
	width: auto;
	max-width: 150px;
}

#headlogo p {
	color: #00073f;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
}


#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	z-index: 1000;
}

#headlogo {
	display: inline-block;
	padding: 8px 0 8px 12px;
}

/* navigation(sp)
  -------------------------- */
#headnav-sp {
	float: right;
	width: 50px;
	height: 50px;
	background: #f9f9f9;
	background: linear-gradient(to right, #d7d7d7, white 20%);
	text-align: center;
}

#headnav-sp .trigger,
#headnav-sp .trigger span {
	display: inline-block;
	text-decoration: none;
	transition: all .4s;
	color: #444;
}

#headnav-sp .trigger {
	position: relative;
	padding: 15px;
	width: 50px;
	height: 50px;
}

#headnav-sp .trigger span {
	position: absolute;
	left: 15px;
	width: 20px;
	height: 2px;
	background-color: #444;
}

#headnav-sp .trigger span:nth-of-type(1) {
	top: 17px;
}

#headnav-sp .trigger span:nth-of-type(2) {
	top: 23px;
}

#headnav-sp .trigger span:nth-of-type(3) {
	top: 29px;
}

#headnav-sp .trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-45deg);
	-ms-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}

#headnav-sp .trigger.active span:nth-of-type(2) {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#headnav-sp .trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(45deg);
	-ms-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
}

#headnav-sp #nav-sp {
	display: none;
	margin: 0;
	background: #020246;
	text-align: left;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: calc(100vh - 50px);
	padding: 5px 10px 15px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#headnav-sp #nav-sp ul.nav-sp-2nd li a {
	padding-left: calc(10px + 6px);
	background: url(../../../../../../resources/sw_img2/ico-right-arrow-white.png) no-repeat left center;
	background-size: 10px;

	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	padding: .8em 1.5em .8em 1.8em;
	border-bottom: 1px solid #7c7d9e;
	color: white;
	text-decoration: none;
	background-position: .5em center;
}

#headnav-sp #nav-sp .btn-entry,
#headnav-sp #nav-sp .btn-faq,
#headnav-sp #nav-sp .btn-mail {
	display: block;
	margin-top: 10px;
}

#headnav-sp #nav-sp .btn-faq {
	float: left;
	width: calc(50% - 5px);
}

#headnav-sp #nav-sp .btn-mail {
	float: right;
	width: calc(50% - 5px);
}

#headnav-sp #nav-sp ul.language_link {
	position: relative;
	width: 200px;
	padding-left: 30px;
	margin: 20px auto;
}

#headnav-sp #nav-sp ul.language_link:before {
	content: "\e91c";
	position: absolute;
	top: 12px;
	left: 0;
	font-size: 20px;
	font-size: 2rem;
	line-height: 20px;
	font-weight: normal;
	color: #fff;

	font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#headnav-sp #nav-sp ul.language_link li a {
	display: block;
	float: left;
	width: 50%;
	font-size: 1.8rem;
	font-weight: bold;
	padding: .4em .5em .8em .4em;
	color: white;
	text-decoration: none;
	background-position: .5em center;
}

.header-drawer_button {
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 1000;
	width: 48px;
	height: 48px;
	padding: 0;
	border: none;
	background-color: #1e3670;
	border: 1px solid #fff;
	border-radius: 0;
	cursor: pointer;
}

.header-drawer_button:hover {
	background-color: #1e3670;
	border: 1px solid #fff;
	border-radius: 0;
}

.header-drawer_button__icon {
	width: 100%;
	height: 100%;
}

.header-drawer_button__line {
	fill: none;
	stroke: #fff;
	stroke-width: 6;
	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.header-drawer_button__line:nth-child(1) {
	stroke-dasharray: 60 207;
}

.header-drawer_button__line:nth-child(2) {
	stroke-dasharray: 60 60;
}

.header-drawer_button__line:nth-child(3) {
	stroke-dasharray: 60 207;
}

.header-drawer_button.active .header-drawer_button__line:nth-child(1) {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
}

.header-drawer_button.active .header-drawer_button__line:nth-child(2) {
	stroke-dasharray: 1 60;
	stroke-dashoffset: -30;
}

.header-drawer_button.active .header-drawer_button__line:nth-child(3) {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
}

.drawer-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(30, 50, 112, 0.98);
	clip-path: circle(0% at calc(100% - 44px) 44px);
	transition: clip-path 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 900;
}

.drawer-menu.active {
	clip-path: circle(150% at calc(100% - 44px) 44px);
}

.drawer-menu__wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	margin-top: 60px;
	padding-bottom: 60px;
	overflow-y: scroll;
}

.drawer-menu__list {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.drawer-menu__list li a {
	font-weight: bold;
	line-height: 1;
	letter-spacing: .05em;
	display: inline-block;
}
.drawer-menu__item {
	text-align: left!important;
	margin-left: 0!important;
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.4s ease, transform 0.4s ease;
	border-bottom: 1px solid #efefef;
}

.drawer-menu.active .drawer-menu__item {
	opacity: 1;
	transform: translateY(0);
}

.drawer-menu.active .drawer-menu__item:nth-child(1) {
	transition-delay: 0.3s;
}

.drawer-menu.active .drawer-menu__item:nth-child(2) {
	transition-delay: 0.4s;
}

.drawer-menu.active .drawer-menu__item:nth-child(3) {
	transition-delay: 0.5s;
}

.drawer-menu.active .drawer-menu__item:nth-child(4) {
	transition-delay: 0.6s;
}

.drawer-menu__link {
	position: relative;
	display: inline-block;
	padding: 15px 20px;
	font-size: 18px;
	color: #fff !important;
	text-decoration: none;
	overflow: hidden;
}

.drawer-menu__text {
	position: relative;
	padding-left: 25px;
}

.drawer-menu__text::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 13px;
  height: 13px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.drawer-menu__item .lang-select {
	padding: 25px 25px 10px;
}

.drawer-menu__item .lang-select p{
	color: #fff;
	font-size: 18px;
	position: relative;
}
.drawer-menu__item .lang-select .other-lang {
	margin: 10px 0 25px;
	float: left!important;
	padding-top: 0!important;
	width: 100%;
}
.drawer-menu__item .lang-select .other-lang li{
	margin-left: 15px!important;
	display: inline-block;
	max-width: 80px;
}
.drawer-menu__item .lang-select .other-lang li:nth-child(1){
	margin-left: 0!important;
}
.drawer-menu__item .lang-select .other-lang li a {
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 10px;
	color: #fff!important;
	width: 80px;
	text-align: center;
	white-space: nowrap;
}
.icon-world:before {
	font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	content: "\e91c";
}







/* Title image
-------------------------- */
#titleimg {
	width: 100%;
	height: 100px;
	background: #eee;
	overflow: hidden;
}

#titleimg strong {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	padding-top: 36px;
	font-size: 26px;
	font-size: 2.6rem;
	letter-spacing: .05em;
	font-weight: 500;
	line-height: 1.2;
	padding-left: 15px;
}


#titleimg {
	background: url(../../../../../../resources/sw_img2/ir-tit.png) no-repeat center center;
	background-size: cover;
}

#titleimg strong {
	color: white;
}

#titleimg.sustainability {
	background: url(../../../../../../resources/sw_img2/s12y-tit.jpeg) no-repeat center center;
	background-size: cover;
}


/*-- フッター --*/

#footnav .wrap {
	margin-left: auto;
	margin-right: auto;
	width: calc(100vw - min(9.375vw, 48px));
}

#footnav-pc {
	display: none;
}

#footadd ul {
    margin-top: 20px;
	order: 10;
}

#footadd ul li a {
    font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    background: white;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    font-weight: bold;
    position: relative;
    color: #00033e !important;
    transition: background .3s ease !important;

	width: 100%;
	border-radius: 4px;
	padding: 15px 40px 15px 15px;
}

#footadd ul li a:before {
    vertical-align: middle;
}

body.ie #footadd ul li a {
    font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#footadd ul li a:before {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: normal;
    transition: margin-right .3s ease;
}
#footadd ul li a:before {
	content: "\e900";
}

#footadd ul li a:hover {
    background: #b7d2fd;
}

#footadd ul li a:hover:before {
    font-weight: normal;
    margin-right: -4px;
}

#footadd ul li a span {
    position: relative;
    padding-left: 30px;
}

#footadd ul li a span:before {
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    margin-right: 5px;
}
.icon-info:before {
	content: "\e90d";
}
.icon-book:before {
	content: "\e905";
    vertical-align: middle;
}

#footadd ul li a span.icon-info:before {
    top: -1px;
}

body.ie #footadd ul li a {
    padding: 9px 40px 7px 15px;
}

/* ---------------------------
Page top
--------------------------- */
#pagetop {
	width: 100%;
}

#pagetop a {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 3.125em;
	display: block;
	color: #444;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #fbfbfb;
	border-top: 1px solid #aeadad;
}

#pagetop a span {
	background: url(../../../../../../resources/sw_img2/ico-up-arrow.png) no-repeat left center;
	padding: .5em;
	background-size: 13px;
	padding-left: calc(13px + 6px);
}

/* Footer
-------------------------- */
#footer {
	/*  margin-top: 2em; */
	width: 100%;
}

#footer a {
	text-decoration: none;
}

#footer #footbread {
	width: 100%;
	background: #eee;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 16px 0;
	color: black;
}

#footer #footbread span {
	display: block;
}

#footer #footbread a {
	color: black;
}

#footer #footnav {
	background: #1e3670;
	color: white;
	padding: 48px 0 24px;
	font-size: 10px;
	font-size: 1rem;
}

#footer #footnav a {
	color: white;
}

#footer #footadd {
	float: none;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

#footer #footadd img {
	width: 100%;
	max-width: unset;
	object-fit: contain !important;
	object-position: left;
}

#footer #footadd p {
	margin-top: 14px;
	padding-left: 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: bold;
}

#footadd .footadd-youtube {
	max-width: 41px;
}

#footadd .footadd-youtube a {
	font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 30px;
	font-size: 3rem;
}

#footadd .footadd-youtube a:before {
	vertical-align: middle;
}

body.ie #footadd .footadd-youtube a {
	font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#footsubnav {
	font-size: 16px;
	font-size: 1.6rem;
	margin-left: auto;
	margin-right: auto;
	width: calc(100vw - 9.375vw);
	width: 100%;
}

#footsubnav ul {
	background: #1e3670;
	text-align: left;
	line-height: normal;
	display: flex;
	flex-wrap: wrap;
	padding: 0 18px;
	gap: 0 44px;
}

/* #footsubnav ul>li {
	width: 50%;
} */

#footsubnav a {
	font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	padding: 5px 5px 5px 18px;
	position: relative;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
}

#footsubnav a::before {
	content: "\e900";
	position: absolute;
	display: block;
	top: 8px;
	left: 0;
	font-size: 12px;
	font-size: 1.2rem;
}

#footsubnav .copyright {
	line-height: normal;
	padding: 24px 0;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	letter-spacing: .1em;
}


/* Footer navigation(sp)
  -------------------------- */
#footnav-sp {
	float: none;
	width: 100%;
}
[lang="en"] #footnav-sp {
	display: flex;
	flex-wrap: wrap;
	gap: 4%;
	justify-content: center;
	margin-top: 30px;
}
#footnav-sp .footnav-ul {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}
[lang="en"] #footnav-sp .footnav-ul {
	display: block;
	margin-top: 0;
	width: calc((100% - 4%) / 2);
}
#footnav-sp .footnav-ul li {
	font-size: 1.6rem;
	font-weight: bold;
	padding-bottom: 14px;
	line-height: 1;
	width: 50%;
}
[lang="en"] #footnav-sp .footnav-ul li {
	width: 100%;
}

#footnav-sp .footnav-ul li a {
    font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-weight: bold;
    position: relative;
    padding-left: 22px;
    line-height: 1.4;
}
#footnav-sp .footnav-ul li a::before {
	content: "\e901";
	display: block;
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
	vertical-align: middle;
}

/*-- 装飾用 --*/


/*-- IR top --*/
.layout_multi3_column100.multiColumn3>.column1,
.layout_multi3_column100.multiColumn3>.column2,
.layout_multi3_column100.multiColumn3>.column3 {
	width: calc(100% - 10px);
}


/*-- 株主通信・アニュアルレポート --*/
body#smart-docs .multiColumn2>.column1,
body#smart-docs .multiColumn2>.column2 {
	font-size: 0;
	margin-bottom: 0;
}

body#smart-docs .multiColumn2>.column1>*,
body#smart-docs .multiColumn2>.column2>* {
	font-size: 16px;
}

body#smart-docs .multiColumn2 div.download-link-area {
	margin-bottom: 20px;
}