/* CSS Document */
.wrap {
	overflow: inherit;
}
#Contents {
/**基本的にIRコンテンツ配下のcssはirContent配下にcssを作るようにする	**/
}
#Contents .h1_Block {
	z-index: 10;
	display: flex;
	align-items: center;
	background-image: url(../img/h1_bg.png);
background-position: left center;
background-repeat: no-repeat;
background-size: contain;

	background-color: #f4f8f9;
	max-width: 1200px;
	height: 80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	margin: 0px auto 100px;
	padding-left: 100px;
	font-size: 30px;
	line-height: 105%;
	position: relative;
}
#Contents .h1_Block h1 {
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#Contents .inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
/**
メインコンテンツ
**/

#Contents .inner #mainContents {
	width: 824px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 145%;
	
}
/**---お客様相談室用のレイアウト（右:コンテンツ/左：サイドバー---**/
#Contents .inner.support #mainContents {
	order: 2;
}
#Contents .inner.support #subNav {
	order: 1;
}
/**---お客様相談室用のレイアウト（右:コンテンツ/左：サイドバー---**/

#Contents .inner #mainContents a.blank::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 9px;
	background-image: url(/common/img/ico_blank01.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

#Contents .inner #mainContents article {
	margin-bottom: 5em;
}
#Contents .inner #mainContents section {
	margin-bottom: 4em;
}

#Contents .inner #mainContents h2 {
	font-size: 26px;
	padding: 0px;
	margin: 0px 0px 1.15em;
	border-bottom: 2px solid #0052a4;
	line-height: 175%;
}
#Contents .inner #mainContents h3 {
	font-size: 20px;
	padding: 0px;
	margin: 0px 0px 1.15em;
	line-height: 175%;
}
#Contents .inner #mainContents h3::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f152";
	color: #3B89FF;
	margin-right: 0.2em;
}



#Contents .inner #mainContents h4 {
	font-size: 16px;
}
#Contents .inner #mainContents h4::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f152";
	color: #c0c0c0;
	margin-right: 0.2em;
}

#Contents .inner #mainContents h5 {
	font-weight: bold;
}
#Contents .inner #mainContents h5::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	color: #6dbae5;
	margin-right: 0.3em;
}

/**アンカーボックス**/
#Contents .inner #mainContents ul.anchorBox {
	margin: 0px 0px 70px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}
#Contents .inner #mainContents ul.anchorBox li {
	margin: 0px 0px 0.2em;
	padding: 0px 2.2em;
	border-left: 2px solid #e6e6e6;
	width: 33.3%;
}
#Contents .inner #mainContents ul.anchorBox li:last-child,
#Contents .inner #mainContents ul.anchorBox li:nth-child(3n) {
	border-right: 2px solid #e6e6e6;
}

#Contents .inner #mainContents ul.anchorBox li a {
	display: block;
	padding: 8px;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	text-indent: -1.5em;
	
}
#Contents .inner #mainContents ul.anchorBox li a:hover {
	background-color: #f0f0f0;
}
#Contents .inner #mainContents ul.anchorBox li a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f078";
	color: #0052a4;
	margin-right: 0.5em;
}
/**アンカーボックス▲▲▲▲**/

/**アンカーボックス4列**/
#Contents .inner #mainContents ul.anchorBox.column4 li {
	width: 25%;
}
#Contents .inner #mainContents ul.anchorBox.column4 li:last-child,
#Contents .inner #mainContents ul.anchorBox.column4 li:nth-child(4n) {
	border-right: 2px solid #e6e6e6;
}
#Contents .inner #mainContents ul.anchorBox.column4 li:nth-child(3n) {
	border-right: none;
}
/**アンカーボックス▲▲▲▲**/



/**標準パラグラフ**/
#Contents .inner #mainContents p {
	font-size: 14px;
	line-height: 150%;
	margin: 0px 0px 1.15em;
	padding: 0px;
}
#Contents .inner #mainContents p.centerAlign {
	text-align: center;
}

