@charset "utf-8";
/*------------------ based on 19/01/21 */
/* > 1%, last 4 versions, Firefox ESR */
/*------------------------------------ */

/* --------------------------------------
 基本設定
-------------------------------------- */
/* 游ゴシック/游明朝 を使わない */
/*
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.mincho {
	font-family: "Hiragino Mincho ProN", "HGS明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Georgia, "メイリオ", Meiryo, serif;
}
*/


/* 本文フォントサイズ */
html {
	font-size: 15px;
}

body {
	color: #333;
	font-weight: normal;
}

a:link ,
a:visited {
	color: #0a2f82;
	text-decoration: underline;
}

a:hover ,
a:active {
	color: #0a2f82;
	text-decoration: none;
}


/*------------------------------------- 
 グリットレイアウト
-------------------------------------*/
#html1 {
}

/*-- コンテンツエリア --*/
#wrapper-2 {
}

#nav {
	float: left;
	margin-top: 210px;
}

#wrapper-3 {
	float: right;
	margin-bottom: 50px;
}

#sharewithmain {
}


/*-- コンテンツ下エリア --*/
#promos3 {
	padding-top: 100px;
	clear: both;
}


/*-- サイドナビエリア --*/
#promos1 {
}

#nav-box {
	width: 220px;
	margin-bottom: 40px;
}

#promos2 {
}


/* サイドナビ表示なし */
.col-subcol #wrapper-3 {
}

.col-subcol #nav {
}


/* ニュース配下はローカルナビなし */
[data-page-path^="/ja/news"] #nav ,
[data-page-path^="/en/news"] #nav {
	display: none;
}

[data-page-path^="/ja/news"] #wrapper-3 ,
[data-page-path^="/en/news"] #wrapper-3 {
	width: 100%;
	float: none;
	clear: both;
}


/*------------------------------------- 
 フッターエリア
-------------------------------------*/
/*-- セクションフッター --*/
#section-site-info {
}

#section-site-info-box {
}

/*-- フッター --*/
#site-info {
	min-width: 1260px;
	position: relative;
	background: #14161b;
	color: #fff;
}

#site-info-box {
	width: 1100px;
	margin: auto;
}

p#copyright {
	font-size: 11px;
	color: #aaa;
	text-align: right;
}


/*------------------------------------- 
 ヘッダエリア
-------------------------------------*/
/*-- 画像とテキストの場合のみ --*/
#branding ,
#logo ,
#nav-meta {
	display: none;
}

/*-- 更新日表示 --*/
#pub-date {
	width: 1000px;
	margin: auto;
}

#pub-date p {
	text-align: right;
}

/*-- セクションヘッダー（総合トップ・スペシャル以外） --*/
#section-header {
	margin: 30px auto 20px auto;
	width: 1000px;
	background: #0d8ccc;
	border-radius: 5px;
	overflow: hidden;
}

#section-header h5 {
}

#section-header p {
}


/*------------------------------------- 
 ぱんくず
-------------------------------------*/
/* 4箇所ある枠の内1か所に入力 */
.bread-crumb {
	margin: auto;
	padding: 35px 0px;
	width: 100%;
	min-width: 1260px;
	font-size: 12px;
	background: #eee;
}

.bread-crumb ol {
	width: 1000px;
	margin: auto;
}

.bread-crumb ol:after ,
.bread-crumb:after {
	content: "";
	display: block;
	clear: both;
}

.bread-crumb a {
	text-decoration: none;
}

.bread-crumb a:hover {
	text-decoration: underline;
}

.bread-crumb h5 ,
.bread-crumb h5 p ,
.bread-crumb h5 span ,
.bread-crumb ol li {
	float: left;
}

.bread-crumb h5 p:after ,
.bread-crumb h5 span:after ,
.bread-crumb ol li:after {
	content: "/";
	padding: 0 1em;
}

.bread-crumb ol li:last-child:after {
	content: none;
}

/* -- TOP書き換え -- */
.bread-crumb ol li:first-child a {
	font-size: 0;
}
#header.ja ~ * .bread-crumb ol li:first-child a:before ,
#header.ja ~ .bread-crumb ol li:first-child a:before {
	content: "ホーム";
	font-size: 12px;
}
#header.en ~ * .bread-crumb ol li:first-child a:before ,
#header.en ~ .bread-crumb ol li:first-child a:before {
	content: "TOP";
	font-size: 12px;
}


/* -----------------------------
 グローバルナビ
--------------------------------- */
/*-- ページプロパティから設定可 --*/
#nav-global {
	display: none;
}



/*------------------------------------- 
 サイドナビ
-------------------------------------*/
/*-- ページプロパティから設定可 --*/
#nav-box input ,
#nav-box label {
	display: none;
}

#nav-box h6 {
	display: none;
}

#nav-box p.btn {
	display: none;
}


/*1階層*/
#nav-box ul.navLevel_1 {
}

#nav-box ul.navLevel_1 > li {
}

#nav-box ul.navLevel_1 > li:not(.open) {
	display: none;
}

#nav-box ul.navLevel_1 > li.open {
}

#nav-box ul.navLevel_1 > li > h5 > strong,
#nav-box ul.navLevel_1 > li > h5 > a,
#nav-box ul.navLevel_1 > li > strong ,
#nav-box ul.navLevel_1 > li > a {
	display: block;
	padding: 5px 0px;
	margin-bottom: 25px;
	color: #222; 
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
}

#nav-box ul.navLevel_1 > li > h5 > strong ,
#nav-box ul.navLevel_1 > li > h5 > a:hover ,
#nav-box ul.navLevel_1 > li > strong ,
#nav-box ul.navLevel_1 > li > a:hover {
}

#nav-box ul.navLevel_1 > li > h5 > a:hover ,
#nav-box ul.navLevel_1 > li > a:hover {
	color: #f26505;
}

/*2階層*/
#nav-box ul.navLevel_2 {
}

#nav-box ul.navLevel_2 > li {
}

#nav-box ul.navLevel_2 > li.open {
}

#nav-box ul.navLevel_2 > li > h5  > strong,
#nav-box ul.navLevel_2 > li > h5  > a ,
#nav-box ul.navLevel_2 > li > strong,
#nav-box ul.navLevel_2 > li > a {
	display: block;
	padding: 5px 0px;
	margin-bottom: 20px;
	background: #fff;
	color: #222; 
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}

#nav-box ul.navLevel_2 > li > h5 > strong ,
#nav-box ul.navLevel_2 > li > h5 > a:hover ,
#nav-box ul.navLevel_2 > li > strong ,
#nav-box ul.navLevel_2 > li > a:hover {
	color: #f26505;
	font-weight: bold;
}


/*3階層*/
#nav-box ul.navLevel_3 {
	padding-left: 20px;
	border-left: 1px solid #ccc;
}

#nav-box ul.navLevel_3 > li {
}

#nav-box ul.navLevel_3 > li.open {
}

#nav-box ul.navLevel_3 > li > h5 > strong ,
#nav-box ul.navLevel_3 > li > h5 > a ,
#nav-box ul.navLevel_3 > li > strong ,
#nav-box ul.navLevel_3 > li > a {
	position: relative;
	display: block;
	padding: 0px 0px 5px;
	margin-bottom: 15px;
	color: #555; 
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}

#nav-box ul.navLevel_3 > li > h5 > strong ,
#nav-box ul.navLevel_3 > li > h5 > a:hover ,
#nav-box ul.navLevel_3 > li > strong ,
#nav-box ul.navLevel_3 > li > a:hover {
	font-weight: bold;
	color: #f26505;
}


/*4階層*/
#nav-box ul.navLevel_4 {
	display: none;
}

#nav-box ul.navLevel_4 > li {
}

#nav-box ul.navLevel_4 > li.open {
}

#nav-box ul.navLevel_4 > li > h5 > strong ,
#nav-box ul.navLevel_4 > li > h5 > a ,
#nav-box ul.navLevel_4 > li > strong ,
#nav-box ul.navLevel_4 > li > a {
	display: block;
	padding: 5px 12px;
	background: #dcdcdc;
	color: #323232; 
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #c8c8c8;
}

#nav-box ul.navLevel_4 > li > h5 > strong:before ,
#nav-box ul.navLevel_4 > li > h5 > a:before ,
#nav-box ul.navLevel_4 > li > strong:before ,
#nav-box ul.navLevel_4 > li > a:before {
	content: "・";
	margin-left: 0.5em;
}

#nav-box ul.navLevel_4 > li > h5 > strong ,
#nav-box ul.navLevel_4 > li > h5 > a:hover ,
#nav-box ul.navLevel_4 > li > strong ,
#nav-box ul.navLevel_4 > li > a:hover {
	background: #eb3132;
	color: #fff; 
}


#nav-box ul.navLevel_5 {
	display: none;
}
/* -- ☆階層が増えるごとに、連番で追加 -- */


/* -----------------------------
 コンテンツエリア
--------------------------------- */
/*------- リンクテキスト ----------*/
.quoted-text blockquote a ,
.highlight-quoted-text a ,
.text-section a ,
.faq-item a ,
.vtable-item a ,
.ircalendar-title a ,
.ircalendar-item a {
}

/*
.quoted-text blockquote em ,
.highlight-quoted-text em ,
.text-section em ,
.faq-item em ,
.vtable-item em ,
.ircalendar-title em ,
.ircalendar-item em {
	font-style: normal;
	font-family: "Oswald", YuGothicM, "游ゴシック Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
*/

/*------- 別窓アイコン ----------*/
.quoted-text blockquote a[target="_blank"]:after ,
.highlight-quoted-text a[target="_blank"]:after ,
.text-section a[target="_blank"]:after ,
.faq-item a[target="_blank"]:after ,
.vtable-item a[target="_blank"]:after ,
.ircalendar-title a[target="_blank"]:after ,
.ircalendar-item a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.svg") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: baseline;
	margin: 0 5px;
}

/*------- PDFアイコン ----------*/
.quoted-text blockquote a[href$=".pdf"]:after ,
.highlight-quoted-text a[href$=".pdf"]:after ,
.text-section a[href$=".pdf"]:after ,
.faq-item a[href$=".pdf"]:after ,
.vtable-item a[href$=".pdf"]:after ,
.ircalendar-title a[href$=".pdf"]:after ,
.ircalendar-item a[href$=".pdf"]:after ,
.quoted-text blockquote a[href*=".pdf#"]:after ,
.highlight-quoted-text a[href*=".pdf#"]:after ,
.text-section a[href*=".pdf#"]:after ,
.faq-item a[href*=".pdf#"]:after ,
.vtable-item a[href*=".pdf#"]:after ,
.ircalendar-title a[href*=".pdf#"]:after ,
.ircalendar-item a[href*=".pdf#"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 14px;
	vertical-align: middle;
	margin: 0 5px;
}


/*------------------------------------- 
 見出し
-------------------------------------*/
/*-- ページ概要エリア --*/
#page-intro {
	width: 100%;
	min-width: 750px;
	margin-bottom: 60px;
}

body:not(.col-subcol) #page-intro {
	margin-left: -250px;
	min-width: 1000px;
}

#page-intro > .h0 {
	display: none;
}

#page-intro:before {
	content: "";
	position: absolute;
	top: auto;
	left: 0;
	display: block;
	width: 100%;
	min-width: 1260px;
	height: 150px;
	background: #eee;
	z-index: -1;
}

/* -- ページタイトルをテキストで表示 -- */
#page-intro > h1 {
	height: 150px;
	padding-top: 55px;
	color: #222;
	font-size: 33px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.05em;
}


/* -- ページタイトルを画像で表示 -- */
#page-intro .titleImage {
	margin-bottom: 20px;
}

#page-intro .titleImage h1 {
}

#page-intro .titleImage h1 img {
	width: auto;
}

/* -- 日付（ニュース・マルチ2） -- */
#page-intro .text-meta {
	color: inherit;
}

/*-------------- 中見出し(共通) ------------*/
.text-section h2 ,
.link-list h2,
.link-list-url h2,
.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt ,
.title2:not(.highlight) h2 {
	padding: 0 20px;
	color: #222;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.08em;
	border-left: 6px solid #f26505;
	margin: 40px 0 30px;
}

/*-------------- 小見出し --------------*/
/* -- 見出しh2レベル -- */
.title2.highlight {
	position: relative;
	background: #f7f7f7;
	margin-bottom: 20px;
}

.title2.highlight h2 {
	padding: 40px 40px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

.title2:last-child h2 {
	margin-bottom: 0px;
}


/* -- 見出しh3レベル -- */
.title3:not(.highlight) h3 {
	position: relative;
	margin-top: 10px;
	padding-top: 20px;
	color: #222;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;

	margin-bottom: 30px;
}

.title3:not(.highlight) h3:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 55px;
	height: 2px;
	background: #444;
}

.title3.highlight h3 {
	color: #222;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 30px;
}

.title3.highlight h3 span {
	position: relative;
	padding-right: 20px;
	color: #0a2f82;
	font-size: 50px;
	letter-spacing: 0.025em;
	font-family: "Oswald", YuGothicM, "游ゴシック Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.title3.highlight h3 span:before {
	content: "";
	position: absolute;
	top: 20px;
	left: 100%;
	display: block;
	width: 55px;
	height: 2px;
	background: #444;
}


.title3:last-child h3 {
	margin-bottom: 0px;
}


/* -- 見出しh4レベル -- */
.title4:not(.highlight) h4 {
	margin-bottom: 40px;
	color: #555;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 30px;
}

.title4.highlight h4 {
	margin-bottom: 40px;
	color: #999;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 30px;
}


/*------------------------------------- 
 テキスト・画像
-------------------------------------*/
/*-------------- 緊急お知らせエリア --------------*/
/* 総合トップ・サイトトップのみ、コンテンツエリア外に１つのみ */
.quoted-text {
	width: 1000px;
	margin: 70px auto 20px;
}

.quoted-text blockquote {
	background: none;
	padding: 45px 35px;
	border: #0a2e82 2px solid;
}

/*-------------- 囲み線ありテキスト --------------*/
.highlight-quoted-text {
	background-color: #f7f7f7;
	padding: 45px 35px;
	margin: 0 auto 20px;
}

.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;
}

/*-------------- テキストと画像 --------------*/
.text-section {
	margin-bottom: 20px;
}

[id="promos3"] .text-section {
	margin-bottom: 10px;
}

body:not(.superMulti) [id="promos3"] .text-section.highlight > *:not(.mgnlEditor) {
	display: none;
}

/*-------------- FAQ --------------*/
.faq-list {
}

.faq-list > ul {
}

.faq-list > ul > li {
	clear: both;
	margin-bottom: 20px;
	min-height: 94px;
}

.faq-list h3 {
	margin-bottom: 2px;

	position: relative;
}

.faq-list h3:before {
	content: "Q.";
	position: absolute;
	top: 20px;
	left: 40px;
	display: block;
	text-align: center;
	vertical-align: middle;

	white-space: nowrap;
	font-size: 34px;
	font-weight: normal;
	color: #0a2f82;
	font-family: "Oswald", YuGothicM, "游ゴシック Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.faq-list h3 a {
	display: block;
	font-size: 15px;
	font-weight: bold;
	background: #f7f7f7;
	padding: 35px 100px 35px 80px;
}

.faq-list h3 a:before ,
.faq-list h3 a:after {
	content: "";
	position: absolute;
	display: block;
	background: #999;

	-webkit-transition: 0.5s 0.1s;
	-o-transition: 0.5s 0.1s;
	transition: 0.5s 0.1s;
}

.faq-list h3 a:before {
	top: 50%;
	right: 50px;
	width: 24px;
	height: 2px;
	transform: translate(50%, -50%);
}
.faq-list h3 a:after {
	top: 50%;
	right: 50px;
	width: 2px;
	height: 24px;
	transform: translate(50%, -50%);
}

.faq-list h3 a.js-selected:after {
	background-color: transparent;
}

.faq-item {
	position: relative;
	font-size: 15px;
	font-weight: normal;
	min-height: 35px;
	padding: 35px 40px 35px 80px;
	background: #f7f7f7;
}
.faq-item:before {
	content: "A.";
	position: absolute;
	top: 25px;
	left: 40px;
	display: block;
	vertical-align: middle;

	white-space: nowrap;
	font-size: 34px;
	font-weight: normal;
	color: #0a2f82;
	font-family: "Oswald", YuGothicM, "游ゴシック Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/*-- FAQを出しっぱなしにする設定 --*/
/*
.faq-list h3 a {
	cursor: inherit;
}
.faq-list > ul > li {
	height: auto !important;
}
.faq-item {
	display: block !important;
}
*/


/*------------------------------------- 
 ページ内リンク・バナーリンク・エリアリンク
-------------------------------------*/
/* 原則、内部リンクと外部リンクは同スタイルを設定する */

/*-------------- ページ内リンク --------------*/
/* ページ内リンクは１カラム内にまとめて入力し、マルチカラムクラスでアライメントを設定する */
.anchor-link {
	display: inline-block;
	margin-bottom: 10px;
}

.anchor-link + .anchor-link {
	margin-left: 10px;
	padding-left: 10px;
}

.anchor-link a {
	position: relative;
	display: block;
	font-size: 14px;
	padding-left: 18px;
}

.anchor-link a:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0px;
	display: inline-block;
	width: 8px;
	height: 8px;
	border-right: solid 2px #0a2f82;
	border-bottom: solid 2px #0a2f82;
	transform: scaleX(0.7) rotate(45deg);
}


/*-------------- バナー（共通設定） --------------*/
.teaser ,
.external-teaser ,
.download-teaser {
}

/* テキストのみ／テキストと画像 */
.teaser h2 ,
.external-teaser h2 ,
.download-teaser h2 {
	margin-bottom: 5px;
}

.teaser h2 a ,
.external-teaser h2 a ,
.download-teaser h2 a {
}

.teaser p ,
.external-teaser p ,
.download-teaser p {
	margin-bottom: 10px;
}

/* 画像のみ／テキストと画像 */
.teaser > a ,
.external-teaser > a ,
.download-teaser > a {
}

.teaser > a img ,
.external-teaser > a img ,
.download-teaser > a img {
}



/* ----- 内部・外部バナー（テキストのみ）　メインエリア用 ----- */
/* ----- ダウンロードバナー（テキストのみ）　メインエリア用 ----- */
[role="main"] .teaser.no-img:not(.highlight) ,
[role="main"] .external-teaser.no-img:not(.highlight) ,
[role="main"] .download-teaser.no-img:not(.highlight) {
	display: table;
	min-width: 300px;
}

[role="main"] .teaser.no-img:not(.highlight) h2 ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 ,
[role="main"] .download-teaser.no-img:not(.highlight) h2 {
}

[role="main"] .teaser.no-img:not(.highlight) h2 a ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 a ,
[role="main"] .download-teaser.no-img:not(.highlight) h2 a {
	padding: 20px 40px;
	text-align: center;
	font-size: 14px;
	color: #0a2e82;
	background: #fff;
	border: 2px solid #0a2e82;
	text-decoration: none;

	transition: 0.2s linear;
}

[role="main"] .teaser.no-img:not(.highlight) h2 a[target="_blank"]:after ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.svg") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-left: 5px;
}

[role="main"] .download-teaser.no-img:not(.highlight) h2 a[href$=".pdf"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 14px;
	vertical-align: middle;
	margin: 0 5px;
}

[role="main"] .teaser.no-img:not(.highlight) p ,
[role="main"] .external-teaser.no-img:not(.highlight) p ,
[role="main"] .download-teaser.no-img:not(.highlight) p {
}

[role="main"] .teaser.no-img:not(.highlight) h2 a:hover ,
[role="main"] .external-teaser.no-img:not(.highlight) h2 a:hover ,
[role="main"] .download-teaser.no-img:not(.highlight) h2 a:hover {
	background-color: #0a2e82;
	color: #fff;
}


/* お問い合わせ専用 チェックボックスつきテキスト */
[role="main"] .external-teaser.with-checkbox:not(.highlight) p {
	text-align: center;
}

[role="main"] .external-teaser.with-checkbox:not(.highlight) input[type=checkbox] {
	vertical-align: middle;
}

/* お問い合わせ専用 リンク無効時 */
[role="main"] .external-teaser.with-checkbox.disabled:not(.highlight) h2 a {
	border-color: #ccc;
	background-color: #ccc;
	color: #999;
}


/* ----- 内部・外部バナー（テキストと画像）　メインエリア用 ----- */
[role="main"] .teaser:not(.no-img):not(.highlight) ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) ,
[role="main"] .download-teaser:not(.no-img):not(.highlight) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