.red {
    color: #ff0000;
}
.orange {
    color: #ff8800;
}
/**標準リスト*/
#Contents .inner #mainContents .normalList {
margin: 0px;
	padding: 0px;
}
#Contents .inner #mainContents .normalList li {
	margin: 0px 0px 0.7em;
	text-indent: -1em;
	padding: 0px 0px 0px 1em;
	line-height: 170%;
}
#Contents .inner #mainContents .normalList li::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	color: #0052a4;
	margin-right: 0.3em;
	font-size: 0.8em;
}
/**標準数字リスト*/
#Contents .inner #mainContents ol.normalList {
	list-style: none;
	counter-reset: ol_li;
}
#Contents .inner #mainContents ol.normalList li::before {
	font-family: 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, Verdana, sans-serif;
	counter-increment: ol_li; /* ol_li カウンタの値に1加える */
	content: counter(ol_li); /* before擬似要素のcontentで出力 */
	font-size: 1.2em;
	color: #444;
}
/**○付**/
#Contents .inner #mainContents ol.normalList.maru li {
	padding-left: 1.25em;
	position: relative;
	text-indent: 0px;
}
#Contents .inner #mainContents ol.normalList.maru li span {
	position: absolute;
	left: 0;
	margin: 0;
	font-size: 1.1em;
}
#Contents .inner #mainContents ol.normalList.maru li::before {
	content: none;
}


/**入れ子の数字リスト**/
#Contents .inner #mainContents ol.normalList > li > ol > li::before {
	content: "(" counter(ol_li) ")"; /* before擬似要素のcontentで出力 */
	color: #000000;
	font-weight: normal;
}

/**標準ボタン**/
#Contents .inner #mainContents .normalButton {
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	background-color: #0052a4;
	padding: 0.7em 3em;
	text-decoration: none;
	margin-left: 0.5em;
	margin-right: 0.5em;
	position: relative;
}
#Contents .inner #mainContents .normalButton::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138";
	position: absolute;
	top: 50%;
right: 10px;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}


#Contents .inner #mainContents .normalButton:hover {
	opacity: 0.7;
}
#Contents .inner #mainContents .normalButton2 {
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	background-color: #ff7200;
	padding: 0.7em 3em;
	text-decoration: none;
	margin-left: 0.5em;
	margin-right: 0.5em;
	position: relative;
}
#Contents .inner #mainContents .normalButton2::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138";
	position: absolute;
	top: 50%;
right: 10px;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}


#Contents .inner #mainContents .normalButton2:hover {
	opacity: 0.7;
}
/**標準テーブル**/
#Contents .inner #mainContents .normalTableScroll {
}
#Contents .inner #mainContents .normalTable.full {
	width: 100%;
}
#Contents .inner #mainContents .normalTable {
	border-collapse: collapse;
	margin-bottom: 1em;
}
#Contents .inner #mainContents .normalTable,
#Contents .inner #mainContents .normalTable td,
#Contents .inner #mainContents .normalTable th{
	border: 1px solid #cccccc;
}
#Contents .inner #mainContents .normalTable td,
#Contents .inner #mainContents .normalTable th{
	padding: 0.6em 1em 0.5em;
	
	}
#Contents .inner #mainContents .normalTable .level01 {
    background: #0033aa;
    color: #ffffff;
}
#Contents .inner #mainContents .normalTable .level02 {
    background: #d8e4ff;
    color: #000000;
}

/**注意事項**/
#Contents .inner #mainContents .caution {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	padding: 2.5em 0.5em 0px;
	border: 2px solid #1769ba;
	position: relative;
	margin-bottom: 1em;
}
#Contents .inner #mainContents .caution .ttl {
	position: absolute;
	color: #ffffff;
	background-color:  #1769ba;
	padding: 0.3em 0.8em;
	top: 0px;
	left: 0px;
}
#Contents .inner #mainContents .caution .ttl::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f071";
	margin-right: 0.2em;
	
}

/**Q&A**/
#Contents .inner #mainContents .qa {
	margin: 0px 0px 2em;
	padding: 0px;
}
#Contents .inner #mainContents .qa dt,
#Contents .inner #mainContents .qa dd {
	text-indent: -3em;
	padding: 0px 0px 0px 3em;
	line-height: 170%;
}
#Contents .inner #mainContents .qa dt {
	margin-bottom: 0.8em;
	/*
	color: #0033aa;
	font-weight: bold;
	*/
}

#Contents .inner #mainContents .qa dt::before {
	content: 'Q';
	color: #ffffff;
	background-color: #0052a4;
	padding: 3px 9px 5px;
	line-height: 100%;
	margin-right: 1em;
}
#Contents .inner #mainContents .qa dd strong {
	color: #ff6600;
}

#Contents .inner #mainContents .qa dd::before {
	content: 'A';
	color: #ffffff;
	background-color: #eeaf00;
	padding: 3px 9px 5px;
	line-height: 100%;
	margin-right: 1em;
}


/**画像**/
#Contents .inner #mainContents img {
	max-width: 100%;
	height: auto;
}
/**フロート画像**/
#Contents .inner #mainContents img.leftFloat {
	float: left;
	margin: 0px 1em 1em 0px;
}
#Contents .inner #mainContents img.rightFloat {
	float: right;
	margin: 0px 0px 1em 1em;
}
#Contents .inner #mainContents img.centerFloat {
	display: block;
	margin: 0px auto 1em;
}

/**ページ上部へ**/
#Contents .inner #mainContents .backtop {
	text-align: right;
	clear: both;
}
#Contents .inner #mainContents .backtop > a {
	display: inline-block;
	padding: 8px;
	text-decoration: none;
	color: #000000;
}
#Contents .inner #mainContents .backtop > a:hover {
	background-color: #f0f0f0;
}
#Contents .inner #mainContents .backtop > a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f077";
	color: #0052a4;
	margin-right: 5px;
}





/**カラムシステム**/
#Contents .inner #mainContents .column {
	display: flex;
	flex-wrap: wrap;
}
#Contents .inner #mainContents .column > div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px;
	margin-bottom: 0.5em;
}
#Contents .inner #mainContents .column .col_1_4 {
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
}
#Contents .inner #mainContents .column .col_2_4 {
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}
#Contents .inner #mainContents .column .col_3_4 {
	width: 73%;
	margin-left: 1%;
	margin-right: 1%;
}
#Contents .inner #mainContents .column .col_full {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}
#Contents .inner #mainContents .column .col_1_3 {
	width: 31.3%;
	margin-left: 1%;
	margin-right: 1%;
}
#Contents .inner #mainContents .column .col_2_3 {
	width: 64.6%;
	margin-left: 1%;
	margin-right: 1%;
}
#Contents .inner #mainContents .column .col_1_5 {
	width: 18%;
	margin-left: 1%;
	margin-right: 1%;
}
#Contents .inner #mainContents .column .col_2_5 {
	width: 38%;
	margin-left: 1%;
	margin-right: 1%;
}
#Contents .inner #mainContents .column .col_3_5 {
	width: 58%;
	margin-left: 1%;
	margin-right: 1%;
}
#Contents .inner #mainContents .column .col_4_5 {
	width: 78%;
	margin-left: 1%;
	margin-right: 1%;
}
/**カラムシステム▲▲▲▲**/

/**youtube（iframe）**/
#Contents .inner #mainContents .youtube_wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 1em;
}

#Contents .inner #mainContents .youtube_wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/**youtube（iframe） ▲▲▲▲**/



/**
メインコンテンツ ▲▲▲▲
**/