[role="main"] .teaser:not(.no-img):not(.highlight) > * ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) > * ,
[role="main"] .download-teaser:not(.no-img):not(.highlight) > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 ,
[role="main"] .download-teaser:not(.no-img):not(.highlight) h2 {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	margin: 10px 0 0;
	font-size: 0;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 a ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a ,
[role="main"] .download-teaser:not(.no-img):not(.highlight) h2 a {
	display: inline-block;
	margin: 5px 0px;
	text-align: left;
	font-size: 15px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:after ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.svg") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-left: 5px;
}

[role="main"] .download-teaser:not(.no-img):not(.highlight) h2 a[href$=".pdf"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 14px;
	vertical-align: middle;
	margin: 0 5px;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 + a ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 + a ,
[role="main"] .download-teaser:not(.no-img):not(.highlight) h2 + a {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	display: block;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 + a img ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 + a img ,
[role="main"] .download-teaser:not(.no-img):not(.highlight) h2 + a img {
	display: block;
	width: 100%;
}


[role="main"] .teaser:not(.no-img):not(.highlight) p ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) p ,
[role="main"] .download-teaser:not(.no-img):not(.highlight) p {
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
	font-size: 14px;
	color: #333;
	font-weight: normal;
}

[role="main"] .teaser:not(.no-img):not(.highlight) h2 a:hover ,
[role="main"] .external-teaser:not(.no-img):not(.highlight) h2 a:hover ,
[role="main"] .download-teaser:not(.no-img):not(.highlight) h2 a:hover {
	border-color: #333;
}



/* ----- 内部・外部バナー（テキストと画像 ハイライト表示）　メインエリア用 ----- */
[role="main"] .teaser:not(.no-img).highlight ,
[role="main"] .external-teaser:not(.no-img).highlight ,
[role="main"] .download-teaser:not(.no-img).highlight {
	position: relative;
}

[role="main"] .teaser:not(.no-img).highlight h2 ,
[role="main"] .external-teaser:not(.no-img).highlight h2 ,
[role="main"] .download-teaser:not(.no-img).highlight h2 {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
}

[role="main"] .teaser:not(.no-img).highlight h2:before ,
[role="main"] .external-teaser:not(.no-img).highlight h2:before ,
[role="main"] .download-teaser:not(.no-img).highlight h2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
/*	background: rgba(43, 67, 79, 0.49); */
/*	background: rgba(43, 67, 79, 0.32); */
	background: rgba(0,0,0, 0.2);
	z-index: -1;
}

[role="main"] .teaser:not(.no-img).highlight h2 a ,
[role="main"] .external-teaser:not(.no-img).highlight h2 a ,
[role="main"] .download-teaser:not(.no-img).highlight h2 a {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 20px 10px;
/*	background: rgba(33, 169, 237, 0.34); */
/*	background: rgba(33, 169, 237, 0.17); */
/*	background: rgba(0,0,0, 0.2); */
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

[role="main"] .teaser:not(.no-img).highlight h2 a span ,
[role="main"] .external-teaser:not(.no-img).highlight h2 a span ,
[role="main"] .download-teaser:not(.no-img).highlight h2 a span {
	display: block;
	font-size: 14px;
	margin: 3px 0;
	letter-spacing: normal;
}

[role="main"] .teaser:not(.no-img).highlight h2 a[target="_blank"]:after ,
[role="main"] .external-teaser:not(.no-img).highlight h2 a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/sw_img/link02_white.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	margin-left: 5px;
}

[role="main"] .download-teaser:not(.no-img).highlight h2 a[href$=".pdf"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 14px;
	vertical-align: middle;
	margin: 0 5px;
}

[role="main"] .teaser:not(.no-img).highlight > a ,
[role="main"] .external-teaser:not(.no-img).highlight > a ,
[role="main"] .download-teaser:not(.no-img).highlight > a {
	display: block;
}

[role="main"] .teaser:not(.no-img).highlight > a img ,
[role="main"] .external-teaser:not(.no-img).highlight > a img ,
[role="main"] .download-teaser:not(.no-img).highlight > a img {
	display: block;
	width: 100%;
	opacity: 1;

	-webkit-transition: 0.7s 0.1s;
	-o-transition: 0.7s 0.1s;
	transition: 0.7s 0.1s;
}


[role="main"] .teaser:not(.no-img).highlight p ,
[role="main"] .external-teaser:not(.no-img).highlight p ,
[role="main"] .download-teaser:not(.no-img).highlight p {
	display: none;
}

[role="main"] .teaser:not(.no-img).highlight h2 a:hover ,
[role="main"] .external-teaser:not(.no-img).highlight h2 a:hover ,
[role="main"] .download-teaser:not(.no-img).highlight h2 a:hover ,
[role="main"] .teaser:not(.no-img).highlight:hover h2 a ,
[role="main"] .external-teaser:not(.no-img).highlight:hover h2 a ,
[role="main"] .download-teaser:not(.no-img).highlight:hover h2 a {
}

[role="main"] .teaser:not(.no-img).highlight h2 + a:hover img ,
[role="main"] .external-teaser:not(.no-img).highlight h2 + a:hover img ,
[role="main"] .download-teaser:not(.no-img).highlight h2 + a:hover img ,
[role="main"] .teaser:not(.no-img).highlight:hover h2 + a img ,
[role="main"] .external-teaser:not(.no-img).highlight:hover h2 + a img ,
[role="main"] .download-teaser:not(.no-img).highlight:hover h2 + a img {
	opacity: 1;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}


/*-- YouTube用 --*/
[role="main"] div.external-teaser:not(.no-img).highlight > a[href*="//www.youtube.com"] ,
[role="main"] div.external-teaser:not(.no-img).highlight > a[href*="//youtu.be"] {
	position: relative;
}

[role="main"] div.external-teaser:not(.no-img).highlight > a[href*="//www.youtube.com"] img ,
[role="main"] div.external-teaser:not(.no-img).highlight > a[href*="//youtu.be"] img {
	width: 100%;
}

[role="main"] div.external-teaser:not(.no-img).highlight > a[href*="//www.youtube.com"]:before ,
[role="main"] div.external-teaser:not(.no-img).highlight > a[href*="//youtu.be"]:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0, 0.4) url("../../../../../../resources/sw_img/youtube_icon.png") no-repeat center center;
	z-index: 1;
}

[role="main"] div.external-teaser:not(.no-img).highlight h2 a[href*="//www.youtube.com"]:after ,
[role="main"] div.external-teaser:not(.no-img).highlight h2 a[href*="//youtu.be"]:after {
	content: none;
}

[role="main"] div.external-teaser:not(.no-img).highlight > a[href*="//www.youtube.com"]:hover:before ,
[role="main"] div.external-teaser:not(.no-img).highlight > a[href*="//youtu.be"]:hover:before {
	background-color: rgba(0,0,0, 0.2);
}

[role="main"] div.external-teaser:not(.no-img).highlight > a[href*="//www.youtube.com"]:hover img ,
[role="main"] div.external-teaser:not(.no-img).highlight > a[href*="//youtu.be"]:hover img {
	opacity: 1;
}

[role="main"] div.external-teaser:not(.no-img).highlight h2 + a[href*="//www.youtube.com"]:before ,
[role="main"] div.external-teaser:not(.no-img).highlight h2 + a[href*="//youtu.be"]:before ,
[role="main"] div.external-teaser:not(.no-img).highlight h2 + a[href*="//www.youtube.com"]:hover:before ,
[role="main"] div.external-teaser:not(.no-img).highlight h2 + a[href*="//youtu.be"]:hover:before {
	background-color: transparent;
}


/* ----- 内部・外部バナー（テキストのみ ハイライト）　メインエリア用 ----- */
/* ----- ダウンロードバナー（テキストのみ ハイライト）　メインエリア用 ----- */
[role="main"] .teaser.no-img.highlight ,
[role="main"] .external-teaser.no-img.highlight ,
[role="main"] .download-teaser.no-img.highlight {
	min-width: 300px;
	display: table;
}

[role="main"] .teaser.no-img.highlight h2 ,
[role="main"] .external-teaser.no-img.highlight h2 ,
[role="main"] .download-teaser.no-img.highlight h2 {
}

[role="main"] .teaser.no-img.highlight h2 a ,
[role="main"] .external-teaser.no-img.highlight h2 a ,
[role="main"] .download-teaser.no-img.highlight h2 a {
	padding: 25px 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #000;
	border: 2px solid #000;
	text-decoration: none;
	border-radius: 150px;

	transition: 0.2s linear;
}

[role="main"] .teaser.no-img.highlight h2 a[target="_blank"]:after ,
[role="main"] .external-teaser.no-img.highlight h2 a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.svg") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-left: 5px;
}

[role="main"] .download-teaser.no-img.highlight h2 a[href$=".pdf"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 14px;
	vertical-align: middle;
	margin: 0 5px;
}

[role="main"] .teaser.no-img.highlight p ,
[role="main"] .external-teaser.no-img.highlight p ,
[role="main"] .download-teaser.no-img.highlight p {
}

[role="main"] .teaser.no-img.highlight h2 a:hover ,
[role="main"] .external-teaser.no-img.highlight h2 a:hover ,
[role="main"] .download-teaser.no-img.highlight h2 a:hover {
	background-color: #fff;
	color: #000;
}


/* ----- 内部・外部バナー（テキストのみ）　promos3用 ----- */
[id="promos3"] .teaser.no-img:not(.highlight) ,
[id="promos3"] .external-teaser.no-img:not(.highlight) {
	display: table;
	min-width: 300px;
}

body:not(.superMulti) [id="promos3"] .teaser.no-img:not(.highlight) h2 ,
body:not(.superMulti) [id="promos3"] .teaser.no-img:not(.highlight) p ,
body:not(.superMulti) [id="promos3"] .external-teaser.no-img:not(.highlight) h2 ,
body:not(.superMulti) [id="promos3"] .external-teaser.no-img:not(.highlight) p {
	display: none;
}


[id="promos3"] .teaser.no-img:not(.highlight) h2 ,
[id="promos3"] .external-teaser.no-img:not(.highlight) h2 {
}

[id="promos3"] .teaser.no-img:not(.highlight) h2 a ,
[id="promos3"] .external-teaser.no-img:not(.highlight) h2 a {
	padding: 20px 40px;
	text-align: center;
	font-size: 14px;
	color: #0a2e82;
	background: #fff;
	border: 2px solid #0a2e82;
	text-decoration: none;

	transition: 0.2s linear;
}

[id="promos3"] .teaser.no-img:not(.highlight) h2 a[target="_blank"]:after ,
[id="promos3"] .external-teaser.no-img:not(.highlight) h2 a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.svg") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-left: 5px;
}

[id="promos3"] .teaser.no-img:not(.highlight) p ,
[id="promos3"] .external-teaser.no-img:not(.highlight) p {
}

[id="promos3"] .teaser.no-img:not(.highlight) h2 a:hover ,
[id="promos3"] .external-teaser.no-img:not(.highlight) h2 a:hover {
	background-color: #0a2e82;
	color: #fff;
}



/*-------------- 内部ページ エリアリンク --------------*/
/*-------------- 外部ページ エリアリンク --------------*/
.internal-link-area:not(.highlight) ,
.external-link-area:not(.highlight) {
	margin-bottom: 20px;
}

.internal-link-area:not(.highlight) > a ,
.external-link-area:not(.highlight) > a {
	display: block;
	text-decoration: none;
}

/*-- マウスオーバー --*/
.internal-link-area:not(.highlight) > a:hover ,
.external-link-area:not(.highlight) > a:hover {
	opacity: 0.7;
}


/* エリアリンク ハイライト表示 */
.internal-link-area.highlight ,
.external-link-area.highlight {
	margin-bottom: 20px;
}

.internal-link-area.highlight > a ,
.external-link-area.highlight > a {
	display: block;
	text-decoration: none;
}

/*-- マウスオーバー --*/
.internal-link-area.highlight > a:hover ,
.external-link-area.highlight > a:hover {
	opacity: 0.7;
}


/*-------------- ダウンロード エリアリンク --------------*/
.download-link-area:not(.highlight) {
	margin-bottom: 20px;
}

.download-link-area:not(.highlight) > a {
	display: block;
	text-decoration: none;
}

.download-link-area:not(.highlight) > a:hover {
	opacity: 0.7;
}

/* -- テキスト先頭にpdfアイコンを付ける -- */
.download-link-area:not(.highlight) > a[href$=".pdf"] > p:first-child:before ,
.download-link-area:not(.highlight) > a[href$=".pdf"] > img + p:before {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 14px;
	vertical-align: middle;
	margin: 0 5px;
}


/*------------------------------------- 
 リスト
-------------------------------------*/
/* 共通設定 決算短信・有報・最新決算・説明会資料（自動連携）、リンクリスト（手動） */
/* マージ設定用マルチカラムclass名： "edit-only" */

.link-list:not(.highlight) ul,
.link-list-url ul ,
.news-result dl ,
.news-yuho dl ,
.news-presentation dl ,
.news-material dl {
	margin-bottom: 20px;
}

/*-- 副見だし --*/
.link-list:not(.highlight) h2,
.link-list-url h2 ,
.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt {
}

.link-list:not(.highlight) ul li[class] ,
.link-list-url ul li[class] ,
.news-result dl dd ,
.news-yuho dl dd ,
.news-presentation dl dd ,
.news-material dl dd {
	position: relative;
	padding-top: 10px;
	margin-bottom: 5px;
}

/* マージされたハイライト表示のリンクは、直前のリンクに属する様に見えるスタイルにする。 */
/* (ハイライト表示されていないリンクは、他の決算短信・有報と同列に表示）  */
.link-list:not(.highlight) li.internal-link-text.highlight ,
.link-list:not(.highlight) li.external-link-text.highlight ,
.link-list:not(.highlight) li.download-link-text.highlight ,
.link-list:not(.highlight) li.text-without-link.highlight ,
.news-result dl dd.merged.highlight ,
.news-yuho dl dd.merged.highlight ,
.news-presentation dl dd.merged.highlight ,
.news-material dl dd.merged.highlight {
	padding-top: 0px;
	padding-left: 30px;
}

/* マージされたハイライト表示のリンクのＬ字アイコン */
.link-list:not(.highlight) li.internal-link-text.highlight:before ,
.link-list:not(.highlight) li.external-link-text.highlight:before ,
.link-list:not(.highlight) li.download-link-text.highlight:before ,
.link-list:not(.highlight) li.text-without-link.highlight:before ,
.news-result dl dd.merged.highlight:before ,
.news-yuho dl dd.merged.highlight:before ,
.news-presentation dl dd.merged.highlight:before ,
.news-material dl dd.merged.highlight:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 10px;
	display: block;
	width: 10px;
	height: 10px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* リンクアイコン（ダウンロード以外） */
.news-result dl dd.merged.no-download:not(.highlight) ,
.news-yuho dl dd.merged.no-download:not(.highlight) ,
.news-presentation dl dd.merged.no-download:not(.highlight) ,
.news-material dl dd.merged.no-download:not(.highlight) {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 6px top 1em no-repeat;
	padding-left: 20px;
}

/* 外窓アイコン（ダウンロード以外） */
.news-result dl dd.merged.no-download a[target="_blank"]:after ,
.news-yuho dl dd.merged.no-download a[target="_blank"]:after ,
.news-presentation dl dd.merged.no-download a[target="_blank"]:after ,
.news-material dl dd.merged.no-download a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.svg") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin: 0 3px;
}


/*-------------- リンクリスト ------------------- */
/*-------------- リンクリストURL事前確認 ---------*/
.link-list:not(.highlight) ,
.link-list-url {
}

/* -- 副見出し -- */
.link-list:not(.highlight) h2,
.link-list-url h2 {
}

.link-list:not(.highlight) ul,
.link-list-url ul {
}

/* -- ダウンロード以外 -- */
.link-list:not(.highlight) .internal-link-text ,
.link-list:not(.highlight) .external-link-text ,
.link-list:not(.highlight) .text-without-link ,
.link-list-url .internal-link-text ,
.link-list-url .external-link-text {
/*
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 6px top 1em no-repeat;
	padding-left: 20px;
*/
}

/* リンクテキスト */
.link-list:not(.highlight) .internal-link-text a ,
.link-list:not(.highlight) .external-link-text a ,
.link-list:not(.highlight) .download-link-text a:not(.d_icon) ,
.link-list:not(.highlight) .text-without-link span ,
.link-list-url .internal-link-text a ,
.link-list-url .external-link-text a ,
.news-result dl dd a:not(.d_icon) ,
.news-yuho dl dd a:not(.d_icon) ,
.news-presentation dl dd a:not(.d_icon) ,
.news-material dl dd a:not(.d_icon) {
}

/* -- 別窓アイコン -- */
.link-list:not(.highlight) .internal-link-text a[target="_blank"]:after ,
.link-list:not(.highlight) .external-link-text a[target="_blank"]:after ,
.link-list-url .internal-link-text a[target="_blank"]:after ,
.link-list-url .external-link-text a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.svg") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin: 0 5px;
}

/* -- ダウンロードリンク -- */
.link-list:not(.highlight) .download-link-text,
.link-list-url .download-link-url {
}

.link-list:not(.highlight) .download-link-text a:not(.d_icon) ,
.link-list-url .download-link-url a:not(.d_icon) {
}


/*-- リンクリスト（ハイライト表示） --*/
.link-list.highlight {
}

.link-list.highlight h2 {
}

.link-list.highlight ul {
}

.link-list.highlight ul li[class] {
	position: relative;
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 5px;
}

.link-list.highlight ul li[class] a {
}



/*-- 中央揃え --*/
.layout_align_center .link-list.highlight ul ,
.layout_pc_align_center .link-list.highlight ul {
	text-align: center;
}


/*------------------------------------- 
 表組・テーブル・財務ハイライト(表組)・配当金(表組)
-------------------------------------*/
/*-- table共通 --*/

/* セル */
/* 枠線とセル内余白を指定 */
.shwTable table.htCore tr td ,
th, td {
	font-size: 14px;
	color: inherit;
	padding: 15px 25px;
	border: 1px solid #ccc;
}
/* 背景色を指定 */
.htCore tr td ,
th, td {
	background: #fff;
}

/* 見出し */
/* 背景色と文字色を指定 */
.highlights-table tr td:first-child ,
.highlights-alltable-2nd tr td:first-child ,
.haitou-table-2nd td.t1,
.haitou-table-2nd td.t2,
.haitou-table-2nd td.t12 ,
.shwTable table tr td.tableRowHead ,
.shwTable table tr td.tableColumnHead ,
td.tbRowHead ,
td.tbColumnHead ,
th {
	background-color: #ebebeb;
	font-weight: bold;
}

/* 見出し列 */
/* 背景色と文字色を指定 */
.form-summary table td:first-child ,
.highlights-table tr td:first-child ,
.highlights-alltable-2nd tr td:first-child ,
.haitou-table-2nd td.t1,
.haitou-table-2nd td.t2,
.haitou-table-2nd td.t12 ,
.shwTable table tr td.tableColumnHead ,
td.tbColumnHead ,
.vtable-item > table > tbody > tr > th {
	text-align: left;
	vertical-align: middle;
	background-color: #f7f7f7;
}

/* 見出し行 */
/* 背景色と文字色を指定 */
.highlights-table tr.r0 th ,
.highlights-alltable-2nd tr.r0 th ,
.haitou-table-2nd th ,
.shwTable table tr td.tableRowHead ,
td.tbRowHead ,
.ircalendar-title > table > tbody > tr > th ,
thead th {
	text-align: center;
	vertical-align: top;
	background-color: #ebebeb;
}

/* 見出し中の太字 */
.vtable-item > table > tbody > tr > th strong ,
.ircalendar-title > table > tbody > tr > th strong {
	font-weight: normal;
}


/* お問い合わせを表組風に */
/* 枠線とセル内余白（セル相当）、背景色と文字色(見出し列相当)を指定 */
.form-wrapper .form-edit ,
.form-wrapper .form-selection ,
.form-wrapper .form-edit:before ,
.form-wrapper .form-selection:before ,
.form-wrapper .form-edit > label ,
.form-wrapper .form-selection > label {
	color: inherit;
	padding: 15px 25px;
	border: 1px solid transparent;

	text-align: left;
	vertical-align: middle;
	background-color: transparent;
}

/*-------------- テーブル縦 --------------*/
/* -- デフォルト比率  -- */
.vtable-item > table > tbody > tr > td {
	width: 25%;
}

.vtable-item > table > tbody > tr > th {
	width: 25%;
}

/*-------------- テーブル横 --------------*/
/* -- デフォルト比率  -- */
.ircalendar-title > table > tbody > tr > th,
.ircalendar-item > table > tbody >tr > td {
	width: 25%;
}

.ircalendar-title > table > tbody > tr > th.ircalendar-title1 ,
.ircalendar-item > table > tbody > tr > td.ircalendar-item1  {
/*	width: 25%; */
}

/*-------------- 表組 --------------*/
/* -- 表タイトル -- */
.shwTableTitle {
}

.shwTableTitle h2 {
	font-weight: bold;
	margin-bottom: 5px;
}

/* -- 表組 -- */
.shwTable {
	margin-bottom: 20px;
}

/* -- 単位（表組の外） -- */
.shwTable td.shw-table-row {
	color: inherit;
}


/*-------------- 財務ハイライト表組 --------------*/
.highlights-table ,
.highlights-alltable-2nd {
	margin-bottom: 40px;
}

/* 単位 */
.highlights-table .unit {
}

/*-------------- 配当 表組 --------------*/
.haitou-table-2nd {
	margin-bottom: 20px;
}

/* 配当予想セル */
.haitou-table-2nd table th.y0 ,
.haitou-table-2nd table td.y0 {
}


/*------------------------------------- 
 グラフ・財務ハイライト(グラフ)・配当金(グラフ)
-------------------------------------*/
/* important付きは、html上のスタイルを上書きする必要があるもの */



/*-------------- グラフ --------------*/
.graph {
	margin-bottom: 20px;
	overflow-x: hidden
}


/* -- グラフ データラベル 文字影設定 -- */
/* -- (IEではこの設定は効ない。グラフテーマの設定が優先される) -- */
.highcharts-data-labels text {
/*	text-shadow: 1px 1px 0px #FFF, -1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF !important; */
}

/* -- 財務ハイライトver2 グラフ (凡例を含むエリア) -- */
.highlights-2nd > div:not([class]) {
/*	height: auto !important; */
	margin-bottom: 40px;
}

/* -- 財務ハイライトver2 グラフ (凡例を含まないエリア) -- */
.highlights-2nd .highlights-graph {
/*	width: 100% !important; */
/*	min-width: auto !important; */
/*	max-width: none !important; */
/*	height: 400px !important; */
}

/* -- 財務ハイライトver2 グラフ 凡例 -- */
.highlights-2nd .legend {
/*	margin: auto !important; */
/*	width: auto !important; */
/*	min-width: auto !important; */
/*	max-width: none !important; */
/*	text-align: center; */
}

.highlights-2nd .legend-item-box {
/*	float: none !important; */
/*	display: inline-block !important; */
/*	margin-left: -5px; */
}

/*-------------- 配当グラフ --------------*/
.haitou-graph-2nd {
	margin-bottom: 40px;
}

.haitou-graph-2nd .graph {
/*	min-width: auto !important; */
/*	max-width: none !important; */
/*	height: 400px !important; */
}


/*------------------------------------- 
 ニュース
-------------------------------------*/
/*-- ver2 ニュース一覧・ニュース一覧（カテゴリ）・英文書一覧・英文書一覧（カテゴリ） --*/
.news-list-2nd ,
.news-list-tabbed-2nd ,
.news-english-2nd ,
.news-english-tabbed-2nd {
	position: relative;
	margin-bottom: 20px;
}

.news-list-2nd ul ,
.news-list-tabbed-2nd ul ,
.news-english-2nd ul ,
.news-english-tabbed-2nd ul {
	padding-top: 1px;
}