/**
サブナビゲーション
**/
#Contents .inner #subNav {
	width: 306px;
	color: #ffffff;
	text-align: left;
	padding-bottom:14px; 
	background-color: #ffffff;
	
}
#Contents .inner #subNav .subNavInner {
	background-color: #0052a4;
	margin-bottom: 0.7em;
	padding-bottom: 0.2em;
}
#Contents .inner #subNav .spBar {
	display: none;
}

#Contents .inner #subNav .navTitle {
	font-size: 18px;
	padding: 32px 40px 28px;
	margin: 0px;
/*	background-color: #1769ba;*/
	position: relative;
	display: block;
}
#Contents .inner #subNav .navTitle::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	position: absolute;
	top: 50%;
right: 40px;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}

/**メイン**/
#Contents .inner #subNav ul > li > a {
	font-size: 15px;
	position: relative;
	padding: 18px 40px 16px;
}

#Contents .inner #subNav ul > li > a::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138";
	position: absolute;
	top: 50%;
right: 40px;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}

/**サブ**/
#Contents .inner #subNav ul > li ul.innerNav {
	display: none;
	background-color: #1769ba;
	padding: 10px 0px;
}
#Contents .inner #subNav ul > li ul.innerNav > li > a {
	font-size: 14px;
	position: relative;
	padding: 10px 40px 8px 45px;
}
#Contents .inner #subNav ul > li ul.innerNav > li > a::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	position: absolute;
	top: 50%;
right: 43px;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}

/**リンクの共通処理**/
#Contents .inner #subNav a {
	color: #ffffff;
	position: relative;
	display: block;
	text-decoration: none;
}
#Contents .inner #subNav a:hover {
	background-color: rgba(0,0,0,0.2);
}

/**メニュー外のリンク*/
#Contents .inner #subNav .otherlink {
	padding: 0px 10px 15px;
}
#Contents .inner #subNav .otherlink a {
	color: #07e;
	padding: 0.4em 0px 0px;
	font-size: 15px;
}
#Contents .inner #subNav .otherlink a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #1769ba;
	margin-right: 0.4em;
	text-decoration: none;
}
#Contents .inner #subNav .otherlink a:hover {
	background-color: transparent;
}
#Contents .inner #subNav .otherlink a.banner::before {
	content: none;
}


/**トップメッセージ**/
#Contents .inner.topmessage #subNav ul > li.topmessage > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.topmessage #subNav ul > li.topmessage > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}

/**中期経営計画**/
#Contents .inner.plan #subNav ul > li.plan > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.plan #subNav ul > li.plan > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}


/**個人投資家の皆様へ**/
#Contents .inner.personal #subNav ul > li.personal ul.innerNav {
	display: block;
}
#Contents .inner.personal #subNav ul > li.personal > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.personal #subNav ul > li.personal > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}
#Contents .inner.personal #subNav ul > li.personal > a::after {
	content: "\f13a";
}
#Contents .inner.medium #subNav ul > li ul.innerNav > li.medium > a,
#Contents .inner.strength #subNav ul > li ul.innerNav > li.strength > a,
#Contents .inner.dividend_policy #subNav ul > li ul.innerNav > li.dividend_policy > a {
	background-color: rgba(255,255,255,0.3);
}

/**タカラトミーの紹介**/
#Contents .inner.overview #subNav ul > li.overview > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.overview #subNav ul > li.overview > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}

/**財務・業績情報**/
#Contents .inner.highlight #subNav ul > li.highlight ul.innerNav {
	display: block;
}
#Contents .inner.highlight #subNav ul > li.highlight > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.highlight #subNav ul > li.highlight > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}
#Contents .inner.highlight #subNav ul > li.highlight > a::after {
	content: "\f13a";
}
#Contents .inner.highlights #subNav ul > li ul.innerNav > li.highlights > a,
#Contents .inner.highlights2 #subNav ul > li ul.innerNav > li.highlights2 > a,
#Contents .inner.highlights3 #subNav ul > li ul.innerNav > li.highlights3 > a,
#Contents .inner.highlights4 #subNav ul > li ul.innerNav > li.highlights4 > a,
#Contents .inner.highlights5 #subNav ul > li ul.innerNav > li.highlights5 > a,
#Contents .inner.highlights6 #subNav ul > li ul.innerNav > li.highlights6 > a,
#Contents .inner.highlights7 #subNav ul > li ul.innerNav > li.highlights7 > a,
#Contents .inner.highlights8 #subNav ul > li ul.innerNav > li.highlights8 > a,
#Contents .inner.highlights9 #subNav ul > li ul.innerNav > li.highlights9 > a {

	background-color: rgba(255,255,255,0.3);
}