/* -- 1つのリリース -- */
.news-list-2nd ul li ,
.news-list-tabbed-2nd ul li ,
.news-english-2nd ul li ,
.news-english-tabbed-2nd ul li {
	position: relative;

	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.news-list-2nd ul li h3 ,
.news-list-tabbed-2nd ul li h3 ,
.news-english-2nd ul li h3 ,
.news-english-tabbed-2nd ul li h3 {
	position: relative;
	display: block; 
	padding-left: 0px;
	padding-top: 0px;
	padding-left: 14.2em;
}

/*-- 画像 --*/
.news-list-2nd ul li .n_img ,
.news-list-tabbed-2nd ul li .n_img ,
.news-english-2nd ul li .n_img ,
.news-english-tabbed-2nd ul li .n_img {
}

/* -- リリースのテキスト -- */
.news-list-2nd ul li .news_tx ,
.news-list-tabbed-2nd ul li .news_tx ,
.news-english-2nd ul li .news_tx ,
.news-english-tabbed-2nd ul li .news_tx {
}

.news-list-2nd ul li .news_tx a ,
.news-list-tabbed-2nd ul li .news_tx a ,
.news-english-2nd ul li .news_tx a ,
.news-english-tabbed-2nd ul li .news_tx a {
/*	color: inherit; */
}

/* -- 日付 -- */
.news-list-2nd ul li .date ,
.news-list-tabbed-2nd ul li .date ,
.news-english-2nd ul li .date ,
.news-english-tabbed-2nd ul li .date {
	position: absolute;
	top: 0;
	left: 0;
}

/* -- カテゴリアイコン -- */
.news-list-2nd ul li .c_icon ,
.news-list-tabbed-2nd ul li .c_icon ,
.news-english-2nd ul li .c_icon ,
.news-english-tabbed-2nd ul li .c_icon {
	position: absolute;
	top: 0;
	left: 7.2em;
}

/* -- ファイルアイコン -- */
.news-list-2nd ul li .d_icon ,
.news-list-tabbed-2nd ul li .d_icon ,
.news-english-2nd ul li .d_icon ,
.news-english-tabbed-2nd ul li .d_icon {
	margin-left: 5px;
}

/* -- もっと読む・詳細（ニュース概要） -- */
.news-list-2nd ul li .det_tx ,
.news-list-tabbed-2nd ul li .det_tx ,
.news-english-2nd .det_tx ,
.news-english-tabbed-2nd .det_tx {
	display: none;
}

/* -- 続きを読む -- */
.news-list-2nd ul li .det_tx em.more ,
.news-list-tabbed-2nd ul li .det_tx em.more ,
.news-english-2nd .det_tx em.more ,
.news-english-tabbed-2nd .det_tx em.more {
	display: none;
}


/*-- ver2 最新ニュース・最新ニュース（カテゴリ） --*/
.news-latest-2nd ,
.news-latest-tabbed-2nd {
	position: relative;
	margin-bottom: 20px;
}

.news-latest-2nd ul ,
.news-latest-tabbed-2nd ul {
	padding-top: 1px;
}

/* -- 1つのリリース -- */
.news-latest-2nd ul li ,
.news-latest-tabbed-2nd ul li {
	position: relative;

	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.news-latest-2nd ul li h3 ,
.news-latest-tabbed-2nd ul li h3 {
	position: relative;
	display: block; 
	padding-top: 0px;
	padding-left: 14.2em;
}

/*-- 画像 --*/
.news-latest-2nd ul li .n_img ,
.news-latest-tabbed-2nd ul li .n_img {
}

/* -- リリースのテキスト -- */
.news-latest-2nd ul li .news_tx ,
.news-latest-tabbed-2nd ul li .news_tx {
}

.news-latest-2nd ul li .news_tx a ,
.news-latest-tabbed-2nd ul li .news_tx a {
/*	color: inherit; */
}

/* -- 日付 -- */
.news-latest-2nd ul li .date ,
.news-latest-tabbed-2nd ul li .date {
	position: absolute;
	top: 0;
	left: 0;
}

/* -- カテゴリアイコン -- */
.news-latest-2nd ul li .c_icon ,
.news-latest-tabbed-2nd ul li .c_icon {
	position: absolute;
	top: 0;
	left: 7.2em;
}

/* -- ファイルアイコン -- */
.news-latest-2nd ul li .d_icon ,
.news-latest-tabbed-2nd ul li .d_icon {
	margin-left: 5px;
}

/* -- もっと読む・詳細（ニュース概要） -- */
.news-latest-2nd ul li .det_tx ,
.news-latest-tabbed-2nd ul li .det_tx {
	display: none;
}

/* -- 続きを読む -- */
.news-latest-2nd ul li .det_tx em.more ,
.news-latest-tabbed-2nd ul li .det_tx em.more {
	display: none;
}

/* -- 全てのニュース -- */
.news-latest-2nd .all ,
.news-latest-tabbed-2nd .all {
	margin-top: 10px;
	position: relative;
}

.news-latest-2nd .all a ,
.news-latest-tabbed-2nd .all a {
	display: block;
	padding-left: 18px;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 5px;
}


/*-- 中見出し(h2)の下にある場合 --*/
.title2 ~ .news-latest-2nd .all ,
.title2 ~ .news-latest-tabbed-2nd .all {
	position: absolute;
	top: -50px;
	right: 0;
	margin: 0;
	display: block;
}

/* テキスト変更 */
/*
.news-latest-2nd .all a ,
.news-latest-tabbed-2nd .all a {
	font-size: 0;
}

.news-latest-2nd .all a:after ,
.news-latest-tabbed-2nd .all a:after {
	font-size: 14px;
	display: block;
}

#header.ja ~ div .news-latest-2nd .all a:after ,
#header.ja ~ div .news-latest-tabbed-2nd .all a:after {
	content: "一覧へ";
}

#header.en ~ div .news-latest-2nd .all a:after ,
#header.en ~ div .news-latest-tabbed-2nd .all a:after {
	content: "List";
}
*/


/*-------------- タブ共通 --------------*/
/* -- 年度タブ -- */
p.yearTabs {
	margin-bottom: 20px;
	font-size: 0;
}

p.yearTabs a {
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	margin-bottom: 5px;
}

p.yearTabs a.active {
	font-weight: bold;
}

p.yearTabs a:hover ,
p.yearTabs a.active {
	background-color: #dddddd;
}


/* -- カテゴリタブ -- */
p.tabs{
	margin-bottom: 20px;
	font-size: 0;
}

p.tabs a {
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	margin-bottom: 5px;
}

p.tabs a.active {
	font-weight: bold;
}

p.tabs a:hover ,
p.tabs a.active {
	background-color: #dddddd;
}

/* アクティブなカテゴリタブをアイコン色と同色にする */
/*
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;
}
*/


/*-------------- テキスト化カテゴリアイコン (ver2専用) --------------*/
/*
.news-list-2nd ul li .c_icon ,
.news-list-tabbed-2nd ul li .c_icon ,
.news-english-2nd ul li .c_icon ,
.news-english-tabbed-2nd ul li .c_icon ,
.news-latest-2nd ul li .c_icon ,
.news-latest-tabbed-2nd ul li .c_icon {
	display: block;
}

.news-list-2nd ul li .c_icon:before ,
.news-list-tabbed-2nd ul li .c_icon:before ,
.news-english-2nd ul li .c_icon:before ,
.news-english-tabbed-2nd ul li .c_icon:before ,
.news-latest-2nd ul li .c_icon:before ,
.news-latest-tabbed-2nd ul li .c_icon:before {
	display: block;
	width: 76px;
	height: 24px;
	line-height: 1;
	font-size: 11px;
	text-align: center;
	padding-top: 7px;
	margin-top: -2px;

	color: #fff;
	background: #646464;
}

.news-list-2nd ul li .c_icon img ,
.news-list-tabbed-2nd ul li .c_icon img ,
.news-english-2nd ul li .c_icon img ,
.news-english-tabbed-2nd ul li .c_icon img ,
.news-latest-2nd ul li .c_icon img ,
.news-latest-tabbed-2nd ul li .c_icon img {
	display: none;
}

.news-list-2nd ul li.tekijiElm .c_icon:before ,
.news-list-tabbed-2nd ul li.tekijiElm .c_icon:before ,
.news-english-2nd ul li.tekijiElm .c_icon:before ,
.news-english-tabbed-2nd ul li.tekijiElm .c_icon:before ,
.news-latest-2nd ul li.tekijiElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.tekijiElm .c_icon:before {
	content: "適時開示";
}

.news-list-2nd ul li.resultElm .c_icon:before ,
.news-list-tabbed-2nd ul li.resultElm .c_icon:before ,
.news-english-2nd ul li.resultElm .c_icon:before ,
.news-english-tabbed-2nd ul li.resultElm .c_icon:before ,
.news-latest-2nd ul li.resultElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.resultElm .c_icon:before {
	content: "決算";
}

.news-list-2nd ul li.gyousekiElm .c_icon:before ,
.news-list-tabbed-2nd ul li.gyousekiElm .c_icon:before ,
.news-english-2nd ul li.gyousekiElm .c_icon:before ,
.news-english-tabbed-2nd ul li.gyousekiElm .c_icon:before ,
.news-latest-2nd ul li.gyousekiElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.gyousekiElm .c_icon:before {
	content: "業績";
}

.news-list-2nd ul li.prElm .c_icon:before ,
.news-list-tabbed-2nd ul li.prElm .c_icon:before ,
.news-english-2nd ul li.prElm .c_icon:before ,
.news-english-tabbed-2nd ul li.prElm .c_icon:before ,
.news-latest-2nd ul li.prElm .c_icon:before ,
.news-latest-tabbed-2nd ul.prElm li .c_icon:before {
	content: "PR";
}

.news-list-2nd ul li.irElm .c_icon:before ,
.news-list-tabbed-2nd ul li.irElm .c_icon:before ,
.news-english-2nd ul li.irElm .c_icon:before ,
.news-english-tabbed-2nd ul li.irElm .c_icon:before ,
.news-latest-2nd ul li.irElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.irElm .c_icon:before {
	content: "IR";
}

.news-list-2nd ul li.governanceElm .c_icon:before ,
.news-list-tabbed-2nd ul li.governanceElm .c_icon:before ,
.news-english-2nd ul li.governanceElm .c_icon:before ,
.news-english-tabbed-2nd ul li.governanceElm .c_icon:before ,
.news-latest-2nd ul li.governanceElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.governanceElm .c_icon:before {
	content: "ガバナンス";
}

.news-list-2nd ul li.yuhoElm .c_icon:before ,
.news-list-tabbed-2nd ul li.yuhoElm .c_icon:before ,
.news-english-2nd ul li.yuhoElm .c_icon:before ,
.news-english-tabbed-2nd ul li.yuhoElm .c_icon:before ,
.news-latest-2nd ul li.yuhoElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.yuhoElm .c_icon:before {
	content: "有報";
}

.news-list-2nd ul li.syosyuElm .c_icon:before ,
.news-list-tabbed-2nd ul li.syosyuElm .c_icon:before ,
.news-english-2nd ul li.syosyuElm .c_icon:before ,
.news-english-tabbed-2nd ul li.syosyuElm .c_icon:before ,
.news-latest-2nd ul li.syosyuElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.syosyuElm .c_icon:before {
	content: "招集通知";
}

.news-list-2nd ul li.noneElm .c_icon:before ,
.news-list-tabbed-2nd ul li.noneElm .c_icon:before ,
.news-english-2nd ul li.noneElm .c_icon:before ,
.news-english-tabbed-2nd ul li.noneElm .c_icon:before ,
.news-latest-2nd ul li.noneElm .c_icon:before ,
.news-latest-tabbed-2nd ul li.noneElm .c_icon:before {
	content: "その他";
}
*/


/*-------------- rss --------------*/
.rss-content {
}
.rss-content:after {
	content: "";
	display: block;
	clear: both;
}

.rss-content em {
	font-style: normal;
	float: right;
	margin-bottom: 10px;
}

.rss-content a {
	text-decoration: none;
}


.rss-content em {
	padding: 0 !important;
	background: none !important;
	margin-top: -16px;
}

.rss-content a {
	display: block;
	width: 45px;
	height: 13px;
	background: url("../../../../../../resources/sw_img/icon_rss.gif") no-repeat left top;
	background-size: contain;
}

.rss-content a:hover {
	opacity: 0.7;
}



/*------------------------------------- 
 マルチ２
-------------------------------------*/

/*----------- サムネイルなし -----------*/
.basic-list:not(.thumnail) ,
.basic-list-english:not(.thumnail) {
	margin-bottom: 40px;
}

.basic-list:not(.thumnail) ul.tabItems ,
.basic-list-english:not(.thumnail) ul.tabItems {
	border-top: 1px solid #ccc;
}

/* -- 1つのリリース -- */
.basic-list:not(.thumnail) ul.tabItems li ,
.basic-list-english:not(.thumnail) ul.tabItems li {
	position: relative;

	margin-top: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #ccc;
}

.basic-list:not(.thumnail) ul.tabItems li h3 ,
.basic-list-english:not(.thumnail) ul.tabItems li h3 {
	position: relative;
	display: block; 
	padding-top: 2em;
	padding-left: 9.5em;
}

.basic-list:not(.thumnail) ul.tabItems li a ,
.basic-list-english:not(.thumnail) ul.tabItems li a {
	text-decoration: none;
	color: inherit;
}

/* -- リリースのテキスト -- */
.basic-list:not(.thumnail) ul.tabItems li .news_tx ,
.basic-list-english:not(.thumnail) ul.tabItems li .news_tx {
}

.basic-list:not(.thumnail) ul.tabItems li a:hover .news_tx ,
.basic-list-english:not(.thumnail) ul.tabItems li a:hover .news_tx {
	text-decoration: underline;
}

/* -- 日付 -- */
.basic-list:not(.thumnail) ul.tabItems li .date ,
.basic-list-english:not(.thumnail) ul.tabItems li .date {
	position: absolute;
	top: 0;
	left: 20px;
}

/* -- カテゴリアイコン -- */
.basic-list:not(.thumnail) ul.tabItems li .c_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
/*	position: absolute; */
/*	top: 0; */
/*	left: 9.5em; */
	display: block;

	margin-top: -2em;
	min-height: 2em;
}

/* -- ファイルアイコン -- */
.basic-list:not(.thumnail) ul.tabItems li .d_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .d_icon {
	vertical-align: baseline;
}

/* NEWアイコン */
/* js制御される為、displayの設定は不可 */
.basic-list:not(.thumnail) ul.tabItems li .n_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .n_icon {
	margin: 0 0.5em;
}

.basic-list:not(.thumnail) ul.tabItems li .n_icon:before ,
.basic-list-english:not(.thumnail) ul.tabItems li .n_icon:before {
	content: "NEW";
	display: inline-block;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	color: #e7191b;
}

/* -- もっと読む・詳細（ニュース概要） -- */
.basic-list:not(.thumnail) ul.tabItems li .det_tx ,
.basic-list-english:not(.thumnail) ul.tabItems li .det_tx {
	display: none;
}


/*----------- サムネイルあり -----------*/
.basic-list.thumnail ,
.basic-list-english.thumnail {
	margin-bottom: 40px;
}

.basic-list.thumnail ul.tabItems ,
.basic-list-english.thumnail ul.tabItems {
	font-size: 0;
	text-align: left;
	margin-right: -20px;
}

/* PCでは１行に３つづつで、画像が上側、テキストは下側に配置 */
.basic-list.thumnail ul.tabItems li ,
.basic-list-english.thumnail ul.tabItems li {
	cursor: inherit;
	font-size: 14px;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;

	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 2 - 20px);
	margin-right: 20px;
	margin-bottom: 40px;
}

.basic-list.thumnail .n_img ,
.basic-list-english.thumnail .n_img {
	width: 100%;
	margin-bottom: 10px;
}

/* 日付、カテゴリアイコンを非表示 */
.basic-list.thumnail ul.tabItems li .date ,
.basic-list-english.thumnail ul.tabItems li .date {
	display: none;
}

.basic-list.thumnail ul.tabItems li .c_icon ,
.basic-list-english.thumnail ul.tabItems li .c_icon {
	position: static;
	margin: 10px 0 0;
}

.basic-list.thumnail ul.tabItems li a ,
.basic-list-english.thumnail ul.tabItems li a {
	color: #000;
	text-decoration: none;
}

.basic-list.thumnail ul.tabItems li a:hover img ,
.basic-list-english.thumnail ul.tabItems li a:hover img {
	-ms-opacity: 0.8;
	opacity: 0.8;
}

/* NEWアイコン */
/* js制御される為、displayの設定は不可 */
.basic-list.thumnail ul.tabItems li .n_icon ,
.basic-list-english.thumnail ul.tabItems li .n_icon {
	position: absolute;
	top: 0;
	right: 0;
}

.basic-list.thumnail ul.tabItems li .n_icon:before ,
.basic-list-english.thumnail ul.tabItems li .n_icon:before {
	content: "NEW";
	display: block;
	padding: 3px 10px;
	font-size: 12px;
	color: #fff;
	background: #ff5445;
}

/* 非公開アイコンテキスト */
/* タイルの形が崩れない様に上に載せている */
.basic-list.thumnail ul li .note_tx ,
.basic-list-english.thumnail ul li .note_tx {
	position: absolute;
	z-index: 1;
}

.basic-list.thumnail ul.tabItems li h3 ,
.basic-list-english.thumnail ul.tabItems li h3 {
	overflow: hidden;
}

/* ニューステキスト */
.basic-list.thumnail ul.tabItems li .news_tx ,
.basic-list-english.thumnail ul.tabItems li .news_tx {
	display: block;
	font-size: 15px;
	font-weight: bold;
}

/* 概要テキスト */
.basic-list.thumnail ul.tabItems li .det_tx ,
.basic-list-english.thumnail ul.tabItems li .det_tx {
	display: none;
}



/*----------- タブ(絞込み) -----------*/
.basic-list .countTab ,
.basic-list-english .countTab ,
.basic-list .clearTab ,
.basic-list-english .clearTab {
	display: none;
}

.basic-list .yearTabs ,
.basic-list-english .yearTabs {
	padding: 0;
	margin-bottom: 10px;
}

.basic-list .tabs ,
.basic-list-english .tabs {
	margin-bottom: 40px;
}

.basic-list .tabs:before ,
.basic-list-english .tabs:before {
	content: "絞り込み";
	display: block;
	font-size: 15px;
	margin-bottom: 15px;
}

.basic-list-english .tabs:before {
	content: "Category";
}

.basic-list .tabs > ul > li[aria-hidden="false"] ,
.basic-list-english .tabs > ul > li[aria-hidden="false"] {
	display: block;
}

.basic-list .yearTabs span ,
.basic-list-english .yearTabs span ,
.basic-list .tabs span ,
.basic-list-english .tabs span {
	display: inline-block;
	vertical-align: top;
	margin-right: 16px;
	margin-bottom: 16px;
}

.basic-list .yearTabs span:before ,
.basic-list-english .yearTabs span:before ,
.basic-list .tabs span:before ,
.basic-list-english .tabs span:before {
	display: inline-block;
	vertical-align: top;
/*
	width: 180px;
	padding: 18px 26px;
	font-size: 14px;
*/
	min-width: 134px;
	padding: 16px 16px;
	font-size: 12px;
	font-weight: bold;
	color: #0a2f82;
	border: 1px solid #0a2f82;
}

.basic-list-english .yearTabs span:before ,
.basic-list-english .tabs span:before {
	font-size: 11px;
	padding: 16px 8px 16px 14px;
}

.basic-list .yearTabs span[active="true"]:before ,
.basic-list-english .yearTabs span[active="true"]:before ,
.basic-list .tabs span[active="true"]:before ,
.basic-list-english .tabs span[active="true"]:before {
	color: #fff;
	background: #0a2f82;
}

.basic-list .yearTabs span:hover:before ,
.basic-list-english .yearTabs span:hover:before ,
.basic-list .tabs span:hover:before ,
.basic-list-english .tabs span:hover:before {
	color: #fff;
	background: #0a2f82;
}

/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list .tabs ul[data-category-level="1"] > li > span ,
.basic-list-english .tabs ul[data-category-level="1"] > li > span {
	display: none;
}

/* 全ての全てタブは、デフォルト非表示 */
.basic-list .tabs li.allall ,
.basic-list-english .tabs li.allall {
	display: none;
}


/*----------- カテゴリアイコン -----------*/
/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list .c_icon span[category-level="1"] ,
.basic-list-english .c_icon span[category-level="1"] {
	display: none;
}

.basic-list .c_icon span:before ,
.basic-list-english .c_icon span:before {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 5px;

	min-width: 90px;
	height: 19px;
	line-height: 1;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	padding: 4px 5px 0;

	color: #fff;
	background: #f26505;
}

.basic-list-english .c_icon span:before {
	font-size: 10px;
}

/* カテゴリ設定で設定した名称と、アイコン上の文字を変えたい場合は */
/* contentで上書きする。個別に背景色等を設定する場合も同様 */

/* IR系は、背景を青に */
.basic-list .c_icon span.tekiji:before ,
.basic-list-english .c_icon span.tekiji:before ,
.basic-list .c_icon span.result:before ,
.basic-list-english .c_icon span.result:before ,
.basic-list .c_icon span.gyouseki:before ,
.basic-list-english .c_icon span.gyouseki:before ,
.basic-list .c_icon span.pr:before ,
.basic-list-english .c_icon span.pr:before ,
.basic-list .c_icon span.ir:before ,
.basic-list-english .c_icon span.ir:before ,
.basic-list .c_icon span.governance:before ,
.basic-list-english .c_icon span.governance:before ,
.basic-list .c_icon span.yuho:before ,
.basic-list-english .c_icon span.yuho:before ,
.basic-list .c_icon span.meeting:before ,
.basic-list-english .c_icon span.meeting:before ,
.basic-list .c_icon span.none:before ,
.basic-list-english .c_icon span.none:before ,
.basic-list .c_icon span.monthly:before ,
.basic-list-english .c_icon span.monthly:before ,
.basic-list .c_icon span.notice:before ,
.basic-list-english .c_icon span.notice:before ,
.basic-list .c_icon span.shareholder:before ,
.basic-list-english .c_icon span.shareholder:before {
	background: #0a2f82;
}

/* 英語カテゴリ名 */
#header.en ~* .basic-list .tabs span.all:before ,
#header.en ~* .basic-list .tabs span.allall:before {
	content: "All";
}

.basic-list-english .c_icon span.tekiji:before ,
.basic-list-english .tabs span.tekiji:before ,
#header.en ~* .basic-list .c_icon span.tekiji:before ,
#header.en ~* .basic-list .tabs span.tekiji:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.tekiji:before {
	content: "Timely Disclosure";
}
.basic-list-english .c_icon span.result:before ,
.basic-list-english .tabs span.result:before ,
#header.en ~* .basic-list .c_icon span.result:before ,
#header.en ~* .basic-list .tabs span.result:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.result:before {
	content: "Financial Results";
}
.basic-list-english .c_icon span.gyouseki:before ,
.basic-list-english .tabs span.gyouseki:before ,
#header.en ~* .basic-list .c_icon span.gyouseki:before ,
#header.en ~* .basic-list .tabs span.gyouseki:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.gyouseki:before {
	content: "Business Performance";
}
.basic-list-english .c_icon span.pr:before ,
.basic-list-english .tabs span.pr:before ,
#header.en ~* .basic-list .c_icon span.pr:before ,
#header.en ~* .basic-list .tabs span.pr:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.pr:before {
/*	content: "PR"; */
}
.basic-list-english .c_icon span.ir:before ,
.basic-list-english .tabs span.ir:before ,
#header.en ~* .basic-list .c_icon span.ir:before ,
#header.en ~* .basic-list .tabs span.ir:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.ir:before {
/*	content: "IR"; */
}
.basic-list-english .c_icon span.governance:before ,
.basic-list-english .tabs span.governance:before ,
#header.en ~* .basic-list .c_icon span.governance:before ,
#header.en ~* .basic-list .tabs span.governance:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.governance:before {
	content: "Governance";
}
.basic-list-english .c_icon span.yuho:before ,
.basic-list-english .tabs span.yuho:before ,
#header.en ~* .basic-list .c_icon span.yuho:before ,
#header.en ~* .basic-list .tabs span.yuho:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.yuho:before {
	content: "Annual Securities Report";
}
.basic-list-english .c_icon span.meeting:before ,
.basic-list-english .tabs span.meeting:before ,
#header.en ~* .basic-list .c_icon span.meeting:before ,
#header.en ~* .basic-list .tabs span.meeting:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.meeting:before {
	content: "Notice of Convocation";
}
.basic-list-english .c_icon span.none:before ,
.basic-list-english .tabs span.none:before ,
#header.en ~* .basic-list .c_icon span.none:before ,
#header.en ~* .basic-list .tabs span.none:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.none:before {
	content: "IR Other";
}
.basic-list-english .c_icon span.monthly:before ,
.basic-list-english .tabs span.monthly:before ,
#header.en ~* .basic-list .c_icon span.monthly:before ,
#header.en ~* .basic-list .tabs span.monthly:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.monthly:before {
	content: "Monthly Reports";
}
.basic-list-english .c_icon span.notice:before ,
.basic-list-english .tabs span.notice:before ,
#header.en ~* .basic-list .c_icon span.notice:before ,
#header.en ~* .basic-list .tabs span.notice:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.notice:before {
	content: "Information";
}
.basic-list-english .c_icon span.shareholder:before ,
.basic-list-english .tabs span.shareholder:before ,
#header.en ~* .basic-list .c_icon span.shareholder:before ,
#header.en ~* .basic-list .tabs span.shareholder:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.shareholder:before {
	content: "Shareholder Documents";
}

.basic-list-english .c_icon span.prod-serv:before ,
.basic-list-english .tabs span.prod-serv:before ,
#header.en ~* .basic-list .c_icon span.prod-serv:before ,
#header.en ~* .basic-list .tabs span.prod-serv:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.prod-serv:before {
	content: "Products・Services";
}
.basic-list-english .c_icon span.store:before ,
.basic-list-english .tabs span.store:before ,
#header.en ~* .basic-list .c_icon span.store:before ,
#header.en ~* .basic-list .tabs span.store:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.store:before {
	content: "Stores";
";
}
.basic-list-english .c_icon span.event-pr:before ,
.basic-list-english .tabs span.event-pr:before ,
#header.en ~* .basic-list .c_icon span.event-pr:before ,
#header.en ~* .basic-list .tabs span.event-pr:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.event-pr:before {
	content: "Event・PR";
}
.basic-list-english .c_icon span.new-act:before ,
.basic-list-english .tabs span.new-act:before ,
#header.en ~* .basic-list .c_icon span.new-act:before ,
#header.en ~* .basic-list .tabs span.new-act:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.new-act:before {
	content: "New Initiatives";
}
.basic-list-english .c_icon span.social-env:before ,
.basic-list-english .tabs span.social-env:before ,
#header.en ~* .basic-list .c_icon span.social-env:before ,
#header.en ~* .basic-list .tabs span.social-env:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.social-env:before {
	content: "Social・Environment";
}
.basic-list-english .c_icon span.overseas:before ,
.basic-list-english .tabs span.overseas:before ,
#header.en ~* .basic-list .c_icon span.overseas:before ,
#header.en ~* .basic-list .tabs span.overseas:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.overseas:before {
	content: "Overseas Business";
}
.basic-list-english .c_icon span.company:before ,
.basic-list-english .tabs span.company:before ,
#header.en ~* .basic-list .c_icon span.company:before ,
#header.en ~* .basic-list .tabs span.company:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.company:before {
	content: "Corporate Information";
}

.basic-list-english .c_icon span.letter:before ,
.basic-list-english .tabs span.letter:before ,
#header.en ~* .basic-list .c_icon span.letter:before ,
#header.en ~* .basic-list .tabs span.letter:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.letter:before {
	content: "Newsletter";
}

.basic-list-english .c_icon span.kaiji:before ,
.basic-list-english .tabs span.kaiji:before ,
#header.en ~* .basic-list .c_icon span.kaiji:before ,
#header.en ~* .basic-list .tabs span.kaiji:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.kaiji:before {
	content: "Disclosure";
}
.basic-list-english .c_icon span.other_release:before ,
.basic-list-english .tabs span.other_release:before ,
#header.en ~* .basic-list .c_icon span.other_release:before ,
#header.en ~* .basic-list .tabs span.other_release:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.other_release:before {
	content: "Other";
}

.basic-list-english .c_icon span.z_important:before ,
.basic-list-english .tabs span.z_important:before ,
#header.en ~* .basic-list .c_icon span.z_important:before ,
#header.en ~* .basic-list .tabs span.z_important:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.z_important:before {
	content: "Important";
}
.basic-list-english .c_icon span.z_apology:before ,
.basic-list-english .tabs span.z_apology:before ,
#header.en ~* .basic-list .c_icon span.z_apology:before ,
#header.en ~* .basic-list .tabs span.z_apology:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.z_apology:before {
	content: "Apology";
}
.basic-list-english .c_icon span.z_ir4:before ,
.basic-list-english .tabs span.z_ir4:before ,
#header.en ~* .basic-list .c_icon span.z_ir4:before ,
#header.en ~* .basic-list .tabs span.z_ir4:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.z_ir4:before {
/*	content: "IR"; */
}
.basic-list-english .c_icon span.z_excl:before ,
.basic-list-english .tabs span.z_excl:before ,
#header.en ~* .basic-list .c_icon span.z_excl:before ,
#header.en ~* .basic-list .tabs span.z_excl:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.z_excl:before {
/*	content: "!"; */
}


.basic-list-english .c_icon span.release:before ,
.basic-list-english .tabs span.release:before ,
#header.en ~* .basic-list .c_icon span.release:before ,
#header.en ~* .basic-list .tabs span.release:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.release:before {
	content: "News Release";
}
.basic-list-english .c_icon span.renkei:before ,
.basic-list-english .tabs span.renkei:before ,
#header.en ~* .basic-list .c_icon span.renkei:before ,
#header.en ~* .basic-list .tabs span.renkei:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.renkei:before {
	content: "IR Release";
}
.basic-list-english .c_icon span.z_temporarily:before ,
.basic-list-english .tabs span.z_temporarily:before ,
#header.en ~* .basic-list .c_icon span.z_temporarily:before ,
#header.en ~* .basic-list .tabs span.z_temporarily:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.z_temporarily:before {
}
.basic-list-english .c_icon span.z_information:before ,
.basic-list-english .tabs span.z_information:before ,
#header.en ~* .basic-list .c_icon span.z_information:before ,
#header.en ~* .basic-list .tabs span.z_information:before ,
body.superMulti #header.en ~* #page-intro .category-icon span.z_information:before {
}



/* マルチ２一覧 カテゴリをフラット選択に */
.layout_flat_category .basic-list .tabs li.allall ,
.layout_flat_category .basic-list-english .tabs li.allall ,
.layout_flat_category .basic-list .tabs span.allall ,
.layout_flat_category .basic-list-english .tabs span.allall {
	display: inline-block;
}

.layout_flat_category .basic-list .tabs li.all ,
.layout_flat_category .basic-list-english .tabs li.all {
	display: none;
}

.layout_flat_category .basic-list .tabs > ul > li[aria-hidden="false"] ,
.layout_flat_category .basic-list-english .tabs > ul > li[aria-hidden="false"] {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

.layout_flat_category .basic-list .tabs ,
.layout_flat_category .basic-list-english .tabs {
	padding: 0;
}



/*------------------------------------- 
 メディア
-------------------------------------*/
/*------------- flash --------------*/
.flash-animation {
	margin: auto;
	text-align: center;
}

.flash-animation embed {
	width: 100%;
	height: 100%;
}

/*-------------- 動画 --------------*/
/* .videoとしてはいけない */
div.video {
	margin-bottom: 10px;
}

div.video dl {
	width: 100%;
}

div.video dl dt {
	text-align: center;
	margin-bottom: 5px;
}

div.video dl dt video {
	width: auto;
	max-width: 100%;
}

div.video dl dd {
}

/* -- 動画キャプション -- */
div.video dl dd.caption {
}

/* -- 動画コピーライト -- */
div.video dl dd.copyright {
}

/* -- 動画ディスクリプション -- */
div.video dl dd.longdesc {
/*	display: none; */
}


/*-------------- 音声 --------------*/
/* .audioとしてはいけない */
div.audio {
	margin-bottom: 10px;
}

div.audio dl {
	width: 80%;
	margin: auto;
}

div.audio dl dt {
	margin-bottom: 5px;
}

div.audio dl dt audio {
	width: 100%;
}

div.audio dl dd {
}

/* -- 音声キャプション -- */
div.audio dl dd.caption {
}

/* -- 音声コピーライト -- */
div.audio dl dd.copyright {
}

/* -- 音声ディスクリプション -- */
div.audio dl dd.longdesc {
/*	display: none; */
}


/*-------------- GoogleMap（地図埋め込み） --------------*/
div.map {
	position: relative;
	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;
}

/*----- １カラムの場合、地図が画面端まであるとスクロールさせずらいので余白を設ける -----*/
.multiColumn1 div.map {
	margin-left: 30px;
	margin-right: 30px;
}


/*-------------- YouTube（動画埋め込み） --------------*/
div.youtube {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

div.youtube > iframe {
	display: block;
	margin: auto;
}



/*-------------- iframe表示 --------------*/
.disp-external-page {
}

.disp-external-page iframe {
	border: none;
	display: block;
	width: 100%;
	height: 800px;
	margin: auto;
}


/*------------------------------------- 
 サイトマップ
-------------------------------------*/
/*-------------- サイトマップ --------------*/
.sitemap {
	display: inline-block;
	vertical-align: top;
	width: 48.5%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.sitemap:nth-child(even) {
	margin-right: 0;
}

/* -- 第１階層(ja)・第２階層 -- */
.sitemap > h2 {
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	border: #CCC 1px solid;
	margin-bottom: 12px;
	padding: 8px 8px 6px;
}

.sitemap > h2 a {
	padding-left: 12px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}
.sitemap > h2 a:hover {
	opacity: 0.7;
}

/* -- 第３階層 -- */
.sitemap > ul {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 2%;
}
.sitemap > ul:nth-child(odd) { /* 最初にh2がある為、奇数が左側 */
	margin-right: 0;
}

.sitemap > ul > li {
	padding-left: 12px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	margin-left: 8px;
	margin-bottom: 5px;
}

/* -- 第４階層 -- */
.sitemap > ul > li > ul {
	margin-top: 10px;
}

.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;
}

/* -- 第５階層以降は非表示 -- */
.sitemap > ul > li > ul > li > ul {
	display: none;
}


/*-------------- 正規化版サイトマップ --------------*/
.sitemap-1st {
	font-size: 0;
}

.sitemap-1st > ul > li  {
	display: inline-block;
	vertical-align: top;
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 20px;
}
.sitemap-1st > ul > li:nth-child(even) {
	margin-right: 0;
}

/* -- 第１階層(ja)・第２階層 -- */
.sitemap-1st > a ,
.sitemap-1st > ul > li > a {
	line-height: inherit;
	font-size: 14px;

	display: block;
	font-weight: bold;
	border: #CCC 1px solid;
	margin-bottom: 12px;
	padding: 8px 8px 6px 20px;
	line-height: 1.2;

	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 8px center no-repeat;
	color: inherit;
	font-weight: bold;
}

/* -- 第３階層 -- */
.sitemap-1st ul.siteLevel_2 > li {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 4%;
}
.sitemap-1st ul.siteLevel_2 > li:nth-child(even) {
	margin-right: 0;
}

.sitemap-1st ul.siteLevel_2 > li > a {
	font-size: 14px;

	display: block;
	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;
}

/* -- 第４階層 -- */
.sitemap-1st ul.siteLevel_3 {
	margin-top: 10px;
}

.sitemap-1st ul.siteLevel_3 > li {
	margin-top: 10px;
}

.sitemap-1st ul.siteLevel_3 > li > a {
	font-size: 14px;

	display: block;
	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;
}

/* -- 第５階層以降は非表示 -- */
.sitemap-1st ul.siteLevel_4 {
	display: none;
}


/*------------------------------------- 
 フッター専用パーツ
-------------------------------------*/
/*-------------- フッター（テキストと画像） --------------*/
.footer-about {
}

.footer-about h4 {
	font-weight: bold;
	line-height: 1.2;
	border-left: #999 3px solid;
	padding-top: 1px;
	padding-left: 8px;
	margin-bottom: 8px;
}

.footer-about img {
	display: block;
	margin: auto;
}

/*-------------- フッタリンクリスト --------------*/
.footer-link-list {
}

.footer-link-list h4 {
}

.footer-link-list ul {
}

.footer-link-list ul:after {
	content: "";
	display: block;
	clear: both;
}

.footer-link-list ul li {
}


/*-------------- 内部フッタリンク --------------*/
/*-------------- 外部フッタリンク --------------*/
.footer-link-list ul li.footer-link-internal ,
.footer-link-list ul li.footer-link-external {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") 6px 0.4em no-repeat;
	padding-left: 18px;
}
.footer-link-list ul li.footer-link-internal a ,
.footer-link-list ul li.footer-link-external a {
}

/* -- 別窓アイコン -- */
.footer-link-list .footer-link-internal a[target="_blank"]:after ,
.footer-link-list .footer-link-external a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.svg") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin: 0 5px;
}


/* --------------------------------------
 フォーム
-------------------------------------- */
/* FORMS
-------------------- */
/*
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input,
textarea,
select {
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.validity-alert {
	font-family: 'arial', 'helvetica', 'sans-serif';
	font-size: 14px;
}
textarea {
	font-family: 'arial', 'helvetica', 'sans-serif';
}
.form-box {
/*	width: 95%; */
/*	padding: 0 20px; */
	margin: auto;
}
.form-wrapper {
	clear: both;
	margin: auto;
}

.form-wrapper div:after {
	content: "";
	display: block;
	clear: both;
}

#step-by-step {
	margin: 20px 0;
	padding: 4px 10px;
	border-radius: 5px;
	background: #0d8ccc;
}
#step-by-step ol {
	zoom: 1;
	list-style-position: inside;
	color: #fff;
}
#step-by-step ol:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#step-by-step li  {
	float: left;
	margin: 0 20px 0 0;
	padding: 4px;
	border-radius: 5px;
	list-style-position: inside;
}
#step-by-step li.do  {
	background: #EC1549;
}
#step-by-step li.do button {
	color: #fff;
}
#step-by-step li button {
	display: inline-block;
	padding: 3px;
	background: transparent;
	border: none;
	-webkit-appearance: none;
	color: #fff;
	font-family: 'arial','helvetica','sans-serif';
	cursor: pointer;
}
#step-by-step li button:hover,
#step-by-step li button:focus,
#step-by-step li button:active {
	text-decoration: underline;
}
#step-by-step li button[disabled] {
	cursor: default;
	color: #ccc;
	text-decoration: none;
}

.form-wrapper fieldset {
	border: none;
	margin: 5px 0 30px 0;
}
.form-wrapper fieldset > h2 {
	margin-bottom: 10px;
	padding: 5px 10px;
	color: #333;
	background-color: #CCCCCC;
}
.form-wrapper p.required {
	text-align: right;
}
/*.form-wrapper*/ #Check p.required {
	display: none;
}
.form-wrapper p.required span,
.form-wrapper dfn {
	color: #ec1549;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}


.form-wrapper div.form-edit span ,
.form-wrapper div.form-selection span {
}
.form-row {
	clear: both;
	zoom: 1;
	border-bottom: 1px dotted #b3b3b3;
	padding: 10px 0 15px 0;
}
.form-row div {
	width: auto;
	border-bottom: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.form-row .form-item {
	margin: 0;
	clear: none;
}
.form-wrapper label {
	position: relative;
	display: block;
	cursor: inherit;
}
.form-wrapper label[for="text"] {
}
.form-wrapper label span {
}
.form-wrapper fieldset .multiple-labels fieldset input,
.form-wrapper input,
.form-wrapper textarea,
.form-wrapper div.mod input.mod {
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	margin: 3px 0 0 0;
	border: 1px solid #ddd;
	padding: 10px 3px 10px 3px;
	background: #ffffff;
}
.form-wrapper input[type="submit"] {
	display: inline;
	border: 1px solid #c2c2c2;
}
.step-controls {
	position: relative;
	top: 2px;
}
.input-datetime-local .step-controls {
	top: auto;
}
.form-item-hidden,
.form-wrapper input[type=hidden] {
   display: none;
}
.form-wrapper .multiple-labels fieldset input.a11y-focus,
.form-wrapper .multiple-labels fieldset input:focus,
.form-wrapper input:focus,
.form-wrapper textarea:focus,
.form-wrapper input.a11y-focus,
.form-wrapper textarea.a11y-focus {
	border: 1px solid #000;
	background: #FFFFFF;
}
.form-wrapper input[type=radio].a11y-focus,
.form-wrapper input[type=checkbox].a11y-focus {
	background: transparent;
	border: none;
}
.form-wrapper textarea {
	width: 100%;
}
.form-wrapper select {
	display: block;
	width: 310px;
	margin: 5px 0 0 0;
}
.form-wrapper div span.input-datetime-local {
	font-size: 100%;
}
.form-wrapper h4 {
	padding: 0 0 10px 0;
	color: #000;
	font-size: 130%;
	font-weight: bold;
}
.form-wrapper div.multiple-labels label span {
	color: #555;
	font-size: 110%;
	font-weight: normal;
}
.form-row label span {
	display: inline;
}
.form-row label.m span {
	clear: both;
	padding: 0 0 5px 0;
}
.form-row span.help a {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -651px no-repeat;
	padding-left: 15px;
}

/* multiple inputs in one row */
.form-row .form-item-s,
.form-row .form-item-m,
.form-row .form-item-l {
	float: left;
	margin: 0;
	clear: none;
	width: 92px;
}
.form-row .form-item-m {
	width: 161px;
	padding: 0;
}
.form-row .form-item-l {
	width: 363px;
}
.form-row .form-item-s input {
	width: 70px;
}
.form-wrapper .form-row .form-item-m input {
	width: 139px;
}
.form-row .form-item-l input {
	width: 209px;
}

/* checkboxes & radiobuttons */
.form-wrapper fieldset fieldset {
	margin: 0;
	padding: 0;
}
.form-wrapper fieldset fieldset .form-item {
	float: none;
	display: block;
	clear: both;
}
.form-wrapper fieldset fieldset input {
	width: auto;
	display: inline;
	background: transparent;
	border: none;
}
#main .form-wrapper fieldset fieldset legend {
	text-indent: -9999px;
	font-size: 0;
}
.form-wrapper  fieldset fieldset div.form-item label {
	display: inline;
}

/* mod for short elements */
.form-wrapper fieldset fieldset.mod .form-item {
	float: left;
	clear: none;
	margin-right: 15px;
}
.form-wrapper fieldset fieldset.mod .form-item label {
	display: inline;
}

/* table date-picker */
.input-date-datepicker-control td:hover {
    background-color: #BBEEFF;
    border: none;
    -webkit-box-shadow: 0 3px 9px rgba(255, 255, 255, 0.9) inset;
            box-shadow: 0 3px 9px rgba(255, 255, 255, 0.9) inset;
}
.input-date-datepicker-control td.ui-datepicker-today {
	border: none;
	background: #EC1549;
}
.input-date-datepicker-control td.ui-datepicker-today a {
	color: #fff;
}
.input-date-datepicker-control td.ui-datepicker-current-day {
	border: none;
	background: #999;
}

/* Submit */
.form-wrapper div.button-wrapper {
	width: 100%;
	position: relative;
	border: none;
	padding: 30px 0 5px;
	text-align: center;
}
.form-wrapper fieldset div.button-wrapper em {
	float: right;
	margin-top: -24px;
	font-size: 140%;
}
.new-search .button,  /* button outside button-wrapper */
.form-wrapper div.button-wrapper input { /* button */
	right: auto;
	width: auto;
	margin: 5px;
	padding: 20px 70px;
	/*color: #fff;*/
	cursor: pointer;
	font-size: 120%;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 5px;
}

/* -- 確認ページ -- */
.form-summary {
	margin: 0 auto 20px;
}

.form-summary table {
}

.form-summary table caption {
}

.form-summary table td {
/*	border: solid #7F9BDA 1px; */
/*	padding: 5px 10px; */
	white-space: pre;
	white-space: pre-line;
	word-break: break-word;
	width: 70%;
}

.form-summary table td:first-child {
/*	color: #333;  */
/*	background-color: #DCE5F4; */
/*	font-weight: bold; */
/*	text-align: left; */
	width: 30%;
}

.new-search .button {  /* button outside button-wrapper */
	padding-top: 3px;
	padding-bottom: 4px;
}
.new-search .button:hover,
.new-search .button:active,
.new-search .button:focus,
.form-wrapper div.button-wrapper input:hover,
.form-wrapper div.button-wrapper input:active,
.form-wrapper div.button-wrapper input:focus {
	background: #B9B9B9;
	/*color: #fff;*/
	border: 1px solid #111;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
}
/* link-Button */
a.button {
	background: #b90834 url("../../../../../../resources/templating-kit/themes/pop/img/bgs/submit.png") 0 0 repeat-x;
	min-width: 60px;
	width: auto;
	border: 1px solid #f19eb2;
	border-right: 1px solid #920728;
	border-bottom: 1px solid #920728;
	padding: 3px 20px 2px 20px;
	text-align: center;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
a.button span {
	position: absolute;
}
a.button:hover,
a.button:active,
a.button:focus {
	color: #fac4d1;
}

/* error messages */
.error {
	color: #ec1549;
	font-weight: bold;
}

.error a ,
.error a:hover {
	color: #333;
	text-decoration: none;
	cursor: default;
}

.form-box .error h1 {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons../../img/bgs/error.png") 0 8px no-repeat;
	margin-bottom: 10px;
	padding: 5px 0 0 30px;
	color: #ec1549;
}
.form-box div.error {
	margin: 20px 0;
	font-weight: bold;
}
.form-box div.error ul {
	margin: 0 0 0 45px;
}
.form-box div.error li {
	color: #ec1549;
}
.form-box div.error li a,
.form-box div.error label span {
	color: #ec1549;
}

.form-wrapper div.error {
	margin: 0;
}
.form-ui-invalid {
	border-color: #ec1549;
}
.form-wrapper div.error input,
.form-wrapper div.error select,
.form-wrapper div.error textarea,
.form-wrapper div input.form-ui-invalid,
.form-wrapper div textarea.form-ui-invalid,
.form-wrapper div select.form-ui-invalid {
	border: 1px solid #ec1549;
}


/* success messages */
.form-box .success {
	margin: 10px 0;
}
.form-box .success h1 {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/bgs/confirmed.png") 0 8px no-repeat;
	margin-bottom: 10px;
	padding: 5px 0 0 30px;
	color: #afaf00;
}



/* -- お問い合わせページ　設定例 -- */
.form-wrapper div.form-edit ,
.form-wrapper div.form-selection {
	background: none;

	position: relative;
	padding: 0;
	margin: 0;
	margin-bottom: -1px;
}

/* 左セル */
.form-wrapper div.form-edit:before ,
.form-wrapper div.form-selection:before {
	border-top: none;
	border-bottom: none;
	border-left: none;

	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 25%;
	height: 100%;
}

.form-wrapper div.form-edit > label ,
.form-wrapper div.form-selection > label {
	border: none;
	background: none;

	position: relative;
	float: left;
	width: 25%;
	margin-top: 15px;
	text-align: right;
	font-weight: bold;
}

.form-wrapper div.form-edit > label dfn ,
.form-wrapper div.form-selection > label dfn {
	position: absolute;
	right: 5px;
	top: auto;
	margin-top: 2px;
}



/* 右セル */
.form-wrapper div.form-edit > input[type="text"] ,
.form-wrapper div.form-edit > textarea ,
.form-wrapper div.form-edit > span ,
.form-wrapper div.form-selection > fieldset {
	margin: 0;

	float: right;
	width: calc(75% - 20px);
	margin-right: 10px;
}

/*-- 入力フィールド --*/
.form-wrapper div.form-edit {
}

.form-wrapper div.form-edit > input[type="text"] ,
.form-wrapper div.form-edit > textarea {
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 15px 15px;
	border-radius: 5px;
}


.form-wrapper div.form-edit > span {
	padding: 0;
	font-size: 87.5%;
	color: #555;
}


/*-- セレクトボタン(チェックボックス・ラジオボタン・セレクトボックス) --*/
.form-wrapper div.form-selection {
}

.form-wrapper div.form-selection > fieldset {
	margin-top: 15px;
	margin-bottom: 5px;
}

.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: 15px 15px;
	border-radius: 5px;
	border: 1px solid #ddd;
}



/* --------------------------------------
 個別設定
-------------------------------------- */
/* -- スマホ -- */
.sp_navi {
	display: none;
}

#panel2-sw ,
.panel2-sw ,
.panel2-btn {
	display: none;
}


/* google search */
.gsc-control-cse ,
.gsc-control-cse * {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.gsc-control-cse {
	line-height: 1;
}


/*-- 上に戻るリンク 設定例：scroll.js用 --*/
#site-info .topcontrol ,
#topcontrol {
	position: fixed;
	font-size: 0;
	height: 0;
	width: 100%;
	left: 0;
	bottom: -65px;
	opacity: 0.3;
	z-index: 10000;

	-webkit-transition: 0.5s 0.1s;
	-o-transition: 0.5s 0.1s;
	transition: 0.5s 0.1s;
}

#site-info .topcontrol > div {
	max-width: calc(1000px + (51px + 65px) *2);
/*	max-width: 1162px; */
}