/**IRライブラリー**/
#Contents .inner.financial #subNav ul > li.financial ul.innerNav {
	display: block;
}
#Contents .inner.financial #subNav ul > li.financial > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.financial #subNav ul > li.financial > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}
#Contents .inner.financial #subNav ul > li.financial > a::after {
	content: "\f13a";
}
#Contents .inner.new #subNav ul > li ul.innerNav > li.new > a,
#Contents .inner.review #subNav ul > li ul.innerNav > li.review > a,
#Contents .inner.edinet #subNav ul > li ul.innerNav > li.edinet > a,
#Contents .inner.businessreport #subNav ul > li ul.innerNav > li.businessreport > a,
#Contents .inner.presentation #subNav ul > li ul.innerNav > li.presentation > a,
#Contents .inner.before #subNav ul > li ul.innerNav > li.before > a,
#Contents .inner.annual #subNav ul > li ul.innerNav > li.annual > a {
	background-color: rgba(255,255,255,0.3);
}

/**IRカレンダー**/
#Contents .inner.calendar #subNav ul > li.calendar > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.calendar #subNav ul > li.calendar > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}


/**株式情報**/
#Contents .inner.stock #subNav ul > li.stock ul.innerNav {
	display: block;
}
#Contents .inner.stock #subNav ul > li.stock > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.stock #subNav ul > li.stock > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}
#Contents .inner.stock #subNav ul > li.stock > a::after {
	content: "\f13a";
}
#Contents .inner.stockinfo #subNav ul > li ul.innerNav > li.stockinfo > a,
#Contents .inner.call #subNav ul > li ul.innerNav > li.call > a,
#Contents .inner.stockholder #subNav ul > li ul.innerNav > li.stockholder > a,
#Contents .inner.procedures #subNav ul > li ul.innerNav > li.procedures > a {
	background-color: rgba(255,255,255,0.3);
}

/**電子公告*/
#Contents .inner.notification #subNav ul > li.notification > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.notification #subNav ul > li.notification > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}
/**事業等のリスクr*/
#Contents .inner.risk #subNav ul > li.risk > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.risk #subNav ul > li.risk > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}
/**買収防衛策についてr*/
#Contents .inner.defense #subNav ul > li.defense > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.defense #subNav ul > li.defense > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}
/**IRポリシー*/
#Contents .inner.policy #subNav ul > li.policy > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.policy #subNav ul > li.policy > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}
/**FAQ/IR窓口*/
#Contents .inner.faq #subNav ul > li.faq > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.faq #subNav ul > li.faq > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}


/** 投資家情報 **/
#Contents .topmessage.inner #subNav,
#Contents .stock.inner #subNav,
#Contents .plan.inner #subNav,
#Contents .personal.inner #subNav,
#Contents .overview.inner #subNav,
#Contents .highlight.inner #subNav,
#Contents .financial.inner #subNav,
#Contents .calendar.inner #subNav,
#Contents .notification.inner #subNav,
#Contents .risk.inner #subNav,
#Contents .policy.inner #subNav,
#Contents .faq.inner #subNav,
#Contents .usage.inner #subNav,
#Contents .disclaimer.inner #subNav,
#Contents .irsitemap.inner #subNav{
	order: 1;
}