/* フッターより下に行かない設定 */
#site-info .topcontrol.fix-bottom {
	position: absolute;
}

#site-info .topcontrol.visible ,
#topcontrol.visible {
	bottom: 35px;
	opacity: 1;
}

/* 画像を使用する場合 */
#site-info .topcontrol a ,
#topcontrol a {
	position: absolute;
	right: 35px;
	bottom: 0px;
	cursor: pointer;
	margin: auto;

	display: block;
	width: 65px;
	height: 65px;
	background: url("../../../../../../resources/sw_img/icon_up.png") no-repeat center top;
	background-size: contain;
}

#site-info .topcontrol.visible a ,
#topcontrol.visible a {
}


/* 画像を使用しない場合 */
/*
#site-info .topcontrol a ,
#topcontrol a {
	position: relative;
	right: 50px;
	bottom: 50px;
	cursor: pointer;
	margin: auto;

	display: block;
	width: 51px;
	height: 42px;
	background: rgba(0,0,0, 0.53);
}

#site-info .topcontrol a:before ,
#topcontrol a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -9px;
	display: block;
	width: 17px;
	height: 17px;
	border-top: 3px solid #FFF;
	border-left: 3px solid #FFF;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}
*/

#site-info .toTop ,
#toTop {
	text-align: right;
	margin: 3em 20px 80px;
}

#site-info .toTop a ,
#toTop a {
	padding-left: 1.44em;
	display: inline-block;
	position: relative;
	overflow: visible;
}

#site-info .toTop a:before ,
#toTop a:before {
	content: "";
	margin-top: -0.3em;
	border-top: 0.1em solid #e50000;
	border-right: 0.1em solid #e50000;
	width: 0.7em;
	height: 0.7em;
	position: absolute;
	top: 0.85em;
	left: 0;
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	    transform: rotate(315deg);
}

#site-info .toTop ,
#toTop {
	display: none;
}


/*-- ヘッダー --*/
#header {
	min-width: 1260px;
	height: 106px;
}

#promos3 .area-sp-header {
	display: none !important;
}

#promos3 .area-pc-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
/*	min-width: 1260px; */
	height: 106px;
	background: #fff;
	border-bottom: 1px solid #ccc;
	z-index: 10001;
}

#promos3 .area-header-panel {
	position: relative;
/*	width: 1260px; */
	height: 50px;
}

#promos3 .area-header-sub-panel {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0;
}


/* ロゴ */
#promos3 .area-logo {
	position: absolute;
	left: 0;
	top: 20px;
}

#promos3 .area-logo a {
	width: 404px;
	padding: 10px;
	color: #222;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.08em;
}

#promos3 .area-logo a img ,
#promos3 .area-logo a svg {
	width: 384px;
	height: 33px;
	margin-bottom: 5px;
}

#promos3 .area-logo a svg path ,
#promos3 .area-logo a svg polygon {
	stroke: none;
}


/* ヘッダーリンク集 */
#promos3 .area-header-link {
	float: left;
	padding: 15px 0;
	margin-left: 15px;
}

#promos3 .area-header-link .link-list li {
	display: inline-block;
	margin-left: 25px;
}

#promos3 .area-header-link .link-list li a {
	display: inline-block;
	color: #555;
	font-size: 12px;
	letter-spacing: 0.08em;
	margin-bottom: 5px;
	border-bottom: 1px solid transparent;
}

#promos3 .area-header-link .link-list li a:hover {
	border-color: #999;
}


/* 言語ナビ */
#promos3 .area-lang-navi {
	float: left;
	padding: 15px 0;
	margin-left: 15px;
}

#promos3 .area-lang-navi .link-list li:before {
	content: "";
	position: absolute;
	top: 6px;
	right: 5px;
	display: block;
	border: 4px solid transparent;
	border-top: 7px solid #929599;
}

#promos3 .area-lang-navi .link-list ul li a {
	color: #555;
	font-size: 12px;
	letter-spacing: 0.08em;
	border-bottom: 1px solid transparent;
}

#promos3 .area-lang-navi .link-list li a:hover {
	border-color: #999;
}


/* ショップリンク */
#promos3 .area-shop-link {
	float: left;
	margin-left: 15px;
}

#promos3 .area-shop-link .link-list li {
	display: inline-block;
}

#promos3 .area-shop-link .link-list li a {
	position: relative;
	height: 45px;
	padding: 11px 15px;
	background: #0a2f82;
	color: #fff;
	font-size: 12px;
	line-height: 23px;
	letter-spacing: 0.08em;
}

#promos3 .area-shop-link .link-list li.internal-link-text.highlight a {
	color: #fff;
	background: #24BCA4;
}

#promos3 .area-shop-link .link-list li.internal-link-text.highlight a:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 32px;
	height: 24px;
	background: url(../../../../../../resources/sw_img/icon_store.svg) no-repeat center center;
	background-size: contain;
	margin: -2px 5px;
}

#promos3 .area-shop-link .link-list li.external-link-text.highlight a {
	background: #f26505;
}

#promos3 .area-shop-link .link-list li.external-link-text.highlight a:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	background: url(../../../../../../resources/sw_img/icon_cart.svg) no-repeat center center;
	background-size: contain;
	margin: 0 5px;
}



/* グロナビ */
#promos3 .area-gnavi {
	width: 100%;
/*	min-width: 1260px; */
	height: 55px;
	font-size: 0;
	z-index: 1;
}

#promos3 .area-gnavi > div {
/*	width: 1260px; */
	text-align: right;
}

#promos3 .area-gnavi > div > div {
}

#promos3 .area-gnavi > div > div > div {
	display: inline-block;
	padding: 0 12px;
}


#promos3 .area-gnavi .text-section.highlight {
	cursor: pointer;
	padding: 15px 3px 17px;
	margin-right: 10px;
}

#promos3 .area-gnavi .text-section.highlight img ,
#promos3 .area-gnavi .text-section.highlight svg {
	width: 16px;
	height: 16px;
}

#promos3 .area-gnavi .text-section.highlight svg circle {
	fill: none;
}


#promos3 .area-gnavi .teaser h2 a ,
#promos3 .area-gnavi .external-teaser h2 a {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	letter-spacing: 0.08em;
	padding: 12px 3px 18px;
}

#promos3 .area-gnavi .teaser h2 a:before ,
#promos3 .area-gnavi .external-teaser h2 a:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 13px;
	display: block;
	width: 0px;
	height: 1px;
	margin-left: 0px;
	background: #222;
}

#promos3 .area-gnavi .teaser h2 a span ,
#promos3 .area-gnavi .external-teaser h2 a span {
	display: none;
}

#promos3 .area-gnavi > div > div > div:hover .teaser a ,
#promos3 .area-gnavi > div > div > div:hover .external-teaser a ,
#promos3 .area-gnavi .teaser h2 a.act ,
#promos3 .area-gnavi .external-teaser h2 a.act ,
#promos3 .area-gnavi .teaser h2 a.within ,
#promos3 .area-gnavi .external-teaser h2 a.within {
}

#promos3 .area-gnavi > div > div > div:hover .teaser a:before ,
#promos3 .area-gnavi > div > div > div:hover .external-teaser a:before ,
#promos3 .area-gnavi .teaser h2 a.act:before ,
#promos3 .area-gnavi .external-teaser h2 a.act:before ,
#promos3 .area-gnavi .teaser h2 a.within:before ,
#promos3 .area-gnavi .external-teaser h2 a.within:before {
	width: 50px;
	margin-left: -25px;
	transition: 0.5s 0.1s;
}


/* メガドロップメニュー */
#promos3 .area-gnavi * * .reuse-main-area {
	text-align: left;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
/*	max-height: 0; */
	padding: 0;
	color: #222;
	background: #fff;

	visibility: hidden;
	transform: translate(0, -32px);
	opacity: 0;
	z-index: -1;

	-webkit-transition: 0.5s 0.1s;
	-o-transition: 0.5s 0.1s;
	transition: 0.5s 0.1s;
}

#promos3 .area-gnavi > div > div > div.area-click-toggle.open .reuse-main-area ,
#promos3 .area-gnavi > div > div > div:not(.area-click-toggle):hover .reuse-main-area {
/*	max-height: 550px; */
	visibility: visible;
	transform: translate(0, 0%);
	opacity: 1;
	z-index: 10;
}

#promos3 .area-gnavi * * .reuse-main-area > div {
	margin: 50px auto;
	width: 1260px;
}

#promos3 .area-gnavi * * .reuse-main-area > div > div {
	padding: 0 50px;
}

#promos3 .area-gnavi * * .reuse-main-area > div > div.empty {
	display: none;
}


/* メガドロップの中身 */
#promos3 .area-gnavi * * .reuse-main-area .sitemap-1st:after {
	content: "";
	display: block;
	clear: both;
}

#promos3 .area-gnavi * * .reuse-main-area .sitemap-1st > a {
	position: relative;
	float: left;
	width: 25%;
	padding-left: 15px;
	padding-top: 10px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
}

#promos3 .area-gnavi * * .reuse-main-area .sitemap-1st > a:after {
	content: "→　トップへ";
	margin-top: 20px;
	display: block;
	font-size: 15px;
	font-weight: normal;
}

#header.en ~* #promos3 .area-gnavi * * .reuse-main-area .sitemap-1st > a:after {
	content: "→　TOP";
}

#promos3 .area-gnavi * * .reuse-main-area .sitemap-1st > ul {
	float: left;
	width: 75%;
}

#promos3 .area-gnavi * * .reuse-main-area .sitemap-1st > ul > li {
	display: inline-block;
	width: 23%;
	margin-right: 2%;
}

#promos3 .area-gnavi * * .reuse-main-area .sitemap-1st > ul > li > a {
	display: flex;
	align-items: center;
	min-height: 70px;
	padding: 5px 30px;
	border: 1px solid #ddd;
	font-size: 15px;
	margin-bottom: 20px;
}

#promos3 .area-gnavi * * .reuse-main-area .sitemap-1st > ul > li > a:hover {
	background: #0a2e82;
	border-color: #0a2e82;
	color: #fff;
}


/* 検索窓 */
#promos3 .area-gnavi * * .reuse-main-area .searchbox {
	padding: 0 100px;
	font-size: 16px;
}

#promos3 .area-gnavi * * .reuse-main-area .searchbox:after {
	content: "";
	display:block;
	clear: both;
}

#promos3 .area-gnavi * * .reuse-main-area input[type="text"] {
	float: left;
	width: calc(100% - 60px);
	height: 60px;
	padding: 10px;
	border: 1px solid #ccc;
	color: #000;
	background: #fff;
}

#promos3 .area-gnavi * * .reuse-main-area input[type="submit"] ,
#promos3 .area-gnavi * * .reuse-main-area button {
	float: left;
	width: 60px;
	height: 60px;
	background: #2e2e2e url(../../../../../../resources/sw_img/icon_glass.svg) no-repeat center center;
	background-size: 30px 30px;
	font-size: 0;
/*	color: #fff; */
/*	text-align: center; */
}



/*-- フッター --*/
#site-info .area-footer {
	color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
}

#site-info .area-footer-frame {
	margin-bottom: 40px;
}
#site-info .area-footer-frame:after {
	content: "";
	display: block;
	clear: both;
}


/* ロゴ */
#site-info .area-footer-logo {
	float: left;
}

#site-info .area-footer-logo a {
	width: 404px;
	padding: 10px;
}

#site-info .area-footer-logo a img {
	width: 384px;
}


/* ショップリンク */
#site-info .area-shop-link {
	float: right;
	font-size: 0;
}

#site-info .area-shop-link .link-list li {
	display: inline-block;
}

#site-info .area-shop-link .link-list li a {
	position: relative;
	padding: 10px 25px;
	background: #0a2f82;
	color: #fff;
	font-size: 14px;
}

#site-info .area-shop-link .link-list li:not(.highlight) a {
}

#site-info .area-shop-link .link-list li.internal-link-text.highlight a {
	color: #fff;
	background: #24BCA4;
}

#site-info .area-shop-link .link-list li.internal-link-text.highlight a:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 32px;
	height: 24px;
	background: url(../../../../../../resources/sw_img/icon_store.svg) no-repeat center center;
	background-size: contain;
	margin: -2px 5px;
}


#site-info .area-shop-link .link-list li.external-link-text.highlight a {
	background: #f26505;
}

#site-info .area-shop-link .link-list li.external-link-text.highlight a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../../../../../../resources/sw_img/icon_cart.svg) no-repeat center center;
	background-size: contain;
	margin-right: 5px;
}




/* フッターサイトマップ */
#site-info .area-footer-sitemap {
	margin-top: 20px;
	margin-bottom: 20px;
}

#site-info .area-footer-sitemap > div {
	display: table;
	width: 100%;
}

#site-info .area-footer-sitemap > div > div {
	display: table-row;
	width: 100%;
}

#site-info .area-footer-sitemap > div > div > div {
	display: table-cell;
	vertical-align: top;
	padding: 0 5px;
}

#site-info .area-footer-sitemap .sitemap-1st a {
	display: inline-block;
	margin-bottom: 10px;
	border-bottom: 1px solid transparent;
}

#site-info .area-footer-sitemap .sitemap-1st a[target="_blank"]:after {
	content: "";
	background: url("../../../../../../resources/sw_img/link02_white.svg") center center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: baseline;
	margin-left: 5px;
}

#site-info .area-footer-sitemap .sitemap-1st > a:hover {
	border-color: #fff;
}

#site-info .area-footer-sitemap .sitemap-1st > a {
	font-size: 15px;
/*	font-weight: bold; */
	margin-bottom: 15px;
}

#site-info .area-footer-sitemap .sitemap-1st .siteLevel_1 > li > a {
	position: relative;
	color: #bcbcbc;
	font-size: 12px;
}

#site-info .area-footer-sitemap .sitemap-1st .siteLevel_1 > li > a:hover {
	border-color: #bcbcbc;
}


/* ソーシャルリンク */
#site-info .area-footer-sns-link {
	margin-bottom: 20px;
}

#site-info .area-footer-sns-link > * > * > * > * > * {
	display: inline-block;
	margin-right: 10px;
}

#site-info .area-footer-sns-link .title2 h2 {
	color: #fff;
	font-size: 12px;
	margin-right: 20px;
}

#site-info .area-footer-sns-link a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

#site-info .area-footer-sns-link a img {
	display: inline-block;
	vertical-align: top;
	max-height: 16px;
}


/* フッターリンク集 */
#site-info .area-footer-link {
}

#site-info .area-footer-link .link-list li {
	display: inline-block;
	margin-right: 10px;
}

#site-info .area-footer-link .link-list li a {
	display: inline-block;
	color: #bcbcbc;
	font-size: 12px;
	margin-bottom: 5px;
	border-bottom: 1px solid transparent;
}

#site-info .area-footer-link .link-list li a:hover {
	border-color: #bcbcbc;
}

/* コピーライト */
#site-info .area-footer-copyright {
	font-size: 12px;
	padding-top: 10px;
	color: #bcbcbc;
}





/*------------------ プラグイン・サイト内共通 特殊設定 ------------------*/
/* TOP 動画MV (ヘッダースタイル) */
[data-page-marker~="with-slider"] #promos3 .area-pc-header {
	background: #000;
	background: -webkit-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));
	background: -o-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));
	border-bottom: none;
}

[data-page-marker~="with-slider"] #promos3 .area-logo a path ,
[data-page-marker~="with-slider"] #promos3 .area-logo a polygon {
	fill: #fff;
}

[data-page-marker~="with-slider"] #promos3 .area-gnavi .text-section.highlight svg circle ,
[data-page-marker~="with-slider"] #promos3 .area-gnavi .text-section.highlight svg line {
	stroke: #fff;
}


[data-page-marker~="with-slider"] #promos3 .area-logo a ,
[data-page-marker~="with-slider"] #promos3 .area-header-link .link-list li a ,
[data-page-marker~="with-slider"] #promos3 .area-lang-navi .link-list ul li a {
	color: #fff;
}

[data-page-marker~="with-slider"] #promos3 .area-header-link .link-list li a:hover ,
[data-page-marker~="with-slider"] #promos3 .area-lang-navi .link-list li a:hover {
	border-color: #fff;
}

[data-page-marker~="with-slider"] #promos3 .area-lang-navi .link-list li:before {
	border-top-color: #fff;
}

[data-page-marker~="with-slider"] #promos3 .area-gnavi .teaser h2 a ,
[data-page-marker~="with-slider"] #promos3 .area-gnavi .external-teaser h2 a {
	color: #fff;
}

[data-page-marker~="with-slider"] #promos3 .area-gnavi .teaser h2 a:before ,
[data-page-marker~="with-slider"] #promos3 .area-gnavi .external-teaser h2 a:before {
	background: #fff;
}

/*
[data-page-marker~="with-slider"] #promos3 .area-gnavi > div > div > div:hover .teaser a:before ,
[data-page-marker~="with-slider"] #promos3 .area-gnavi > div > div > div:hover .external-teaser a:before ,
[data-page-marker~="with-slider"] #promos3 .area-gnavi .teaser h2 a.act:before ,
[data-page-marker~="with-slider"] #promos3 .area-gnavi .external-teaser h2 a.act:before ,
[data-page-marker~="with-slider"] #promos3 .area-gnavi .teaser h2 a.within:before ,
[data-page-marker~="with-slider"] #promos3 .area-gnavi .external-teaser h2 a.within:before {
	background: #fff;
}
*/

[data-page-marker~="with-slider"] #promos3 .area-gnavi * * .reuse-main-area {
	color: #fff;
	background: rgba(0,0,0, 0.6);
}

[data-page-marker~="with-slider"] #promos3 .area-gnavi * * .reuse-main-area .sitemap-1st > ul > li > a {
	border: 1px solid #fff;
}



/* TOP 動画MV */
[data-page-marker~="with-slider"] #mv ,
#area-slider {
	position: relative;
	display: block;
	width: 100%;
	min-width: 1260px;
	height: auto;
	min-height: 711px;
}

[data-page-marker~="with-slider"] #mv ,
[data-page-marker~="with-slider"] #mv:before {
	background: none;
}

[data-page-marker~="with-slider"] #mv {
	margin-top: -106px;
}

[data-page-marker~="with-slider"] #mv:before ,
#area-slider:before {
	content: "";
	display: block;
	padding-top: calc(100% / 1260 * 711);
}

#area-slider  {
	position: absolute;
	top: 0;
	left: 0;
}

#area-slider > div {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
}
#area-slider .slick-slide {
	min-height: 710px;
}

#area-slider .slick-slide:before {
	content: "";
	display: block;
	padding-top: calc(100% / 1260 * 710);
}

#area-slider .slick-slide > div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	min-width: 1260px;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

#area-slider .slick-slide > .column1 img ,
#area-slider .slick-slide > .column1 video ,
#area-slider .slick-slide > .column1 iframe {
	width: 100%;
}

#area-slider .slick-slide > .column1 iframe {
	min-height: 710px;
	height: calc(100vw / 1260 * 710);
}

#area-slider .slick-dots {
	bottom: auto;
	top: 100%;
	display: block;
	width: 100%;
	height: 44px;
	padding: 8px 0;

	display: none !important;
}

#area-slider .slick-dots li {
	margin: 0 7px;
}

#area-slider .slick-dots li button {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 50%;
}

#area-slider .slick-dots li button:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
}


#area-slider .slick-dots li.slick-active button {
	background: #fff;
}

#area-slider .slick-dots li.slick-active button:before {
	background: #2345a4;
}


#area-slider .slick-slide .bg_movie:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 10;
}


/* TOP MV */
[data-page-marker~="with-slider2"] #mv ,
#area-slider2 {
	position: relative;
	display: block;
	width: 100%;
	min-width: 1260px;
	height: auto;
/*	min-height: 711px; */
	margin-bottom: 44px;
}

[data-page-marker~="with-slider2"] #mv ,
[data-page-marker~="with-slider2"] #mv:before {
	background: none;
}

[data-page-marker~="with-slider2"] #mv {
/*	margin-top: -106px;*/
}

[data-page-marker~="with-slider2"] #mv:before ,
#area-slider2:before {
	content: "";
	display: block;
	padding-top: calc((80% - 30px) / 2240 * 980);
}

#area-slider2  {
	position: absolute;
	top: 105px;
	left: 0;
}

#area-slider2 > .column1 {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
}
#area-slider2 .slick-slide {
/*	min-height: 710px; */
}

#area-slider2 .slick-slide:before {
	content: "";
	display: block;
	padding-top: calc((100% - 30px) / 2240 * 980);
}

#area-slider2 .slick-slide > div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 30px);
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

#area-slider2 .slick-slide img {
	width: 100%;
}

#area-slider2 .slick-slide.multiColumn2 > .column2 {
	display: none;
}


#area-slider2 .arrow-dots {
	bottom: auto;
	top: 100%;
	width: 100%;
	height: 44px;
	padding: 8px 0;

	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	width: 100%;
}

#area-slider2 .slick-dots {
	position: static;
	display: block;
	width: fit-content;
	margin: 0;
}

#area-slider2 .slick-dots li {
	margin: 0 7px;
}

#area-slider2 .slick-dots li button {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 50%;
}

#area-slider2 .slick-dots li button:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ccc;
}

#area-slider2 .slick-dots li.slick-active button {
	background: #fff;
}

#area-slider2 .slick-dots li.slick-active button:before {
	background: #2345a4;
}

#area-slider2 .slick-prev ,
#area-slider2 .slick-next {
	margin: 0;
	position: relative;
	width: 18px;
	height: 18px;
	margin: 0 7px;
	cursor: pointer;
}

#area-slider2 .slick-prev {
	order: -1;
}
#area-slider2 .slick-next {
	order: 1;
}

#area-slider2 .slick-prev::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #2345a4;
	border-right: 2px solid #2345a4;
	transform: rotate(-135deg) translate(-50%,-50%);
	transform: translate(-50%,-50%) rotate(-135deg);
}
#area-slider2 .slick-next::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid #2345a4;
	border-right: 2px solid #2345a4;
	transform: rotate(45deg) translate(-50%,-50%);
	transform: translate(-50%,-50%) rotate(45deg);
}





/* MV */
[data-page-marker~="with-mv"] #mv {
	height: 325px;
	background: none;
}

[data-page-marker~="with-mv"] #nav {
	margin-top: 100px;
}

[data-page-marker~="with-mv"] #page-intro:before {
	content: none;
}

#promos3 .area-mv {
	display: block;
	width: 100%;
	min-width: 1260px;
	height: 325px;
	position: absolute;
	top: 106px;
	left: 0;
	overflow: hidden;
	z-index: -1;
}

#promos3 .area-mv > .column1 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	min-width: 1366px;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

#promos3 .area-mv img {
	width: 100%;
}

[data-page-marker~="with-mv"] #page-intro > h1 {
	padding: 0;

	position: absolute;
	text-align: left;
	font-size: 50px;
	color: #fff;
	top: calc(106px + 325px - 140px);
}



/*==== ページ遷移時設定 ====*/
body.ready {
	opacity: 1;
	transition: 0.5s 0.5s;
}

body:not(.ready) {
	opacity: 0;
	transition: 0.5s 0.5s;
}

body.inframe {
	opacity: 1 !important;
	transition: 0s !important;
}

/*==== 読後ナビ（メインエリアとぱんくずの間） ====*/
#promos3 .area-bottom-navi {
	width: 1000px;
}

#promos3 .area-bottom-navi:before {
	content: "";
	position: absolute;
	top: auto;
	left: 0;
	width: 100%;
	height: 1px;
	background: #aaa;
}

#promos3 .area-bottom-navi > div  {
	padding: 20px 0;
}

/* 第１・第３階層以下非表示 */
#promos3 .area-bottom-navi .sitemap-1st > a ,
#promos3 .area-bottom-navi .sitemap-1st ul.siteLevel_3 {
	display: none;
}

#promos3 .area-bottom-navi .sitemap-1st ul.siteLevel_1 > li:not(.within):not(.act) {
	display: none;
}

#promos3 .area-bottom-navi .sitemap-1st ul.siteLevel_2 > li:not(.within):not(.act) {
}

#promos3 .area-bottom-navi .sitemap-1st a {
	font-size: 14px;
}

#promos3 .area-bottom-navi .sitemap-1st ul.siteLevel_1 > li > a {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
}

#promos3 .area-bottom-navi .sitemap-1st ul.siteLevel_2 > li {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px;
}

/* 第１・２階層では非表示 */
[data-current-level="1"] #promos3 .area-bottom-navi ,
[data-current-level="2"] #promos3 .area-bottom-navi {
	display: none;
}



/*------------------ 全ページ共通 特殊設定 ------------------*/
/* 背景黒 */
/*白いロゴを見える様にする*/
body#bg-black {
	background: #000;
}



/*==== タブ風スタイル ====*/
.layout_link_tabstyle01 div.link-list:not(.highlight) {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul {
	margin: 0;

	display: table-row
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li[class] {
	margin: 0;
	padding: 0;
	background: none;

	display: table-cell;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li[class]:before {
	content: none;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a {
	position: relative;
	overflow: visible;
	display: block;
	padding: 10px 0 2px;
	text-align: center;
	color: #0c389c;
	text-decoration: none;
	border-bottom: 5px solid #dbdcdc;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	display: block;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top: 15px solid #dbdcdc;
	margin-left: -15px;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li.act a ,
.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:hover {
	color: #333;
	border-bottom-color: #0c389c;

}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li.act a:before ,
.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:hover:before {
	border-top-color: #0c389c;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul ,
.layout_link_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul li[class] {
	display: block;
	margin-bottom: 10px;
}


/*==== リンクリスト type02 ====*/
.layout_linklist_type02 .link-list ul {
	margin-bottom: 20px;
}

.layout_linklist_type02.layout_pc_align_center .link-list ul ,
.layout_linklist_type02.layout_align_center .link-list ul {
	text-align: center;
}

.layout_linklist_type02 .link-list ul li[class] {
	padding-left: 30px;
}

.layout_linklist_type02 .link-list ul li[class]:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #0a2f82;
	transform: translate(-50%, -50%);
}

.layout_linklist_type02 .link-list ul li[class]:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	display: block;
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: translate(-75%, -50%) scaleX(1.25) rotate(45deg);
}


.layout_linklist_type02 .link-list ul li[class] a {
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}



/*==== 見出しh2 type02・03 ====*/
.layout_title2_type02 .title2 h2 ,
.layout_title2_type02 .text-section h2 ,
.layout_title2_type03 .title2 h2 ,
.layout_title2_type03 .text-section h2 {
	padding: 0;
	margin: 0;
	border: none;

	text-align: center;
	font-size: 42px;
	font-weight: normal;
	letter-spacing: 0.08em;
	margin-bottom: 40px;
}

.layout_title2_type03 .title2 h2 ,
.layout_title2_type03 .text-section h2 {
	color: #f26505;
}


/*==== アコーディオン ====*/
.accordion {
	margin-bottom: 40px;
}

.accordion > .title2.highlight:not(.moved) {
	cursor: pointer;
	margin-bottom: 2px;
}

.accordion > .title2.highlight:not(.moved) h2 {
	color: #333;
	margin-right: 80px;
}

.accordion > .title2.highlight:not(.moved):before ,
.accordion > .title2.highlight:not(.moved):after {
	content: "";
	position: absolute;
	display: block;
	background: #999;

	-webkit-transition: 0.5s 0.1s;
	-o-transition: 0.5s 0.1s;
	transition: 0.5s 0.1s;
}

.accordion > .title2.highlight:not(.moved):before {
	top: 50%;
	right: 50px;
	width: 24px;
	height: 2px;
	transform: translate(50%, -50%);
}
.accordion > .title2.highlight:not(.moved):after {
	top: 50%;
	right: 50px;
	width: 2px;
	height: 24px;
	transform: translate(50%, -50%);
}

.accordion > .title2.highlight.open:not(.moved):after {
	background-color: transparent;
}

.accordion > .column1 {
	background: #f7f7f7;
	padding: 40px 40px 20px;
	margin-bottom: 0;
}

.accordion > .column1 > .title2.highlight.moved:first-child ,
.accordion > .column1 > :not(.mgnlEditorBar) + div.title2.highlight.moved {
	display: none;
}

/* 編集時 */
.accordion > .column1 > .title2 {
	margin: -40px -40px 20px;
	border-bottom: 2px solid #fff;
}

.accordion > .mgnlEditorBar + div.title2.highlight:not(.moved) {
	display: none;
}

.accordion > .mgnlEditorBar + div.title2.highlight:not(.moved) + .column1 {
	display: block !important;
}


/*==== CKエディタ内 table装飾用 ====*/
table.hline3 {
	position: relative;
}

table.hline3 td {
	padding-top: 15px;
}

table.hline3:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 55px;
	height: 2px;
	background: #444;
}


/*==== 表組 横幅auto設定 ====*/
.layout_table_autowidth .highlights-table table th ,
.layout_table_autowidth .highlights-table table td ,
.layout_table_autowidth .highlights-alltable-2nd table th ,
.layout_table_autowidth .highlights-alltable-2nd table td {
	word-break: keep-all;
	white-space: nowrap;
}

.layout_table_autowidth .haitou-table-2nd table th ,
.layout_table_autowidth .haitou-table-2nd table td {
	word-break: keep-all;
	white-space: nowrap;
}

.layout_table_autowidth .tbCore tr th ,
.layout_table_autowidth .tbCore tr td {
	word-break: keep-all;
	white-space: nowrap;
}

	/*-- スワイプアイコン --*/
.layout_table_autowidth .shwTable ,
.layout_table_autowidth .highlights-table ,
.layout_table_autowidth .highlights-alltable-2nd ,
.layout_table_autowidth .haitou-table-2nd ,
.layout_table_autowidth .icon-swip {
	position: relative;
}

.layout_table_autowidth .shwTable ,
.layout_table_autowidth .highlights-table ,
.layout_table_autowidth .highlights-alltable-2nd ,
.layout_table_autowidth .haitou-table-2nd {
	overflow-x: scroll;
}

.layout_table_autowidth .shwTable:before ,
.layout_table_autowidth .highlights-table:before ,
.layout_table_autowidth .highlights-alltable-2nd:before ,
.layout_table_autowidth .haitou-table:before ,
.layout_table_autowidth .haitou-table-2nd:before ,
.layout_table_autowidth .icon-swip:before {
	content: '';
	z-index:50;
	position: absolute;
	top: 20%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	background: url("../../../../../../resources/sw_img/icon_swip.png") no-repeat center center;
	background-size: contain;
	opacity: 0.3;
}

.layout_table_autowidth .icon-swip.no-scroll:before ,
.layout_table_autowidth .icon-swip-done:before {
	content: none !important;
}


/*==== テーブル縦・横type02 （定義リスト06-002-01） ====*/
.layout_table_type02 .vtable-item > table > tbody > tr > th ,
.layout_table_type02 .vtable-item > table > tbody > tr > td ,
.layout_table_type02 .ircalendar-title > table > tbody > tr > th ,
.layout_table_type02 .ircalendar-item > table > tbody >tr > td {
	border-color: transparent;
	background: none;
	vertical-align: top;
}

.layout_table_type02 .vtable-item > table > tbody > tr > th ,
.layout_table_type02 .ircalendar-title > table > tbody > tr > th {
	font-weight: bold;
}


/*==== テーブル縦・横type03 （定義リスト06-002-02） ====*/
.layout_table_type03 .vtable-item > table > tbody > tr > th ,
.layout_table_type03 .vtable-item > table > tbody > tr > td ,
.layout_table_type03 .ircalendar-title > table > tbody > tr > th ,
.layout_table_type03 .ircalendar-item > table > tbody >tr > td {
	border: 5px solid  transparent;
	background: none;
	vertical-align: top;
}

.layout_table_type03 .vtable-item > table > tbody > tr > th ,
.layout_table_type03 .ircalendar-title > table > tbody > tr > th {
	background: #f7f7f7
}






/*------------------ 個別ページ 特殊設定 ------------------*/
/*==== 沿革 ====*/
.layout_history {
}

.layout_history .text-section img.pos-4 + .text {
	text-shadow: none;
	color: #fff;
	line-height: 2.5;
}

.layout_history .text-section img.pos-4 + .text br {
	display: none;
}

.layout_history .vertical-table {
	position: relative;
	padding-top: 100px;
	margin-top: 60px;
}

.layout_history .vertical-table:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1px;
	height: calc(100% - 60px);
	background: #bcc0c9;
}

.layout_history .vertical-table > div:after ,
.layout_history .vtable-item:after {
	content:"";
	display: block;
	clear: both;
}

.layout_history .vtable-item > table ,
.layout_history .vtable-item > table > tbody ,
.layout_history .vtable-item > table > tbody > tr ,
.layout_history .vtable-item > table > tbody > tr > th ,
.layout_history .vtable-item > table > tbody > tr > td {
	display: block;
	margin: 0;
	width: auto;
}

.layout_history .vtable-item > table {
	margin-top: -70px;
	width: 46%;
	border-top: 5px solid #0a2f82;
}

.mgnlEditorBar ~* .layout_history .vtable-item:nth-child(2n) > table ,
.layout_history .vtable-item:nth-child(2n+1) > table {
	float: left;
}

.mgnlEditorBar ~* .layout_history .vtable-item:nth-child(2n+1) > table ,
.layout_history .vtable-item:nth-child(2n) > table {
	float: right;
}

.layout_history .vtable-item > table > tbody > tr > th ,
.layout_history .vtable-item > table > tbody > tr > td {
	padding: 0;
	background: none;
	border: none;
	font-weight: normal;

	padding-bottom: 20px;
}

.layout_history .vtable-item > table > tbody > tr > th:empty ,
.layout_history .vtable-item > table > tbody > tr > td:empty {
	display: none;
}


.layout_history .vtable-item > table > tbody > tr > th em {
	display: block;
	padding-top: 10px;
	color: #0a2f82;
	font-size: 46px;
	font-weight: bold;
	letter-spacing: -2px;
	font-style: normal;
	transform: scaleX(0.8);
	transform-origin: left center;
}

.layout_history .vtable-item > table > tbody > tr > td {
	padding-right: 50px;
}

.layout_history .vtable-item img.large {
	margin-left: 0;
}



/*==== ニュースページ ====*/
/*-- ニュースページ h1見出し設定 --*/
body.superMulti #page-intro {
	padding-bottom: 30px;
}

body.superMulti #page-intro > .h0 {
	display: block;
	height: 150px;
	padding-top: 55px;
	color: #222;
	font-size: 33px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.05em;
}

body.superMulti #page-intro > h1 {
	height: auto;
	padding: 0;
	margin: 0;
	line-height: inherit;

	padding: 35px 0 20px;
	font-size: 26px;
	font-weight: normal;
	color: #f26505;
	letter-spacing: 0.08em;
}

body.superMulti #page-intro:after {
	content: "";
	position: absolute;
	top: auto;
	left: 0;
	display: block;
	width: 100%;
	min-width: 1260px;
	height: 810px;
	margin-top: -775px;
	background: #fef7f2;
	z-index: -2;
}

body.superMulti #page-intro .text-meta ul.text-data {
	text-align: left;
	margin: 30px 0 10px;
}

body.superMulti #page-intro .abstractImage {
	display: block;

	padding-bottom: 20px;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.06em;
}

body.superMulti #page-intro .abstractImage img.large {
	margin-bottom: 40px;
}

/* ニュースページはサイドナビなし */
body.superMulti #nav {
	display: none;
}

body.superMulti #wrapper-3 {
	width: 100%;
	float: none;
	clear: both;
}

body.superMulti #page-intro {
	margin-left: 0;
}


/*-- ニュースページ カテゴリアイコン表示用 --*/
#promos3 .area-category-icon ,
#page-intro .category-icon {
	display: none;
}

body.superMulti #page-intro .category-icon {
	display: block;
	position: absolute;
	margin-top: calc( -10px - 1.6rem );
	margin-left: 100px;
}

body.superMulti #page-intro .category-icon span:before {
	content: attr(alt);
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;

	min-width: 105px;
	height: 24px;
	line-height: 1;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	padding: 6px 5px 0;

	color: #fff;
	background: #f26505;
}

body.superMulti #page-intro .category-icon span[data-category-level="1"] {
	display: none;
}

/*-- SNS ボタン --*/
#promos3 .area-sns-button ,
#page-intro .sns-button {
	display: none;
}

#page-intro .sns-button  {
	display: block;
	width: 1000px;
	position: absolute;
	margin-top: calc( -10px - 1.6rem );
	text-align: right;
}

#page-intro .sns-button > div {
	display: inline-block;
}



/*==== 会社情報 TOP ====*/
/*-- 社長メッセージ --*/
#sharewithmain .layout_company_top01 {
	direction: rtl;
	unicode-bidi: bidi-override;
}

#sharewithmain .layout_company_top01 > div {
	direction: ltr;
	unicode-bidi: initial;
}

#sharewithmain .layout_company_top01 > .column1 {
	width: 1000px;
	margin-left: -490px;
	margin-right: 0;
}

#sharewithmain .layout_company_top01 > .column2 {
	position: relative;
	margin-top: 100px;
}

#sharewithmain .layout_company_top01 ,
#sharewithmain .layout_company_top01 > div ,
.layout_company_top01 > .column1 .text-section ,
.layout_company_top01 > .column1 .text-section img {
	margin-bottom: 0;
}

.layout_company_top01 > .column1 .text-section .text {
	top: 20px;
	transform: none;
	text-shadow: none;

	color: #f26505;
	font-size: 42px;
	letter-spacing: 0.08em;
}

.layout_company_top01 .teaser.no-img:not(.highlight) {
	margin-left: 0;
}


/*-- vision&mission --*/
#sharewithmain .layout_company_top02 {
	position: relative;
}

#sharewithmain .layout_company_top02 > .column1 {
	width: 50%;
	margin-right: 0;
	padding: 80px 40px 60px;
	color: #fff;
}

#sharewithmain .layout_company_top02 > .column2 {
	width: 50%;
	padding: 80px 40px 60px;
	color: #fff;
}

#sharewithmain .layout_company_top02 > .column1:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50%;
	height: 100%;
	background: #0a2f82;
	z-index: -1;
}

#sharewithmain .layout_company_top02 > .column2:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 50%;
	height: 100%;
	background: #f26505;
	z-index: -1;
}

.layout_company_top02 .title3 h3 {
	padding: 0;
	margin: 0;

	padding: 10px 10px;
	text-align: center;
	color: #fff;
	font-size: 50px;
	font-weight: normal;
	letter-spacing: 0.12em;
	font-family: "Oswald", YuGothicM, "游ゴシック Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.layout_company_top02 .title3 h3:before {
	content: none;
}

.layout_company_top02 .teaser.no-img:not(.highlight) ,
.layout_company_top02 .external-teaser.no-img:not(.highlight) {
	display: table;
}

.layout_company_top02 .teaser.no-img:not(.highlight) h2 a ,
.layout_company_top02 .external-teaser.no-img:not(.highlight) h2 a {
	padding: 15px 40px;
	color: #fff;
	border-color: #fff;
	background: none;
}

.layout_company_top02 > .column1 .teaser.no-img:not(.highlight) h2 a:hover ,
.layout_company_top02 > .column1 .external-teaser.no-img:not(.highlight) h2 a:hover {
	color: #0a2f82;
	background-color: #fff;
}

.layout_company_top02 > .column2 .teaser.no-img:not(.highlight) h2 a:hover ,
.layout_company_top02 > .column2 .external-teaser.no-img:not(.highlight) h2 a:hover {
	color: #f26505;
	background-color: #fff;
}

.layout_company_top02 .text-section {
	letter-spacing: 0.08em;
	line-height: 2;
}


/*-- オートバックスセブンについて --*/
#sharewithmain .layout_company_top03 ,
#sharewithmain .layout_company_top04 {
	background: #eee;
}

#sharewithmain .layout_company_top03 > .column1 {
	margin-top: 80px;
}

.layout_company_top04 .teaser.no-img:not(.highlight) ,
.layout_company_top04 .external-teaser.no-img:not(.highlight) {
	margin: 80px auto;
}

.layout_company_top04 .teaser.no-img:not(.highlight) h2 a ,
.layout_company_top04 .external-teaser.no-img:not(.highlight) h2 a {
	padding: 20px 40px;
	background: transparent;
	font-weight: bold;
}

#sharewithmain .layout_company_top05 {
	position: relative;
}

.layout_company_top05:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 80px;
	background: #eee;
	z-index: -1;
}

/*-- 会社案内 --*/
.layout_company_top06 {
}

.layout_company_top06 .title2 h2 {
	border: none;

	text-align: center;
	font-size: 40px;
	font-weight: normal;
	letter-spacing: 0.1em;
}


/*-- 社名の由来 --*/
.layout_company_top07 {
	position: relative;
	margin-bottom: 50px;
}

.layout_company_top07 > .column1 ,
.layout_company_top07 > .column2 {
	min-height: 500px;
	padding: 40px 40px 0;
}

.layout_company_top07 > .column1:before {
	content: "";
	position: absolute;
	right: 50%;
	top: 0;
	display: block;
	width: 500px;
	height: 100%;
	background: #0a2f82;
	z-index: -1;
}

.layout_company_top07 > .column2:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	display: block;
	width: 500px;
	height: 100%;
	background: #f0f0f0;
	z-index: -1;
}

.layout_company_top07 > .column1 .text-section {
	position: absolute;
	top: 50%;
	left: calc(50% - 500px + 40px);
	transform: translate(0, -50%);

	padding: 15px;
	color: rgba(255, 255, 255, 0.75);
	font-size: 22px;
	line-height: 1.25;
	letter-spacing: 0.08em;
	font-family: "Oswald", YuGothicM, "游ゴシック Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.layout_company_top07 > .column1 .text-section em {
	font-style: normal;
	font-family: inherit;
	font-size: 42px;
	color: #fff;
}

.layout_company_top07 .title3 h3 {
	margin-top: 0;
	font-size: 32px;
}

.layout_company_top07 .title3 h3:before {
	content: none;
}


/*-- 社名の由来 --*/
.layout_company_top08 {
	position: relative;
	margin-bottom: 50px;
}

.layout_company_top08 > .column1 ,
.layout_company_top08 > .column2 {
	min-height: 500px;
	padding: 40px 40px 0;
}

.layout_company_top08 > .column1:before {
	content: "";
	position: absolute;
	right: 50%;
	top: 0;
	display: block;
	width: 500px;
	height: 100%;
	background: #f0f0f0;
	z-index: -1;
}

.layout_company_top08 > .column2:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	display: block;
	width: 500px;
	height: 100%;
	background: #f26505;
	z-index: -1;
}

.layout_company_top08 {
	direction: rtl;
	unicode-bidi: bidi-override;
}
.layout_company_top08 > div {
	direction: ltr;
	unicode-bidi: initial;
}

.layout_company_top08 > .column1 .text-section {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	transform: translate(0, -50%);
}

.layout_company_top08 .title3 h3 {
	margin-top: 0;
	font-size: 32px;
}

.layout_company_top08 .title3 h3:before {
	content: none;
}


.layout_company_top09 {
	margin-bottom: 80px;
}



/*==== 会社情報 > グローバル展開 ====*/
/* 4カラム専用：国旗＋テキスト */
[data-page-marker="mk-coumn4-global"] .multiColumn4 .text-section.has-img {
	font-size: 13px;
}

[data-page-marker="mk-coumn4-global"] .multiColumn4 .text-section.pos-0 img {
	margin-right: 10px;
}

/* 店舗数 */
.layout_shop_number .ircalendar-title > table > tbody > tr > th ,
.layout_shop_number .ircalendar-item > table > tbody >tr > td {
	width: auto;
	border: none;

	vertical-align: middle;
	padding: 25px 25px;
	background: #f7f7f7;
}

.layout_shop_number .ircalendar-title > table > tbody > tr > th em ,
.layout_shop_number .ircalendar-item > table > tbody >tr > td em {
	font-style: normal;
	font-family: "Oswald", YuGothicM, "游ゴシック Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #f26505;
	font-size: 36px;
}



/*==== 会社情報 > 事業内容 ====*/
.layout_boderbox_01 > .column1 {
	padding: 30px 10px 20px;
	border: 2px solid #0a2f82;
}



/*==== IR TOP ====*/
.layout_irtop_news {
}





/*-- IRカレンダー・IRライブラリー  --*/
#sharewithmain .layout_irtop03 {
	padding: 100px 0 40px;
	background: #eee;
}

#sharewithmain .layout_irtop03 > .column1 ,
#sharewithmain .layout_irtop03 > .column2 {
	width: 340px;
}

.layout_irtop03 .internal-link-area:not(.highlight) > a ,
.layout_irtop03 .external-link-area:not(.highlight) > a {
	padding: 40px 20px 40px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #0a2e82;
	border: 2px solid #0a2e82;
}



#sharewithmain .layout_irtop05 {
	position: relative;
}

.layout_irtop05:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100px;
	background: #eee;
	z-index: -1;
}


/* 個人投資家の皆様へ・IRメール配信 */
.layout_irtop06 {
	margin-top: 60px;
}

.layout_irtop06 .teaser.no-img:not(.highlight) ,
.layout_irtop06 .external-teaser.no-img:not(.highlight) {
	width: 100%;
}

.layout_irtop06 .teaser.no-img:not(.highlight) h2 a ,
.layout_irtop06 .external-teaser.no-img:not(.highlight) h2 a {
	padding: 90px 40px;
	font-size: 26px;
	color: #fff;
	background: #0a2e82;
}