#Contents .topmessage.inner #mainContents,
#Contents .stock.inner #mainContents,
#Contents .plan.inner #mainContents,
#Contents .personal.inner #mainContents,
#Contents .overview.inner #mainContents,
#Contents .highlight.inner #mainContents,
#Contents .financial.inner #mainContents,
#Contents .calendar.inner #mainContents,
#Contents .notification.inner #mainContents,
#Contents .risk.inner #mainContents,
#Contents .policy.inner #mainContents,
#Contents .faq.inner #mainContents,
#Contents .usage.inner #mainContents,
#Contents .disclaimer.inner #mainContents,
#Contents .irsitemap.inner #mainContents{
	order: 2;
}


/**会社情報のサイドメニュー関連**/

#Contents .company.inner #subNav {
	order: 1;
}

#Contents .company.inner #mainContents {
	order: 2;
}

/**トップメッセージ**/
#Contents .inner.greeting #subNav ul > li.greeting > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
/**理念**/
#Contents .inner.philosophy #subNav ul > li.philosophy > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
/**会社概要**/
#Contents .inner.about #subNav ul > li.about ul.innerNav {
	display: block;
}
#Contents .inner.about #subNav ul > li.about > a {
	/*background-color: rgba(255,255,255,0.2);*/
	background-color: #f4f8f9;
color:#1769ba;
}
#Contents .inner.about #subNav ul > li.about > a:hover {
	background-color: rgba(0,0,0,0.2);
color:#ffffff;
}
#Contents .inner.about #subNav ul > li.about > a::after {
	content: "\f13a";
}
#Contents .inner.officer #subNav ul > li ul.innerNav > li.officer > a,
#Contents .inner.map #subNav ul > li ul.innerNav > li.map > a {
	background-color: rgba(255,255,255,0.3);
}

/**グループ会社**/
#Contents .inner.grouplist #subNav ul > li.grouplist > a {
	background-color: #f4f8f9;
color:#1769ba;
}
/**社史・商品史**/
#Contents .inner.history #subNav ul > li.history > a {
	background-color: #f4f8f9;
color:#1769ba;
}
/**コーポレートガバナンス**/
#Contents .inner.governance #subNav ul > li.governance > a {
	background-color: #f4f8f9;
color:#1769ba;
}

/**タカラトミー PRIDE**/
#Contents .inner.pride_2014 #subNav ul > li.pride_2014 > a {
	background-color: #f4f8f9;
color:#1769ba;
}


/**会社情報のサイドメニュー関連end**/

/**商品情報のサイドメニュー関連**/
#Contents #ProductsList.inner #subNav {
	background-color: transparent;
}
#Contents #ProductsList.inner #subNav .subNavInner {
	background-color: #1a6dc0;
	padding-bottom: 14px;
}
#Contents #ProductsList.inner #subNav .other {
	text-align: right;
	margin-top: 0.8em;
}
#Contents #ProductsList.inner #subNav .other a {
	display: inline-block;
	padding: 0.5em 1em;
	background-color: #0052a4;
}
#Contents #ProductsList.inner #subNav .other a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	margin-right: 0.5em;
}
#Contents #ProductsList.inner #subNav ul > li > label {
	padding: 18px 0px 16px 80px;
	display: block;
	cursor: pointer;
	font-size: 15px;
	position: relative;
}
#Contents #ProductsList.inner #subNav ul > li > label::after {
	content: "";
	position: absolute;
	top: 50%;
left: 35px;
	
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
	width: 34px;
	height: 30px;
background-position: left center;
background-repeat: no-repeat;
background-size: contain;

}



#Contents #ProductsList.inner #subNav ul > li.age > label::after {
	background-image: url(../img/age.png);
}
#Contents #ProductsList.inner #subNav ul > li.character > label::after {
	background-image: url(../img/character.png);
}
#Contents #ProductsList.inner #subNav ul > li.play > label::after {
	background-image: url(../img/play.png);
}
#Contents #ProductsList.inner #subNav ul > li.playtogether > label::after {
	/*background-image: url(../img/playtogether.png);*/
}
#Contents #ProductsList.inner #subNav ul > li.type > label::after {
	background-image: url(../img/type.png);
}

/**開閉ギミック**/
#Contents #ProductsList.inner #subNav ul > li .acd-check{
    display: none;
}
#Contents #ProductsList.inner #subNav ul > li ul.innerNav {
    display: block;
/* 閉じている状態 */
  padding-top: 0;
  padding-bottom: 0;
  /* 閉じるアニメーション */
  transition:
    padding-top    .3s ease-out,
    padding-bottom .3s ease-out;    
}
#Contents #ProductsList.inner #subNav ul > li .acd-check:checked + ul.innerNav {
    /* 開いている状態 */
    padding: 10px 0px;
    /* 開くアニメーション */
  transition:
    padding-top    .3s ease-out,
    padding-bottom .3s ease-out;
}


#Contents #ProductsList.inner #subNav ul > li ul.innerNav > li > a {
  /* 閉じている状態 */
  line-height: 0;
  opacity: 0;
  visibility: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    /* 閉じるアニメーション */
transition:
    line-height .3s ease-out,
    opacity     .1s linear,
    visibility  .1s linear,
        padding-top    .3s ease-out,
    padding-bottom .3s ease-out;
}
#Contents #ProductsList.inner #subNav ul > li .acd-check:checked + ul.innerNav > li > a {
    /* 開いている状態 */
  line-height: 1.5;
  opacity: 1;
  visibility: visible;    
    padding-top: 10px;
    padding-bottom: 8px;
    /* 開くアニメーション */
transition:
    line-height .3s ease-out,
    opacity     .1s linear,
    visibility  .1s linear,
        padding-top    .3s ease-out,
    padding-bottom .3s ease-out;
}




/*#Contents .inner #subNav ul > li .acd-check:checked + .acd-label + ul.innerNav {*/
#Contents #ProductsList.inner #subNav ul > li .acd-check:checked + ul.innerNav {
    display: block;
}



/**商品情報のサイドメニュー関連 end**/


/**お客様相談室のサイドメニュー関連**/

/**お問い合わせ先**/
#Contents .inner.privacypolicy #subNav ul > li.other > a,
#Contents .inner.other #subNav ul > li.other > a {
	background-color: #f4f8f9;
color:#1769ba;
}
/**お客様へのお知らせ**/
#Contents .inner.owabi #subNav ul > li.important > a,
#Contents .inner.important #subNav ul > li.important > a {
	background-color: #f4f8f9;
color:#1769ba;
}
/**電池の正しい使い方**/
#Contents .inner.denchi #subNav ul > li.denchi > a {
	background-color: #f4f8f9;
color:#1769ba;
}
/**修理のご案内**/
#Contents .inner.syuri #subNav ul > li.syuri > a {
	background-color: #f4f8f9;
color:#1769ba;
}
/**その他ご連絡先**/
#Contents .inner.contact #subNav ul > li.contact > a {
	background-color: #f4f8f9;
color:#1769ba;
}


/**お客様相談室のサイドメニュー関連end**/

/**
サブナビゲーション ▲▲▲▲
**/


@media screen and (max-width: 639px) {
#Contents .h1_Block {
	font-size: 22px;
	height: 60px;
		padding-left: 80px;
		padding-right: 70px;
	margin-bottom: 30px;

	}
#Contents .h1_Block h1 {
}
	
#Contents .inner {
	display: block;
}
/**
メインコンテンツ
**/

#Contents .inner #mainContents {
	width: 100%;
}

#Contents .inner #mainContents h2 {
	font-size: 18px;
}
#Contents .inner #mainContents h3 {
	font-size: 18px;
}

#Contents .inner #mainContents article {
	margin-bottom: 3.5em;
}
#Contents .inner #mainContents section {
	margin-bottom: 2.5em;
}