.layout_irtop06 .teaser.no-img:not(.highlight) h2 a:hover ,
.layout_irtop06 .external-teaser.no-img:not(.highlight) h2 a:hover {
	color: #0a2e82;
	background: #fff;
}




/*==== IR ＞ 個人投資家の皆様へ ====*/
.layout_noborder_htable .ircalendar-title > table > tbody > tr > th ,
.layout_noborder_htable .ircalendar-item > table > tbody >tr > td {
	border-color: transparent;
}




/*==== IR ＞ 株主通信 ====*/
.layout_innerbox_gray01 {
	margin-bottom: 20px;
}

.layout_innerbox_gray01 > .column1 ,
.layout_innerbox_gray01 > .column2 ,
.layout_innerbox_gray01 > .column3 ,
.layout_innerbox_gray01 > .column4 ,
.layout_innerbox_gray01 > .column5 {
	background: #eee;
	padding: 30px 30px 10px;
}



/*==== サステナビリティ > 人材の育成、働き方の改善 ====*/
.layout_outerbox_gray01 {
	background: #eee;
	padding: 30px 30px;
}


/*==== サステナビリティ TOP ====*/
.layout_sust_top02 {
	margin-top: 50px;
	position: relative;

	background: url("../../../../../../resources/sw_img/bg_sustainability01.jpg") no-repeat center center;
	background-size: cover;
	min-height: 300px;
}

#sharewithmain .layout_sust_top02 > .column1 {
	margin-top: -25px;
	width: 400px;
	margin-right: 40px;
	padding: 150px 40px 20px;
	background: #0a2f82;
	color: #fff;
	margin-bottom: 80px;
}

#sharewithmain .layout_sust_top02 > .column2 ,
#sharewithmain .layout_sust_top02 > .column3 ,
#sharewithmain .layout_sust_top02 > .column4 {
	width: 250px;
	padding: 50px 40px 20px;
	background: #fff;
	border-radius: 3px;
	margin-bottom: 80px;
}

#sharewithmain .layout_sust_top02 > .column2 ,
#sharewithmain .layout_sust_top02 > .column3 {
	margin-right: 15px;
}

#sharewithmain .layout_sust_top02 > .column2 {
	margin-top: 100px;
}
#sharewithmain .layout_sust_top02 > .column3 {
	margin-top: 70px;
}
#sharewithmain .layout_sust_top02 > .column4 {
	margin-top: 100px;
}

.layout_sust_top02 .title3 h3 {
	padding: 0;
	margin: 0;
}
.layout_sust_top02 .title3 h3:before {
	content: none;
}

.layout_sust_top02 > .column1 .title3 h3 {
	color: #fff;
	font-size: 42px;
	letter-spacing: 0.08em;
	margin-bottom: 20px;
}

.layout_sust_top02 > .column2 .title3 h3 ,
.layout_sust_top02 > .column3 .title3 h3 ,
.layout_sust_top02 > .column4 .title3 h3 {
	color: #f26505;
	font-size: 26px;
	letter-spacing: 0.08em;
	margin-bottom: 20px;
}


.layout_sust_top03 {
	margin-top: 80px;
}



/*==== 採用情報 TOP ====*/
#sharewithmain .layout_recruit_top03 {
	margin-top: 30px;
	padding: 100px 0 0;
	background: #f7f7f7;
}

#sharewithmain .layout_recruit_top04 {
	padding: 0 0 30px;
	background: #f7f7f7;
	margin-bottom: 80px;
}



/*==== オートバックスセブンの挑戦 TOP ====*/
body.sitetop #wrapper-3 {
	margin-bottom: 0;
}

/*
body.sitetop #mv::after {
	content: "";
	position: absolute;
	bottom: -63px;
	left: 25px;
	display: block;
	width: 572px;
	height: 163px;
	background: url("../../../../../../resources/sw_img/logo_challenge.svg") no-repeat center top;
	background-size: contain;
	z-index: 1000;
}
*/

.layout_challenge_01 {
}

.layout_challenge_01 .text-section {
	font-size: 24px;
}

.layout_challenge_01 .text-section br {
	display: none;
}


#sharewithmain .layout_challenge_pickup {
	background: #f7f7f7;
	margin-top: 100px;
	margin-bottom: 100px;
}

#sharewithmain .layout_challenge_pickup > .column1 {
	position: relative;
	padding: 85px 0 0;
}

/*
.layout_challenge_pickup > .column1:before {
	content: "";
	position: absolute;
	top: -60px;
	right: 50%;
	margin-right: 88px;
	display: block;
	width: 572px;
	height: 163px;
	background: url("../../../../../../resources/sw_img/logo_challenge.svg") no-repeat center top;
	background-size: contain;
}
*/

.layout_challenge_pickup .text-section h2 {
	padding: 0;
	margin: 0;
	border: none;

	text-align: center;
	font-size: 40px;
	font-weight: normal;
	letter-spacing: 0.08em;
	font-family: "Oswald", YuGothicM, "游ゴシック Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	margin-bottom: 72px;
}

.layout_challenge_pickup .basic-list.thumnail ul.tabItems li ,
.layout_challenge_pickup .basic-list-english.thumnail ul.tabItems li {
	width: 100%;
}

.layout_challenge_pickup .basic-list.thumnail ul.tabItems li h3 ,
.layout_challenge_pickup .basic-list-english.thumnail ul.tabItems li h3 {
	display: inline;
}

.layout_challenge_pickup .basic-list.thumnail ul.tabItems li .n_img ,
.layout_challenge_pickup .basic-list-english.thumnail ul.tabItems li .n_img {
	float: left;
	width: 400px;
}

.layout_challenge_pickup .basic-list.thumnail ul.tabItems li .news_tx ,
.layout_challenge_pickup .basic-list-english.thumnail ul.tabItems li .news_tx {
	float: right;
	display: block;
	width: 560px;
	font-size: 26px;
	margin-bottom: 20px;
}

.layout_challenge_pickup .basic-list.thumnail ul.tabItems li .det_tx ,
.layout_challenge_pickup .basic-list-english.thumnail ul.tabItems li .det_tx {
	float: right;
	display: block;
	width: 560px;
	font-size: 15px;
	margin-bottom: 20px;
}








/*==== HOME ====*/
body.sitetop #promos3 {
	background: #eee;
}


/*-- 挑戦 --*/
#sharewithmain .layout_top_challenge {
	position: relative;
	padding-top: 30px;
}

#sharewithmain .layout_top_challenge > .column1 {
	width: 100%;
	padding: 0 40px;
}

/*
.layout_top_challenge:before {
	content: "";
	position: absolute;
	top: -100px;
	left: 25px;
	display: block;
	width: 572px;
	height: 163px;
	background: url("../../../../../../resources/sw_img/logo_challenge.svg") no-repeat center top;
	background-size: contain;
	z-index: 1;
}
*/


.layout_top_challenge .title2 h2 {
	border: none;
	padding: 0;

	font-size: 36px;
	font-weight: bold;
	letter-spacing: 0;
}

.layout_top_challenge .basic-list.thumnail ,
.layout_top_challenge .basic-list-english.thumnail {
	margin-bottom: 0;
}

.layout_top_challenge .basic-list.thumnail ul.tabItems li ,
.layout_top_challenge .basic-list-english.thumnail ul.tabItems li {
	width: calc(100% / 3 - 20px);
}

.layout_top_challenge .basic-list.thumnail ul.tabItems li:nth-child(1) ,
.layout_top_challenge .basic-list-english.thumnail ul.tabItems li:nth-child(1) {
	margin-top: 60px;
}

.layout_top_challenge .basic-list.thumnail ul.tabItems li:nth-child(3) ,
.layout_top_challenge .basic-list-english.thumnail ul.tabItems li:nth-child(3) {
	margin-top: -60px;
	margin-right: 0;
}

.layout_top_challenge .basic-list.thumnail .n_img ,
.layout_top_challenge .basic-list-english.thumnail .n_img {
	position: relative;
	margin-bottom: 25px;
}

.layout_top_challenge .basic-list.thumnail .n_img:before ,
.layout_top_challenge .basic-list-english.thumnail .n_img:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -20px;
	display: block;
	width: 100px;
	height: 3px;
	background: #f26505;
}


.layout_top_challenge .teaser.no-img:not(.highlight) ,
.layout_top_challenge .external-teaser.no-img:not(.highlight) {
	min-width: auto;
	display: block;
	float: right;
	margin-top: -40px;
}

.layout_top_challenge .teaser.no-img:not(.highlight) h2 ,
.layout_top_challenge .external-teaser.no-img:not(.highlight) h2 {
	position: relative;
	padding-right: 20px;
}

.layout_top_challenge .teaser.no-img:not(.highlight) h2 a ,
.layout_top_challenge .external-teaser.no-img:not(.highlight) h2 a {
	padding: 0;
	margin: 0;
	border: none;
	background: none;

	color: #0a2e82;
	font-weight: bold;
	text-decoration: underline;
}

.layout_top_challenge .teaser.no-img:not(.highlight) h2 a:before ,
.layout_top_challenge .external-teaser.no-img:not(.highlight) h2 a:before {
	content: "→";
	position: absolute;
	right: 0;
	top: 50%;
	display: inline-block;
	transform: translate(0, -50%);
}

.layout_top_challenge .teaser.no-img:not(.highlight) h2 a:hover ,
.layout_top_challenge .external-teaser.no-img:not(.highlight) h2 a:hover {
	background: none;
	color: #0a2e82;

	text-decoration: none;
}


/*-- お知らせ --*/
#sharewithmain .layout_top_notice {
	background: #eee;
}

#sharewithmain .layout_top_notice ,
#sharewithmain .layout_top_notice > .column1 {
	margin-bottom: 0;
}

.layout_top_notice .basic-list:not(.thumnail) ,
.layout_top_notice .basic-list-english:not(.thumnail) {
	margin-top: 20px;
	margin-bottom: 20px;
}

.layout_top_notice .basic-list:not(.thumnail).no-list ,
.layout_top_notice .basic-list-english:not(.thumnail).no-list {
	margin: 0;
}

.layout_top_notice .basic-list:not(.thumnail) ul.tabItems ,
.layout_top_notice .basic-list-english:not(.thumnail) ul.tabItems {
	border: none;
}

.layout_top_notice .basic-list:not(.thumnail).no-list ul p,
.layout_top_notice .basic-list-english:not(.thumnail).no-list ul p {
	display: none;
}

.layout_top_notice .basic-list:not(.thumnail) ul.tabItems li ,
.layout_top_notice .basic-list-english:not(.thumnail) ul.tabItems li {
	border: none;
	margin-top: 4px;
	padding-bottom: 4px;
}

.layout_top_notice .basic-list:not(.thumnail) ul.tabItems li h3 ,
.layout_top_notice .basic-list-english:not(.thumnail) ul.tabItems li h3 {
	padding-top: 0;
	font-weight: bold;
}

.layout_top_notice .basic-list:not(.thumnail) ul.tabItems li .date ,
.layout_top_notice .basic-list-english:not(.thumnail) ul.tabItems li .date {
	display: none;
}

.layout_top_notice .basic-list:not(.thumnail) ul.tabItems li .c_icon ,
.layout_top_notice .basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
	display: inline-block;
	min-height: auto;
	margin: 0;
	padding: 0;

	min-width: 9.5em;
	margin-left: -9.5em;
}


/*-- 新型コロナウイルス関連情報バナー --*/
#sharewithmain .layout_top_banner {
	background: #fef7f2;
	padding: 40px 0 0;
}

#sharewithmain .layout_top_banner.empty {
	display: none;
}


/*-- PICK UP --*/
#sharewithmain .layout_top_pickup {
	background: #212f4c;
	padding: 75px 0 0;
}

#sharewithmain .layout_top_pickup > .column1 {
/*	width: 100%; */
	color: #fff;
	overflow: hidden;
}

.layout_top_pickup .title3 {
	width: 1000px;
	margin: auto;
}

.layout_top_pickup .title3 h3 {
	color: #fff;
	font-size: 40px;
	font-weight: normal;
	letter-spacing: 0.08em;
	font-family: "Oswald", YuGothicM, "游ゴシック Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.layout_top_pickup .title3 h3:before {
	background: #fff;
}

.layout_top_pickup .basic-list.thumnail ,
.layout_top_pickup .basic-list-english.thumnail {
/*	width: 1300px; */
	margin: auto;
	margin-bottom: 0px;
}

.layout_top_pickup .basic-list.thumnail ul.tabItems ,
.layout_top_pickup .basic-list-english.thumnail ul.tabItems {
/*
	width: 90%;
	min-width: 1000px;
	margin: auto;
*/
}

.layout_top_pickup .basic-list.thumnail ul.tabItems li a ,
.layout_top_pickup .basic-list-english.thumnail ul.tabItems li a {
	color: inherit;
}

.layout_top_pickup .basic-list.thumnail ul.tabItems li .news_tx ,
.layout_top_pickup .basic-list-english.thumnail ul.tabItems li .news_tx {
	font-weight: normal;
}

#area-supermulti-slider .slick-list {
/*	overflow: visible ; */
}

#area-supermulti-slider .slick-prev ,
#area-supermulti-slider .slick-next {
	margin: 0;

	top: -75px;
	width: 60px;
	height: 60px;
	border: 2px solid #fff;
	border-radius: 50%;
	transform: translate(0, -50%);
	z-index: 1;
}

#area-supermulti-slider .slick-prev {
	right: 150px;
}
#area-supermulti-slider .slick-next {
	right: 70px;
}

#area-supermulti-slider .slick-prev:before ,
#area-supermulti-slider .slick-next:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	transform: translate(-50%, -50%);
}

#area-supermulti-slider .slick-prev:before {
	content: "←";
}
#area-supermulti-slider .slick-next:before {
	content: "→";
}


/*-- 新着情報・お知らせ --*/
#sharewithmain .layout_top_news {
	position: relative;
	padding-top: 80px;
	padding-bottom: 40px;
}

.layout_top_news:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 50%;
	height: 100%;
	background: #eee;
	z-index: -1;
}

#sharewithmain .layout_top_news > .column1 {
	position: relative;
	width: 500px;
	margin-right: 0;
	padding-right: 50px;
}

#sharewithmain .layout_top_news > .column2 {
	width: 500px;
	padding-left: 50px;
}

.layout_top_news .title3 h3 {
	font-size: 26px;
	font-weight: bold;
}

.layout_top_news .title3 h3:before {
	content: none;
}


.layout_top_news .basic-list .yearTabs ,
.layout_top_news .basic-list-english .yearTabs {
	display: none;
}

.layout_top_news > .column1 .basic-list .tabs ,
.layout_top_news > .column1 .basic-list-english .tabs {
	margin-bottom: 10px;
}

.layout_top_news .basic-list .tabs:before ,
.layout_top_news .basic-list-english .tabs:before {
	content: none;
}

.layout_top_news .basic-list .tabs span:before ,
.layout_top_news .basic-list-english .tabs span:before {
	border: none;

	display: inline-block;
	vertical-align: top;
	min-width: auto;
	padding: 2px 0;
	font-size: 14px;
	font-weight: bold;
	margin-right: 20px;
	margin-bottom: 20px;
	color: #777;
	border-bottom: 1px solid transparent;
}

.layout_top_news .basic-list .tabs span[active="true"]:before ,
.layout_top_news .basic-list-english .tabs span[active="true"]:before {
	background: none;

	color: #0a2f82;
	border-bottom-color: #0a2f82;
}

.layout_top_news .basic-list .tabs span:hover:before ,
.layout_top_news .basic-list-english .tabs span:hover:before {
	background: none;

	color: #0a2f82;
	border-bottom-color: #0a2f82;
}

.layout_top_news .basic-list .tabs li.allall ,
.layout_top_news .basic-list-english .tabs li.allall ,
.layout_top_news .basic-list .tabs span.allall ,
.layout_top_news .basic-list-english .tabs span.allall {
	display: inline;
}

.layout_top_news .basic-list .tabs li.all ,
.layout_top_news .basic-list-english .tabs li.all {
	display: none;
}

.layout_top_news .basic-list .tabs > ul > li[aria-hidden="false"] ,
.layout_top_news .basic-list-english .tabs > ul > li[aria-hidden="false"] {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

/* 新着情報 */
.layout_top_news .basic-list .tabs ,
.layout_top_news .basic-list-english .tabs {
	padding: 0;
}

.layout_top_news > .column1 .basic-list .tabs ul[data-category-level="1"] > li[aria-hidden="false"] > span ,
.layout_top_news > .column1 .basic-list-english .tabs ul[data-category-level="1"] > li[aria-hidden="false"] > span {
	display: inline;
}

.layout_top_news > .column1 .basic-list .tabs ul[data-category-level="2"] > li > span ,
.layout_top_news > .column1 .basic-list-english .tabs ul[data-category-level="2"] > li > span {
	display: none;
}


.layout_top_news > .column1 .basic-list:not(.thumnail) ul.tabItems li h3 ,
.layout_top_news > .column1 .basic-list-english:not(.thumnail) ul.tabItems li h3 {
	padding-left: 0;
	border-color: #eee;
}

.layout_top_news > .column1 .basic-list:not(.thumnail) ul.tabItems li .date ,
.layout_top_news > .column1 .basic-list-english:not(.thumnail) ul.tabItems li .date {
	left: 0;
	font-size: 12px;
}

.layout_top_news > .column1 .basic-list:not(.thumnail) ul.tabItems li .c_icon ,
.layout_top_news > .column1 .basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
	padding-left: 5.5em;
}


/* お知らせ */
.layout_top_news > .column2 .basic-list .tabs ,
.layout_top_news > .column2 .basic-list-english .tabs {
	display: none;
}

.layout_top_news > .column2 .basic-list:not(.thumnail) ul.tabItems li h3 ,
.layout_top_news > .column2 .basic-list-english:not(.thumnail) ul.tabItems li h3 {
	padding: 0;
	border-color: #eee;
}

.layout_top_news > .column2 .basic-list:not(.thumnail) ul.tabItems li .date ,
.layout_top_news > .column2 .basic-list-english:not(.thumnail) ul.tabItems li .date {
	display: none;
}

.layout_top_news > .column2 .basic-list:not(.thumnail) ul.tabItems li .c_icon ,
.layout_top_news > .column2 .basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
	position: static;
	display: inline;
	padding: 0;
}

.layout_top_news > .column2 .basic-list .c_icon span:before ,
.layout_top_news > .column2 .basic-list-english .c_icon span:before {
	min-width: 19px;
	padding: 4px 3px;
	border-radius: 3px;
}

.layout_top_news > .column2 .basic-list .c_icon span.z_ir4:before ,
.layout_top_news > .column2 .basic-list-english .c_icon span.z_ir4:before {
	background: #0a2f82;
}

.layout_top_news > .column2 .basic-list .c_icon span.z_excl:before ,
.layout_top_news > .column2 .basic-list-english .c_icon span.z_excl:before {
	background: #a30034;
}


/*-- rss --*/
.layout_top_news > .column1 .rss-content {
	position: absolute;
	top: 60px;
	right: 50px;

}

.layout_top_news > .column1 .teaser.no-img:not(.highlight) ,
.layout_top_news > .column1 .external-teaser.no-img:not(.highlight) ,
.layout_top_news > .column1 .download-teaser.no-img:not(.highlight) {
	display: inline-block;
	min-width: auto;
	width: 45%;
	margin-right: 3%;
}

.layout_top_news > .column1 .teaser.no-img:not(.highlight) h2 a ,
.layout_top_news > .column1 .external-teaser.no-img:not(.highlight) h2 a ,
.layout_top_news > .column1 .download-teaser.no-img:not(.highlight) h2 a {
	padding: 10px 20px;
}


/*-- サステナビリティ --*/
#sharewithmain .layout_top_sust {
	position: relative;
	min-height: 560px;
	background: url("../../../../../../resources/sw_img/bg_sustainability02.jpg") no-repeat center center;
	background-size: cover;
}

#sharewithmain .layout_top_sust > .column1 {
	position: relative;
	width: 500px;
	margin-top: -20px;
	margin-bottom: -20px;
	padding: 80px 40px;
	color: #fff;
	background: #f26505;
	z-index: 1;
}

.layout_top_sust .title3.highlight h3 {
	text-align: center;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0;
}

.layout_top_sust .title3.highlight h3 span {
	padding: 0;

	display: block;
	font-size: 50px;
	color: #fff;
	letter-spacing: 0.1em;
}

.layout_top_sust .title3.highlight h3 span:before {
	content: none;
}

.layout_top_sust .title3:not(.highlight) h3 {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0;
	line-height: 1.5;
}

.layout_top_sust .title3:not(.highlight) h3:before {
	content: none;
}

.layout_top_sust .teaser.no-img:not(.highlight) ,
.layout_top_sust .external-teaser.no-img:not(.highlight) {
}

.layout_top_sust .teaser.no-img:not(.highlight) h2 a,
.layout_top_sust .external-teaser.no-img:not(.highlight) h2 a {
	background: none;
	border-color: #fff;
	color: #fff;
}

.layout_top_sust .teaser.no-img:not(.highlight) h2 a:hover ,
.layout_top_sust .external-teaser.no-img:not(.highlight) h2 a:hover {
	background: #fff;
	color: #f26505;
}

.layout_top_sust .teaser.no-img:not(.highlight) > p ,
.layout_top_sust .external-teaser.no-img:not(.highlight) > p {
	display: none;
}

/*-- グローバル展開 --*/
#sharewithmain .layout_top_global01 {
	position: relative;
	min-height: 560px;
	margin-top: 80px;
}

#sharewithmain .layout_top_global01 > .column1 {
	width: 1200px;
	margin-right: 0;
	margin-bottom: 80px;
}

#sharewithmain .layout_top_global01 > .column2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 450px;
	transform: translate(100px, -50%);
}

#sharewithmain .layout_top_global01 > .column1 img {
	width: 100%;
}

.layout_top_global01 .title3.highlight h3 {
	font-size: 14px;
}

.layout_top_global01 .title3.highlight h3 span {
	padding: 0;

	display: block;
	color: #000;
	font-size: 62px;
}

.layout_top_global01 .title3.highlight h3 span:before {
	content: none;
}

.layout_top_global01 .teaser.no-img:not(.highlight) ,
.layout_top_global01 .external-teaser.no-img:not(.highlight) ,
.layout_top_global01 .download-teaser.no-img:not(.highlight) {
	margin-left: 0;
}

.layout_top_global01 .teaser.no-img:not(.highlight) h2 a ,
.layout_top_global01 .external-teaser.no-img:not(.highlight) h2 a ,
.layout_top_global01 .download-teaser.no-img:not(.highlight) h2 a {
	font-weight: bold;
}



#sharewithmain .layout_top_global02 {
}

#sharewithmain .layout_top_global02 > .column1 {
	width: 100%;
}

.layout_top_global02 > .column1 img {
	width: 100%;
}

#sharewithmain .layout_top_global02 ,
#sharewithmain .layout_top_global02 > .column1 ,
.layout_top_global02 .text-section ,
.layout_top_global02 .text-section img {
	margin-bottom: 0;
}



/*-- ストアブランド --*/
#sharewithmain .layout_top_storebrand_title {
	background: #eee;
	padding-top: 80px;
}

#sharewithmain .layout_top_storebrand {
	background: #eee;
}

#sharewithmain .layout_top_storebrand > .column1 {
	font-size: 0;
	width: 1086px;
}