/**アンカーボックス**/
#Contents .inner #mainContents ul.anchorBox {
	display: none;
	}
/**標準ボタン**/
#Contents .inner #mainContents .normalButton {
	font-size: 16px;
}
#Contents .inner #mainContents .normalButton2 {
	font-size: 16px;
}
	
/**フロート画像**/
#Contents .inner #mainContents img.leftFloat,
#Contents .inner #mainContents img.rightFloat {
	clear: both;
	float: none;
	display: block;
	margin: 0px auto 1em;
}
	
/**標準テーブル**/
#Contents .inner #mainContents .normalTableScroll {
	overflow-x: scroll;
	white-space: nowrap;
}
#Contents .inner #mainContents .normalTable {
	width: 100%;
}
	
#Contents .inner #mainContents .normalTableScroll::-webkit-scrollbar {
	height: 5px;
}
	
#Contents .inner #mainContents .normalTableScroll::-webkit-scrollbar-track {
    background: #f1f1f1;
	}
#Contents .inner #mainContents .normalTableScroll::-webkit-scrollbar-thumb {
    background: #bcbcbc;
	}	
	
/**カラムシステム**/
#Contents .inner #mainContents .column {
	display: block;
}
#Contents .inner #mainContents .column .col_1_4,
#Contents .inner #mainContents .column .col_2_4,
#Contents .inner #mainContents .column .col_3_4,
#Contents .inner #mainContents .column .col_full,
#Contents .inner #mainContents .column .col_1_3,
#Contents .inner #mainContents .column .col_2_3,
#Contents .inner #mainContents .column .col_1_5,
#Contents .inner #mainContents .column .col_2_5,
#Contents .inner #mainContents .column .col_3_5,
#Contents .inner #mainContents .column .col_4_5 {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	
}
/**カラムシステム▲▲▲▲**/	
	
/**
メインコンテンツ ▲▲▲▲
**/
	
/**
サブナビゲーション
**/
#Contents .inner #subNav {
	width: 100%;
	position: absolute;
	top: -30px;
	left: 0px;
	padding: 0px;
	z-index: 100;
}
	
	#Contents .inner #subNav .subNavInner {
	display: none;
	}
#Contents #ProductsList.inner #subNav .other {
	display: none;
}
#Contents .inner #subNav .otherlink {
	display: none;
		border-bottom: 1px solid #cccccc;
}
	
	
	#Contents .inner #subNav .spBar {
	position: absolute;
	display: block;
	padding: 15px;
	right: 0px;
	top: -55px;
	line-height: 100%;
}
#Contents .inner #subNav .spBar::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0c9";
	color: #0052a4;
	font-size: 28px;
	}
#Contents .inner #subNav .spBar.open::before {
	content: "\f00d";
	}

	
	#Contents .inner #subNav .navTitle {
	padding: 25px 25px 22px;
}
#Contents .inner #subNav .navTitle::after {
right: 25px;
}

/**メイン**/
#Contents .inner #subNav ul > li > a {
	position: relative;
	padding: 18px 25px 16px;
}

#Contents .inner #subNav ul > li > a::after {
right: 25px;
}

/**サブ**/
#Contents .inner #subNav ul > li ul.innerNav {
	display: none;
	background-color: #1769ba;
	padding: 10px 0px;
}
#Contents .inner #subNav ul > li ul.innerNav > li > a {
	padding: 10px 30px 8px 35px;
}
#Contents .inner #subNav ul > li ul.innerNav > li > a::after {
right: 30px;
}
	
	
/**
サブナビゲーション ▲▲▲▲
**/
	
	
	
}

/**
プロダクトコンテンツ ▲▲▲▲
**/
#Contents #ProductsList.inner #mainContents .productsCategoryList .col h3.ttl {
    font-size: 14px;
    line-height: 150%;
    margin: 0px 0px 1em;
    padding: 0px;
    border-bottom: none;
    font-weight: bold;
}