.layout_top_storebrand .title3.highlight h3 {
	text-align: center;
	font-size: 14px;
}

.layout_top_storebrand .title3.highlight h3 span {
	display: block;
	color: #000;
}

.layout_top_storebrand .title3.highlight h3 span:before {
	content: none;
}


.layout_top_storebrand .text-section ,
.layout_top_storebrand .internal-link-area:not(.highlight) ,
.layout_top_storebrand .external-link-area:not(.highlight) {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 2px 30px;
	background: #fff;
}

.layout_top_storebrand .text-section ,
.layout_top_storebrand .internal-link-area:not(.highlight) > a ,
.layout_top_storebrand .external-link-area:not(.highlight) > a {
	width: 177px;
	height: 159px;
	padding: 120px 10px 10px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.layout_top_storebrand .text-section img ,
.layout_top_storebrand .internal-link-area:not(.highlight) > a img ,
.layout_top_storebrand .external-link-area:not(.highlight) > a img {
	width: auto;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: -20px;
}



/*-- オンラインショップ --*/
#sharewithmain .layout_top_onlineshop {
	background: #eee;
	padding-top: 80px;
}

#sharewithmain .layout_top_onlineshop > .column1 {
	font-size: 0;
	width: 1120px;
}

.layout_top_onlineshop .title3.highlight h3 {
	text-align: center;
	font-size: 14px;
}

.layout_top_onlineshop .title3.highlight h3 span {
	display: block;
	color: #000;
}

.layout_top_onlineshop .title3.highlight h3 span:before {
	content: none;
}

.layout_top_onlineshop .teaser:not(.no-img):not(.highlight) ,
.layout_top_onlineshop .external-teaser:not(.no-img):not(.highlight) {
	position: relative;
	width: 260px;
	margin: 0 10px 20px;
	display: inline-flex;
}

.layout_top_onlineshop .teaser:not(.no-img):not(.highlight) h2 ,
.layout_top_onlineshop .external-teaser:not(.no-img):not(.highlight) h2 {
	margin: 0;
}

.layout_top_onlineshop .teaser:not(.no-img):not(.highlight) h2 a ,
.layout_top_onlineshop .external-teaser:not(.no-img):not(.highlight) h2 a {
	margin: 0;
	border: none;

	min-height: 120px;
	padding: 20px;
	color: #555;
	font-size: 12px;
	font-weight: normal;
	background: #fff;
	border-top: 1px solid #ccc;
}

.layout_top_onlineshop .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:after ,
.layout_top_onlineshop .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:after {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.layout_top_onlineshop .teaser:not(.no-img):not(.highlight) h2 a:hover ,
.layout_top_onlineshop .external-teaser:not(.no-img):not(.highlight) h2 a:hover {
	border-color: #ccc;
	background: rgba(255,255,255, 0.7);
}




/*==== ニュース ====*/
.layout_news01 {
}

.layout_news01 .basic-list .yearTabs .all ,
.layout_news01 .basic-list-english .yearTabs .all  {
	display: none;
}

.layout_news01 .basic-list .tabs li.renkei ,
.layout_news01 .basic-list-english .tabs li.renkei  {
	display: none !important;
}

.layout_news01 .basic-list .c_icon span.tekiji:before ,
.layout_news01 .basic-list-english .c_icon span.tekiji:before ,
.layout_news01 .basic-list .c_icon span.result:before ,
.layout_news01 .basic-list-english .c_icon span.result:before ,
.layout_news01 .basic-list .c_icon span.gyouseki:before ,
.layout_news01 .basic-list-english .c_icon span.gyouseki:before ,
.layout_news01 .basic-list .c_icon span.pr:before ,
.layout_news01 .basic-list-english .c_icon span.pr:before ,
.layout_news01 .basic-list .c_icon span.ir:before ,
.layout_news01 .basic-list-english .c_icon span.ir:before ,
.layout_news01 .basic-list .c_icon span.governance:before ,
.layout_news01 .basic-list-english .c_icon span.governance:before ,
.layout_news01 .basic-list .c_icon span.yuho:before ,
.layout_news01 .basic-list-english .c_icon span.yuho:before ,
.layout_news01 .basic-list .c_icon span.meeting:before ,
.layout_news01 .basic-list-english .c_icon span.meeting:before ,
.layout_news01 .basic-list .c_icon span.none:before ,
.layout_news01 .basic-list-english .c_icon span.none:before ,
.layout_news01 .basic-list .c_icon span.monthly:before ,
.layout_news01 .basic-list-english .c_icon span.monthly:before ,
.layout_news01 .basic-list .c_icon span.notice:before ,
.layout_news01 .basic-list-english .c_icon span.notice:before {
	display: none;
}





/*==== IRニュース ====*/
.layout_news02 {
}

.layout_news02 .basic-list .yearTabs .all ,
.layout_news02 .basic-list-english .yearTabs .all  {
	display: none;
}

.layout_news02 .basic-list .tabs li.release ,
.layout_news02 .basic-list-english .tabs li.release  {
	display: none !important;;
}

.layout_news02 .basic-list .c_icon span.prod-serv:before ,
.layout_news02 .basic-list-english .c_icon span.prod-serv:before ,
.layout_news02 .basic-list .c_icon span.store:before ,
.layout_news02 .basic-list-english .c_icon span.store:before ,
.layout_news02 .basic-list .c_icon span.event-pr:before ,
.layout_news02 .basic-list-english .c_icon span.event-pr:before ,
.layout_news02 .basic-list .c_icon span.new-act:before ,
.layout_news02 .basic-list-english .c_icon span.new-act:before ,
.layout_news02 .basic-list .c_icon span.social-env:before ,
.layout_news02 .basic-list-english .c_icon span.social-env:before ,
.layout_news02 .basic-list .c_icon span.overseas:before ,
.layout_news02 .basic-list-english .c_icon span.overseas:before ,
.layout_news02 .basic-list .c_icon span.company:before ,
.layout_news02 .basic-list-english .c_icon span.company:before ,
.layout_news02 .basic-list .c_icon span.kaiji:before ,
.layout_news02 .basic-list-english .c_icon span.kaiji:before ,
.layout_news02 .basic-list .c_icon span.other_release:before ,
.layout_news02 .basic-list-english .c_icon span.other_release:before {
	display: none;
}



/*==== ニュース(新型コロナウイルス関連情報) ====*/
.layout_news_planlist {
}

.layout_news_planlist .basic-list .yearTabs ,
.layout_news_planlist .basic-list-english .yearTabs  ,
.layout_news_planlist .basic-list .tabs ,
.layout_news_planlist .basic-list-english .tabs  {
	display: none;
}

.layout_news_planlist .basic-list:not(.thumnail) ul.tabItems li h3 ,
.layout_news_planlist .basic-list-english:not(.thumnail) ul.tabItems li h3 {
	padding-top: 0;
}

.layout_news_planlist .basic-list:not(.thumnail) ul.tabItems li .c_icon ,
.layout_news_planlist .basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
	display: none;
}



/*==== お問い合わせ ====*/
#sharewithmain .layout_inquiry_step {
}

#sharewithmain .layout_inquiry_step > .column1 {
	padding: 30px 40px 10px;
	color:#bbbbbb;
	background: #f7f7f7;
	margin-bottom: 40px;
}

.layout_inquiry_step .text-section {
	font-size: 26px;
	letter-spacing: 0.06em;
	font-family: "Oswald", YuGothicM, "游ゴシック Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}




/*==== お問い合わせ ====*/
/* TOP タブ切り替えニュース */

/*-- タブ切り替え1 --*/
#sharewithmain .layout_tabstyle01 {
	margin-bottom: 20px;
}

.layout_tabstyle01 input[type=radio] {
	display: none;
}

#sharewithmain .layout_tabstyle01 > .column1 {
	width: 100%;
	margin: 0;
}

#sharewithmain .layout_tabstyle01 > .column2 ,
#sharewithmain .layout_tabstyle01 > .column3 ,
#sharewithmain .layout_tabstyle01 > .column4 ,
#sharewithmain .layout_tabstyle01 > .column5 {
	margin: 0;
	width: 100%;
	overflow: hidden;

	height: 0;
	padding: 0;
}

#sharewithmain .layout_tabstyle01 > .column2.active ,
#sharewithmain .layout_tabstyle01 > .column3.active ,
#sharewithmain .layout_tabstyle01 > .column4.active ,
#sharewithmain .layout_tabstyle01 > .column5.active ,
#sharewithmain .layout_tabstyle01 > .sw-tab-select0:checked ~ .column2 ,
#sharewithmain .layout_tabstyle01 > .sw-tab-select1:checked ~ .column3 ,
#sharewithmain .layout_tabstyle01 > .sw-tab-select2:checked ~ .column4 ,
#sharewithmain .layout_tabstyle01 > .sw-tab-select3:checked ~ .column5 {
	height: auto;
}

.layout_tabstyle01 > .column1 .ircalendar {
	font-size: 0;
}

.layout_tabstyle01 > .column1 label {
	cursor: pointer;
}

.layout_tabstyle01 > .column1 .ircalendar > .tableContents > * {
}

.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item  {
	display: inline-block;
	font-size: 1rem;
}

.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item > table {
	width: auto;
	margin: 0;
}

.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td {
	width: auto;
	border: none;
	background: none;
	padding: 0;

	position: relative;
	padding: 10px 5px;
	color: #333;
	font-weight: bold;

    display: inline-block;
    vertical-align: top;
    min-width: auto;
    padding: 2px 0;
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px;
    margin-bottom: 20px;
    color: #777;
    border-bottom: 1px solid transparent;
}


.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td:hover {
	background: none;
	color: #0a2f82;
	border-bottom-color: #0a2f82;
}

.layout_tabstyle01 > .sw-tab-select0:checked ~ .column1 .sw-tab-label0 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle01 > .sw-tab-select1:checked ~ .column1 .sw-tab-label1 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle01 > .sw-tab-select2:checked ~ .column1 .sw-tab-label2 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle01 > .sw-tab-select3:checked ~ .column1 .sw-tab-label3 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td.active {
	background: none;
	color: #0a2f82;
	border-bottom-color: #0a2f82;
}


.layout_tabstyle01 .ircalendar .mgnlEditorBar[aria-hidden="false"] + .tableContents ,
.layout_tabstyle01 .ircalendar .mgnlEditorBar[aria-hidden="false"] + .tableContents > * {
	display: block;
}



/* タブ：全て */
/* IR自動連係がある場合、ニュースリリース系アイコンを非表示 */
.layout_tabstyle01 > .column2 .basic-list li.renkeiElm .c_icon span.prod-serv:before ,
.layout_tabstyle01 > .column2 .basic-list-english li.renkeiElm .c_icon span.prod-serv:before ,
.layout_tabstyle01 > .column2 .basic-list li.renkeiElm .c_icon span.store:before ,
.layout_tabstyle01 > .column2 .basic-list-english li.renkeiElm .c_icon span.store:before ,
.layout_tabstyle01 > .column2 .basic-list li.renkeiElm .c_icon span.event-pr:before ,
.layout_tabstyle01 > .column2 .basic-list-english li.renkeiElm .c_icon span.event-pr:before ,
.layout_tabstyle01 > .column2 .basic-list li.renkeiElm .c_icon span.new-act:before ,
.layout_tabstyle01 > .column2 .basic-list-english li.renkeiElm .c_icon span.new-act:before ,
.layout_tabstyle01 > .column2 .basic-list li.renkeiElm .c_icon span.social-env:before ,
.layout_tabstyle01 > .column2 .basic-list-english li.renkeiElm .c_icon span.social-env:before ,
.layout_tabstyle01 > .column2 .basic-list li.renkeiElm .c_icon span.overseas:before ,
.layout_tabstyle01 > .column2 .basic-list-english li.renkeiElm .c_icon span.overseas:before ,
.layout_tabstyle01 > .column2 .basic-list li.renkeiElm .c_icon span.company:before ,
.layout_tabstyle01 > .column2 .basic-list-english li.renkeiElm .c_icon span.company:before ,
.layout_tabstyle01 > .column2 .basic-list li.renkeiElm .c_icon span.kaiji:before ,
.layout_tabstyle01 > .column2 .basic-list-english li.renkeiElm .c_icon span.kaiji:before ,
.layout_tabstyle01 > .column2 .basic-list li.renkeiElm .c_icon span.other_release:before ,
.layout_tabstyle01 > .column2 .basic-list-english li.renkeiElm .c_icon span.other_release:before {
	display: none;
}

/* タブ：ニュースリリース */
/* IRニュース系アイコンを非表示 */
.layout_tabstyle01 > .column3 .basic-list .c_icon span.tekiji:before ,
.layout_tabstyle01 > .column3 .basic-list-english .c_icon span.tekiji:before ,
.layout_tabstyle01 > .column3 .basic-list .c_icon span.result:before ,
.layout_tabstyle01 > .column3 .basic-list-english .c_icon span.result:before ,
.layout_tabstyle01 > .column3 .basic-list .c_icon span.gyouseki:before ,
.layout_tabstyle01 > .column3 .basic-list-english .c_icon span.gyouseki:before ,
.layout_tabstyle01 > .column3 .basic-list .c_icon span.pr:before ,
.layout_tabstyle01 > .column3 .basic-list-english .c_icon span.pr:before ,
.layout_tabstyle01 > .column3 .basic-list .c_icon span.ir:before ,
.layout_tabstyle01 > .column3 .basic-list-english .c_icon span.ir:before ,
.layout_tabstyle01 > .column3 .basic-list .c_icon span.governance:before ,
.layout_tabstyle01 > .column3 .basic-list-english .c_icon span.governance:before ,
.layout_tabstyle01 > .column3 .basic-list .c_icon span.yuho:before ,
.layout_tabstyle01 > .column3 .basic-list-english .c_icon span.yuho:before ,
.layout_tabstyle01 > .column3 .basic-list .c_icon span.meeting:before ,
.layout_tabstyle01 > .column3 .basic-list-english .c_icon span.meeting:before ,
.layout_tabstyle01 > .column3 .basic-list .c_icon span.none:before ,
.layout_tabstyle01 > .column3 .basic-list-english .c_icon span.none:before ,
.layout_tabstyle01 > .column3 .basic-list .c_icon span.monthly:before ,
.layout_tabstyle01 > .column3 .basic-list-english .c_icon span.monthly:before ,
.layout_tabstyle01 > .column3 .basic-list .c_icon span.notice:before ,
.layout_tabstyle01 > .column3 .basic-list-english .c_icon span.notice:before {
	display: none;
}

/* タブ：IRニュース */
/* ニュースリリース系アイコンを非表示 */
.layout_tabstyle01 > .column4 .basic-list .c_icon span.prod-serv:before ,
.layout_tabstyle01 > .column4 .basic-list-english .c_icon span.prod-serv:before ,
.layout_tabstyle01 > .column4 .basic-list .c_icon span.store:before ,
.layout_tabstyle01 > .column4 .basic-list-english .c_icon span.store:before ,
.layout_tabstyle01 > .column4 .basic-list .c_icon span.event-pr:before ,
.layout_tabstyle01 > .column4 .basic-list-english .c_icon span.event-pr:before ,
.layout_tabstyle01 > .column4 .basic-list .c_icon span.new-act:before ,
.layout_tabstyle01 > .column4 .basic-list-english .c_icon span.new-act:before ,
.layout_tabstyle01 > .column4 .basic-list .c_icon span.social-env:before ,
.layout_tabstyle01 > .column4 .basic-list-english .c_icon span.social-env:before ,
.layout_tabstyle01 > .column4 .basic-list .c_icon span.overseas:before ,
.layout_tabstyle01 > .column4 .basic-list-english .c_icon span.overseas:before ,
.layout_tabstyle01 > .column4 .basic-list .c_icon span.company:before ,
.layout_tabstyle01 > .column4 .basic-list-english .c_icon span.company:before ,
.layout_tabstyle01 > .column4 .basic-list .c_icon span.kaiji:before ,
.layout_tabstyle01 > .column4 .basic-list-english .c_icon span.kaiji:before ,
.layout_tabstyle01 > .column4 .basic-list .c_icon span.other_release:before ,
.layout_tabstyle01 > .column4 .basic-list-english .c_icon span.other_release:before {
	display: none;
}





/*===== 簡易版PC/SP表示切り替え =====*/
/* 第１カラムがPC用、第２カラムがSP用 */
@media print, screen and (min-width: 768px) {
	#sharewithmain .lx_mcol2_flip.multiColumn2 > .column1 {
		display: inline-block;
		width: 100%;
		margin-right: 0;
	}

	#sharewithmain .lx_mcol2_flip.multiColumn2 > .column2 {
		display: none;
	}

	.mgnlEditorBar ~* #sharewithmain .lx_mcol2_flip.multiColumn2 > .column1 ,
	.mgnlEditorBar ~* #sharewithmain .lx_mcol2_flip.multiColumn2 > .column2 {
		display: inline-block;
	}

	.mgnlEditorBar ~* #sharewithmain .lx_mcol2_flip.multiColumn2 > .column1 {
		width: calc((100% - 20px * 1) * 0.6);
		margin-right: 20px;
	}

	.mgnlEditorBar ~* #sharewithmain .lx_mcol2_flip.multiColumn2 > .column2 {
		width: calc((100% - 20px * 1) * 0.4);
	}

	/*-- インデックスモード --*/
	body[id=index]:not(.col-subcol) [role="main"] > .lx_mcol2_flip {
		width: calc(100% - 20px);
		margin-right: 20px;
	}

	/*-- フルワイドカラム（ウインドウサイズいっぱい表示）以外 --*/
	body[id=wide] #sharewithmain > .lx_mcol2_flip.multiColumn2:not(.lx_mcol_full) > .column1 {
		width: 1000px;
	}

	body[id=wide] .mgnlEditorBar ~* #sharewithmain .lx_mcol2_flip.multiColumn2:not(.lx_mcol_full) > .column1 {
		width: calc((1000px - 20px * 1) * 0.6);
		margin-right: 20px;
	}

	body[id=wide] .mgnlEditorBar ~* #sharewithmain .lx_mcol2_flip.multiColumn2:not(.lx_mcol_full) > .column2 {
		width: calc((1000px - 20px * 1) * 0.4);
	}
}

@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .lx_mcol2_flip.multiColumn2 > .column1 {
		display: none;
	}

	#sharewithmain .lx_mcol2_flip.multiColumn2 > .column2 {
		display: inline-block;
	}

	.mgnlEditorBar ~* #sharewithmain .lx_mcol2_flip.multiColumn2 > .column1 ,
	.mgnlEditorBar ~* #sharewithmain .lx_mcol2_flip.multiColumn2 > .column2 {
		display: inline-block;
	}
}



/*==== orange family online ====*/
[data-page-marker~="orange"] #header {
	height: 0;
	margin-top: 100px;
}

[data-page-marker~="orange"] #promos3 {
	padding-top: 0;
}

[data-page-marker~="orange"] #promos3 .area-pc-header ,
[data-page-marker~="orange"] #promos3 .area-header-panel {
	display: none;
}

[data-page-marker~="orange"] #promos3 .ax_oragnge_header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1040px;
	background: #fff;
}

[data-page-marker~="orange"] #promos3 .ax_oragnge_header a img {
	opacity: 1;
}

[data-page-marker~="orange"] #promos3 .area-bottom-navi {
	display: none;
}

[data-page-marker~="orange"] #site-info .area-footer {
	padding: 0;
}

[data-page-marker~="orange"] #site-info .area-footer-frame ,
[data-page-marker~="orange"] #site-info .area-footer-sitemap ,
[data-page-marker~="orange"] #site-info .area-footer-sns-link ,
[data-page-marker~="orange"] #site-info .area-footer-link ,
[data-page-marker~="orange"] #site-info .area-footer-copyright {
	display: none;
}

[data-page-marker~="orange"] #section-site-info .ax_orange_footer {
	background: #14161b;
	color: #fff;
	width: 100%;
	min-width: 1040px;
}

[data-page-marker~="orange"] #section-site-info .ax_orange_footer > div {
	position: relative;
	width: 1040px;
	margin: 0 auto;
	padding: 20px 0;
}

[data-page-marker~="orange"] #section-site-info .ax_orange_footer img {
	display: block;
	width: 240px;
	margin-left: auto;
}

/* 詳細ページ */
body.superMulti[data-page-marker~="orange"] #page-intro:before ,
body.superMulti[data-page-marker~="orange"] #page-intro > .h0 ,
body.superMulti[data-page-marker~="orange"] #page-intro .sns-button {
	display: none;
}

body.superMulti[data-page-marker~="orange"]  #page-intro:after {
	min-width: 1000px;
}


/* TOP */
.lx_orange_multi2 .basic-list.thumnail ul.tabItems li ,
.lx_orange_multi2 .basic-list-english.thumnail ul.tabItems li {
	width: calc(100% / 3 - 20px);
}


[data-page-path="/ja/online/orange_family"] #page-intro {
	display: none;
}

body[data-page-path="/ja/online/orange_family"] #wrapper-3 {
	padding-top: 0;
}

[data-page-path="/en/online/orange_family"] [role="main"] > .multiColumn1 > .column > .reuse-main-area > .multiColumn1 > .column {
	width: 1000px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}


#sharewithmain .layout_orange_pickup {
	background: #f7f7f7;
	padding-bottom: 1px;
	margin-bottom: 100px;
}

#sharewithmain > .layout_orange_pickup {
	margin-top: 100px;
}

#sharewithmain .layout_orange_pickup > .column1 {
	position: relative;
	padding: 50px 0 0;
	margin-bottom: 30px;
}


/* スライド */
#sharewithmain .ux_slick_mcol_tile .slick-slide {
	margin-bottom: 0;
}

#sharewithmain .ux_slick_mcol_tile .arrow-dots {
}

#sharewithmain .ux_slick_mcol_tile .slick-prev ,
#sharewithmain .ux_slick_mcol_tile .slick-next {
	margin: 0;

	top: 50%;
	width: 50px;
	height: 50px;
	transform: translate(0, -50%);
	z-index: 1;
}

#sharewithmain .ux_slick_mcol_tile .slick-prev {
	left: -15px;
}
#sharewithmain .ux_slick_mcol_tile .slick-next {
	right: -15px;
}

#sharewithmain .ux_slick_mcol_tile .slick-prev::before ,
#sharewithmain .ux_slick_mcol_tile .slick-next::before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url("../../../../../../resources/sw_img/slide-prev.png") no-repeat center center;
	background-size: contain;
}

#sharewithmain .ux_slick_mcol_tile .slick-next::before {
	transform: scaleX(-1);
}

#sharewithmain .ux_slick_mcol_tile .slick-prev:hover ,
#sharewithmain .ux_slick_mcol_tile .slick-prev:focus ,
#sharewithmain .ux_slick_mcol_tile .slick-prev:active ,
#sharewithmain .ux_slick_mcol_tile .slick-next:hover ,
#sharewithmain .ux_slick_mcol_tile .slick-next:focus ,
#sharewithmain .ux_slick_mcol_tile .slick-next:active {
	opacity: 0.5;
}

#sharewithmain .ux_slick_mcol_tile .slick-dots {
	text-align: left;
}

#sharewithmain .ux_slick_mcol_tile .slick-dots li {
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 100%;
	margin: 0 5px;
}

#sharewithmain .ux_slick_mcol_tile .slick-dots li.slick-active {
	background: #000;
}


